:root{color-scheme:dark;--bg:#0b1220;--surface:#111827;--surface-raised:#182235;--text:#e5e7eb;--muted:#aab4c4;--amber:#f59e0b;--sky:#38bdf8;--line:#334155;--max:72rem;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;line-height:1.7}a{color:var(--sky);text-underline-offset:.2em}a:hover{color:#7dd3fc}a:focus-visible{outline:.2rem solid var(--amber);outline-offset:.2rem;border-radius:.15rem}.shell{width:min(calc(100% - 2rem), var(--max));margin-inline:auto}.skip-link{z-index:10;background:var(--amber);color:#111827;padding:.7rem 1rem;font-weight:800;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);background:#0b1220eb}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.5rem;display:flex}.brand{color:var(--text);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand span{border:2px solid var(--amber);width:2.3rem;height:2.3rem;color:var(--amber);border-radius:.5rem;place-items:center;font-weight:900;display:grid}nav ul{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}nav a{color:var(--muted);font-weight:700;text-decoration:none}nav a[aria-current=page]{color:var(--amber)}.page-shell{min-height:calc(100vh - 13rem);padding-block:clamp(2rem,5vw,4rem)}.hero{max-width:56rem;padding-block:clamp(1rem,5vw,4rem)}.hero-with-art{isolation:isolate;border:1px solid var(--line);background:#060b14;border-radius:1rem;align-items:center;max-width:none;min-height:clamp(32rem,66vw,47rem);margin-top:-2rem;display:grid;position:relative;overflow:hidden}.hero-with-art:after{content:"";z-index:-1;background:linear-gradient(90deg,#060b14fa 0%,#060b14d9 36%,#060b142e 72%);position:absolute;inset:0}.hero-with-art>img{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-copy{width:min(61%,46rem);padding:clamp(1.5rem,5vw,4rem)}.eyebrow{color:var(--amber);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:900}h1,h2,h3{text-wrap:balance;line-height:1.15}h1{letter-spacing:-.04em;max-width:58rem;margin:.5rem 0 1.25rem;font-size:clamp(2.25rem,7vw,4.8rem)}h2{margin-top:2.8rem;font-size:clamp(1.55rem,4vw,2.25rem)}h3{font-size:1.25rem}.lede{max-width:48rem;color:var(--muted);font-size:clamp(1.08rem,2vw,1.3rem)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card,.scope-note,.review-banner{border:1px solid var(--line);background:var(--surface);border-radius:.8rem}.card{padding:1.4rem}.card h3{margin:.25rem 0 .7rem}.card p:last-child{color:var(--muted)}.game-icon{flex:none;display:block}.icon-medallion{border:1px solid color-mix(in srgb, currentColor 48%, transparent);background:color-mix(in srgb, currentColor 12%, var(--surface));width:3rem;height:3rem;color:var(--card-accent,var(--amber));box-shadow:inset 0 0 1.2rem color-mix(in srgb, currentColor 8%, transparent);border-radius:.75rem;place-items:center;display:grid}.guide-card{--card-accent:var(--amber);border-top-color:color-mix(in srgb, var(--card-accent) 65%, var(--line));transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.guide-card:after{content:"";background:color-mix(in srgb, var(--card-accent) 8%, transparent);pointer-events:none;border-radius:50%;width:8rem;height:8rem;position:absolute;bottom:-3rem;right:-2.5rem}.guide-card:hover{border-color:color-mix(in srgb, var(--card-accent) 70%, var(--line));background:var(--surface-raised);transform:translateY(-.2rem)}.guide-card[data-tone=violet]{--card-accent:#a78bfa}.guide-card[data-tone=sky]{--card-accent:#38bdf8}.guide-card[data-tone=gold]{--card-accent:#facc15}.guide-card[data-tone=red]{--card-accent:#fb7185}.guide-card[data-tone=orange]{--card-accent:#fb923c}.guide-card[data-tone=green]{--card-accent:#4ade80}.guide-card[data-tone=cyan]{--card-accent:#22d3ee}.card-kicker{align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.card-kicker .eyebrow{color:var(--card-accent);margin:0}.scope-note{border-left:.3rem solid var(--amber);margin-top:2rem;padding:1.25rem 1.5rem}.scope-note h2{margin-top:0;font-size:1.25rem}.method-section{margin-top:clamp(3rem,7vw,6rem)}.method-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.method-grid article{border-top:.2rem solid var(--sky);background:var(--surface);padding:1.3rem}.method-grid span{color:var(--amber);font-size:1.7rem;font-weight:900}.method-grid h3{margin:.4rem 0}.method-grid p{color:var(--muted)}.status-board{border:1px solid var(--line);background:linear-gradient(135deg, var(--surface), #0d2133);border-radius:.8rem;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;margin-top:2rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.status-board h2{margin:.3rem 0}.status-board dl{grid-template-columns:repeat(3,1fr);gap:.8rem;margin:0;display:grid}.status-board dl div{text-align:center}.status-board dt{color:var(--amber);font-size:2rem;font-weight:900}.status-board dd{color:var(--muted);margin:0;font-size:.82rem}.guide{max-width:72rem;margin-inline:auto}.prose{max-width:54rem;margin-inline:auto}.guide h1{font-size:clamp(2rem,6vw,3.8rem)}.guide-visual{--card-accent:var(--amber);border:1px solid var(--line);background:var(--surface);border-radius:.8rem;margin:0 0 clamp(2rem,5vw,3.5rem);position:relative;overflow:hidden}.guide-visual img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.guide-visual[data-guide=classes],.guide-visual[data-guide=build]{--card-accent:#a78bfa}.guide-visual[data-guide=dungeon],.guide-visual[data-guide=timer]{--card-accent:#38bdf8}.guide-visual[data-guide=loot]{--card-accent:#facc15}.guide-visual[data-guide=boss]{--card-accent:#fb7185}.guide-visual[data-guide=challenge]{--card-accent:#fb923c}.reference-hero{background:radial-gradient(circle at 90% 20%, #38bdf821, transparent 35%), var(--surface);border:1px solid #155e75;border-radius:.8rem;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.4rem;display:flex}.reference-hero .icon-medallion{width:4rem;height:4rem}.reference-hero p{margin:0 0 .15rem}.reference-hero strong{font-size:clamp(1.35rem,3vw,2rem)}.quick-answer{background:#1c1917;border:1px solid #a16207;border-left-width:.35rem;border-radius:.6rem;margin:1.2rem 0 1.8rem;padding:1rem 1.2rem}.source-note{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:.6rem;margin-top:2.5rem;padding:1rem 1.2rem}.status-pill{color:#cffafe;background:#164e63;border-radius:999px;padding:.1rem .5rem;font-size:.78rem;font-weight:800;display:inline-block}.guide-emblem{border:1px solid color-mix(in srgb, var(--card-accent) 55%, var(--line));backdrop-filter:blur(.5rem);background:#030712e0;border-radius:.75rem;align-items:center;gap:.8rem;min-width:12rem;padding:.7rem .9rem;display:flex;position:absolute;bottom:1rem;left:1rem}.guide-emblem small,.guide-emblem strong{display:block}.guide-emblem small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.67rem;font-weight:800}.guide-emblem strong{color:var(--text)}.guide blockquote{border-left:.3rem solid var(--sky);background:var(--surface);margin:1.5rem 0;padding:1rem 1.2rem}.guide blockquote p{margin:0}.guide li+li{margin-top:.5rem}.review-banner{border-color:#a16207;gap:.15rem;margin-bottom:2rem;padding:1rem 1.2rem;display:grid}.review-banner strong{color:var(--amber)}.review-banner span{color:var(--muted);font-size:.9rem}.guide-main-grid{grid-template-columns:minmax(0,1fr) 18rem;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.guide-copy{min-width:0}.guide-rail{gap:1rem;display:grid;position:sticky;top:1.5rem}.page-toc{border:1px solid var(--line);background:var(--surface);border-radius:.7rem;margin:0;padding:1rem 1.2rem}.page-toc strong{color:var(--amber);margin-bottom:.6rem;display:block}.page-toc ol{margin:0;padding-left:1.4rem}.page-toc li{break-inside:avoid;margin:.3rem 0}.rail-status{background:linear-gradient(145deg, var(--surface), #082f49);border:1px solid #155e75;border-radius:.7rem;padding:1rem 1.2rem}.rail-status h2{margin:.2rem 0 .7rem;font-size:1.15rem}.rail-status ul{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.88rem}.video-evidence{background:linear-gradient(135deg, var(--surface), #082f49);border:1px solid #155e75;border-radius:.8rem;grid-template-columns:1fr 1.15fr;gap:1.5rem;margin-top:3.5rem;padding:1.3rem;display:grid}.video-evidence h2{margin:.25rem 0 .7rem;font-size:1.5rem}.source-facts{margin:1rem 0}.source-facts div{border-bottom:1px solid #94a3b838;grid-template-columns:6.5rem 1fr;gap:.5rem;padding-block:.35rem;display:grid}.source-facts dt{color:var(--muted)}.source-facts dd{margin:0;font-weight:700}.video-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.video-watch{background:var(--sky);color:#082f49;border-radius:.4rem;padding:.7rem .9rem;font-weight:900;text-decoration:none}.video-watch:hover,.video-watch:focus-visible{background:#7dd3fc}.privacy-hint{color:var(--muted);font-size:.78rem}.video-stage{background:#030712;border-radius:.6rem;min-height:15rem;overflow:hidden}.video-placeholder{width:100%;height:100%;min-height:15rem;color:var(--text);cursor:pointer;font:inherit;background:#030712;border:0;place-items:center;padding:0;text-decoration:none;display:grid;position:relative;overflow:hidden}.video-placeholder:after{content:"";background:linear-gradient(#0307122e 40%,#030712e0);transition:background .2s;position:absolute;inset:0}.video-placeholder:hover:after,.video-placeholder:focus-visible:after{background:linear-gradient(#082f4933 40%,#030712c7)}.video-placeholder>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-placeholder .play-icon{z-index:1;border:2px solid var(--sky);width:4rem;height:4rem;color:var(--sky);background:#030712b8;border-radius:50%;place-items:center;padding-left:.2rem;font-size:1.6rem;display:grid;position:relative;box-shadow:0 0 0 .5rem #03071240}.video-placeholder .poster-label{z-index:1;font-weight:900;position:absolute;bottom:2.1rem;left:1rem}.video-placeholder small{z-index:1;color:#cbd5e1;font-size:.7rem;position:absolute;bottom:.7rem;left:1rem}.source-shelf{border-top:1px solid var(--line);margin-top:3.5rem;padding-top:2rem}.source-shelf h2{margin:.3rem 0}.resource-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.3rem;display:grid}.resource-card{border:1px solid var(--line);background:var(--surface);min-height:9rem;color:var(--text);border-radius:.6rem;flex-direction:column;padding:1rem;text-decoration:none;display:flex}.resource-card:hover{border-color:var(--sky);background:var(--surface-raised)}.resource-card .game-icon{color:var(--sky);margin-bottom:.7rem}.resource-card.official .game-icon{color:var(--amber)}.resource-card.support .game-icon{color:#4ade80}.resource-card span{color:var(--amber);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900}.resource-card strong{margin:.5rem 0}.resource-card small{color:var(--muted);margin-top:auto}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:10rem;padding:.75rem}th{background:var(--surface-raised)}code{background:var(--surface-raised);color:#fde68a;border-radius:.25rem;padding:.12em .3em}.selector-map{background:linear-gradient(145deg,#07111f,#082f49);border:1px solid #155e75;border-radius:.8rem;grid-template-columns:minmax(11rem,.8fr) minmax(16rem,1.4fr);gap:.75rem;margin:1.5rem 0;padding:1rem;display:grid}.selector-map>div{border:1px solid var(--line);background:var(--surface);border-radius:.55rem;gap:.25rem;min-height:6rem;padding:1rem;display:grid}.selector-map strong{color:var(--amber)}.selector-map span,.state-flow span{color:var(--muted)}.selector-detail{grid-row:span 2}.state-flow{counter-reset:state;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.state-flow li{border:1px solid var(--line);border-top:.25rem solid var(--sky);background:var(--surface);counter-increment:state;border-radius:.6rem;align-content:start;gap:.6rem;min-height:11rem;padding:1rem;display:grid}.state-flow li:before{content:"0" counter(state);color:var(--amber);font-size:1.55rem;font-weight:900}.narrow{max-width:46rem}.button-link{background:var(--sky);color:#082f49;border-radius:.4rem;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-block}.site-footer{border-top:1px solid var(--line);color:var(--muted)}.footer-inner{justify-content:space-between;gap:1.5rem;padding-block:2rem;display:flex}.footer-inner p{margin:0}.footer-inner nav{gap:1rem;display:flex}@media (width<=44rem){.header-inner,.footer-inner{flex-direction:column;align-items:flex-start;padding-block:1rem}.card-grid,.method-grid,.status-board,.video-evidence,.resource-grid{grid-template-columns:1fr}.status-board dl{grid-template-columns:repeat(3,1fr)}.guide-main-grid{grid-template-columns:1fr;gap:1.5rem}.selector-map,.state-flow{grid-template-columns:1fr}.selector-detail{grid-row:auto}.guide-rail{grid-row:1;position:static}.rail-status{display:none}h1{font-size:clamp(2rem,12vw,3rem)}.hero-with-art{align-items:end;min-height:39rem;margin-top:-1rem}.hero-with-art:after{background:linear-gradient(#060b142e 0%,#060b14c7 45%,#060b14fa 100%)}.hero-with-art>img{object-position:67% center}.hero-copy{width:100%;padding-top:12rem}.guide-emblem{min-width:0;bottom:.7rem;left:.7rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}