.event-tutorials{min-width:0;padding:1.25rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-card)}.event-tutorials>.section-header-inline{align-items:center;margin-bottom:.85rem}.tutorial-subscribe{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;white-space:nowrap}.tutorial-subscribe svg{flex-shrink:0}.tutorial-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.tutorial-controls{display:flex;flex-wrap:wrap;gap:.5rem}.tutorial-controls .form-input{width:auto;max-width:100%;font-size:.85rem;padding:.5rem .7rem}.tutorial-controls input{width:190px}.tutorial-attribution{color:var(--text-muted);font-size:.85rem;margin:0}.tutorial-attribution a,.tutorial-footer>a{color:var(--accent)}.tutorial-carousel{position:relative}.tutorial-carousel.is-empty{display:none}.tutorial-correction-link{margin-left:auto;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}.tutorial-correction-link:hover{color:var(--accent)}.tutorial-suggestion-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.tutorial-video-author{margin-top:.35rem}.tutorial-video-author a{color:var(--accent)}.tutorial-contribute-intro{margin:.5rem 0 1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.6}.tutorial-playlist-help{color:var(--text-secondary);font-size:.85rem;line-height:1.65}.tutorial-playlist-help{margin-top:.65rem}.tutorial-playlist-help p+p{margin-top:.65rem}.tutorial-creator-list{display:inline-block;margin-left:.5rem}.tutorial-creator-list summary,.tutorial-editor-help summary{cursor:pointer;color:var(--accent)}.tutorial-creator-list[open] a{display:block;margin-top:.3rem}.tutorial-creator-list[open]{max-height:160px;overflow:auto}.tutorial-source-editor{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border)}.tutorial-source-editor h3{font-size:1rem;margin-bottom:.65rem}.tutorial-editor-help{font-size:.85rem;margin:.75rem 0}.tutorial-source-editor>label{display:block}.tutorial-track{--tutorial-columns: 3;display:flex;align-items:stretch;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:.75rem}.tutorial-carousel-arrow{position:absolute;z-index:2;top:var(--tutorial-arrow-top, 80px);width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border-light);border-radius:50%;background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 10px #0006;cursor:pointer}.tutorial-carousel-prev{left:-12px}.tutorial-carousel-next{right:-12px}.tutorial-carousel-arrow:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.tutorial-carousel-arrow:disabled{opacity:.45;cursor:default}.tutorial-carousel-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tutorial-card{flex:0 0 calc((100% - (var(--tutorial-columns) - 1) * 1rem) / var(--tutorial-columns));display:flex;flex-direction:column;min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid var(--border);border-radius:9px;background:var(--bg-body)}.tutorial-card-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:.85rem}.tutorial-thumbnail{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary);flex-shrink:0}.tutorial-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.tutorial-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff;background:#151515db;border-radius:7px;padding:.45rem .85rem}.tutorial-thumbnail:hover .tutorial-play{background:#d00}.tutorial-video-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 .35rem;line-height:1.5;font-size:.9rem;font-weight:600;color:var(--text-primary)}.tutorial-video-meta{color:var(--text-muted);font-size:.75rem}.tutorial-game-links{display:flex;flex-direction:column;gap:.4rem;margin-top:.8rem}.tutorial-game-link,.tutorial-reward-link{display:flex;align-items:baseline;gap:.4rem;min-width:0;font-size:.8rem;color:var(--text-primary)}.tutorial-game-link>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-game-link:hover,.tutorial-reward-link:hover{color:var(--accent)}.tutorial-link-label{color:var(--text-muted);font-size:.65rem;flex-shrink:0}.tutorial-rewards{margin-top:.6rem;font-size:.75rem}.tutorial-rewards>summary{color:var(--accent);cursor:pointer}.tutorial-reward-links{display:grid;gap:.5rem;margin-top:.65rem}.tutorial-reward-link{align-items:flex-start}.tutorial-reward-link>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.tutorial-owned-mark{margin-left:auto;color:var(--success, #41c681)}.tutorial-progress{display:flex;justify-content:flex-end;gap:.45rem;padding:.7rem .85rem;margin:.85rem -.85rem -.85rem;border-top:1px solid var(--border);font-size:.78rem;font-weight:600;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--text-muted) 16%,transparent))}.tutorial-complete .tutorial-progress{background:linear-gradient(to right,transparent,#16834e66)}.tutorial-partial .tutorial-progress{background:linear-gradient(to right,transparent,#ae631d66)}.tutorial-progress-count{font-variant-numeric:tabular-nums}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.65rem;font-size:.8rem}.tutorial-footer [role=status]{color:var(--text-muted)}.tutorial-dialog{width:min(900px,95vw);max-height:95vh;margin:auto;padding:1rem;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);background:var(--bg-primary, #111)}.tutorial-dialog::backdrop{background:#000b}.tutorial-dialog>button{display:block;margin:0 0 .75rem auto}.tutorial-dialog iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}@media(max-width:900px){.tutorial-track{--tutorial-columns: 2}.tutorial-toolbar{align-items:flex-start;flex-direction:column;gap:.75rem}}@media(max-width:560px){.event-tutorials{padding:1rem}.event-tutorials>.section-header-inline{align-items:flex-start;flex-direction:column;gap:.75rem}.tutorial-subscribe{margin-left:0}.tutorial-track{--tutorial-columns: 1}.tutorial-controls{width:100%}.tutorial-controls label:first-child{flex:1;min-width:0}.tutorial-controls input{width:100%}.tutorial-footer{flex-wrap:wrap}.tutorial-carousel-arrow{width:36px;height:36px}}@media(prefers-reduced-motion:no-preference){.tutorial-track{scroll-behavior:smooth}}