:root{color-scheme:dark;--ink: #f2e4ca;--muted: #b7a88e;--brass: #c69748;--brass-bright: #f0c96d;--walnut: #211512;--walnut-deep: #100b0a;--panel: rgba(31, 21, 17, .9);--line: rgba(229, 187, 104, .28);--red: #b45142;--blue: #5c8b9c;--green: #6e8c6e;--shadow: rgba(0, 0, 0, .48);--safe-top: max(18px, env(safe-area-inset-top));--safe-right: max(18px, env(safe-area-inset-right));--safe-bottom: max(16px, env(safe-area-inset-bottom));--safe-left: max(18px, env(safe-area-inset-left));font-family:Palatino Linotype,Palatino,Georgia,serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#100b0a;color:var(--ink)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--brass-bright);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}#app{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 35%,#3a251b,#120c0a 68%)}#machine{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}#app:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,5,4,.16),transparent 28%,transparent 63%,rgba(7,4,3,.75)),repeating-linear-gradient(90deg,transparent 0 96px,rgba(255,226,171,.018) 97px)}.topbar{position:absolute;z-index:10;top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--brass);border-radius:50%;color:var(--brass-bright);font:700 12px/1 Georgia,serif;letter-spacing:.08em;box-shadow:inset 0 0 0 4px #c6974814,0 5px 20px var(--shadow)}.eyebrow{margin:0 0 5px;color:var(--brass-bright);font-size:9px;font-weight:800;letter-spacing:.2em;line-height:1.3}h1{margin:0;font:700 clamp(17px,1.7vw,24px)/1 Georgia,serif;letter-spacing:.13em}.header-actions{display:flex;gap:7px}.icon-button{min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:2px;background:#150e0cb3;color:#dbc9aa;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(9px)}.icon-button:hover{border-color:var(--brass);color:#fff0c8;background:#4c311ac7}.panel{border:1px solid var(--line);background:linear-gradient(135deg,#2f1f18f0,#140e0ce6);box-shadow:0 18px 50px var(--shadow),inset 0 1px #ffe5ad0f;backdrop-filter:blur(12px)}.case-card{position:absolute;z-index:8;top:calc(var(--safe-top) + 70px);left:var(--safe-left);width:min(288px,26vw);padding:18px 18px 14px;border-radius:2px}.case-card h2,.overlay-card h2{font:500 clamp(22px,2.3vw,34px)/1.03 Georgia,serif;letter-spacing:-.02em}.claim{min-height:64px;margin:13px 0 10px;color:#dac9ae;font:italic 15px/1.45 Georgia,serif}.claim strong{color:var(--brass-bright);font-weight:600}.case-rule{height:1px;background:linear-gradient(90deg,var(--brass),transparent)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 0}.mini-stats div{min-width:0}.mini-stats dt{color:#8f806d;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.mini-stats dd{margin:4px 0 0;color:#f5d994;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.alignment-card{position:absolute;z-index:8;top:calc(var(--safe-top) + 70px);left:50%;width:min(300px,28vw);transform:translate(-50%);padding:13px 15px;border-radius:2px}.instrument-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aa997f;font-size:9px;font-weight:800;letter-spacing:.14em}.instrument-head strong{color:var(--brass-bright);font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.alignment-track{position:relative;height:7px;margin:9px 0 7px;overflow:hidden;border-radius:1px;background:#120d0b;box-shadow:inset 0 0 0 1px #ffffff0a}.alignment-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#8e542c,var(--brass-bright));box-shadow:0 0 12px var(--brass);transition:width .12s linear}.alignment-track b{position:absolute;top:-2px;left:50%;width:1px;height:11px;background:#fff4d5;box-shadow:0 0 7px #fff}.alignment-card p,.execute p{margin:0;color:#a99a84;font-size:9px;line-height:1.35}.alignment-card #arrival-state{margin-top:5px;color:#e7c980;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.bonds{position:absolute;z-index:8;top:calc(var(--safe-top) + 70px);right:var(--safe-right);width:min(246px,23vw);padding:14px;border-radius:2px}.bond-list{display:grid;gap:9px;margin-top:11px}.bond{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:8px}.bond span{color:#c8b79c;font-size:9px}.bond-track{grid-column:1 / -1;height:3px;background:#0e0a09}.bond-track i{display:block;height:100%;width:0;background:var(--brass);transition:width .35s ease}.bond small{color:#80715f;font:8px/1 ui-monospace,monospace;text-align:right}.actors{position:absolute;z-index:9;left:50%;bottom:calc(var(--safe-bottom) + 180px);display:flex;gap:8px;transform:translate(-50%)}.actor-chip{width:126px;min-height:48px;display:grid;grid-template-columns:12px 1fr 20px;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:2px;background:#18100d;box-shadow:0 8px 24px #0000005c;cursor:pointer;text-align:left;backdrop-filter:blur(8px)}.actor-chip:hover{border-color:var(--brass)}.actor-chip[aria-pressed=true]{border-color:var(--brass-bright);background:#68451bdb;box-shadow:0 0 20px #e0a9482e,inset 3px 0 var(--brass-bright)}.actor-dot{width:10px;height:10px;border:2px solid #d7c9ae;border-radius:50%;background:var(--red);box-shadow:0 0 9px currentColor}.actor-1 .actor-dot{background:var(--blue)}.actor-2 .actor-dot{background:var(--green)}.actor-chip strong{display:block;font:600 11px/1 Georgia,serif;letter-spacing:.05em}.actor-chip small{display:block;margin-top:4px;color:#9a8b76;font-size:8px;letter-spacing:.08em;text-transform:uppercase}kbd{display:inline-grid;min-width:19px;height:19px;place-items:center;padding:0 4px;border:1px solid rgba(234,201,128,.3);border-bottom-color:#eac9808c;border-radius:2px;background:#1a1210;color:#c9b28a;font:700 8px/1 ui-monospace,monospace;box-shadow:inset 0 -2px #ffffff0a}.control-deck{position:absolute;z-index:10;left:50%;bottom:calc(var(--safe-bottom) + 35px);width:min(980px,calc(100vw - 36px));display:grid;grid-template-columns:1.2fr 1.45fr .7fr;transform:translate(-50%)}.control-deck>.panel{min-width:0;min-height:128px;padding:13px 15px;border-radius:0}.control-deck>.panel:first-child{border-radius:2px 0 0 2px}.control-deck>.panel:last-child{border-radius:0 2px 2px 0}.deck-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#9d8d76;font-size:8px;font-weight:800;letter-spacing:.14em}.deck-label output{color:#edcf8d;font:700 10px/1 ui-monospace,monospace;letter-spacing:0}.timeline-row{display:grid;grid-template-columns:67px 1fr 53px;align-items:center;gap:8px}.transport{height:31px;border:1px solid var(--line);border-radius:1px;background:#19110f;color:#bba98d;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.transport[aria-pressed=true]{border-color:var(--brass-bright);color:#150d09;background:var(--brass-bright);box-shadow:0 0 15px #e8ba5b4d}.transport.run[aria-pressed=true]{background:#a7a06a}.scrubber-wrap{display:block}input[type=range]{width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:1px;background:linear-gradient(90deg,#6d4a29,#1a1210);box-shadow:inset 0 0 0 1px #ffffff14}input[type=range]::-webkit-slider-thumb{width:13px;height:23px;margin-top:-9px;appearance:none;border:1px solid #f3d18c;border-radius:2px;background:#8b6532;box-shadow:0 0 9px #e4af4d4d}input[type=range]::-moz-range-track{height:5px;background:#302018}input[type=range]::-moz-range-thumb{width:13px;height:23px;border:1px solid #f3d18c;border-radius:2px;background:#8b6532}.gear-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gear-control{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:3px}.gear-control>button:not(.gear-dial){width:24px;height:30px;padding:0;border:1px solid var(--line);background:#1a1210;color:#c4a66c;cursor:pointer}.gear-dial{position:relative;width:100%;aspect-ratio:1;max-width:68px;justify-self:center;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#73542d 0deg 6deg,#b28743 6deg 12deg);box-shadow:0 0 0 3px #1c120f,0 0 0 4px #76572e,0 7px 13px #0006;cursor:pointer}.gear-dial:before{content:"";position:absolute;inset:18%;border:2px solid #3f2c1d;border-radius:50%;background:#bb914d;box-shadow:inset 0 0 0 2px #f4d89e4d}.gear-dial.selected{box-shadow:0 0 0 3px #1c120f,0 0 0 4px var(--brass-bright),0 0 16px #e0a94857}.gear-dial span,.gear-dial small,.gear-dial strong{position:relative;z-index:1;text-shadow:0 1px #3b291b}.gear-dial span{position:absolute;top:17%;font:700 6px/1 ui-monospace,monospace;color:#553a20}.gear-dial strong{margin-top:-8px;color:#2c1c11;font:800 18px/1 ui-monospace,monospace}.gear-dial small{position:absolute;bottom:16%;max-width:80%;overflow:hidden;color:#4f351e;font-size:5px;font-weight:900;letter-spacing:.08em;text-overflow:clip}.gear-control:active .gear-dial{filter:brightness(1.15)}.execute{display:grid;grid-template-rows:auto 1fr auto}.execute .deck-label{margin-bottom:7px}.test-button{position:relative;min-height:48px;display:grid;place-items:center;padding:5px;border:1px solid #e2b35d;border-radius:2px;background:linear-gradient(145deg,#6b451e,#2d1a12);box-shadow:inset 0 1px #ffe6aa2e,0 0 18px #d9a2421f;cursor:pointer}.test-button:before{content:"";position:absolute;inset:4px;border:1px solid rgba(242,205,133,.22)}.test-button span{color:#f5d894;font:700 8px/1 ui-monospace,monospace;letter-spacing:.22em}.test-button strong{color:#fff0c8;font:600 11px/1 Georgia,serif;letter-spacing:.05em}.test-button:hover{filter:brightness(1.17)}.test-button:active{transform:translateY(1px)}.test-button.ready{border-color:#fff0b0;background:linear-gradient(145deg,#9a6b29,#4a2b15);box-shadow:inset 0 1px #fff0be47,0 0 24px #e5b65247}.test-button.ready strong{color:#fff5cf}.legend{position:absolute;z-index:8;left:50%;bottom:var(--safe-bottom);display:flex;gap:13px;padding:8px 12px;transform:translate(-50%);border:1px solid var(--line);border-radius:2px;background:#100b0af2;color:var(--muted);font-size:10px;white-space:nowrap}.legend span{display:flex;align-items:center;gap:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#080504ad;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(10px);transition:opacity .24s ease,visibility .24s}#intro{place-items:center start;padding-left:clamp(28px,7vw,112px);background:linear-gradient(90deg,#080504f0 0,#080504c2 42%,#0805042e 76%,#08050414);backdrop-filter:blur(3px)}#intro .overlay-card{width:min(470px,45vw);background:#241711}.overlay.visible{opacity:1;visibility:visible;pointer-events:auto}#app:has(#intro.visible) .actors,#app:has(#intro.visible) .control-deck{visibility:hidden}.overlay-card{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:clamp(24px,5vw,52px);border:1px solid rgba(228,186,104,.5);border-top-color:var(--brass-bright);border-radius:3px;background:linear-gradient(145deg,#3c2619fc,#120c0afc);box-shadow:0 30px 100px #000,inset 0 1px #ffecbd1a}.intro-card{position:relative;overflow:hidden}.intro-card:after{content:"17";position:absolute;right:-5px;bottom:-65px;color:#d7a74f0e;font:700 240px/.8 Georgia,serif;pointer-events:none}.overlay-card h2{margin:9px 0 17px}.overlay-card>p:not(.eyebrow):not(.fine-print):not(.warning){color:#c7b69c;font:15px/1.6 Georgia,serif}.briefing-list{display:grid;gap:0;padding:0;margin:24px 0;list-style:none;border-top:1px solid var(--line)}.briefing-list li{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.briefing-list li>span{color:var(--brass-bright);font:700 12px/1 ui-monospace,monospace}.briefing-list strong{display:block;font:600 12px/1.2 Georgia,serif}.briefing-list small{display:block;margin-top:4px;color:#897966;font-size:9px}.primary-button,.secondary-button{min-height:44px;padding:11px 18px;border:1px solid var(--brass-bright);border-radius:2px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.primary-button{background:#d3a754;color:#1a0e08;box-shadow:inset 0 1px #f6d997,0 8px 24px #00000047}.secondary-button{background:transparent;color:#d8c39e;border-color:var(--line)}.primary-button:hover{filter:brightness(1.12)}.secondary-button:hover{border-color:var(--brass)}.intro-card .primary-button{width:100%;display:flex;justify-content:space-between}.fine-print{margin:11px 0 0;color:#c7b69c;font-size:8px;text-align:center}.compact-card{width:min(430px,100%);text-align:center}.button-row{display:flex;gap:9px;margin-top:24px}.button-row button{flex:1}.notes-panel{position:absolute;z-index:25;top:68px;right:var(--safe-right);width:min(370px,calc(100vw - 36px));max-height:calc(100dvh - 84px);overflow:auto;padding:17px}.notes-panel p{color:#b8a88e;font:12px/1.55 Georgia,serif}.notes-panel p:first-of-type{margin-bottom:0}.notes-panel p:last-child{margin-bottom:0}.notes-panel strong{color:var(--brass-bright)}.accuse-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px}.accuse-button{min-height:130px;padding:14px 8px;border:1px solid var(--line);border-radius:2px;background:#1c1310;cursor:pointer}.accuse-button:before{content:"";display:block;width:25px;height:25px;margin:0 auto 11px;border:3px solid #ddd0b8;border-radius:50%;background:var(--red);box-shadow:0 0 13px var(--red)}.accuse-button:nth-child(2):before{background:var(--blue);box-shadow:0 0 13px var(--blue)}.accuse-button:nth-child(3):before{background:var(--green);box-shadow:0 0 13px var(--green)}.accuse-button strong{display:block;font:600 14px/1 Georgia,serif}.accuse-button small{display:block;margin-top:6px;color:#867662;font-size:8px;line-height:1.4;text-transform:uppercase}.accuse-button:hover{border-color:var(--brass-bright);background:#3b2515}.warning{min-height:18px;margin:14px 0 0;color:#df8c71;font:700 10px/1.4 ui-monospace,monospace;text-align:center}.end-card{text-align:center}.score-block{display:grid;gap:4px;margin:25px 0;padding:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.score-block span{color:#8f7f69;font-size:8px;font-weight:800;letter-spacing:.18em}.score-block strong{color:var(--brass-bright);font:700 clamp(30px,5vw,48px)/1 ui-monospace,monospace}.score-block small{color:#8d7d67;font-size:9px}.local-records{max-width:320px;margin:18px auto 0;text-align:left}.local-records .eyebrow{margin:0 0 6px;color:#b8a17d;font-size:8px}.local-records ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.local-records li{display:flex;justify-content:space-between;padding:5px 8px;border-bottom:1px solid var(--line);color:#c8b898;font:9px ui-monospace,monospace}.local-records li strong{color:var(--brass-bright)}.local-records li span{color:#9ca58b;font-size:8px;letter-spacing:.08em}.end-ledger{display:grid;gap:1px;margin:22px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.end-ledger-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-height:34px;color:#aa997f;font:8px/1.3 ui-monospace,monospace;letter-spacing:.08em;text-align:left}.end-ledger-row b{color:var(--brass-bright);font-size:9px}.end-ledger-row span{color:#d1b98e}.end-ledger-row small{color:#7e8f75}.end-ledger-row.missing{opacity:.42}.end-ledger-row.missing small{color:var(--red)}.toast{position:absolute;z-index:40;top:50%;left:50%;max-width:min(420px,calc(100vw - 40px));padding:12px 18px;border:1px solid var(--brass-bright);background:#261710f5;color:#f8dfa7;font:700 11px/1.35 ui-monospace,monospace;letter-spacing:.06em;text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.96);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:1040px){.case-card{width:235px}.claim{min-height:80px}.alignment-card{top:auto;bottom:295px;width:250px}.bonds{width:210px}.control-deck{grid-template-columns:1.15fr 1.4fr .7fr}}@media(max-width:760px){:root{--safe-top: max(10px, env(safe-area-inset-top));--safe-right: max(10px, env(safe-area-inset-right));--safe-bottom: max(8px, env(safe-area-inset-bottom));--safe-left: max(10px, env(safe-area-inset-left))}.topbar{gap:8px}.brand-mark{width:35px;height:35px}.brand .eyebrow{display:none}h1{font-size:14px;letter-spacing:.08em}.header-actions{gap:4px}.header-actions .icon-button{min-height:32px;padding:7px 8px;font-size:8px}#help,#sound{display:none}.case-card{top:calc(var(--safe-top) + 51px);width:calc(100% - 20px);padding:10px 12px}.case-card h2{display:inline;font-size:17px}.case-card .eyebrow{display:inline;margin-right:8px}.claim{min-height:0;margin:6px 0 0;font-size:12px}.case-rule,.mini-stats{display:none}.bonds{top:auto;right:var(--safe-right);bottom:278px;width:146px;padding:9px}.bond-list{gap:5px;margin-top:6px}.bond span{font-size:7px}.bond small,.bond-track{display:none}.alignment-card{bottom:278px;width:190px;padding:9px 10px}.alignment-card #clutch-state{display:none}.alignment-card #arrival-state{display:block;margin-top:0;font-size:6px}.actors{left:var(--safe-left);bottom:calc(var(--safe-bottom) + 228px);transform:none}.actor-chip{width:calc((100vw - 38px) / 3);min-height:40px;grid-template-columns:9px 1fr;gap:5px;padding:6px}.actor-chip kbd{display:none}.actor-chip strong{font-size:9px}.actor-chip small{font-size:6px}.control-deck{bottom:var(--safe-bottom);width:calc(100vw - 20px);grid-template-columns:1fr 46%}.control-deck>.panel{min-height:106px;padding:9px}.control-deck>.panel:first-child{grid-column:1 / -1;border-radius:2px 2px 0 0}.control-deck>.panel:nth-child(2){border-left:0;border-radius:0 0 0 2px}.control-deck>.panel:last-child{border-radius:0 0 2px}.deck-label{margin-bottom:8px;font-size:7px}.timeline-row{grid-template-columns:56px 1fr 44px}.transport{height:40px}.gear-row{gap:3px}.gear-control{grid-template-columns:18px 1fr 18px;gap:1px}.gear-control>button:not(.gear-dial){width:18px;height:30px;font-size:11px}.gear-dial{max-width:43px}.gear-dial strong{font-size:13px}.gear-dial small{display:none}.test-button{min-height:44px}.test-button strong{font-size:8px}.execute p{display:none}.accuse-buttons{gap:6px}.accuse-button{min-height:112px;padding:12px 5px}.accuse-button small{font-size:7px}.legend{display:none}.overlay{padding:14px}#intro{place-items:center;padding:14px;background:#080504d6}#intro .overlay-card{width:100%}.overlay-card{padding:25px 20px;max-height:calc(100dvh - 28px);overflow:auto}.overlay-card h2{font-size:29px}.briefing-list{margin:18px 0}.briefing-list li{padding:10px 0}.notes-panel{top:54px;right:10px;max-height:calc(100dvh - 64px)}}@media(max-height:680px)and (min-width:761px){.case-card,.alignment-card,.bonds{top:78px}.case-card{padding:12px 14px}.claim{min-height:0;margin:8px 0}.control-deck>.panel{min-height:108px}.actors{bottom:calc(var(--safe-bottom) + 154px)}.overlay-card{padding:26px 36px}.briefing-list{margin:16px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}#machine,button,input,select,[role=button]{touch-action:manipulation}