:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#11112d;color:#f2e7c9;font-synthesis:none;--night: #11112d;--deep: #090a1d;--indigo: #24214f;--violet: #7a6cb5;--brass: #c9a45f;--brass-pale: #e4c782;--cream: #f2e7c9;--muted: #a29bb8;--line: rgba(242, 231, 201, .17);--danger: #d87872;--success: #a7c6a0}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--night)}button,kbd,output{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--brass-pale);outline-offset:3px}[hidden],[data-visible=false]{visibility:hidden}#app{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 53% 42%,#292658 0,#141432 48%,#08091b)}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.curtain{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,18,.7),transparent 21%,transparent 76%,rgba(5,6,18,.72)),linear-gradient(0deg,rgba(5,6,18,.52),transparent 28%,transparent 82%,rgba(5,6,18,.34))}.grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.19;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(8deg,transparent 0 7px,rgba(255,255,255,.035) 8px 9px),repeating-linear-gradient(97deg,transparent 0 13px,rgba(0,0,0,.04) 14px 15px)}.hud{position:absolute;inset:0 0 auto;z-index:5;min-height:78px;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(310px,1fr);align-items:center;gap:20px;padding:max(13px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(7,8,24,.96),rgba(9,10,29,.58),transparent);pointer-events:none;opacity:1;transition:opacity .18s ease,visibility .18s ease}.hud button{pointer-events:auto}.identity{display:flex;align-items:center;gap:11px;letter-spacing:.11em}.identity strong,.identity small{display:block}.identity strong{font:600 12px/1 Georgia,serif}.identity small{margin-top:5px;color:var(--muted);font:600 8px/1 ui-monospace,monospace;letter-spacing:.17em;text-transform:uppercase}.post-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--brass);color:var(--brass-pale);font:500 17px/1 Georgia,serif;transform:rotate(45deg);box-shadow:inset 0 0 18px #c9a45f1f}.post-mark:first-line{transform:rotate(-45deg)}.chamber-track{display:flex;align-items:center;justify-content:center;gap:28px;padding:0;margin:0;list-style:none}.chamber-track li{position:relative;min-width:78px;color:#77718f;text-align:center;font:600 8px/1 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.chamber-track li:before{content:"";display:block;width:9px;height:9px;margin:0 auto 8px;border:1px solid #59546f;transform:rotate(45deg)}.chamber-track li:not(:last-child):after{content:"";position:absolute;left:calc(50% + 8px);right:calc(-50% + 8px);top:4px;height:1px;background:#383650}.chamber-track li[data-state=active]{color:var(--cream)}.chamber-track li[data-state=active]:before{border-color:var(--brass-pale);background:var(--brass);box-shadow:0 0 13px #c9a45f9e}.chamber-track li[data-state=solved]{color:var(--success)}.chamber-track li[data-state=solved]:before{content:"✓";display:grid;place-items:center;border-color:var(--success);background:#a7c6a026;color:var(--success);font-size:7px}.chamber-track li[data-state=solved]:after{background:var(--success)}.hud-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.hud-actions button{min-height:34px;padding:0 10px;border:1px solid var(--line);background:#ffffff09;color:#d6cfbd;font:600 8px/1 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.hud-actions button:hover{border-color:#f2e7c975;background:#ffffff14}.meter{min-width:55px;padding-right:10px;border-right:1px solid var(--line);text-align:right}.meter span,.meter small{display:block}.meter span{font:500 16px/1 ui-monospace,monospace}.meter small{margin-top:4px;color:var(--muted);font:600 7px/1 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.replay-meter span{color:var(--brass-pale)}.chamber-card{position:absolute;z-index:4;top:100px;left:max(18px,env(safe-area-inset-left));width:min(280px,calc(100vw - 36px));max-height:calc(100dvh - 180px);padding:18px;border:1px solid var(--line);background:#0c0d26c2;box-shadow:0 22px 60px #00000042;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1;overflow-y:auto;overscroll-behavior:contain;transition:opacity .18s ease,visibility .18s ease}.eyebrow{color:var(--brass-pale);font:700 8px/1 ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase}h1,h2,p{margin-top:0}.chamber-card h2{margin:9px 0 8px;font:500 24px/1.04 Georgia,serif;letter-spacing:-.02em}.chamber-card>p{margin-bottom:16px;color:var(--muted);font-size:10px;line-height:1.55}.readouts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.readouts div{padding:10px 8px 10px 0;border-right:1px solid var(--line)}.readouts div:last-child{border:0}.readouts span,.readouts b{display:block}.readouts span{color:#77718f;font:600 7px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.readouts b{margin-top:6px;color:#ddd4bf;font:500 11px/1 ui-monospace,monospace}.tuning-block{margin-top:14px}.tuning-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aaa2ba;font:600 8px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.tuning-head b{color:var(--brass-pale);font-weight:500;text-align:right}.tuning-options{display:grid;gap:5px;margin-top:8px}.tuning-options button{display:grid;gap:4px;width:100%;padding:8px;border:1px solid var(--line);background:#ffffff06;color:#d7cfbd;text-align:left;cursor:pointer}.tuning-options button:hover{border-color:#f2e7c966;background:#ffffff12}.tuning-options button[data-active=true]{border-color:var(--brass-pale);background:#c9a45f1a;box-shadow:inset 2px 0 0 var(--brass)}.tuning-options button:disabled{cursor:default;opacity:.72}.tuning-options b{color:var(--cream);font:600 9px/1.1 ui-monospace,monospace}.tuning-options span{color:#8f87a5;font-size:8px;line-height:1.35}.tuning-block>p{margin:7px 0 0;color:#77718f;font-size:8px;line-height:1.4}.manifest{margin-top:15px}.manifest-head{display:flex;justify-content:space-between;align-items:center;color:#aaa2ba;font:600 8px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.manifest-head b{color:var(--brass-pale);font-weight:500}.manifest-slots{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin-top:9px}.manifest-slots span{aspect-ratio:1;display:grid;place-items:center;min-width:0;border:1px solid rgba(201,164,95,.34);color:var(--brass-pale);background:#c9a45f0f;font:600 9px/1 ui-monospace,monospace}.manifest>p{margin:8px 0 0;color:#77718f;font-size:8px;line-height:1.4}.fold-record{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:13px;border-top:1px solid var(--line);color:#77718f;font:600 7px/1 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.fold-glyphs{display:flex;gap:5px}.fold-glyphs i{width:17px;height:20px;display:block;border:1px solid #3a3752;border-radius:9px 9px 2px 2px}.fold-glyphs i[data-folded=true]{border-color:var(--brass);background:linear-gradient(90deg,transparent 46%,rgba(201,164,95,.3) 48%,rgba(201,164,95,.3) 52%,transparent 54%);box-shadow:0 0 10px #c9a45f1f}.bench{position:absolute;z-index:4;right:max(18px,env(safe-area-inset-right));top:100px;width:min(450px,calc(100vw - 36px));padding:16px;border:1px solid var(--line);background:#0c0d26d6;box-shadow:0 24px 70px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:1;transition:opacity .18s ease,visibility .18s ease}.bench-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.bench-head h2{margin:7px 0 0;font:500 20px/1 Georgia,serif}#torque-readout{padding:6px 8px;border:1px solid var(--line);color:var(--brass-pale);font:600 9px/1 ui-monospace,monospace}.slots{display:grid;grid-template-columns:repeat(12,minmax(24px,1fr));gap:5px}.slot-button{position:relative;min-width:0;min-height:64px;padding:6px 2px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid rgba(242,231,201,.14);background:#ffffff06;cursor:pointer}.slot-button:hover{background:#ffffff12}.slot-button[data-selected=true]{border-color:var(--brass-pale);background:#c9a45f1a;box-shadow:inset 0 -2px 0 var(--brass)}.slot-button span{color:#77718f;font:600 7px/1 ui-monospace,monospace}.slot-button b{display:flex;align-items:flex-end;gap:2px;height:25px}.slot-button b i{width:5px;height:9px;display:block;border:1px solid #7e6a48;background:linear-gradient(90deg,#76562c,#d1ad68,#74542d);box-shadow:0 0 7px #c9a45f2e}.slot-button b i:nth-child(2){height:16px}.slot-button b i:nth-child(3){height:23px}.slot-button small{color:#b1a9bf;font:600 8px/1 ui-monospace,monospace}.slot-button[data-match=true] small{color:var(--success)}.adjust-row{display:grid;grid-template-columns:1fr 1fr 1.8fr;gap:7px;margin-top:10px}.adjust-row button,.replay-button{min-height:43px;padding:0 10px;border:1px solid var(--line);background:#ffffff0a;color:#d7cfbd;cursor:pointer;font:700 8px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.adjust-row button:hover,.replay-button:hover{background:#ffffff17;border-color:#f2e7c966}.adjust-row button:disabled,.release-button:disabled,.replay-button:disabled{opacity:.35;cursor:not-allowed}.adjust-row button span{margin-right:5px;color:var(--brass-pale);font-size:14px;vertical-align:-1px}.release-button{color:#151329;border-color:var(--brass-pale);background:var(--brass-pale)}.release-button:hover{background:#f0d69e!important}kbd{margin-left:5px;color:inherit;opacity:.62;font:600 7px/1 ui-monospace,monospace}.replay-button{width:100%;margin-top:7px;color:var(--brass-pale);border-color:#c9a45f70;background:#c9a45f14}.bench>p{margin:9px 0 0;color:#77718f;font-size:8px;line-height:1.4}.dispatch-status{position:absolute;z-index:4;left:50%;bottom:48px;transform:translate(-50%);min-width:min(420px,calc(100vw - 36px));padding:10px 18px;border:1px solid var(--line);background:#080918d6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.dispatch-status span,.dispatch-status strong{display:block}.dispatch-status span{color:var(--brass-pale);font:700 7px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.dispatch-status strong{margin-top:5px;color:#ded6c4;font:500 11px/1.2 Georgia,serif}.dispatch-status[data-tone=success] span{color:var(--success)}.dispatch-status[data-tone=danger]{border-color:#d8787280;box-shadow:inset 3px 0 0 var(--danger)}.dispatch-status[data-tone=success]{border-color:#a7c6a080;box-shadow:inset 3px 0 0 var(--success)}.dispatch-status[data-tone=danger] span{color:var(--danger)}.control-legend{position:absolute;z-index:4;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:15px;color:#77718f;font:600 7px/1 ui-monospace,monospace;text-transform:uppercase;white-space:nowrap;pointer-events:none}.control-legend kbd{display:inline-grid;min-width:16px;height:16px;place-items:center;margin:0 2px 0 0;border:1px solid rgba(242,231,201,.2);color:#bcb4c5}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#070817b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.overlay[data-visible=true]{opacity:1;visibility:visible}.title-screen{background:linear-gradient(90deg,#070817f7,#070817d1 48%,#0708175c 76%,#070817a8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.title-rule{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);color:#8f87a5;font:600 8px/1 ui-monospace,monospace;letter-spacing:.17em;text-transform:uppercase}.title-rule b{color:var(--brass-pale)}.title-composition h1{margin:28px 0 18px;font:400 clamp(60px,10vw,124px)/.7 Georgia,serif;letter-spacing:-.075em}.title-composition h1 span,.title-composition h1 em{display:block}.title-composition h1 em{margin-left:.34em;color:var(--brass-pale);font-style:italic}.title-deck{width:min(600px,100%);color:#c6bed0;font:400 16px/1.55 Georgia,serif}.title-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:32px 0}.title-steps div{padding-top:12px;border-top:1px solid var(--line)}.title-steps b{color:var(--brass-pale);font:600 9px/1 ui-monospace,monospace}.title-steps span{display:block;margin:8px 0 5px;font:500 19px/1 Georgia,serif}.title-steps p{margin:0;color:#8f87a5;font-size:10px;line-height:1.5}.title-actions{display:flex;align-items:center;gap:22px}.title-actions p{margin:0;color:#8f87a5;font:500 9px/1.5 ui-monospace,monospace}.sound-mark{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--brass-pale);box-shadow:0 0 12px #c9a45fbf}.primary-button,.dialog-actions button{min-height:44px;padding:0 18px;border:1px solid var(--line);background:#ffffff0d;cursor:pointer;font:700 9px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.primary-button{color:#151329;border-color:var(--cream);background:var(--cream)}.primary-button:hover{border-color:var(--brass-pale);background:var(--brass-pale)}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px}.compact-screen{background:#070817d1}.dialog-card,.ending-card{width:min(530px,100%);padding:30px;border:1px solid var(--line);background:#12122ff5;box-shadow:0 30px 100px #00000080}.dialog-card h2,.ending-card h2{margin:11px 0;font:500 38px/1 Georgia,serif}.dialog-card p,.ending-card>p{color:var(--muted);font-size:11px;line-height:1.65}.ending-screen{background:radial-gradient(circle at 50% 45%,#2a2758d6,#070817f7)}.ending-card{width:min(650px,100%)}.ending-silhouette{position:relative;height:95px;margin:20px 0;border-bottom:1px solid var(--line);overflow:hidden}.ending-silhouette i{position:absolute;bottom:10px;width:38px;height:58px;border:2px solid #55506e;border-radius:22px 22px 3px 3px}.ending-silhouette i:nth-child(1){left:22%;transform:rotate(-9deg)}.ending-silhouette i:nth-child(2){left:calc(50% - 19px);height:72px}.ending-silhouette i:nth-child(3){right:22%;transform:rotate(9deg)}.ending-silhouette b{position:absolute;left:14%;right:14%;top:26px;height:2px;background:var(--brass);box-shadow:0 0 15px #c9a45f59}.ending-card[data-result=win] .ending-silhouette i{border-color:var(--brass);background:#c9a45f14}.ending-card[data-outcome=direct] .ending-silhouette i:nth-child(1){transform:rotate(-18deg) translateY(-5px)}.ending-card[data-outcome=direct] .ending-silhouette i:nth-child(3){transform:rotate(18deg) translateY(-5px)}.ending-card[data-outcome=direct] .ending-silhouette b{transform:rotate(-7deg)}.ending-card[data-outcome=mixed] .ending-silhouette i:nth-child(1){transform:rotate(-5deg) translateY(4px)}.ending-card[data-outcome=mixed] .ending-silhouette i:nth-child(2){transform:rotate(6deg)}.ending-card[data-outcome=mixed] .ending-silhouette i:nth-child(3){transform:rotate(14deg) translateY(-3px)}.ending-card[data-outcome=mixed] .ending-silhouette b{transform:rotate(3deg)}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.score-grid div{padding:14px 10px 14px 0;border-right:1px solid var(--line)}.score-grid div:last-child{border:0}.score-grid span,.score-grid b{display:block}.score-grid span{color:#77718f;font:600 7px/1 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.score-grid b{margin-top:6px;color:var(--cream);font:500 20px/1 ui-monospace,monospace}#toast{position:absolute;z-index:9;left:50%;top:90px;transform:translate(-50%,-8px);padding:9px 13px;border:1px solid var(--line);background:#080918f0;color:#ded6c4;font:600 8px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.18s ease}#toast[data-visible=true]{opacity:1;transform:translate(-50%)}noscript{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:var(--night)}@media(max-width:1000px){.hud{grid-template-columns:1fr auto}.chamber-track{position:absolute;top:65px;left:50%;transform:translate(-50%)}.chamber-card,.bench{top:112px}.chamber-card{width:230px;padding:14px}.chamber-card>p,.fold-record{display:none}.bench{width:min(420px,calc(100vw - 36px))}.control-legend{display:none}.dispatch-status{bottom:18px}}@media(max-width:680px){.hud{min-height:66px;padding:max(9px,env(safe-area-inset-top)) 9px 7px}.identity small,.post-mark,.replay-meter,#mute-button{display:none}.identity strong{font-size:10px}.hud-actions{gap:4px}.hud-actions button{min-height:32px;padding:0 7px;font-size:7px}.meter{min-width:42px;padding-right:6px}.meter span{font-size:14px}.chamber-track{top:60px;gap:18px}.chamber-track li{min-width:58px;font-size:6px}.chamber-card{left:8px;top:93px;width:154px;padding:10px}.chamber-card h2{margin:6px 0 8px;font-size:16px}.chamber-card .eyebrow,.chamber-card>p,.readouts,.manifest>p{display:none}.manifest{margin-top:0}.manifest-slots{gap:2px}.manifest-slots span{font-size:7px}.tuning-block{margin-top:9px}.tuning-head b,.tuning-options span,.tuning-block>p{display:none}.tuning-options{margin-top:6px}.tuning-options button{min-height:30px;padding:6px}.tuning-options b{font-size:7px}.bench{left:8px;right:8px;top:auto;bottom:max(67px,calc(env(safe-area-inset-bottom) + 58px));width:auto;padding:10px}.bench-head{margin-bottom:8px}.bench-head h2{font-size:16px}.bench-head .eyebrow{font-size:6px}#torque-readout{font-size:7px}.slots{display:flex;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.slot-button{flex:0 0 31px;min-height:56px}.adjust-row{grid-template-columns:1fr 1fr 1.5fr;margin-top:7px}.adjust-row button{min-height:44px;padding:0 5px;font-size:7px}.adjust-row kbd,.replay-button kbd{display:none}.bench>p{display:none}.replay-button{min-height:40px;margin-top:6px}.dispatch-status{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));min-width:0;width:auto;transform:none;padding:7px 10px}.dispatch-status span{font-size:6px}.dispatch-status strong{margin-top:3px;font-size:9px}.title-composition h1{margin-top:22px;font-size:clamp(54px,21vw,82px)}.title-deck{font-size:14px}.title-screen{background:linear-gradient(180deg,#070817db,#070817f5)}.title-steps{gap:10px;margin:24px 0}.title-steps p{display:none}.title-actions{align-items:flex-start;flex-direction:column;gap:12px}.dialog-card,.ending-card{padding:20px}.dialog-card h2,.ending-card h2{font-size:30px}.score-grid{grid-template-columns:repeat(2,1fr)}.score-grid div:nth-child(2){border-right:0}.score-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-height:620px)and (orientation:landscape){.hud{min-height:56px}.chamber-track{top:51px}.chamber-card,.bench{top:82px}.chamber-card{width:190px;padding:10px}.chamber-card h2{font-size:16px}.chamber-card .eyebrow,.chamber-card>p,.manifest>p{display:none}.tuning-options span,.tuning-block>p{display:none}.tuning-options button{padding:6px}.tuning-options b{font-size:7px}.bench{left:auto;right:10px;bottom:10px;width:390px;padding:10px}.bench-head{margin-bottom:7px}.slot-button{min-height:48px}.bench>p{display:none}.dispatch-status{bottom:12px}.title-composition h1{font-size:66px;margin:17px 0 12px}.title-steps{margin:17px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(min-width:1001px){.chamber-card,.bench{border-top:2px solid var(--brass)}.dialog-card,.ending-card{border-top:2px solid var(--brass-pale)}}@media(max-width:680px){.chamber-card{right:8px;width:auto;max-height:min(38vh,300px)}.bench{max-height:250px;overflow:auto}.overlay{align-items:start;overflow-y:auto;padding:14px}.title-composition{max-height:calc(100dvh - 28px);overflow:auto;padding:16px 4px}.title-rule{font-size:7px}.title-composition h1{font-size:clamp(52px,17vw,82px)}.title-deck{font-size:13px}.title-steps{gap:8px}.title-steps span{font-size:15px}.title-actions{width:100%}.primary-button{min-height:48px}.dialog-card,.ending-card{max-height:calc(100dvh - 28px);overflow:auto;padding:20px 18px}.dialog-card p,.ending-card>p{font-size:10px}.score-grid{width:100%}}