:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#15151a;color:#f2eee3;font-synthesis:none;--ink: #f2eee3;--muted: #a7a49c;--panel: rgba(22, 22, 27, .82);--line: rgba(242, 238, 227, .16);--coral: #ff765e;--gold: #f0c96b;--mint: #73d6c2;--periwinkle: #aeb4ff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#15151a}button,kbd{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#app{position:relative;isolation:isolate;background:radial-gradient(circle at 48% 42%,#27272b 0,#15151a 56%,#0d0d10)}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.paper-grain{position:absolute;inset:0;pointer-events:none;opacity:.24;z-index:1;background-image:repeating-linear-gradient(7deg,transparent 0 5px,rgba(255,255,255,.018) 6px 7px),repeating-linear-gradient(97deg,transparent 0 11px,rgba(0,0,0,.025) 12px 13px);mix-blend-mode:soft-light}.hud{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:1;transition:opacity .18s ease}.hud[data-visible=false]{opacity:0;visibility:hidden}.hud button{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;min-height:76px;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(260px,1fr);align-items:center;gap:20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(13,13,16,.92),rgba(13,13,16,.4),transparent)}.identity{display:flex;align-items:center;gap:10px;letter-spacing:.12em}.identity b,.identity small{display:block}.identity b{font-size:12px}.identity small{color:var(--muted);font-size:9px;margin-top:3px;letter-spacing:.18em}.seal{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font:700 11px/1 ui-monospace,monospace;transform:rotate(45deg)}.seal:first-line{transform:rotate(-45deg)}.movements{display:flex;align-items:center;gap:24px;font:600 10px/1 ui-monospace,monospace;letter-spacing:.16em;color:#77756f}.movements span{position:relative;padding:13px 0}.movements span:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:transparent}.movements span[data-state=active]{color:var(--ink)}.movements span[data-state=active]:after{background:var(--gold)}.movements span[data-state=done]{color:#8a877f}.movements span[data-state=done]:before{content:"✓ ";color:var(--mint)}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.clock,.strikes{min-width:70px;padding-right:12px;border-right:1px solid var(--line);text-align:right}.clock span,.strikes span{display:block;font:600 14px/1 ui-monospace,monospace}.clock small,.strikes small{display:block;color:var(--muted);font-size:8px;letter-spacing:.13em;margin-top:4px;text-transform:uppercase}.clock[data-danger=true] span{color:var(--coral);animation:pulse .8s steps(2) infinite}.icon-button{min-height:34px;border:1px solid var(--line);background:#ffffff0a;padding:0 11px;color:#d8d4ca;font:600 9px/1 ui-monospace,monospace;letter-spacing:.08em;cursor:pointer}.icon-button:hover{border-color:#f2eee366;background:#ffffff14}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 60px #00000042;backdrop-filter:blur(14px)}.gate-panel{position:absolute;left:max(18px,env(safe-area-inset-left));top:98px;width:min(270px,calc(100vw - 36px));padding:18px}.eyebrow{color:var(--gold);font:700 9px/1 ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase}h1,h2,p{margin-top:0}.gate-panel h1{margin:8px 0 7px;font:500 24px/1.1 Georgia,serif;letter-spacing:-.02em}.gate-panel>p{color:#b7b2a8;font-size:11px;line-height:1.55;margin-bottom:17px}.hold-track{height:3px;background:#ffffff1a;overflow:hidden}.hold-track i{display:block;width:0;height:100%;background:var(--mint);box-shadow:0 0 16px var(--mint);transition:width 80ms linear}.hold-copy{display:flex;justify-content:space-between;margin:7px 0 14px;color:#8d8a83;font:600 8px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.hold-copy b{color:#d4d0c6;font-weight:500}.gate-list{list-style:none;padding:0;margin:0}.gate-list li{display:grid;grid-template-columns:1fr auto 44px;align-items:center;gap:8px;min-height:31px;border-top:1px solid rgba(255,255,255,.08);font:600 9px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.gate-list li b{font-weight:500;color:#c2beb4}.gate-list li i{display:block;height:2px;background:#46454a}.gate-list li i:after{content:"";display:block;width:var(--progress, 0%);height:100%;background:var(--coral)}.gate-list li[data-pass=true] span,.gate-list li[data-pass=true] b{color:var(--mint)}.gate-list li[data-pass=true] i:after{background:var(--mint)}.legacy-mark{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.1);opacity:.58}.legacy-mark span{color:var(--muted);font:700 8px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.legacy-mark strong{color:var(--gold);font:500 13px/1 Georgia,serif}.legacy-mark p{grid-column:1 / -1;margin:0;color:#8d8a83;font-size:9px;line-height:1.4}.legacy-mark[data-active=true]{opacity:1}.phrase-desk{position:absolute;right:max(18px,env(safe-area-inset-right));top:98px;width:min(390px,calc(100vw - 36px));padding:16px}.desk-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.desk-heading h2{margin:6px 0 0;font:500 20px/1 Georgia,serif}.draft-state{border:1px solid rgba(115,214,194,.4);color:var(--mint);padding:5px 7px;font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em}.draft-state[data-closed=true]{color:var(--gold);border-color:#f0c96b66}.live-memory{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:-2px 0 11px;color:#85827a;font:700 8px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.live-memory i{height:2px;background:#ffffff1a;overflow:hidden}.live-memory b{display:block;width:100%;height:100%;background:var(--mint);transition:width .1s linear}.live-memory strong{color:#d4d0c6;font-weight:600}.ribbon-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ribbon-slots button{min-width:0;min-height:72px;display:grid;grid-template-columns:8px 1fr;grid-template-rows:1fr 1fr;gap:2px 7px;align-content:center;text-align:left;border:1px solid rgba(255,255,255,.11);background:#ffffff09;padding:8px;cursor:pointer}.ribbon-slots button:hover{background:#ffffff12}.ribbon-slots button[data-selected=true]{border-color:var(--gold);background:#f0c96b14}.ribbon-slots button[data-present=false]{opacity:.46}.ribbon-slots i{grid-row:1 / 3;align-self:stretch;background:var(--ribbon)}.ribbon-slots span{color:#8f8b82;font:600 8px/1 ui-monospace,monospace}.ribbon-slots b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ribbon-slots small{grid-column:2;color:#85827a;font:500 8px/1 ui-monospace,monospace}.schedule-strip{display:flex;align-items:center;gap:5px;border-top:1px solid rgba(255,255,255,.08);margin-top:9px;padding-top:9px}.schedule-strip span{margin-right:auto;color:#8d8981;font:600 8px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.schedule-strip span b{color:#d8d4cb}.schedule-strip button{min-height:28px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:0 8px;cursor:pointer;font:600 8px/1 ui-monospace,monospace;text-transform:uppercase}.schedule-strip button:hover{border-color:#ffffff57}.schedule-strip .commit{margin-left:auto;color:#15151a;background:var(--gold);border-color:var(--gold)}.schedule-strip kbd{font:inherit;opacity:.55;margin-left:4px}.desk-note{min-height:28px;color:#8e8a82;font-size:9px;line-height:1.45;margin:9px 0 0}.habit-strip{position:absolute;left:50%;bottom:56px;transform:translate(-50%);display:flex;gap:16px;padding:8px 12px;background:#0c0c0f99;border:1px solid var(--line)}.habit-strip span{display:flex;gap:5px;align-items:center;color:#9a968e;font:600 8px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.habit-strip i{width:5px;height:5px;background:var(--habit)}.desktop-legend{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:16px;color:#76746f;font:500 8px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}kbd{color:#d6d2c9;font:600 8px/1 ui-monospace,monospace}.touch-legend{display:none}.overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:24px;background:#0c0c0fad;backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.overlay[data-visible=true]{opacity:1;visibility:visible}.title-screen{place-items:center start;padding-left:clamp(28px,7vw,110px);background:linear-gradient(90deg,#0a0a0cf5,#0c0c0fe0 48%,#0c0c0f85 76%,#0c0c0f47);backdrop-filter:blur(2px)}.title-composition{width:min(760px,100%)}.title-rule{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);color:#8c8982;font:600 9px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.title-rule b{color:var(--gold)}h2#title-heading{margin:28px 0 18px;font:400 clamp(56px,10vw,122px)/.72 Georgia,serif;letter-spacing:-.075em}h2#title-heading span,h2#title-heading em{display:block}h2#title-heading em{margin-left:.38em;color:var(--gold);font-style:italic}.title-deck{width:min(590px,100%);color:#c1bdb4;font:400 16px/1.55 Georgia,serif}.title-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.title-steps div{border-top:1px solid var(--line);padding-top:12px}.title-steps b{color:var(--gold);font:600 9px/1 ui-monospace,monospace}.title-steps span{display:block;margin:8px 0 4px;font:500 19px/1 Georgia,serif}.title-steps p{color:#8f8b83;font-size:10px;line-height:1.5}.title-actions{display:flex;align-items:center;gap:22px}.title-actions p{color:#7e7b74;font:500 9px/1.5 ui-monospace,monospace;margin:0}.sound-mark{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.primary-button,.dialog-actions button{min-height:44px;border:1px solid var(--line);background:#ffffff0d;padding:0 18px;cursor:pointer;font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.primary-button{color:#15151a;background:var(--ink);border-color:var(--ink)}.primary-button:hover{background:var(--gold);border-color:var(--gold)}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px}.compact-screen{background:#0a0a0cc7}.dialog-card,.ending-card{width:min(520px,100%);padding:30px;background:#1c1c21;border:1px solid var(--line);box-shadow:0 30px 100px #00000073}.dialog-card h2,.ending-card h2{font:500 36px/1.02 Georgia,serif;margin:11px 0}.dialog-card p,.ending-card>p{color:#aaa69d;font-size:12px;line-height:1.6}.ending-screen{background:linear-gradient(90deg,#09090bf7,#101013e0 58%,#101013a3);backdrop-filter:blur(3px)}.ending-card{width:min(680px,100%)}.habit-profile{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:22px 0}.habit-profile div{border:1px solid rgba(255,255,255,.09);padding:11px}.habit-profile span{display:flex;justify-content:space-between;font:600 9px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.habit-profile span:before{content:"";width:6px;height:6px;background:var(--trait)}.habit-profile p{color:#8e8a82;font-size:9px;line-height:1.45;margin:7px 0 0}.score-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.score-row div{padding:14px 10px 14px 0;border-right:1px solid var(--line)}.score-row div:last-child{border:0}.score-row small,.score-row b{display:block}.score-row small{color:#85827a;font:600 8px/1 ui-monospace,monospace;text-transform:uppercase}.score-row b{margin-top:5px;font:500 21px/1 ui-monospace,monospace}#toast{position:absolute;z-index:7;left:50%;top:96px;transform:translate(-50%,-8px);padding:9px 13px;color:#ded9cf;background:#0d0d10e6;border:1px solid var(--line);font:600 9px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.18s ease}#toast[data-visible=true]{opacity:1;transform:translate(-50%)}#wall-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 3px var(--coral),inset 0 0 90px #ff765e3d}#wall-flash[data-visible=true]{animation:wallFlash .42s ease-out}noscript{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:#15151a}@keyframes pulse{50%{opacity:.45}}@keyframes wallFlash{0%{opacity:1}to{opacity:0}}@media(max-width:900px){.hud-top{grid-template-columns:1fr auto}.movements{position:absolute;top:76px;left:50%;transform:translate(-50%);gap:14px}.gate-panel{top:112px;width:220px;padding:14px}.gate-panel h1{font-size:20px}.phrase-desk{top:auto;bottom:74px;right:12px;width:360px;padding:12px}.gate-panel>p,.desk-note{display:none}.hold-track{margin-top:14px}.habit-strip,.desktop-legend{display:none}.touch-legend{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:6px}.touch-legend button{flex:1;min-height:44px;border:1px solid var(--line);background:#141418eb;font:600 8px/1 ui-monospace,monospace;text-transform:uppercase}.touch-legend button:last-child{color:#15151a;background:var(--gold)}}@media(max-width:640px){.hud-top{min-height:68px;padding:max(10px,env(safe-area-inset-top)) 10px 8px}.identity small,.seal,.strikes,#mute-button{display:none}.identity b{font-size:10px}.movements{top:68px}.gate-panel{left:10px;top:101px;width:166px}.gate-panel h1{font-size:17px;margin:6px 0 0}.gate-panel .eyebrow,.gate-panel>p,.hold-copy span{display:none}.hold-copy{margin-bottom:7px}.gate-list li{grid-template-columns:1fr auto;min-height:27px}.gate-list li i{display:none}.phrase-desk{left:10px;right:10px;bottom:67px;width:auto}.desk-heading h2{font-size:17px}.ribbon-slots button{min-height:55px;padding:6px}.schedule-strip.second button{font-size:0}.schedule-strip.second button:first-letter{font-size:8px}.schedule-strip.second .commit{font-size:8px}.schedule-strip kbd{display:none}.title-composition{margin-top:4vh}h2#title-heading{font-size:clamp(52px,20vw,78px);margin-top:22px}.title-deck{font-size:14px}.title-steps{gap:10px;margin:24px 0}.title-steps p{display:none}.title-actions{align-items:flex-start;flex-direction:column;gap:12px}.ending-card,.dialog-card{padding:20px}.ending-card h2,.dialog-card h2{font-size:28px}.habit-profile{grid-template-columns:1fr;max-height:34vh;overflow:auto}.score-row{grid-template-columns:repeat(2,1fr)}.score-row div:nth-child(2){border-right:0}.score-row div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-height:620px)and (orientation:landscape){.hud-top{min-height:58px}.movements{top:58px}.gate-panel{top:66px;width:190px}.gate-panel>p,.gate-panel .eyebrow{display:none}.gate-panel h1{font-size:17px}.phrase-desk{top:66px;bottom:auto;width:350px}.desk-note,.schedule-strip.second,.habit-strip,.desktop-legend,.touch-legend{display:none}.title-steps{margin:18px 0}h2#title-heading{font-size:64px;margin:18px 0 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(min-width:901px){:root{--panel: rgba(22, 22, 27, .92);--line: rgba(242, 238, 227, .24)}.glass{backdrop-filter:blur(18px) saturate(1.12)}.eyebrow,.clock small,.strikes small,.hold-copy,.gate-list li,.ribbon-slots span,.ribbon-slots small,.schedule-strip span,.habit-strip span,.desktop-legend{font-size:9px}.gate-panel,.phrase-desk{box-shadow:0 22px 64px #00000061}}@media(max-width:900px){.hud-top{background:linear-gradient(180deg,rgba(13,13,16,.96),rgba(13,13,16,.58),transparent)}.identity,.top-actions,.movements{min-width:0}.movements{width:calc(100% - 24px);justify-content:space-between;gap:4px}.movements span{flex:1;text-align:center;padding-inline:2px}.glass{backdrop-filter:blur(18px) saturate(1.1)}.icon-button{min-height:40px}}@media(max-width:640px){:root{--panel: rgba(22, 22, 27, .94);--line: rgba(242, 238, 227, .28)}.hud-top{grid-template-columns:minmax(0,1fr) auto;gap:8px}.identity{overflow:hidden}.identity b{font-size:11px;white-space:nowrap}.clock{min-width:54px;padding-right:8px}.clock span{font-size:13px}.icon-button{min-width:44px;min-height:40px;padding-inline:9px}.movements{top:72px;left:10px;width:calc(100% - 20px);transform:none;font-size:8px;letter-spacing:.1em}.movements span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate-panel{top:108px;left:10px;width:178px;padding:12px}.gate-panel h1{font-size:18px}.gate-list li{font-size:8px;letter-spacing:.06em}.legacy-mark{margin-top:8px;padding-top:8px}.legacy-mark p{display:none}.live-memory{margin-bottom:6px}.title-screen{place-items:center;padding-left:24px;background:radial-gradient(circle at 50% 44%,#222227c2,#0a0a0cf0);backdrop-filter:blur(6px)}.phrase-desk{left:10px;right:10px;bottom:72px;width:auto;max-height:min(40vh,260px);overflow:auto;padding:10px}.desk-heading{margin-bottom:8px}.ribbon-slots{gap:4px}.ribbon-slots button{min-height:52px;padding:5px}.ribbon-slots b{font-size:9px}.schedule-strip{gap:4px;margin-top:7px;padding-top:7px}.schedule-strip button{min-height:34px;padding-inline:6px}.touch-legend{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));gap:4px}.touch-legend button{min-height:48px;font-size:9px;white-space:nowrap}#toast{top:154px;width:calc(100% - 24px);max-width:none;text-align:center;white-space:normal}.title-composition{max-height:calc(100dvh - 32px);overflow:auto;padding:4px 2px 18px}.title-rule{gap:12px;font-size:8px;letter-spacing:.1em}.title-deck{font-size:14px}.title-steps{margin:22px 0}.dialog-card,.ending-card{max-height:calc(100dvh - 32px);overflow:auto}.dialog-actions{display:grid;grid-template-columns:1fr;width:100%}.dialog-actions button{width:100%}.score-row b{font-size:18px}}@media(max-height:620px)and (orientation:landscape){.gate-panel,.phrase-desk{background:var(--panel)}.touch-legend{display:flex!important}}