@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400&family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink:#080706;--ink-mid:#0f0d0a;--stone:#181410;--panel:#131109;--panel-elevated:#1a1710;--stone-light:#252018;--ivory:#e8e4d8;--ivory-dim:#c4c0b4;--marble:#ede9de;--marble-dim:#c8c3b5;--gold:#c9a96a;--gold-bright:#e8c97e;--gold-dim:#7d6a38;--gold-pale:#c9a9622e;--lapis:#1a3a5c;--lapis-mid:#1e4470;--lapis-bright:#2a6094;--lapis-pale:#1a3a5c8c;--verdigris:#3a6858;--verdigris-dim:#2a4a40;--ember:#8c2c1e;--crimson:#6e2016;--muted:#8a8275;--accent:#d4c4a0;--brass:#6b5c36;--font-display:"Cinzel", serif;--font-display-dec:"Cinzel Decorative", serif;--font-body:"Cormorant Garamond", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--shadow-deep:0 24px 80px #000000a6;--shadow-panel:0 8px 40px #00000073, inset 0 1px 0 #ffffff0a;--surface-page:var(--ink);--surface-raised:var(--panel-elevated);--surface-chrome:#14110cf7;--border-chrome:#c9a96224;--text-primary:var(--ivory);--text-secondary:var(--ivory-dim);--text-quiet:var(--muted);--chrome-backdrop:blur(6px)}*,:before,:after{box-sizing:border-box}.skip-link{z-index:9999;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--gold);clip-path:inset(100%);clip:rect(0 0 0 0);white-space:nowrap;border-radius:2px;width:1px;height:1px;padding:.45rem .85rem;font-size:.72rem;text-decoration:none;position:absolute;top:.65rem;left:.75rem;overflow:hidden}.skip-link:focus{clip-path:none;clip:auto;outline:2px solid var(--gold-bright);outline-offset:2px;width:auto;height:auto;overflow:visible}html{scroll-behavior:smooth}html,body{background:var(--ink);min-height:100%;color:var(--ivory);font-family:var(--font-body);margin:0;font-size:20px;line-height:1.5;overflow-x:hidden}#app{min-height:100vh;position:relative}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient .ambient__bloom,.screen,.primary--ready{animation:none!important}}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient__bloom{filter:blur(74px);opacity:.35;border-radius:50%;animation:32s ease-in-out infinite alternate bloom-drift;position:absolute}.ambient__bloom--a{background:radial-gradient(circle,#c9a96224 0%,#0000 70%);width:min(90vw,780px);height:min(90vw,780px);top:-20%;left:-15%}.ambient__bloom--b{background:radial-gradient(circle,#1a3a5c2e 0%,#0000 65%);width:min(60vw,480px);height:min(60vw,480px);animation-delay:-10s;bottom:-18%;right:-8%}.ambient__bloom--c{background:radial-gradient(circle,#3a685812 0%,#0000 70%);width:45vw;height:45vh;animation-delay:-18s;top:35%;left:32%}@keyframes bloom-drift{0%{transform:translate(0)scale(1)}to{transform:translate(2%,3%)scale(1.1)}}.ambient__grid{background-image:linear-gradient(#c9a96206 1px,#0000 1px),linear-gradient(90deg,#c9a96206 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 100%)}.ambient__grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient__vignette{background:radial-gradient(80% 80% at 50% 45%,#0000 0%,#0000008c 100%);position:absolute;inset:0}#shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.top-bar{border-bottom:1px solid var(--border-chrome);background:linear-gradient(180deg, var(--surface-chrome) 0%, #0a0906eb 100%);height:56px;-webkit-backdrop-filter:var(--chrome-backdrop);backdrop-filter:var(--chrome-backdrop);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:relative}.top-bar:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--gold-dim) 8%, var(--gold) 50%, var(--gold-dim) 92%, transparent 100%);opacity:.45;height:3px;position:absolute;bottom:-4px;left:0;right:0}.top-bar__brand{flex-direction:column;gap:.15rem;display:flex}.mark{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-size:.68rem}.mark-sub{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim);opacity:.8;font-size:.5rem}.top-nav{gap:.5rem;display:flex}.screen{animation:screen-enter .65s var(--ease-out) both;flex:1;padding:2rem 1.5rem 3.5rem}.screen.hidden{display:none}@keyframes screen-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.screen--title{justify-content:center;align-items:center;min-height:calc(100vh - 56px);display:flex}.title-hero{text-align:center;max-width:40rem;padding:2rem 0}.title-ornament{justify-content:center;align-items:center;gap:.75rem;margin:0 auto 2rem;display:flex}.title-ornament:before,.title-ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim));flex:1;max-width:100px;height:1px;box-shadow:0 0 16px #c9a96233}.title-ornament:after{background:linear-gradient(90deg, var(--gold-dim), transparent)}.title-ornament__glyph{color:var(--gold);opacity:.75;font-size:1.1rem}.title-tagline{font-family:var(--font-display);letter-spacing:.14em;color:var(--ivory-dim);margin:0 0 1rem;font-size:.8rem}.kicker{font-family:var(--font-display);letter-spacing:.42em;text-transform:uppercase;color:var(--gold-dim);margin:0 0 1.1rem;font-size:.62rem}.display-title{font-family:var(--font-display-dec);letter-spacing:.05em;color:var(--marble);text-shadow:0 0 80px #c9a9622e;margin:0 0 .6rem;font-size:clamp(2rem,7vw,3.2rem);font-weight:400}.lede{color:var(--muted);text-wrap:pretty;margin:0 0 2rem;font-size:1.1rem}.title-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.title-actions--solo{justify-content:center}.mvp-note{color:var(--gold-dim);margin-top:2rem;font-size:.9rem;line-height:1.5}.title-privacy{letter-spacing:.08em;text-transform:uppercase;margin:.75rem 0 0;font-size:.78rem}.title-privacy__link{color:var(--gold-dim);border-bottom:1px solid #7d6a3859;text-decoration:none}.title-privacy__link:hover{color:var(--gold);border-bottom-color:#c9a96273}.chapters-wrap{max-width:46rem;margin:0 auto}.duel-wrap{grid-template-columns:minmax(220px,300px) 1fr;gap:1rem;display:grid}.duel-list{align-content:start;gap:.5rem;display:grid}.duel-panel{min-height:18rem}.duel-select{width:100%;color:var(--ivory);font-family:var(--font-body);background:#0006;border:1px solid #c9a9624d;border-radius:3px;margin:.25rem 0 .7rem;padding:.55rem .65rem}.section-heading{font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 .75rem;font-size:.72rem;font-weight:600}.chapters-lede{color:var(--muted);margin:0 0 1.75rem;font-size:1rem}.chapter-quick-actions{gap:.55rem;margin:-.8rem 0 1.1rem;display:flex}.chapter-quick-actions.hidden{display:none}.chapter-quick-actions__btn{width:auto}.chapter-quick-actions__btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00000052}.chapter-list{margin:0;padding:0;list-style:none}.chapter-row{margin-bottom:.65rem}.chapters-back{margin-bottom:1.25rem}.chapter-btn{text-align:left;width:100%;color:var(--ivory);font-family:var(--font-body);text-transform:none;letter-spacing:normal;box-shadow:var(--shadow-panel);background:linear-gradient(135deg,#1a1710e6 0%,#0e0c08f2 100%);border:1px solid #c9a96224;border-radius:3px;grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;padding:1.15rem 1.35rem;font-size:1rem;transition:border-color .25s,box-shadow .25s,transform .2s;display:grid}.chapter-btn:hover:not(:disabled){border-color:#c9a9626b;transform:translateY(-1px);box-shadow:0 8px 36px #0006,0 0 0 1px #c9a96214}.chapter-btn__arrow{font-family:var(--font-display);color:var(--gold);opacity:.7}.chapter-locked{color:var(--muted);background:#0e0c08b3;border:1px dashed #c9a96229;border-radius:3px;gap:.2rem;padding:1.1rem 1.35rem;display:grid}.lock-badge{font-family:var(--font-display);letter-spacing:.3em;color:var(--gold-dim);margin-top:.4rem;font-size:.55rem}.roadmap-teaser{color:var(--muted);margin-top:.35rem;font-size:.88rem;font-style:italic}.ch-idx{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dim);font-size:.6rem}.ch-name{font-family:var(--font-display);color:var(--ivory);font-size:1.06rem}.ch-era{color:var(--muted);grid-column:1/-1;font-size:.9rem}.play-crawl{border-bottom:1px solid #c9a9621a;max-width:58rem;margin:0 auto 1.5rem;padding-bottom:1rem}.play-crawl__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.chapter-label{font-family:var(--font-display);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-dim);margin:0 0 .4rem;font-size:.55rem}.chapter-title{font-family:var(--font-display);letter-spacing:.07em;color:var(--marble);margin:0;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:600}.scene-progress{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);background:#0000004d;border:1px solid #c9a9622e;border-radius:999px;padding:.32rem .65rem;font-size:.63rem}.chapter-sub{color:var(--muted);margin:.3rem 0 0;font-size:.95rem}.philosophy{color:var(--accent);margin:.8rem 0 0;font-size:1.05rem;font-style:italic}.play-atelier{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:1.75rem;max-width:1200px;margin:0 auto;display:grid}.play-atelier--solo{grid-template-columns:1fr;max-width:42rem}@media (width<=960px){.play-atelier{grid-template-columns:1fr}.instrument-column{max-width:420px;margin:0 auto}.duel-wrap{grid-template-columns:1fr}.chapter-rail{display:none}.manuscript-panel,.manuscript-panel--with-rail{padding:1.25rem 1.3rem 1.45rem 1.45rem}}.panel{border-radius:4px;position:relative}.manuscript-panel{box-shadow:var(--shadow-panel);background:linear-gradient(160deg,#2a241a80 0%,#0000 45%),linear-gradient(#1a1710 0%,#110f09 100%);border:1px solid #c9a96224;padding:1.5rem 1.75rem 1.75rem 2.1rem;position:relative;overflow:hidden}.manuscript-panel--with-rail{padding-left:10.8rem}.chapter-rail{border-right:1px solid #c9a9621f;width:8.5rem;padding-right:.65rem;position:absolute;top:1.2rem;bottom:1.2rem;left:.8rem}.chapter-rail.hidden{display:none}.chapter-rail__title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);margin:0 0 .55rem;font-size:.5rem}.chapter-rail__row{background:#00000026;border:1px solid #c9a96214;grid-template-columns:1rem 1fr;align-items:center;gap:.45rem;margin-bottom:.35rem;padding:.28rem .34rem;transition:border-color .22s,background .22s,transform .22s;display:grid}.chapter-rail__row--done{background:#254a3824;border-color:#5f99783d}.chapter-rail__row--current{background:#c9a96214;border-color:#c9a9626b;transform:translate(2px);box-shadow:0 0 12px #c9a9621f}.chapter-rail__idx{font-family:var(--font-mono);color:var(--gold);font-size:.56rem}.chapter-rail__name{color:var(--ivory-dim);font-size:.78rem}.manuscript-edge{background:linear-gradient(180deg, transparent 0%, var(--gold-dim) 12%, var(--gold) 28%, var(--gold-dim) 44%, transparent 50%, var(--gold-dim) 56%, var(--gold) 72%, var(--gold-dim) 88%, transparent 100%);opacity:.45;width:4px;position:absolute;top:0;bottom:0;left:0}.instrument-column{transition:opacity .4s var(--ease-out), transform .4s var(--ease-out)}.instrument-column--hidden{display:none}.instrument-frame{box-shadow:var(--shadow-deep), inset 0 0 0 1px #00000073;background:linear-gradient(#1c1912 0%,#13100a 100%);border:1px solid #c9a96233;border-radius:6px;padding:1.1rem 1.1rem 1.3rem;position:relative}.instrument-frame:before,.instrument-frame:after{content:"";border-color:var(--gold-dim);opacity:.45;pointer-events:none;border-style:solid;width:10px;height:10px;position:absolute}.instrument-frame:before{border-width:1px 0 0 1px;top:5px;left:5px}.instrument-frame:after{border-width:0 1px 1px 0;bottom:5px;right:5px}.instrument-header{margin-bottom:.85rem}.instrument-eyebrow{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:.45rem;font-size:.52rem;display:block}.ai-persona{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ivory-dim);opacity:.85;margin:.45rem 0 0;font-size:.56rem}.ai-persona.hidden{display:none}.ai-flavor{color:var(--muted);animation:ai-flavor-in .25s var(--ease-out);margin:.32rem 0 0;font-size:.78rem;line-height:1.35}.ai-flavor.hidden{display:none}@keyframes ai-flavor-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.tactical-pulse{color:var(--ivory);animation:pulse-in .22s var(--ease-out);background:#c9a96214;border-left:2px solid #c9a96266;margin:.32rem 0 0;padding:.34rem .5rem;font-size:.72rem}.tactical-pulse.hidden{display:none}.recovery-controls{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.35rem;display:flex}.recovery-controls.hidden{display:none}.recovery-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#b9e0ff;background:#34689847;border:1px solid #6ea8dc73;border-radius:3px;padding:.2rem .38rem;font-size:.52rem}@keyframes pulse-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.ghost--sound{letter-spacing:.12em;align-self:flex-start;margin-top:.42rem;padding:.28rem .55rem;font-size:.48rem}.instrument-toggles{flex-wrap:wrap;gap:.35rem;display:flex}.duel-echo-btn{text-align:left;width:100%;margin-top:.3rem}.echo-line{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.echo-move{letter-spacing:.03em;background:#0e1218b8;border:1px solid #ba954c73;border-radius:6px;padding:.22rem .34rem;font-size:.53rem}.echo-active{outline:1px solid #e8c97ecc}.echo-turning{border-color:#e2c478e6;box-shadow:0 0 10px #e2c4783d}.echo-board{border:1px solid #ad915880;grid-template-columns:repeat(8,minmax(0,1fr));width:min(280px,100%);margin:.5rem auto .4rem;display:grid}.echo-sq{aspect-ratio:1;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.echo-sq--light{color:#251d14;background:#e8dcc6e0}.echo-sq--dark{color:#f6e7cd;background:#7f5d3bf2}.echo-controls{justify-content:center;gap:.45rem;margin-top:.45rem;display:flex}.status-pill-wrap{align-items:center;min-height:2rem;display:flex}.status-pill{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ivory-dim);background:#0006;border:1px solid #c9a9621f;border-radius:3px;padding:.38rem .72rem;font-size:.7rem;transition:border-color .25s,color .25s,box-shadow .25s}.status-pill--check{color:var(--gold-bright);border-color:#c9a96280;animation:2s ease-in-out infinite check-pulse;box-shadow:0 0 18px #c9a96224}@keyframes check-pulse{50%{box-shadow:0 0 28px #8c2c1e38}}.status-pill--thinking{color:var(--gold);border-color:#c9a96233;font-weight:500;animation:1.2s ease-in-out infinite thinking-breathe}@keyframes thinking-breathe{0%,to{opacity:.5}50%{opacity:1}}.status-pill--win{color:#a8d88a;border-color:#a8d88a80;box-shadow:0 0 20px #a8d88a1f}.status-pill--loss{color:#d88a8a;border-color:#8c2c2c80;box-shadow:0 0 20px #8c2c2c1f}.status-pill--draw{color:var(--ivory-dim);border-color:#8a827573;box-shadow:0 0 14px #c9a96214}.status-pill--recovered{color:#b9e0ff;border-color:#6ea8dcb3;box-shadow:0 0 18px #6ea8dc38}.calibration-rail{margin-bottom:.85rem}.calibration-rail.hidden{display:none}.calibration-rail__label{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:.4rem;font-size:.6rem;display:block}.calibration-rail__track{flex-wrap:wrap;gap:.45rem;display:flex}.cal-dot{background:0 0;border:1px solid #c9a96259;border-radius:50%;width:10px;height:10px;transition:background .35s,box-shadow .35s}.cal-dot--on{background:var(--gold);box-shadow:0 0 10px #c9a96280}.board-stage{perspective:1200px;margin-bottom:.85rem}.board-brass{background:linear-gradient(150deg,#3e3525 0%,#2c2418 40%,#1f1a12 100%);border:1px solid #c9a96233;border-radius:4px;padding:10px;position:relative;box-shadow:inset 0 2px 4px #ffffff0e,0 12px 40px #0000008c}.board-brass:after{content:"";pointer-events:none;opacity:.55;background:radial-gradient(circle at 20% 15%,#e8c97e24,#0000 45%);border-radius:4px;position:absolute;inset:0}.board-brass__corner{border-color:var(--gold-dim);opacity:.6;pointer-events:none;border-style:solid;width:14px;height:14px;position:absolute}.board-brass__corner--tl{border-width:1px 0 0 1px;top:4px;left:4px}.board-brass__corner--tr{border-width:1px 1px 0 0;top:4px;right:4px}.board-brass__corner--bl{border-width:0 0 1px 1px;bottom:4px;left:4px}.board-brass__corner--br{border-width:0 1px 1px 0;bottom:4px;right:4px}.move-ledger-wrap{margin-bottom:.75rem}.ledger-heading{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:.35rem;font-size:.52rem;display:block}.move-ledger{font-family:var(--font-mono);scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;background:#00000061;border:1px solid #c9a9621a;border-radius:3px;max-height:min(11rem,42vh);padding:.55rem .65rem;font-size:.67rem;line-height:1.5;overflow-y:auto}@media (width>=1100px){.move-ledger{max-height:min(13rem,48vh)}}.ledger-empty{color:var(--muted);font-style:italic}.ledger-row{border-bottom:1px solid #ffffff09;grid-template-columns:1.5rem 1fr 1fr;gap:.35rem;padding:.14rem 0;display:grid}.ledger-num{color:var(--gold-dim)}.ledger-w{color:var(--ivory)}.ledger-b{color:var(--ivory-dim)}.scene-tag{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid #c9a9621a;margin:0 0 1rem;padding-bottom:.6rem;font-size:.55rem}.narrative-body{min-height:3rem}.line{margin-bottom:1.1rem}.line--stagger{animation:line-in .55s var(--ease-out) both;animation-delay:calc(var(--d) * 60ms)}@keyframes line-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.who{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:.28rem;font-size:.52rem;display:block}.who[data-speaker=reed]{color:#6fa8d0}.who[data-speaker=alexion]{color:var(--gold-bright)}.who[data-speaker=narrator]{color:var(--muted)}.who[data-speaker=system]{color:#7ab48c}.who[data-speaker=scholar]{color:#c49060}.said{color:var(--marble);margin:0;font-size:1.08rem;line-height:1.58}.narrative-body--dialogue .line{background:#00000038;border-left:3px solid #c9a96247;border-radius:0 4px 4px 0;margin-bottom:.65rem;padding:.6rem .85rem .65rem}.narrative-body--dialogue .line:has(.who[data-speaker=alexion]){background:#c9a9620a;border-left-color:#e8c97e8c}.narrative-body--dialogue .line:has(.who[data-speaker=reed]){border-left-color:#6fa8d073}.narrative-body--interlude{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:12rem;padding:2.5rem 0;display:flex}.interlude-line{font-family:var(--font-display-dec);letter-spacing:.22em;color:var(--marble);text-shadow:0 0 80px #c9a9624d,0 0 160px #1a3a5c66;margin:.65rem 0;font-size:clamp(1.3rem,4vw,2rem)}.interlude-line:empty{display:none}.interlude-line--stagger{animation:line-in .8s var(--ease-out) both;animation-delay:calc(var(--d) * .18s)}.codex-entry{background:#0003;border-left:2px solid #c9a9624d;border-radius:0 3px 3px 0;margin-bottom:.6rem;padding:.9rem 1rem;transition:border-color .25s}.codex-entry:hover{border-left-color:var(--gold-dim)}.codex-entry h4{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 .4rem;font-size:.65rem}.codex-entry p{color:var(--ivory-dim);margin:0;font-size:.99rem;line-height:1.52}.lesson-lead{color:var(--ivory);margin:0 0 .9rem;font-size:1.1rem}.teaching{gap:.6rem;margin-top:1.1rem;display:grid}.teaching-card{background:#00000038;border-left:2px solid #c9a9624d;border-radius:0 3px 3px 0;padding:.6rem .75rem}.teach-label{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.22rem;font-size:.5rem;display:block}.teach-body{color:var(--muted);margin:0;font-size:.94rem;line-height:1.45}.mastery-trial-hint{color:var(--muted);margin:.35rem 0 .65rem;font-size:.84rem;line-height:1.45}.hint-block{color:var(--muted);background:#00000038;border:1px solid #c9a9621a;border-radius:3px;align-items:baseline;gap:.55rem;margin-top:1rem;padding:.5rem .75rem;font-size:.95rem;display:flex}.hint-label{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dim);flex-shrink:0;font-size:.5rem}.hint{color:var(--muted);background:#0000002e;border:1px solid #c9a9621a;border-radius:3px;margin-top:1rem;padding:.5rem .75rem;font-size:.94rem;font-style:italic}.match-card{background:linear-gradient(155deg,#1a160ee6 0%,#0c0a08f2 100%);border:1px solid #c9a96238;border-radius:4px;margin:0 0 1rem;padding:.9rem 1rem .7rem}.match-card__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.45rem;margin-bottom:.55rem;display:flex}.match-card__header{flex-wrap:wrap;align-items:baseline;gap:.45rem;display:flex}.match-card__vs{font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-dim);font-size:.52rem}.match-card__name{font-family:var(--font-display);letter-spacing:.05em;color:var(--marble);font-size:1.15rem;font-weight:600}.match-card__meta{align-items:center;gap:.65rem;display:flex}.match-num{font-family:var(--font-mono);color:var(--muted);font-size:.56rem}.tier-badge{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;border:1px solid;border-radius:999px;justify-content:center;align-items:center;padding:.15rem .55rem;font-size:.46rem;display:inline-flex}.tier-badge--initiate,.tier-badge--apprentice,.tier-badge--scholar{color:var(--muted);background:#8a827514;border-color:#8a827561}.tier-badge--mini-boss{color:var(--gold);background:#c9a96212;border-color:#c9a9627a}.tier-badge--veteran{color:#a0b8d0;background:#1a3a5c38;border-color:#a0b8d06b}.tier-badge--boss{color:#e08060;background:#8c2c1e21;border-color:#e080607a}.tier-badge--counterpart{color:var(--gold-bright);background:#c9a9621a;border-color:#e8c97e9e;animation:3s ease-in-out infinite counterpart-glow}@keyframes counterpart-glow{50%{box-shadow:0 0 14px #c9a96259}}.diff-stars{gap:2px;display:flex}.diff-star{color:#8a82754d;font-size:.65rem;transition:color .2s}.diff-star--on{color:var(--gold-bright)}.ladder-track{align-items:center;margin:.5rem 0 .65rem;display:flex}.ltrack-dot{width:22px;height:22px;font-family:var(--font-mono);letter-spacing:0;color:var(--muted);background:#00000047;border:1px solid #8a827552;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.46rem;transition:background .25s,border-color .25s,box-shadow .25s;display:flex}.ltrack-dot--done{color:#a0b8d0;background:#1a3a5c73;border-color:#2a609480}.ltrack-dot--current{border-color:var(--gold);color:var(--gold-bright);background:#c9a96229;box-shadow:0 0 10px #c9a96247}.ltrack-line{background:#8a827538;flex:1;min-width:6px;max-width:30px;height:1px}.match-mandate{color:var(--ivory-dim);border-top:1px solid #c9a9621a;margin-top:.85rem;padding-top:.7rem;font-size:.92rem}.opponent-note{color:var(--muted);margin:0 0 .65rem;font-size:.94rem}.lesson-note{color:var(--gold-dim);margin:.75rem 0 0;font-size:.78rem;font-style:italic;line-height:1.45}.coach-tip{color:var(--ivory-dim);animation:coach-slide .35s var(--ease-out) both;background:#c9a9620d;border-left:2px solid #c9a96259;border-radius:0 3px 3px 0;margin:.55rem 0 0;padding:.5rem .75rem;font-size:.82rem;font-style:italic;line-height:1.45}.coach-tip.hidden{display:none}@keyframes coach-slide{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.narrative-actions{border-top:1px solid #c9a96214;margin-top:1.75rem;padding-top:1rem}.primary--advance{flex-direction:column;align-items:center;gap:.2rem;width:100%;padding:.85rem 1rem;display:flex}.btn-advance-label{letter-spacing:.2em;font-size:.7rem}.btn-advance-hint{font-family:var(--font-mono);letter-spacing:.06em;color:#0a090880;font-size:.56rem;font-weight:500}.narrative-kbd-hint{letter-spacing:.04em;color:var(--muted);text-align:center;max-width:22rem;margin:.65rem 0 0;font-size:.52rem;line-height:1.35}button{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;padding:.65rem 1.2rem;font-size:.65rem;transition:background .22s,color .22s,border-color .22s,box-shadow .22s,transform .15s}button:focus{outline:none}button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none!important}.primary{background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 100%);color:var(--ink)}.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.primary--ready{animation:3s ease-in-out infinite advance-ready}@keyframes advance-ready{0%,to{box-shadow:0 0 0 1px #ffffff1f,0 0 28px #c9a96238}50%{box-shadow:0 0 0 1px #ffffff2e,0 0 48px #c9a9626b}}.secondary{color:var(--ivory);background:0 0;border:1px solid #c9a96261}.secondary:hover:not(:disabled){border-color:var(--gold-bright);color:var(--gold-bright)}.ghost{color:var(--muted);background:#00000038;border:1px solid #e8e2d61a}.ghost:hover:not(:disabled){color:var(--ivory);border-color:#c9a96252}.ghost--nav{padding:.48rem .9rem}.ghost--tool{flex:1;min-width:120px}.board-wrap{aspect-ratio:1;border-radius:2px;width:100%;max-width:100%;overflow:hidden}.chess-grid{touch-action:manipulation;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid;box-shadow:inset 0 0 0 1px #0009}.chess-grid--locked{opacity:.9;pointer-events:none}.sq{cursor:pointer;color:inherit;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;font-size:clamp(1.4rem,4.5vw,2.2rem);line-height:1;transition:background .12s,box-shadow .18s,filter .18s;display:flex;position:relative}.sq:hover{filter:brightness(1.06)}.sq-light{background:linear-gradient(155deg,#ece7d8 0%,#d8d2c0 100%)}.sq-dark{background:linear-gradient(155deg,#1d3d60 0%,#142a45 100%)}.piece{-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1;transition:opacity 60ms;display:block}.piece--w{color:#faf6ec;text-shadow:0 0 3px #0a1628,0 1px 4px #000000f2,1px 1px #0a1628d9,-1px 1px #0a1628d9,0 -1px #0a1628b3,0 0 10px #f8f0e033}.piece--b{color:#08111d;text-shadow:0 0 3px #f0e6d2d9,0 1px #e8dcc880,1px 0 #e8dcc859,-1px 0 #e8dcc859,0 -1px #e8dcc84d}.piece--fly-pending{opacity:0}.chess-grid[data-skin=high-contrast] .piece{font-family:var(--font-mono);letter-spacing:.02em;font-weight:800}.chess-grid[data-skin=high-contrast] .piece--w{color:#fff;text-shadow:0 0 2px #000,0 0 8px #fff3}.chess-grid[data-skin=high-contrast] .piece--b{color:#03070d;text-shadow:0 0 1px #fff,0 0 7px #ffffff59}.chess-grid[data-skin=alexandrine-ornate] .piece{filter:drop-shadow(0 0 6px #c9a96240)}.chess-grid[data-skin=alexandrine-ornate] .piece--w{color:#f4ead4}.chess-grid[data-skin=alexandrine-ornate] .piece--b{color:#101b2b}.chess-grid[data-skin=obsidian-neon] .piece{font-weight:700}.chess-grid[data-skin=obsidian-neon] .piece--w{color:#e8fff8;text-shadow:0 0 6px #78ffe2b3,0 0 12px #78ffe259}.chess-grid[data-skin=obsidian-neon] .piece--b{color:#0f1728;text-shadow:0 0 6px #81aaff99,0 0 14px #81aaff59}.piece-fly{z-index:2000;pointer-events:none;will-change:transform;font-size:clamp(1.4rem,4.5vw,2.2rem);line-height:1;position:fixed;top:0;left:0}.sq-label{font-family:var(--font-mono);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:clamp(.4rem,1vw,.54rem);font-weight:500;line-height:1;position:absolute}.sq-light .sq-label{color:#7a6a52;opacity:.75}.sq-dark .sq-label{color:#8aaed4}.sq-label--rank{top:2px;left:3px}.sq-label--file{bottom:2px;right:3px}.promo-backdrop{z-index:1998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040301a6;position:fixed;inset:0}.promo-panel{z-index:1999;left:var(--px,50%);top:var(--py,50%);transform:translateX(-50%) translateY(var(--dir,-100%));animation:promo-appear .18s var(--ease-spring) both;background:linear-gradient(#2c2618 0%,#1a1610 100%);border:1px solid #c9a9627a;border-radius:6px;gap:6px;padding:8px 10px;display:flex;position:fixed;box-shadow:0 20px 60px #000000bf,0 0 0 1px #00000080}@keyframes promo-appear{0%{opacity:0;transform:translateX(-50%) translateY(var(--dir,-100%)) scale(.88)}to{opacity:1;transform:translateX(-50%) translateY(var(--dir,-100%)) scale(1)}}.promo-btn{cursor:pointer;background:#ffffff0d;border:1px solid #c9a96238;border-radius:4px;justify-content:center;align-items:center;width:54px;height:54px;padding:0;font-size:2rem;line-height:1;transition:background .12s,border-color .12s,transform .12s;display:flex}.promo-btn:hover{border-color:var(--gold);background:#c9a96229;transform:translateY(-2px)}.promo-btn:focus{outline:2px solid var(--gold);outline-offset:2px}.sq-selected{box-shadow:inset 0 0 0 3px var(--gold);z-index:2;filter:brightness(1.08)}.sq-light.sq-legal-dot:after{content:"";aspect-ratio:1;pointer-events:none;background:#c9a9628c;border-radius:50%;width:28%;max-width:17px;position:absolute;box-shadow:0 0 0 2px #1e1a124d}.sq-dark.sq-legal-dot:after{content:"";aspect-ratio:1;pointer-events:none;background:#1e1a1273;border-radius:50%;width:28%;max-width:17px;position:absolute;box-shadow:0 0 0 2px #c9a962a6}.sq-legal-capture{border-radius:2px;box-shadow:inset 0 0 0 3px #c9a962e6}.sq-last{animation:last-move-fade .7s var(--ease-out);background:#648250a6!important}.sq-light.sq-last{background:#a0be788c!important}.sq-dark.sq-last{background:#285037d9!important}@keyframes last-move-fade{0%{filter:brightness(1.5)}to{filter:brightness()}}.sq-check{z-index:1;box-shadow:inset 0 0 0 3px #8c2c1ee6,0 0 24px #8c2c1e66}.board-stage--victory .board-brass{animation:2.8s ease-in-out infinite victory-shimmer;box-shadow:inset 0 2px 4px #ffffff0e,0 12px 40px #0000008c,0 0 0 2px #a8d88a73}@keyframes victory-shimmer{0%,to{box-shadow:inset 0 2px 4px #ffffff0e,0 12px 40px #0000008c,0 0 0 2px #a8d88a59}50%{box-shadow:inset 0 2px 4px #ffffff0e,0 12px 40px #0000008c,0 0 0 2px #a8d88ab3,0 0 24px #a8d88a2e}}.board-stage--loss .board-brass{animation:3s ease-in-out infinite loss-shimmer;box-shadow:inset 0 2px 4px #ffffff08,0 12px 40px #0000008c,0 0 0 2px #8c2c2c66}.board-stage--white-turn .board-brass{box-shadow:inset 0 2px 4px #ffffff0e,0 12px 40px #0000008c,0 0 0 2px #f0eadc2e}.board-stage--black-turn .board-brass{box-shadow:inset 0 2px 4px #ffffff08,0 12px 40px #0000009e,0 0 0 2px #26486e52}.board-stage--boss .board-brass{box-shadow:inset 0 2px 4px #ffffff0d,0 12px 40px #0009,0 0 0 2px #d6845a5c,0 0 28px #d6845a24}.board-stage--finisher .board-brass{animation:1.8s ease-in-out infinite finisher-bloom}@keyframes finisher-bloom{0%,to{box-shadow:inset 0 2px 4px #ffffff0e,0 12px 40px #0000008c,0 0 0 2px #e8c97e59}50%{box-shadow:inset 0 2px 4px #ffffff0e,0 12px 40px #0000008c,0 0 0 2px #e8c97ebf,0 0 40px #e8c97e42}}@keyframes loss-shimmer{0%,to{box-shadow:inset 0 2px 4px #ffffff08,0 12px 40px #0000008c,0 0 0 2px #8c2c2c4d}50%{box-shadow:inset 0 2px 4px #ffffff08,0 12px 40px #0000008c,0 0 0 2px #8c2c2c99}}.captured-row{flex-wrap:wrap;align-items:center;gap:1px;min-height:1.55rem;padding:.12rem .2rem;display:flex}.captured-row.hidden{display:none}.captured-empty{color:var(--muted);opacity:.35;font-size:.7rem}.cap-piece{opacity:.82;font-size:clamp(.8rem,2.2vw,1rem);line-height:1}.board-stage__inner{align-items:stretch;gap:5px;display:flex}.eval-bar-wrap{flex-shrink:0;align-items:stretch;width:8px;display:flex;position:relative}.eval-bar-wrap.hidden{display:none}.eval-bar{background:#0e1c2e;border:1px solid #c9a9622e;border-radius:3px;flex:1;position:relative;overflow:hidden}.eval-bar__fill{height:50%;transition:height .55s var(--ease-out);background:linear-gradient(#f5f0e4 0%,#e8dfc8 100%);border-radius:2px 2px 0 0;position:absolute;top:0;left:0;right:0}.eval-bar__score{font-family:var(--font-mono);color:#e8e2d68c;white-space:nowrap;pointer-events:none;font-size:.38rem;position:absolute;bottom:2px;left:50%;transform:translate(-50%)rotate(-90deg)}.q-icon{font-size:.48rem;font-family:var(--font-mono);vertical-align:super;margin-left:1px;font-weight:700}.q-icon--brilliant{color:#4fc3f7}.q-icon--good{color:#81c784}.q-icon--inaccuracy{color:#ffca28}.q-icon--mistake{color:#ffa726}.q-icon--blunder{color:#ef5350}.ledger-w--brilliant{color:#7dd6f0!important}.ledger-w--good{color:#a8daa8!important}.ledger-w--inaccuracy{color:var(--ivory-dim)}.ledger-w--mistake{opacity:.9;color:#ffc066!important}.ledger-w--blunder{color:#f48080!important}.board-tools{flex-wrap:wrap;gap:.5rem;display:flex}.lab-overlay{z-index:40;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .42s var(--ease-out), visibility .42s;position:fixed;inset:0}.lab-overlay--active{pointer-events:auto;opacity:1;visibility:visible}.lab-overlay__scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040301bf;position:absolute;inset:0}.lab-overlay__sheet{max-width:1200px;transition:transform .48s var(--ease-out);filter:drop-shadow(0 -24px 60px #000000b3);overscroll-behavior:contain;flex-direction:column;margin:0 auto;display:flex;position:absolute;inset:52px 0 0;transform:translateY(106%)}.lab-overlay--active .lab-overlay__sheet{transform:translateY(0)}.reward-overlay{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040301b8;place-items:center;display:grid;position:fixed;inset:0}.reward-overlay.hidden{display:none}.reward-sheet{overscroll-behavior:contain;width:min(780px,100vw - 2rem);max-height:min(84vh,780px);animation:reward-rise .35s var(--ease-out) both;background:linear-gradient(#19140e 0%,#0f0c08 100%);border:1px solid #c9a96266;padding:1rem 1.2rem 1.4rem;overflow:auto;box-shadow:0 24px 80px #000000a6}.reward-sheet--inscribed{animation:reward-sheet-rise .28s var(--ease-out)}@keyframes reward-sheet-rise{0%{opacity:0;transform:translateY(8px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reward-rise{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.reward-card{background:#00000042;border:1px solid #c9a96229;margin-bottom:.65rem;padding:.65rem .75rem}.reward-card--stagger{animation:reward-card-in .25s var(--ease-out) calc(var(--stagger,0) * 30ms) both}@keyframes reward-card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reward-card h4{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright);margin:0 0 .4rem;font-size:.62rem}.reward-card ul{margin:0;padding-left:1rem}.reward-progress{margin-top:.7rem}.reward-progress__label{font-family:var(--font-mono);color:var(--muted);margin-bottom:.25rem;font-size:.56rem}.reward-progress__bar{background:#0000005c;border:1px solid #c9a96238;width:100%;height:7px}.reward-progress__fill{background:linear-gradient(90deg,#c9a96273,#e8c97ef2);height:100%}.lab-overlay__bar{background:linear-gradient(#1c1910 0%,#111009 100%);border:1px solid #c9a96238;border-bottom:none;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.48rem .85rem;display:flex;position:relative}.lab-overlay__bar:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--gold-dim) 15%, var(--gold) 50%, var(--gold-dim) 85%, transparent 100%);opacity:.6;border-radius:6px 6px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.lab-overlay__label{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dim);font-size:.52rem}.lab-overlay__vestibule{flex-shrink:0}.screen--play-inner{background:linear-gradient(#13110a 0%,#0a0906 100%);border:1px solid #c9a9622e;border-top:none;border-radius:0 0 6px 6px;flex:1;padding:1rem 1.35rem 2rem;overflow:auto}.shell--lab .top-bar{z-index:50;position:relative}#screen-play[data-theme=theme-prologue] .manuscript-panel{box-shadow:var(--shadow-panel), inset 0 0 120px #46372312}#screen-play[data-theme=theme-prologue] .chapter-title{color:#efe9db;letter-spacing:.08em}#screen-play[data-theme=theme-prologue] .philosophy{color:color-mix(in srgb, var(--gold-bright) 70%, var(--ivory))}#screen-play[data-theme=theme-prologue] .scene-tag{color:#f0cf87}#screen-play[data-theme=theme-ancient] .manuscript-panel{background:linear-gradient(160deg,#3c301c66 0%,#0000 45%),linear-gradient(#1c1a10 0%,#12100a 100%);border-color:#c9a96233}#screen-play[data-theme=theme-ancient] .instrument-frame{background:linear-gradient(#1e1c11 0%,#15120c 100%);border-color:#c9a9623d}#screen-play[data-theme=theme-ancient] .play-crawl{border-bottom-color:#c9a96229}#screen-play[data-theme=theme-ancient] .chapter-title{color:#e6dcc5;text-shadow:0 0 28px #c9a96224}#screen-play[data-theme=theme-ancient] .philosophy{color:color-mix(in srgb, #a7c3e2 46%, var(--muted))}#screen-play[data-theme=theme-ancient] .scene-tag{color:#e8c97e}#screen-play[data-theme=theme-ancient] .chapter-rail__row--current{background:#e8c97e1f;border-color:#e8c97e94}#screen-play[data-theme=theme-romantic] .manuscript-panel{background:linear-gradient(160deg,#5a201659 0%,#0000 48%),linear-gradient(#1a1410 0%,#100d0a 100%);border-color:#e8785038}#screen-play[data-theme=theme-romantic] .instrument-frame{background:linear-gradient(#221814 0%,#16110e 100%);border-color:#e88c5a42}#screen-play[data-theme=theme-romantic] .play-crawl{border-bottom-color:#e878502e}#screen-play[data-theme=theme-romantic] .chapter-title{color:#f2d6c8;text-shadow:0 0 32px #c850322e}#screen-play[data-theme=theme-romantic] .philosophy{color:color-mix(in srgb, #e8a090 55%, var(--muted))}#screen-play[data-theme=theme-romantic] .scene-tag{color:#f0a080}#screen-play[data-theme=theme-romantic] .chapter-rail__row--current{background:#c846281f;border-color:#f0a0788c}.chapters-lede{color:color-mix(in srgb, var(--ivory) 78%, var(--muted));max-width:70ch}.match-card{background:linear-gradient(170deg,#e8c97e12 0%,#0000 52%),linear-gradient(#120f0bfa 0%,#080705fc 100%);border-color:#c9a9624d;box-shadow:0 18px 42px #00000073,inset 0 0 0 1px #e8c97e0f}.opponent-note{color:color-mix(in srgb, var(--ivory) 84%, var(--muted));line-height:1.56}.chapter-rail__name{color:color-mix(in srgb, var(--ivory) 82%, var(--muted));text-shadow:0 1px #00000073}.instrument-frame{box-shadow:var(--shadow-panel), inset 0 0 0 1px #e8c97e14}.status-pill{background:linear-gradient(#080806b3,#00000075);border-color:#c9a96233;font-size:.76rem}.reward-sheet{border-color:#c9a96257;box-shadow:0 24px 62px #0000009e,inset 0 0 0 1px #e8c97e12}:root{--line-bronze:#c9a9623d;--line-bronze-strong:#e8c97e7a;--glass-ink:#080705b3;--parchment-glow:#e8c97e14}body{background:radial-gradient(95% 70% at 50% -10%,#362a1847,#0000 64%),radial-gradient(80% 65% at 100% 30%,#1a3a5c33,#0000 62%),linear-gradient(#100d08 0%,#080706 58%,#050403 100%)}.top-bar{padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right))}.top-nav .ghost--nav{background:linear-gradient(#e8c97e0b,#0000001f),#0000002e;border-color:#c9a9622e}.top-nav .ghost--nav:hover:not(:disabled){background:#c9a96217;box-shadow:0 0 18px #c9a96214}.title-hero{width:min(100%,48rem);padding:clamp(1rem,4vw,2.6rem) 0}.title-hero__plate{isolation:isolate;background:linear-gradient(135deg,#e8c97e1f,#0000 34%),radial-gradient(circle at 50% 0,#ede9de21,#0000 44%),linear-gradient(#1a160ee0,#080705e6);border:1px solid #e8c97e3d;border-radius:14px;padding:clamp(1.5rem,5vw,3rem);position:relative;overflow:hidden;box-shadow:0 32px 90px #0000009e,inset 0 1px #ffffff0f,inset 0 0 0 1px #0000008c}.title-hero__plate:before{content:"";pointer-events:none;border:1px solid #c9a96224;border-radius:10px;position:absolute;inset:10px}.title-hero__plate:after{content:"";z-index:-1;filter:blur(2px);background:radial-gradient(at 50% 0,#e8c97e33,#0000 66%),linear-gradient(90deg,#0000,#2a60941f,#0000);height:52%;position:absolute;inset:-25% -8% auto}.display-title{max-width:12ch;margin-left:auto;margin-right:auto;line-height:1.06}.lede{max-width:42rem;color:color-mix(in srgb, var(--ivory) 72%, var(--muted));margin-left:auto;margin-right:auto}.title-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;max-width:37rem;margin:0 auto 1.55rem;display:grid}.title-stats span{background:linear-gradient(#e8c97e12,#00000038),#0000003d;border:1px solid #c9a9622e;border-radius:8px;gap:.12rem;padding:.64rem .72rem;display:grid;box-shadow:inset 0 1px #ffffff09}.title-stats strong{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright);font-size:.58rem}.title-stats small{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);font-size:.52rem}.chapter-btn,.chapter-locked{border-radius:10px}.chapter-btn{grid-template-columns:minmax(0,1fr) auto auto;position:relative;overflow:hidden}.chapter-btn:before,.chapter-locked:before{content:"";pointer-events:none;opacity:.72;background:linear-gradient(90deg,#e8c97e1f,#0000 34%),radial-gradient(circle at 100% 0,#2a609424,#0000 44%);position:absolute;inset:0}.chapter-btn__main{gap:.1rem;min-width:0;display:grid}.chapter-btn__state,.duel-row__stamp{font-family:var(--font-mono);letter-spacing:.06em;color:var(--gold);white-space:nowrap;background:#00000047;border:1px solid #c9a96242;border-radius:999px;place-self:center end;padding:.22rem .46rem;font-size:.5rem}.chapter-locked{background:linear-gradient(135deg,#12100cd1,#060504cc),#0000003d;position:relative;overflow:hidden}.duel-wrap{align-items:start}.duel-list{position:sticky;top:1rem}.duel-row{grid-template-columns:minmax(0,1fr) auto;min-height:4.45rem}.duel-row--active{border-color:#e8c97e9e;transform:translate(2px);box-shadow:0 14px 34px #0000006b,0 0 0 1px #e8c97e21,inset 4px 0 #e8c97e6b}.duel-panel{background:linear-gradient(#e8c97e0b,#00000014),#00000029;border:1px solid #c9a96224;border-radius:12px;padding:.7rem}.dossier-quote{color:var(--marble);background:#c9a9620f;border-left:3px solid #e8c97e80;padding:.55rem .75rem;font-style:italic}.dossier-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:.75rem 0 .9rem;display:grid}.dossier-stat-grid span{background:#00000042;border:1px solid #c9a96229;border-radius:7px;gap:.1rem;padding:.48rem .55rem;display:grid}.dossier-stat-grid strong{font-family:var(--font-display);color:var(--gold-bright);font-size:.84rem}.dossier-stat-grid small{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.48rem}.duel-select{background:linear-gradient(#e8c97e0a,#0003),#0000005c;border-radius:8px;min-height:2.4rem}.play-crawl{background:linear-gradient(90deg,#e8c97e14,#0000 38%),linear-gradient(#120f0ab8,#00000029);border:1px solid #c9a96224;border-radius:12px;padding:1rem 1.1rem 1.15rem;position:relative;box-shadow:0 18px 48px #00000047}.scene-progress{box-shadow:inset 0 1px #ffffff0d}.play-atelier{gap:clamp(1rem,2.4vw,2.1rem)}.manuscript-panel{background:linear-gradient(90deg,#e8c97e0f,#0000 26%),radial-gradient(circle at 100% 0,#2a60941c,#0000 38%),linear-gradient(#1b1710 0%,#100e09 100%);border-radius:12px}.manuscript-panel:after{content:"";pointer-events:none;border:1px solid #c9a96212;border-radius:9px;position:absolute;inset:9px}.scene-tag{color:var(--gold-bright)}.line--stagger,.codex-entry{position:relative}.instrument-frame{background:linear-gradient(145deg,#e8c97e17,#0000 30%),radial-gradient(circle at 95% 5%,#2a609424,#0000 38%),linear-gradient(#1b1811 0%,#0f0d08 100%);border-radius:14px}.instrument-header{border-bottom:1px solid #c9a96217;padding-bottom:.7rem}.status-pill-wrap{min-height:2.25rem}.status-pill{text-align:center;border-radius:999px;width:100%}.status-pill--thinking:after{content:"";background:var(--gold);vertical-align:middle;border-radius:50%;width:.38rem;height:.38rem;margin-left:.4rem;display:inline-block;box-shadow:0 0 12px #e8c97e8c}.instrument-toggles,.board-tools{gap:.42rem}.board-guide{color:var(--muted);margin:.2rem 0 .45rem;font-size:.67rem;line-height:1.35}.board-stage{filter:drop-shadow(0 22px 44px #0000006b);margin-top:.45rem}.board-stage__inner{gap:7px}.board-brass{background:linear-gradient(135deg,#e8c97e42,#0000 22%),linear-gradient(315deg,#2a609429,#0000 26%),linear-gradient(150deg,#4b3b24 0%,#2d2418 42%,#17120c 100%);border-radius:12px;padding:clamp(8px,1.4vw,14px)}.board-brass:before{content:"";pointer-events:none;border:1px solid #e8c97e24;border-radius:8px;position:absolute;inset:6px}.board-wrap{border-radius:6px;box-shadow:inset 0 0 0 1px #000000bd,0 0 0 1px #e8c97e29}.chess-grid{background:#0a0906}.sq{overflow:hidden}.sq:before{content:"";pointer-events:none;opacity:.42;background:linear-gradient(135deg,#ffffff14,#0000 42%),radial-gradient(circle at 70% 80%,#00000029,#0000 50%);position:absolute;inset:0}.sq:hover:not(.sq-selected){filter:brightness(1.08)saturate(1.04)}.sq:focus-visible{outline:3px solid var(--gold-bright);outline-offset:-4px;z-index:4}.piece{z-index:2;transition:transform .16s var(--ease-out), filter .16s var(--ease-out), opacity 60ms;position:relative;transform:translateY(-1px)}.sq:hover .piece,.sq-selected .piece{transform:translateY(-3px)scale(1.04)}.sq-selected{box-shadow:inset 0 0 0 3px var(--gold-bright), inset 0 0 22px #e8c97e3d}.sq-light.sq-legal-dot:after,.sq-dark.sq-legal-dot:after{z-index:3;background:radial-gradient(circle,#fff6dcf2 0%,#e8c97ec7 42%,#c9a96233 72%);width:24%;max-width:18px;box-shadow:0 0 0 2px #08070557,0 0 16px #e8c97e61}.sq-legal-capture{box-shadow:inset 0 0 0 3px #e8c97ef5,inset 0 0 26px #8c2c1e38}.sq-guard{box-shadow:inset 0 0 0 3px #e8c97e,inset 0 0 0 7px #08070561,0 0 18px #e8c97e52}.sq-check{box-shadow:inset 0 0 0 3px #d64630f5,inset 0 0 24px #d6463052,0 0 28px #8c2c1e57}.sq-last{box-shadow:inset 0 0 0 2px #a8d88a70}.captured-row{background:#00000029;border:1px solid #c9a96214;border-radius:999px}.eval-bar-wrap{width:10px}.eval-bar{border-radius:999px;box-shadow:inset 0 0 0 1px #00000073}.move-ledger{background:linear-gradient(#e8c97e09,#0000),#00000057;border-radius:9px}.ledger-row{border-radius:4px;padding:.18rem .22rem}.ledger-row:nth-child(odd){background:#ffffff05}.reward-overlay{background:radial-gradient(circle at 50% 22%,#e8c97e24,#0000 42%),#040301c7}.reward-sheet{background:linear-gradient(135deg,#e8c97e1a,#0000 32%),radial-gradient(circle at 90% 0,#2a609429,#0000 35%),linear-gradient(#1a160f 0%,#0c0a07 100%);border-radius:16px;padding:clamp(1rem,3vw,1.45rem)}.reward-hero{border-bottom:1px solid #c9a96224;align-items:center;gap:.75rem;margin-bottom:.9rem;padding-bottom:.75rem;display:flex}.reward-hero .section-heading{margin-bottom:.15rem}.reward-hero__sigil{width:2.5rem;height:2.5rem;color:var(--gold-bright);background:radial-gradient(circle,#e8c97e2e,#0000003d);border:1px solid #e8c97e7a;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:0 0 28px #e8c97e29}.reward-hero__copy{color:var(--muted);margin:0;font-size:.9rem}.reward-card{background:linear-gradient(#e8c97e0b,#00000029),#00000038;border-radius:10px}.reward-progress__bar{border-radius:999px;height:9px;overflow:hidden}.reward-progress__fill{border-radius:inherit;box-shadow:0 0 16px #e8c97e57}.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}.rival-school{background:linear-gradient(#e8c97e0d,#0000002e),#00000029;border:1px solid #c9a96238;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;margin:.55rem 0 .65rem;padding:.55rem .8rem;display:flex}.rival-school__primary,.rival-school__secondary{letter-spacing:.04em;color:var(--gold-bright,#e8c97e);font-size:.86rem}.rival-school__weight{letter-spacing:.08em;color:var(--muted,#c9b58a);font-variant-numeric:tabular-nums;font-size:.72rem}.rival-school__plus{color:#c9a9628c;font-size:.85rem}.rival-school__sig{color:var(--muted,#c9b58a);flex:100%;margin:.15rem 0 0;font-size:.78rem;line-height:1.5}.cal-lens{background:linear-gradient(#e8c97e0d,#0000002e),#0000002e;border:1px solid #c9a96238;border-radius:10px;flex-direction:column;gap:.4rem;margin:.55rem 0 .65rem;padding:.65rem .8rem;display:flex}.cal-lens__head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.cal-lens__label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted,#c9b58a);font-size:.7rem}.cal-lens__level{color:var(--gold-bright,#e8c97e);letter-spacing:.04em;font-size:.95rem}.cal-lens__dial{grid-template-columns:repeat(5,1fr);align-items:center;gap:.35rem;display:grid}.cal-lens__tick{background:#00000052;border:1px solid #c9a96247;border-radius:4px;height:9px;transition:background-color .22s,box-shadow .22s;box-shadow:inset 0 1px #ffffff0a}.cal-lens__tick--filled{background:linear-gradient(#c9a9628c,#8c6c348c);border-color:#e8c97e99}.cal-lens__tick--current{background:linear-gradient(#f3e6c7,#c9a962);border-color:#ffebb8d9;box-shadow:0 0 14px #e8c97e8c}.cal-lens__hint{color:var(--muted,#c9b58a);margin:0;font-size:.78rem;line-height:1.5}.daily-ribbon__warn{color:#e8c97e;margin-top:.45rem;font-size:.85rem;line-height:1.4;display:block}.daily-ribbon{flex-wrap:wrap;align-items:stretch;gap:.6rem;margin:.8rem 0 0;display:flex}.daily-ribbon__streak{letter-spacing:.04em;color:var(--gold-bright,#e8c97e);background:linear-gradient(#e8c97e0f,#0000002e),#0000002e;border:1px solid #e8c97e57;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.82rem;display:inline-flex}.daily-ribbon__streak strong{color:#fff5da;font-size:.95rem;font-weight:700}.daily-ribbon__cta{text-align:left;background:linear-gradient(#e8c97e14,#00000038),#00000038;border:1px solid #c9a9625c;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.55rem .85rem;display:inline-flex}.daily-ribbon__cta:hover,.daily-ribbon__cta:focus-visible{background:linear-gradient(#e8c97e24,#0000002e),#00000038;border-color:#e8c97ea6}.daily-ribbon__label{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright,#e8c97e);font-size:.7rem}.daily-ribbon__title{color:#f3e6c7;font-size:.95rem;font-weight:600;line-height:1.25}.daily-ribbon__chapter{letter-spacing:.04em;color:var(--muted,#c9b58a);font-size:.74rem}.reward-sheet--kbdhelp{max-width:640px}.kbd-help-grid{grid-template-columns:1fr;gap:.85rem;margin:.6rem 0 .4rem;display:grid}@media (width>=640px){.kbd-help-grid{grid-template-columns:1fr 1fr}}.kbd-help-grid dl{background:linear-gradient(#e8c97e0d,#0000002e),#0000002e;border:1px solid #c9a9622e;border-radius:9px;margin:0;padding:.65rem .8rem;line-height:1.45}.kbd-help-grid dt{letter-spacing:.06em;color:var(--gold-bright,#e8c97e);margin:.45rem 0 .15rem;font-size:.78rem}.kbd-help-grid dt:first-of-type{margin-top:0}.kbd-help-grid dd{color:var(--muted,#c9b58a);margin:0;font-size:.85rem;line-height:1.5}.kbd-help-grid kbd{color:var(--gold-bright,#e8c97e);letter-spacing:.04em;background:#00000052;border:1px solid #c9a96273;border-bottom-width:2px;border-radius:4px;margin-right:.18rem;padding:.05rem .42rem;font:600 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.lede,.chapters-lede,.opponent-note,.lesson-note,.lesson-lead,.philosophy,.title-tagline,.reward-hero__copy,.coach-tip,.scene-progress,.match-mandate{line-height:1.55}.narrative-body p,.codex-entry p,.interlude-line{line-height:1.6}.section-heading,.display-title,.chapter-title,.match-card__name,.mark{line-height:1.18}.ledger-row,.move-ledger,.calibration-rail__label,.diff-stars{line-height:1.35}@media (width<=700px){html,body{font-size:17px}.top-bar{padding:0 .75rem}.mark{letter-spacing:.2em;font-size:.58rem}.mark-sub{display:none}.top-nav{gap:.3rem}.screen{padding:1.25rem .75rem 2.5rem}.screen--play-inner{padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right))}.display-title{font-size:clamp(1.6rem,8vw,2.4rem)}.title-hero{padding:1rem 0}.title-hero__plate{padding:1.25rem .9rem}.title-stats{grid-template-columns:1fr}.play-atelier{gap:1rem}.manuscript-panel,.manuscript-panel--with-rail{padding:1rem 1rem 1.25rem 1.25rem}.chapter-rail{display:none}.instrument-frame{padding:.75rem .75rem 1rem}.teaching{grid-template-columns:1fr}.board-brass{padding:7px}.board-guide{display:none}.dossier-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duel-list{position:static}.btn-advance-label{font-size:.62rem}}@media (width>=700px){.teaching{grid-template-columns:1fr 1fr}}.top-nav{background:#00000038;border:1px solid #c9a96229;border-radius:999px;padding:.18rem}.ghost--nav{border-radius:999px;min-height:2rem}.ghost--nav-active,.ghost--nav[aria-current=page]{color:#f5e7c8;background:linear-gradient(#e8c97e29,#c9a9621a),#00000052;border-color:#e8c97e8f;box-shadow:0 0 20px #e8c97e24}.chapters-wrap,.title-hero{width:min(100%,68rem)}.screen--chapters .section-heading{margin-bottom:.5rem}.screen--chapters .chapters-lede{max-width:62ch}.reward-card ul li{margin-bottom:.3rem}.coarse-pointer button{min-height:2.6rem}.coarse-pointer .ghost--nav{min-width:2.75rem;min-height:2.75rem;padding-inline:1rem}.coarse-pointer .chapter-btn,.coarse-pointer .duel-row{min-height:4.2rem}.coarse-pointer .duel-select{min-height:2.65rem}.coarse-pointer .primary--advance{min-height:3.2rem}html.perf-lean .ambient__bloom,html.perf-lean .ambient__grain,html.perf-lean .ambient__grid{display:none}html.perf-lean .top-bar,html.perf-lean .reward-overlay,html.perf-lean .lab-overlay__scrim{-webkit-backdrop-filter:none}html.perf-lean .board-stage,html.perf-lean .title-hero__plate,html.perf-lean .instrument-frame,html.perf-lean .manuscript-panel,html.perf-lean .reward-sheet{filter:none;box-shadow:0 10px 24px #00000059}html.perf-lean .board-brass:after,html.perf-lean .sq:before,html.perf-lean .title-hero__plate:after{opacity:.18}html.perf-lean .ambient__vignette{background:radial-gradient(80% 80% at 50% 45%,#0000 0%,#0000006b 100%)}html.perf-lean .status-pill--thinking,html.perf-lean .primary--ready,html.perf-lean .board-stage--victory .board-brass,html.perf-lean .board-stage--loss .board-brass,html.perf-lean .board-stage--finisher .board-brass{animation:none!important}@media (width<=900px){.top-nav{gap:.3rem}.top-nav .ghost--nav{letter-spacing:.1em;padding-inline:.7rem}.ambient__bloom{filter:blur(56px);opacity:.24}.title-hero__plate{box-shadow:0 20px 48px #00000085}.manuscript-panel,.instrument-frame,.reward-sheet{box-shadow:0 12px 26px #0000005c}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=700px),(width<=1024px) and (height<=700px){html,body,#app{min-height:100svh}.top-bar{height:56px;min-height:56px;padding-left:max(.5rem, env(safe-area-inset-left));padding-right:max(.5rem, env(safe-area-inset-right));justify-content:center}.top-bar__brand{display:none}.top-nav{justify-content:center;width:min(100%,22rem)}.coarse-pointer .ghost--nav,.top-nav .ghost--nav{letter-spacing:.09em;min-width:0;min-height:2.35rem;padding-inline:.58rem;font-size:.54rem}.lab-overlay__sheet{width:100%;min-width:0;max-width:100%;max-height:calc(100svh - 56px);top:56px}@supports (height:100dvh){.lab-overlay__sheet{max-height:calc(100dvh - 56px)}}.lab-overlay__bar{padding:.42rem max(.62rem, env(safe-area-inset-right)) .42rem max(.62rem, env(safe-area-inset-left));gap:.55rem}.lab-overlay__label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.13em;min-width:0;font-size:.46rem;overflow:hidden}.lab-overlay__vestibule{flex:none}.screen--play-inner{-webkit-overflow-scrolling:touch;min-height:0;padding-top:.75rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}.play-crawl{margin-bottom:.75rem;padding:.72rem .82rem .86rem}.play-crawl__row{align-items:flex-start}.chapter-title{font-size:clamp(1.08rem,6.2vw,1.45rem)}.scene-progress{padding:.24rem .48rem;font-size:.5rem}.play-atelier{flex-direction:column;min-width:0;display:flex}.instrument-column{order:-1;width:min(100%,24rem);min-width:0;max-width:100%;margin-inline:auto}.manuscript-panel{min-width:0}.instrument-frame{min-width:0;padding:.65rem .65rem .8rem}.instrument-header{margin-bottom:.52rem;padding-bottom:.52rem}.status-pill-wrap{min-height:auto}.instrument-toggles,.board-tools{gap:.32rem}.ghost--sound,.ghost--tool{flex:auto;min-width:min(100%,7rem);padding-inline:.58rem}.board-stage{margin-top:.25rem;margin-bottom:.55rem}.board-stage__inner{justify-content:center;min-width:0}.board-brass{flex:auto;width:100%;min-width:0;max-width:min(100%,100svw - 3.1rem);padding:6px}.board-wrap{width:100%;max-width:100%}.sq{font-size:clamp(1.18rem,7.1vw,1.9rem)}.captured-row{min-height:1.05rem;padding-block:.08rem}.move-ledger{max-height:min(7.2rem,24svh)}}