:root{color-scheme:dark;--bg:#070708;--white:#f3efe5;--gold:#d5b56c;--muted:#aaa498;--line:#302c23}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:"Noto Sans SC",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.35;cursor:default}header{height:88px;margin:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font:650 28px Montserrat,sans-serif;letter-spacing:-1px;color:var(--gold);text-decoration:none}.wordmark span{margin-left:18px;font:450 11px Montserrat,sans-serif;letter-spacing:2px;color:var(--white)}.edition{font-size:12px;color:var(--muted)}.edition span{margin-left:25px;color:var(--gold);font-family:Montserrat,sans-serif}main{max-width:1720px;padding:0 5vw;margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:52px 0 38px}.eyebrow{font:500 10px Montserrat,sans-serif;letter-spacing:2.4px;color:var(--gold);margin:0 0 14px}h1{font-size:clamp(32px,3.5vw,58px);font-weight:550;letter-spacing:-2px;margin:0}h1 span{color:var(--gold)}.lead{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 5px}.workspace{display:grid;grid-template-columns:282px minmax(0,1fr);gap:35px}aside{border-top:1px solid var(--gold);min-width:0}.list-head{display:flex;justify-content:space-between;padding:16px 0;font-size:11px;color:var(--muted)}#count{color:var(--gold);font-family:Montserrat,sans-serif}.filters{display:flex;flex-wrap:wrap;gap:4px;padding:0 0 14px;border-bottom:1px solid var(--line)}.filters button{border:0;background:transparent;color:var(--muted);font-size:10px;padding:6px 8px}.filters button[aria-pressed=true]{color:var(--gold);background:#262217}#catalog{height:530px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4f432b transparent}.effect-button{display:flex;align-items:center;gap:15px;width:100%;border:0;border-bottom:1px solid #211f1b;background:transparent;color:var(--muted);text-align:left;padding:15px 10px 15px 0}.effect-button .num{font:450 11px Montserrat,sans-serif;min-width:23px;color:#827658}.effect-button .label{font-size:12px;line-height:1.6}.effect-button .arrow{margin-left:auto;opacity:0;color:var(--gold)}.effect-button:hover{background:#11110f}.effect-button[aria-current=true]{color:var(--white);background:#191710;padding-left:12px;border-left:2px solid var(--gold)}.effect-button[aria-current=true] .arrow{opacity:1}.stage-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:0 0 12px;height:28px}#sample-number{font:450 10px Montserrat,sans-serif;letter-spacing:1px;color:var(--gold)}.viewport{width:100%;aspect-ratio:16/9;position:relative;background:#111113;overflow:hidden;border:1px solid #383024}iframe{border:0;width:1920px;height:1080px;transform-origin:0 0;display:block}#big-play{position:absolute;left:calc(50% - 28px);top:calc(50% - 28px);width:56px;height:56px;border:1px solid #8c794d;border-radius:50%;background:#070708c9;color:var(--gold);font-size:19px;padding-left:8px;transition:opacity .2s}#big-play[hidden]{display:none}.transport{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.transport button{background:transparent;border:0;color:var(--white);font-size:12px;padding:0;min-width:26px}#play{min-width:64px;text-align:left}#scrub{flex:1;min-width:0;height:3px;accent-color:var(--gold);cursor:pointer}#time{font:400 10px Montserrat,sans-serif;min-width:108px;color:var(--muted);white-space:nowrap}.detail{display:flex;justify-content:space-between;gap:25px;padding:25px 0 18px}.detail h2{font-size:22px;font-weight:550;letter-spacing:-.5px;margin:0 0 9px}.detail p{font-size:12px;line-height:1.9;max-width:620px;color:var(--muted);margin:0}#variant{flex-shrink:0;align-self:flex-start;background:transparent;border:1px solid #51462e;color:var(--gold);font-size:11px;padding:10px 13px}.footer-note{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#888276;padding-bottom:15px}.coverage{border-top:1px solid var(--line);margin:62px 0 35px;padding-top:35px}.coverage h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0 0 25px}.coverage>div{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.coverage>div p{font-size:11px;color:var(--muted);line-height:1.9;border-top:1px solid #393124;padding-top:18px}.coverage b{display:block;font-weight:500;color:var(--white);margin-bottom:7px;font-size:13px}.scope{font-size:10px;color:#888276;line-height:1.9;max-width:900px;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){#catalog{height:670px}}@media(max-width:1000px){.workspace{grid-template-columns:210px minmax(0,1fr);gap:22px}.intro{padding-top:35px}.lead{max-width:210px}#catalog{height:490px}.coverage>div{grid-template-columns:repeat(2,1fr)}.footer-note{flex-wrap:wrap}}@media(max-width:700px){header{height:68px}.wordmark{font-size:24px}.wordmark span{font-size:8px;margin-left:10px}.edition{display:none}.intro{display:block;padding:32px 0 24px}h1{letter-spacing:-1px;font-size:35px}.lead{max-width:none;margin-top:16px;font-size:11px}.workspace{display:flex;flex-direction:column-reverse;gap:24px}.filters button{font-size:11px}#catalog{height:300px}.effect-button{padding:12px 4px}.stage-meta{font-size:9px}.transport{gap:9px}.transport button{font-size:11px}#time{font-size:8px;min-width:87px}.detail{gap:10px;padding-top:20px}.detail h2{font-size:19px}.detail p{font-size:11px}#variant{font-size:10px;padding:8px}.footer-note{font-size:8px}.coverage{margin-top:35px}.coverage h2{font-size:20px}.coverage>div{gap:14px}.coverage>div p{font-size:10px}}

@font-face{font-family:OPPO;src:url("assets/reference-sans.ttf");font-weight:100 900;font-display:block}
@font-face{font-family:Sung;src:url("assets/reference-serif.ttf");font-weight:700;font-display:block}
/* Generated from Reference A; layouts, media pixels and motion remain owned by each renderer. */
:root{--mav-ivory:#f3f1df;--mav-gold:#e0d990;--mav-gold-soft:#e0d990;--mav-muted:#adafac;--kit-title:#f3f1df;--kit-step-title:#f1f0e5;--kit-body:#dddeda;--kit-reading:#cdcfcc;--kit-muted:#adafac;--kit-accent:#e0d990;--kit-label-ink:#1c1d1c;--kit-label-fill:#f0e99d;--kit-rim:#e0d88f;--kit-panel:#191a1b;--white:#f3f1df;--gold:#e0d990;--muted:#adafac}
/* Roles inherit through split-character spans and anonymous nested labels. */
body{ --kit-font:OPPO;--kit-fallback:sans-serif;--kit-weight:400;--kit-ink:var(--kit-body)}
body,body *{font-family:var(--kit-font),var(--kit-fallback)!important;font-weight:var(--kit-weight)!important;font-style:normal!important;letter-spacing:0!important;color:var(--kit-ink)!important}
svg text{fill:var(--kit-ink)!important}
.mav-template,.mav-editing-primitive,.relationship-stage,.creator-extra{ --extra-ink:var(--kit-title);--extra-accent:var(--kit-accent);--extra-glow:rgba(224,217,144,.42)}
h1,h2,h3,.me-term,.me-quote p,.mav-editorial .keyword,.mav-dark-card .title,.mav-source-keyword-row,.mav-source-compare-side strong,.mav-source-old,.mav-source-new,.extra-main,.search-bar strong,.cause-nodes>span,.creator-behind-text-value,.mav-corner-bug .name,.relationship-heading,.journey-station strong,.stage-title,.material-title,.glow-slot figcaption,.flex-callout-title{--kit-font:Sung;--kit-fallback:serif;--kit-weight:700;--kit-ink:var(--kit-title)}
.step h3{--kit-ink:var(--kit-step-title)}
.me-definition-body,.me-callout p,.me-source span,.mav-subtitle,.extra-support,.media-caption,.before-label,.chrome,.flex-content,.flex-callout,.mav-editorial .context,.mav-chapter-scramble__turning-point span{--kit-font:OPPO;--kit-fallback:sans-serif;--kit-weight:400;--kit-ink:var(--kit-body)}
.me-source small,.me-citation,.sample-note,.behind-preview-note,.material-source,.extra-kicker,.mav-chapter-scramble__kicker,.mav-chapter-scramble__decode,.mav-chapter-scramble__system,.mav-chapter-scramble__turning-point strong,.mav-corner-bug .meta,.mav-progress .label,.kicker,.support,.source-label,.source-note,.scene-top,.broll-source,.meta,.footer,.eyebrow{--kit-font:OPPO;--kit-fallback:sans-serif;--kit-weight:400;--kit-ink:var(--kit-muted)}
.step p,.mav-corner-bug .meta,.me-source small,.mav-source-old{--kit-ink:var(--kit-reading)}
.me-gold,.me-recap-number,.me-quote-mark,.mav-source-number,.mav-source-compare-side small,.mav-chapter-scramble__index,.after-label,.media-tag,.journey-station small,.n,.wordmark,.num{--kit-font:OPPO;--kit-fallback:sans-serif;--kit-weight:400;--kit-ink:var(--kit-accent)}
.focus-label,.flex-callout-title,.search-bar em{--kit-ink:var(--kit-label-ink);background:var(--kit-label-fill)!important}
.callout-black-tag .flex-callout-title{--kit-ink:var(--kit-title);background:transparent!important}
.creator-flex{--flex-accent:var(--kit-rim);--focus-stroke:var(--kit-rim);--focus-fill:rgba(224,217,144,.10);--highlight-fill:var(--kit-accent);--tag-edge:var(--kit-rim);--pill-fill:var(--kit-label-fill);--pill-ink:var(--kit-label-ink)}
.focus-spotlight{stroke:var(--kit-rim)}
.flex-callout{background:var(--kit-panel);border-color:var(--kit-rim)}
.callout-gradient-card{background:linear-gradient(145deg,#252629,#1a1b1d);border-color:var(--kit-rim)}
.me-leader,.me-anchor,.wipe-line,.journey-track{background:var(--kit-accent)!important}
.me-source,.media-world{border-color:var(--kit-accent)!important}
.me-wire path{stroke:var(--kit-accent)!important}
.me-highlight{background:rgba(224,217,144,.16);border-color:var(--kit-accent)}

/* Pixel2All hosting */
.hosting-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;max-width:1440px;margin:36px auto;padding:24px;color:#adafac;font-size:12px;border-top:1px solid #363638}.hosting-footer a{text-decoration:underline}