:root{color-scheme:dark;--ink: #eef0f6;--muted: #a7afc6;--brass: #e8c98d;--brass-hot: #ffd79a;--verd: #6fd6c0;--danger: #f2705a;--deep: #080a12;--panel: rgba(12, 14, 22, .93);--panel-2: rgba(18, 20, 30, .9);--line: rgba(232, 201, 141, .22);--line-soft: rgba(232, 201, 141, .12);font-family:Space Grotesk,system-ui,-apple-system,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--deep)}body{color:var(--ink)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.36}button:focus-visible,input:focus-visible{outline:2px solid var(--verd);outline-offset:3px}#app,#stage{position:fixed;inset:0;width:100%;height:100%}#stage{display:block;touch-action:none}#grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.06;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,240,210,.16) 4px)}#hud{position:fixed;z-index:8;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 20px;pointer-events:none}.mark,.hud-actions,.hud-readouts{pointer-events:auto}.mark{display:flex;align-items:center;gap:10px;letter-spacing:.16em;font-size:11px;font-weight:700}.mark i{display:block;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffeec4,#e8c98d 44%,#7a6440);box-shadow:0 0 16px #e8c98d6b}.mark span{display:grid;gap:3px}.mark small{color:var(--muted);font:9px DM Mono,ui-monospace,monospace;letter-spacing:.12em}.hud-readouts{display:flex;gap:1px}.hud-readouts p{margin:0;padding:6px 11px;background:#0a0c13c7;border:1px solid var(--line-soft);display:grid;gap:3px}.hud-readouts small{color:var(--muted);font:8px DM Mono,ui-monospace,monospace;letter-spacing:.16em}.hud-readouts b{font:12px DM Mono,ui-monospace,monospace;font-weight:400;letter-spacing:.04em}.hud-readouts p.light b{color:var(--brass-hot)}.hud-readouts p.thin b{color:var(--danger)}.hud-actions{display:flex;gap:6px}.hud-actions button{border:1px solid var(--line-soft);background:#0a0c13cc;padding:9px 10px;font:9px DM Mono,ui-monospace,monospace;letter-spacing:.1em;transition:background .18s,border-color .18s,color .18s}.hud-actions button:hover{background:#e8c98d2e;border-color:var(--brass);color:var(--brass-hot)}#lightbar{position:fixed;z-index:7;top:66px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 40px));height:3px;background:#ffffff17;pointer-events:none}#lightbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#6fd6c0,#e8c98d 55%,#f2705a);transition:width .25s linear}#brief{position:fixed;z-index:7;top:84px;left:20px;width:min(430px,calc(100vw - 40px));display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--verd)}#brief-roman{font:22px DM Mono,ui-monospace,monospace;color:var(--verd);line-height:1;padding-top:2px}#brief h2{margin:0 0 5px;font-size:15px;letter-spacing:.04em}#brief p{margin:0;color:#c3c8d8;font-size:12.5px;line-height:1.5}#brief-close{grid-row:1 / 3;grid-column:3;align-self:start;border:1px solid var(--line-soft);background:transparent;color:var(--muted);padding:5px 7px;font:8px DM Mono,ui-monospace,monospace;letter-spacing:.1em}#brief-close:hover{color:var(--brass-hot);border-color:var(--brass)}#status{position:fixed;z-index:7;left:50%;top:33%;transform:translate(-50%);margin:0;width:max-content;max-width:min(560px,calc(100vw - 40px));text-align:center;pointer-events:none}#status span{display:inline-block;padding:11px 18px;background:var(--panel);border:1px solid var(--line);font-size:13.5px;line-height:1.45;color:#dfe3ee}#status.good span{border-color:#6fd6c08c;color:#d6fff4}#status.bad span{border-color:#f2705a99;color:#ffdfd8}#panel{position:fixed;z-index:9;left:20px;right:20px;bottom:max(18px,env(safe-area-inset-bottom));max-width:900px;margin:0 auto;padding:16px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(9px)}#meters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}#span-note{margin:-6px 0 14px;color:var(--muted);font:8.5px DM Mono,ui-monospace,monospace;letter-spacing:.12em}#span-note.thin{color:var(--danger)}.meter{margin:0;display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:baseline}.meter>span{color:var(--muted);font:9px DM Mono,ui-monospace,monospace;letter-spacing:.14em;grid-column:1}.meter em{font-style:normal;color:var(--ink);margin-left:8px}.meter>b{grid-column:1 / -1;display:block;height:5px;background:#ffffff14}.meter>b i{display:block;height:100%;width:0;background:var(--verd);transition:width .2s linear,background .2s}.meter>small{grid-column:1 / -1;color:#7f8799;font:8px DM Mono,ui-monospace,monospace;letter-spacing:.1em}.meter.over>b i{background:var(--danger)}.meter.over em{color:var(--danger)}#status{position:fixed;z-index:7;left:50%;top:14%;transform:translate(-50%);margin:0;width:max-content;max-width:min(620px,calc(100vw - 40px));text-align:center;pointer-events:none}#controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.control{display:grid;gap:6px;min-width:0}.control.locked{opacity:.45}.control label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--muted);font:9px DM Mono,ui-monospace,monospace;letter-spacing:.14em}.control label em{font-style:normal;color:var(--brass-hot);font-size:12px}.stepper{display:grid;grid-template-columns:30px 1fr 30px;gap:6px;align-items:center}.stepper button{height:30px;border:1px solid var(--line-soft);background:#ffffff0a;color:var(--ink);font-size:15px;line-height:1}.stepper button:hover:not(:disabled){background:#e8c98d33;border-color:var(--brass)}.control small{color:#7f8799;font:8px DM Mono,ui-monospace,monospace;letter-spacing:.08em}.control input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:0}.control input[type=range]::-webkit-slider-runnable-track{height:4px;background:#ffffff1f}.control input[type=range]::-moz-range-track{height:4px;background:#ffffff1f}.control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--brass);border:2px solid #1a1c26}.control input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brass);border:2px solid #1a1c26}#reader{display:grid;gap:10px}.readout{margin:0;display:flex;gap:10px;flex-wrap:wrap}.readout span{flex:1 1 140px;padding:8px 12px;background:#ffffff0a;border:1px solid var(--line-soft);color:var(--muted);font:9px DM Mono,ui-monospace,monospace;letter-spacing:.14em}.readout em{display:block;margin-top:5px;font-style:normal;font-size:20px;color:var(--brass-hot);letter-spacing:.02em}.sweep{display:grid;grid-template-columns:46px 1fr 46px;gap:10px;align-items:center}.sweep button{height:40px;border:1px solid var(--line);background:#e8c98d1a;color:var(--brass-hot);font-size:14px}.sweep button:active{background:#e8c98d52}.sweep p{margin:0;height:5px;background:#ffffff1a}.sweep p i{display:block;height:100%;background:var(--verd);transition:width .1s linear}.aim{margin:0}.aim span{color:var(--muted);font:9px DM Mono,ui-monospace,monospace;letter-spacing:.14em}.aim em{font-style:normal;color:var(--ink);margin-left:8px}.aim.good em{color:var(--verd)}.act-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line-soft)}#act-hint{margin:0;color:var(--muted);font:10px DM Mono,ui-monospace,monospace;line-height:1.45}.primary{min-width:190px;border:1px solid var(--brass);background:#e8c98deb;color:#16120a;padding:13px 20px;font:10px DM Mono,ui-monospace,monospace;letter-spacing:.12em}.primary:hover{background:var(--brass-hot)}.title-screen{justify-content:space-between;align-items:flex-end;background:linear-gradient(90deg,#04050af5,#04050a9e 55%,#04050a2e)}.secondary{margin-top:9px;background:transparent;border-color:var(--line-soft);color:var(--muted);padding:12px 18px;width:100%;font:10px DM Mono,ui-monospace,monospace;letter-spacing:.1em}.secondary:hover{color:var(--ink);border-color:var(--brass)}.screen{position:fixed;z-index:11;inset:0;display:flex;align-items:center;justify-content:center;padding:26px;background:#04050abd;backdrop-filter:blur(6px)}.title-screen{justify-content:space-between;align-items:flex-end;background:linear-gradient(90deg,#04050aed,#04050a80 52%,#04050a24)}.title-copy{width:min(580px,100%);padding:24px 0}.eyebrow{color:var(--verd);font:9px DM Mono,ui-monospace,monospace;letter-spacing:.2em}.title-copy h1{margin:14px 0;font-size:clamp(46px,8.4vw,104px);line-height:.8;letter-spacing:-.045em;font-weight:700}.title-copy h1 span{display:block;color:var(--brass)}.title-copy p{max-width:500px;color:#c6cbdb;font-size:clamp(12.5px,1.3vw,15.5px);line-height:1.55}.title-controls{display:flex;flex-wrap:wrap;gap:7px 16px;margin:20px 0;color:var(--muted);font:9.5px DM Mono,ui-monospace,monospace}kbd{display:inline-block;border:1px solid rgba(232,201,141,.34);padding:2px 5px;color:var(--ink);font:9px DM Mono,ui-monospace,monospace}.title-copy>small{display:block;margin-top:13px;color:#7f8799;font:9.5px DM Mono,ui-monospace,monospace}.ledger-card{width:min(310px,100%);margin-bottom:12px;padding:16px;border:1px solid var(--line-soft);background:var(--panel-2)}.ledger-card>span{color:var(--muted);font:9px DM Mono,ui-monospace,monospace;letter-spacing:.14em}#ledger-list{margin-top:12px;display:grid;gap:5px}#ledger-list div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line-soft)}#ledger-list i{width:6px;height:6px;border-radius:50%;background:var(--danger)}#ledger-list i.pass{background:var(--verd);box-shadow:0 0 7px #6fd6c099}#ledger-list b{font:10px DM Mono,ui-monospace,monospace;font-weight:400;color:var(--ink)}#ledger-list em{font:9px DM Mono,ui-monospace,monospace;font-style:normal;color:var(--muted)}#ledger-list p{margin:0;color:var(--muted);font:10px DM Mono,ui-monospace,monospace}.modal{background:#04050acc}.modal-card{width:min(470px,100%);padding:28px;border:1px solid var(--line);background:var(--panel);box-shadow:0 26px 90px #0000008c}.modal-card h2{margin:12px 0 10px;font-size:30px;line-height:1;letter-spacing:-.035em}.modal-card p{color:var(--muted);font-size:12.5px;line-height:1.55}.toggle{display:flex;align-items:center;gap:9px;margin:18px 0;color:var(--muted);font:10px DM Mono,ui-monospace,monospace}.toggle input{accent-color:var(--verd);width:15px;height:15px}.notes-card{width:min(600px,100%)}.notes-card dl{display:grid;grid-template-columns:116px 1fr;gap:9px 14px;margin:20px 0}.notes-card dt{color:var(--brass);font:9.5px DM Mono,ui-monospace,monospace;letter-spacing:.1em}.notes-card dd{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.keys{color:#7f8799!important;font:9px DM Mono,ui-monospace,monospace!important;line-height:2.1!important}.result-card{width:min(540px,100%)}#result-screen.win{background:linear-gradient(90deg,#04050ae6,#04050a80 46%,#04050a1f)}#result-screen.win .modal-card{border-color:#6fd6c08c}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0 16px}.result-stats span{display:grid;gap:5px;padding:9px;border:1px solid var(--line-soft)}.result-stats small{color:var(--muted);font:8px DM Mono,ui-monospace,monospace;letter-spacing:.1em}.result-stats b{font:14px DM Mono,ui-monospace,monospace;font-weight:400;color:var(--brass-hot)}.result-book{display:grid;gap:4px;margin-bottom:22px;max-height:30vh;overflow:auto;overscroll-behavior:contain}.result-book div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 0;border-top:1px solid var(--line-soft);font:10px DM Mono,ui-monospace,monospace}.result-book b{font-weight:400;color:var(--ink)}.result-book span{color:var(--muted);text-align:right}.result-book span.pass{color:var(--verd)}.result-book span.miss{color:var(--danger)}.result-book em{display:block;color:#7f8799;font-style:normal;font-size:9px;margin-top:3px}@media(max-width:900px){#controls{grid-template-columns:1fr;gap:11px}#panel{max-height:56dvh;overflow:auto;overscroll-behavior:contain}#brief{top:78px}}@media(max-width:760px){#hud{padding:10px;gap:8px;flex-wrap:wrap}.mark{font-size:9.5px;gap:7px}.mark i{width:15px;height:15px}.mark small{font-size:8px}.hud-readouts{order:3;width:100%}.hud-readouts p{flex:1;padding:5px 7px}.title-screen{align-items:flex-end;padding:16px;background:linear-gradient(180deg,#04050aa8,#04050ae0 30%,#04050af5)}.hud-actions{margin-left:auto;gap:4px}.hud-actions button{min-height:32px;padding:7px;font-size:8px}#lightbar{top:122px}#brief{top:132px;left:12px;right:12px;width:auto;padding:11px 12px}#brief p{font-size:11.5px}#status{top:42%}#status span{font-size:12px;padding:9px 13px}#panel{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:12px}#meters{grid-template-columns:1fr 1fr;gap:10px}.act-row{flex-direction:column;align-items:stretch;gap:10px}.primary{width:100%;min-height:46px}.readout em{font-size:18px}.title-screen{align-items:flex-end;padding:16px}.title-copy{padding:0 2px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.title-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:15px 0}.secondary{width:100%}.ledger-card{display:none}.modal{padding:12px}.modal-card{width:100%;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:22px 16px}.modal-card h2{font-size:25px}.notes-card dl{grid-template-columns:1fr;gap:3px}.notes-card dt{margin-top:8px}.result-stats{grid-template-columns:repeat(2,1fr)}#result-screen,#result-screen.win{justify-content:center;background:#04050ad6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}