:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#080e10;--ink-soft:#10191b;--ivory:#f0e5d0;--muted:#9aa7a6;--cedar:#a7653b;--brass:#d8a64b;--aqua:#74c7c9;--rose:#cf6d82;--line:#e8d8b52e;background:var(--ink);color:var(--ivory);font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:var(--ink);min-height:100dvh;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}#world{width:100vw;height:100vh;display:block;position:fixed;inset:0}#app{z-index:2;pointer-events:none;min-height:100dvh;position:relative}#app button,#app input{pointer-events:auto}.menu-layout{background:linear-gradient(90deg,#080e10f7 0%,#080e10e0 44%,#080e1047 100%);grid-template-columns:minmax(310px,.82fr) minmax(430px,1.18fr);align-items:center;gap:clamp(26px,5vw,84px);min-height:100dvh;padding:clamp(20px,4vw,60px);display:grid}.identity-panel,.setup-panel{pointer-events:auto;max-height:calc(100dvh - 48px)}.setup-panel{scrollbar-width:thin;scrollbar-color:var(--brass) transparent;padding:6px 12px 18px 0;overflow:auto}.kicker{color:var(--aqua);letter-spacing:.18em;text-transform:uppercase;margin:0 0 13px;font-family:IBM Plex Mono,monospace;font-size:.7rem}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;text-shadow:0 8px 45px #0000007a;margin-bottom:18px;font-family:Marcellus,serif;font-size:clamp(3.6rem,8vw,8.8rem);font-weight:400;line-height:.82}.intro{color:#c8cfca;max-width:570px;font-size:clamp(.98rem,1.3vw,1.15rem);line-height:1.7}.intro.narrow{max-width:620px}.string-signature{gap:5px;width:132px;margin-bottom:30px;display:flex;transform:rotate(-8deg)}.string-signature i{width:100%;height:calc(2px + var(--i) * .4px);background:var(--brass);display:block;box-shadow:0 0 12px #d8a64b73}.rule-copy{border-left:1px solid var(--brass);max-width:440px;margin-top:clamp(32px,6vh,74px);padding-left:22px}.rule-copy span,.rule-copy p{color:var(--muted);font-size:.78rem}.rule-copy span{text-transform:uppercase;letter-spacing:.12em;font-family:IBM Plex Mono,monospace}.rule-copy strong{margin:7px 0;font-family:Marcellus,serif;font-size:1.45rem;font-weight:400;display:block}.rule-copy p{margin:0;line-height:1.55}.ledger-link{border:0;border-block:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto;gap:3px 12px;width:min(100%,440px);margin-top:22px;padding:13px 0;display:grid}.ledger-link span{color:var(--aqua);text-transform:uppercase;letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:.64rem}.ledger-link strong{color:var(--muted);font-size:.7rem;font-weight:500}.ledger-link i{color:var(--brass);grid-area:1/2/span 2;align-self:center;font-style:normal;transition:transform .2s}.ledger-link:hover i{transform:translate(5px)}.section-head{align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.section-head>span{color:var(--brass);margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:.72rem}.section-head p{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 3px;font-size:.68rem}.section-head h2{margin:0;font-family:Marcellus,serif;font-size:1.55rem;font-weight:400}.level-head{margin-top:30px}.string-picker{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.string-choice{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#080e10a8;min-height:68px;padding:12px 14px;transition:background .2s,color .2s}.string-choice span{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.68rem;display:block}.string-choice strong{margin-top:5px;font-size:.76rem;font-weight:600;display:block}.string-choice.is-on{box-shadow:inset 0 -2px var(--brass);background:#d8a64b21}.string-choice.is-on span{color:var(--brass)}.string-choice:hover{background:#74c7c91f}.level-list{border-top:1px solid var(--line)}.level-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#080e10a3;grid-template-columns:42px 1fr 28px;align-items:center;gap:10px;width:100%;min-height:64px;transition:padding .2s,background .2s;display:grid;position:relative}.level-row:before{content:"";background:var(--level-accent);width:2px;transition:transform .2s;position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.level-row:hover{background:#ffffff0b;padding-left:12px}.level-row:hover:before{transform:scaleY(1)}.level-number{color:var(--level-accent);font-family:IBM Plex Mono,monospace;font-size:.72rem}.level-row strong,.level-row small{display:block}.level-row strong{font-family:Marcellus,serif;font-size:1.03rem;font-weight:400}.level-row small{color:var(--muted);margin-top:3px;font-size:.68rem}.level-row i{color:var(--level-accent);font-style:normal}.completion-mark{color:var(--level-accent);text-align:center;font-size:.68rem}.screen-panel{pointer-events:auto;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e10e6;width:min(720px,100vw - 40px);max-height:calc(100dvh - 40px);padding:clamp(28px,5vw,60px);position:absolute;top:50%;left:clamp(20px,7vw,110px);overflow:auto;transform:translateY(-50%);box-shadow:0 30px 80px #00000070}.screen-panel h1{font-size:clamp(2.8rem,6vw,5.8rem)}.compact-panel{width:min(650px,100vw - 40px)}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:36px;padding:0;font-size:.78rem}.text-button:hover{color:var(--ivory)}.text-button.centered{margin:24px auto 0;display:block}.chapter-mark{border:1px solid var(--level-accent);width:48px;height:48px;color:var(--level-accent);place-items:center;margin-bottom:22px;font-family:IBM Plex Mono,monospace;display:grid;transform:rotate(45deg)}.chapter-mark span{transform:rotate(-45deg)}.group-list{border-top:1px solid var(--line);margin-top:28px}.group-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto 22px;align-items:center;gap:14px;width:100%;padding:19px 5px;display:grid}.group-row:hover{color:var(--aqua)}.group-row:disabled{opacity:.35;cursor:not-allowed}.pitch-set{font-family:IBM Plex Mono,monospace;font-size:clamp(.78rem,1.8vw,.98rem)}.sample-count{color:var(--muted);font-size:.68rem}.group-row i{font-style:normal}.warmup-notes{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:1px;margin:28px 0 18px;display:grid}.warmup-notes button{cursor:pointer;min-height:94px;animation:.45s both note-in;animation-delay:var(--delay);background:#10191b;border:0}.warmup-notes button:hover{background:#74c7c926}.warmup-notes span{font-family:Marcellus,serif;font-size:1.7rem;display:block}.warmup-notes small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.warmup-meta{color:var(--muted);flex-wrap:wrap;gap:10px 22px;margin-bottom:30px;font-family:IBM Plex Mono,monospace;font-size:.64rem;display:flex}.primary-action,.secondary-action{border:1px solid var(--brass);cursor:pointer;min-height:52px;padding:0 20px}.primary-action{background:var(--brass);color:#17120a;justify-content:space-between;align-items:center;width:100%;font-weight:800;display:flex}.primary-action:hover{background:#edc46e}.secondary-action{color:var(--ivory);background:0 0}.game-hud{pointer-events:none;min-height:100dvh}.hud-top{align-items:stretch;gap:10px;display:flex;position:fixed;inset:18px 20px auto}.mission-strip,.streak-meter,.session-numbers,.compass-card,.feedback,.answer-dock,.volume-control,.desktop-help{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080e10d1}.mission-strip{align-items:center;min-width:210px;display:flex}.exit-button{border:0;border-right:1px solid var(--line);width:42px;color:var(--muted);cursor:pointer;background:0 0;align-self:stretch;font-size:1.25rem}.mission-strip div{padding:8px 13px}.mission-strip span,.streak-meter span,.session-numbers span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;display:block}.mission-strip strong{font-family:Marcellus,serif;font-size:.95rem;font-weight:400}.streak-meter{flex:1;max-width:350px;padding:8px 14px}.streak-meter>div{justify-content:space-between;align-items:baseline;display:flex}.streak-meter strong{color:var(--aqua);font-family:IBM Plex Mono,monospace;font-size:1.05rem}.streak-meter small{color:var(--muted);font-size:.62rem}.streak-meter>i{background:#ffffff14;height:2px;margin-top:7px;display:block}.streak-meter b{width:var(--progress);background:var(--aqua);height:100%;box-shadow:0 0 12px var(--aqua);transition:width .35s;display:block}.session-numbers{display:flex}.session-numbers div{border-left:1px solid var(--line);min-width:72px;padding:8px 12px}.session-numbers div:first-child{border-left:0}.session-numbers strong{font-family:IBM Plex Mono,monospace}.compass-card{align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex;position:fixed;top:96px;right:20px}.compass-face{border:1px solid #74c7c95c;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative}.compass-face span{border:1px dotted #74c7c942;border-radius:50%;position:absolute;inset:5px}.compass-face i{z-index:1;color:var(--aqua);transform-origin:50%;font-style:normal;transition:transform .12s linear;display:block;position:relative}.compass-card>div:last-child span,.compass-card>div:last-child strong{display:block}.compass-card>div:last-child span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.58rem}.compass-card>div:last-child strong{font-family:IBM Plex Mono,monospace;font-size:.8rem}.compass-card>div:last-child small{color:var(--brass);white-space:nowrap;margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:.48rem;display:block}.feedback{align-items:center;gap:12px;max-width:min(520px,100vw - 190px);padding:11px 16px;display:flex;position:fixed;top:96px;left:20px}.feedback>i{background:var(--muted);width:6px;height:34px;display:block}.feedback.correct>i{background:var(--aqua);box-shadow:0 0 15px var(--aqua)}.feedback.wrong>i{background:var(--rose);box-shadow:0 0 15px var(--rose)}.feedback.gate>i{background:var(--brass);box-shadow:0 0 15px var(--brass)}.feedback strong,.feedback span{display:block}.feedback strong{font-size:.8rem}.feedback span{color:var(--muted);margin-top:2px;font-size:.65rem}.answer-dock{pointer-events:auto;width:min(720px,100vw - 40px);padding:13px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.answer-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.answer-title span{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.answer-title button{color:var(--aqua);cursor:pointer;background:0 0;border:0;font-size:.7rem}.answer-grid{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px;display:grid}.answer-grid button{border:1px solid var(--line);cursor:pointer;background:#ffffff09;min-height:48px;font-family:Marcellus,serif;font-size:1.2rem}.answer-grid button:hover{border-color:var(--aqua);background:#74c7c924}.desktop-help{color:var(--muted);padding:7px 10px;font-size:.6rem;position:fixed;bottom:20px;left:20px}kbd{border:1px solid var(--line);color:var(--ivory);padding:1px 4px;font-family:IBM Plex Mono,monospace}.volume-control{color:var(--muted);align-items:center;gap:8px;padding:7px 10px;font-size:.6rem;display:flex;position:fixed;bottom:20px;right:20px}.volume-control input{width:82px;accent-color:var(--brass)}.mobile-controls{display:none}.qa-dock{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#190812e0;border:1px dashed #cf6d8299;gap:5px;width:132px;padding:9px;display:grid;position:fixed;top:166px;right:20px}.qa-dock span{color:var(--rose);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.58rem}.qa-dock button{cursor:pointer;background:0 0;border:1px solid #cf6d8247;min-height:28px;font-size:.58rem}.qa-dock button:disabled{opacity:.3;cursor:default}.victory-panel{text-align:center;width:min(660px,100vw - 40px);left:50%;transform:translate(-50%,-50%)}.victory-panel h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:.96}.victory-panel .intro{margin-inline:auto}.victory-rosette{place-items:center;width:112px;height:112px;margin:0 auto 28px;display:grid;position:relative}.victory-rosette i{border:1px solid var(--brass);border-radius:50%;position:absolute;inset:0}.victory-rosette i:nth-child(2){border-color:var(--aqua);inset:12px;transform:rotate(30deg)}.victory-rosette i:nth-child(3){border-style:dashed;inset:25px}.victory-rosette span{font-family:Marcellus,serif;font-size:1.7rem}.victory-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:28px 0;display:grid}.victory-stats span{border-left:1px solid var(--line);padding:16px;font-family:IBM Plex Mono,monospace}.victory-stats span:first-child{border-left:0}.victory-stats small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-family:Manrope,sans-serif;font-size:.58rem;display:block}.record-note{color:var(--muted);margin:-10px 0 24px;font-size:.67rem}.record-note strong{color:var(--ivory);font-family:IBM Plex Mono,monospace}.victory-actions{grid-template-columns:.75fr 1.25fr;gap:10px;display:grid}.stats-panel{width:min(980px,100vw - 40px)}.stats-panel h1{max-width:760px;font-size:clamp(3rem,6vw,5.7rem)}.ledger-empty{border-top:1px solid var(--line);max-width:520px;margin-top:35px;padding-top:34px}.ledger-empty h2{margin:24px 0 8px;font-family:Marcellus,serif;font-size:1.8rem;font-weight:400}.ledger-empty p{color:var(--muted);margin-bottom:24px}.empty-strings{gap:5px;width:180px;display:grid;transform:rotate(-4deg)}.empty-strings i{background:linear-gradient(90deg, var(--brass), transparent);height:1px;display:block}.ledger-summary{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:30px 0 38px;display:grid}.ledger-summary>div{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-height:134px;padding:20px;display:flex}.ledger-summary>div:first-child{border-left:0}.ledger-summary small,.ledger-summary span{color:var(--muted)}.ledger-summary small{letter-spacing:.11em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.58rem}.ledger-summary strong{margin:7px 0 2px;font-family:Marcellus,serif;font-size:2.6rem;font-weight:400;line-height:1}.ledger-summary sup{color:var(--aqua);font-family:IBM Plex Mono,monospace;font-size:.7rem}.ledger-summary span{font-size:.65rem}.ledger-section{margin-top:34px}.ledger-section>header{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:12px;display:flex}.ledger-section>header span{color:var(--brass);font-family:Marcellus,serif;font-size:1.2rem}.ledger-section>header p{color:var(--muted);margin:0;font-size:.62rem}.pitch-ledger{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(12,1fr);display:grid}.pitch-ledger article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:78px;padding:12px 8px;position:relative;overflow:hidden}.pitch-ledger strong,.pitch-ledger span{z-index:1;display:block;position:relative}.pitch-ledger strong{font-family:Marcellus,serif;font-size:1rem;font-weight:400}.pitch-ledger span{color:var(--muted);margin-top:10px;font-family:IBM Plex Mono,monospace;font-size:.58rem}.pitch-ledger i{background:#ffffff0a;height:2px;position:absolute;inset:auto 0 0}.pitch-ledger b{width:var(--accuracy);background:var(--aqua);height:100%;display:block}.pitch-ledger article:not(.has-data){opacity:.38}.string-ledger{border-top:1px solid var(--line)}.string-ledger article{border-bottom:1px solid var(--line);grid-template-columns:minmax(145px,.8fr) 1.8fr 112px;align-items:center;gap:16px;min-height:54px;display:grid}.string-ledger article>div{align-items:baseline;gap:12px;display:flex}.string-ledger span{color:var(--brass);font-family:IBM Plex Mono,monospace;font-size:.64rem}.string-ledger strong{font-size:.72rem}.string-ledger i{background:#ffffff0f;height:2px}.string-ledger b{width:var(--accuracy);background:linear-gradient(90deg, var(--cedar), var(--brass));height:100%;display:block}.string-ledger small{color:var(--muted);text-align:right;font-family:IBM Plex Mono,monospace;font-size:.58rem}.route-ledger{margin-bottom:12px}.route-ledger>article{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:54px;display:grid}.route-ledger>article>span{color:var(--aqua);font-family:IBM Plex Mono,monospace;font-size:.62rem}.route-ledger strong,.route-ledger small{display:block}.route-ledger strong{font-family:Marcellus,serif;font-size:.9rem;font-weight:400}.route-ledger small{color:var(--muted);margin-top:2px;font-size:.58rem}.route-ledger b{color:var(--brass);font-family:IBM Plex Mono,monospace;font-size:.63rem}@keyframes note-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:820px){body{overflow:auto}.menu-layout{background:#080e10db;grid-template-columns:1fr;align-items:start;min-height:100dvh;padding:28px 20px 50px;overflow:auto}.identity-panel,.setup-panel{max-height:none;overflow:visible}h1{font-size:clamp(3.7rem,19vw,6.8rem)}.rule-copy{margin-top:35px}.ledger-link{margin-bottom:20px}.string-picker{grid-template-columns:repeat(2,1fr)}.screen-panel{width:calc(100vw - 40px);left:20px}.victory-panel{left:20px;transform:translateY(-50%)}.hud-top{gap:6px;inset:10px 10px auto}.mission-strip{flex:1;min-width:0}.mission-strip div{padding:7px 9px}.mission-strip strong{font-size:.78rem}.streak-meter{flex:.8}.session-numbers{display:none}.compass-card{top:78px;right:10px}.feedback{max-width:calc(100vw - 142px);top:78px;left:10px}.answer-dock{width:calc(100vw - 20px);bottom:12px}.answer-grid{grid-template-columns:repeat(4,1fr)}.desktop-help{display:none}.volume-control{bottom:176px;right:10px}.mobile-controls{pointer-events:none;justify-content:space-between;align-items:end;transition:opacity .2s;display:flex;position:fixed;inset:auto 10px 14px}.qa-dock{top:145px;right:10px}.mobile-controls.is-paused{opacity:.16}.mobile-controls button{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;-webkit-user-select:none;user-select:none;background:#080e10b8;border:1px solid #f0e5d04d}.turn-controls{gap:8px;display:flex}.turn-controls button{width:58px;height:58px;font-size:1.4rem}.forward-control{width:92px;height:74px;color:var(--brass);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.answer-dock~.mobile-controls,.answer-dock~.volume-control{display:none}.stats-panel{max-height:calc(100dvh - 40px);top:20px;transform:none}.ledger-summary{grid-template-columns:1fr}.ledger-summary>div{border-left:0;border-top:1px solid var(--line);min-height:92px}.ledger-summary>div:first-child{border-top:0}.pitch-ledger{grid-template-columns:repeat(6,1fr)}}@media (max-width:520px){.screen-panel{padding:28px 22px}.screen-panel h1{font-size:2.7rem}.sample-count{display:none}.group-row{grid-template-columns:1fr 20px}.warmup-notes{grid-template-columns:repeat(3,1fr)}.feedback span{display:none}.feedback{max-width:calc(100vw - 138px)}.victory-actions{grid-template-columns:1fr}.ledger-section>header{display:block}.ledger-section>header p{margin-top:4px}.string-ledger article{grid-template-columns:1fr 90px;gap:10px;padding:8px 0}.string-ledger article>i{grid-area:2/1/auto/span 2}.string-ledger small{grid-area:1/2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}