*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;color:#f2e7d6;background:#030607;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;touch-action:none;user-select:none}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #ffcf8d;outline-offset:2px}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}#flash{position:fixed;inset:0;pointer-events:none;background:#ef241f;opacity:0;z-index:3;transition:opacity .3s}#overlay{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#03090be3,#041013a8,#03090bed),url('title.jpg') center/cover no-repeat;padding:22px}#overlay.off{display:none}.panel{width:min(650px,100%);max-height:94vh;overflow:auto;background:linear-gradient(140deg,#132523f5,#070d0cf7);border:1px solid #84a6987c;box-shadow:0 20px 100px #000c;padding:clamp(23px,5vw,50px)}.kicker,.label{font-size:10px;color:#9fc7b6;letter-spacing:.24em}.kicker{margin-bottom:18px}h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-stretch:condensed;line-height:.89;font-size:clamp(55px,10vw,98px);margin:0 0 24px;letter-spacing:.025em;text-shadow:0 0 45px #f3ba8140}h1 em{display:block;color:#efa97d;font-style:normal}.panel p{max-width:490px;color:#baccc5;line-height:1.85;font-size:13px}.rule{border-left:2px solid #f0ba82;padding:4px 0 4px 19px;margin:22px 0;color:#f2dcc1;font-size:12px;line-height:1.8}.buttons{display:flex;flex-wrap:wrap;gap:10px}.action{border:0;background:#f1c28c;color:#061010;padding:16px 24px;font-weight:900;letter-spacing:.1em}.secondary{border:1px solid #819c91;background:#0a1c19;color:#cde5d8;padding:16px 20px}.tiny{font-size:10px;color:#6f9284;line-height:1.8;margin-top:23px}#hud{display:none;position:fixed;inset:0;pointer-events:none}#hud.show{display:block}header{position:absolute;top:clamp(15px,3.8vh,45px);left:clamp(15px,5vw,74px);right:clamp(15px,5vw,74px);display:flex;justify-content:space-between;gap:12px;text-shadow:0 2px 8px black}header h2{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.06em;font-size:clamp(43px,5vw,73px);margin:5px 0 2px;line-height:1}header h2 small{font-size:.38em;color:#aab9ab}.right{text-align:right}.small{font-size:10px;color:#a7bbb0;letter-spacing:.1em}.small b,#battery{color:#ffc48f}#pips{display:flex;justify-content:flex-end;gap:5px;margin:7px 0}#pips i{height:5px;width:18px;border:1px solid #7b9285;background:#192a24}#pips i.on{background:#cde6b3;box-shadow:0 0 8px #aadfa1}#message{position:absolute;top:24%;left:50%;transform:translateX(-50%);color:#d2e1cb;font-size:clamp(10px,1.2vw,12px);width:min(600px,82vw);text-align:center;letter-spacing:.08em;line-height:1.8;text-shadow:0 1px 8px #000}footer{position:absolute;bottom:clamp(15px,4vh,45px);left:clamp(15px,5vw,74px);right:clamp(15px,5vw,74px);display:flex;justify-content:space-between;gap:15px;align-items:end}.meter{width:160px;background:#18322b;height:5px;margin:10px 0}.meter div{height:100%;width:100%;background:#80d1b7;transition:width .25s}.decisions{pointer-events:auto;display:flex;gap:7px}.decision{min-height:46px;background:#051213cd;color:#d5e6d7;border:1px solid #678b7d9b;padding:13px 15px;font-size:11px;font-weight:700;letter-spacing:.05em}.decision.red{border-color:#d96d60b3;color:#ffb2a0}.decision.gold{border-color:#d6ba87c2;color:#ffe0aa}.decision:hover{background:#254239e8}.decision small{font-size:9px;opacity:.7;margin-left:5px}#scanner{display:none;position:absolute;left:50%;bottom:110px;transform:translateX(-50%);width:min(530px,89%);border:1px solid #91b5a7;background:#03120fe8;box-shadow:0 2px 50px #000c;padding:18px 22px}#scanner.on{display:block}.scanhead{display:flex;justify-content:space-between;font-size:10px;color:#8ad8bb;letter-spacing:.16em}#wave{width:100%;height:88px;display:block}#scanText{text-align:center;color:#eed7b9;font-size:11px}#touch{display:none;position:absolute;bottom:110px;left:16px;right:16px;justify-content:space-between;pointer-events:auto}#touch div{display:flex;gap:8px}#touch button{min-height:58px;min-width:61px;background:#061716c7;color:#f4dfc8;border:1px solid #87a4968c;padding:9px 12px}#pause{position:absolute;top:110px;right:20px;background:#041414ad;color:#d2dfd1;border:1px solid #7e9c8a9c;padding:7px 14px;pointer-events:auto}@media(pointer:coarse),(max-width:700px){#touch{display:flex}footer{flex-direction:column;gap:7px;bottom:12px;left:12px;right:12px;align-items:stretch}.telemetry{display:none}.decisions{width:100%}.decision{flex:1;padding:12px 5px;font-size:9px}.decision small{display:none}#scanner{bottom:183px}#message{top:25%}header{top:15px}header h2{font-size:46px}.small{font-size:9px}#pause{top:95px}#pips i{width:12px}.panel{max-height:93vh}}
/* Quality pass: tangible choices, readable status, accessible focus. */
.decision{transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}
.decision:hover{transform:translateY(-2px);filter:brightness(1.16);box-shadow:0 0 19px #a2dfd32b}
.decision:focus-visible,#pause:focus-visible{outline:3px solid #c9f5e1;outline-offset:2px}
#message{text-shadow:0 2px 4px #030708;letter-spacing:.08em}
@media(prefers-reduced-motion:reduce){.decision{transition:none}}

#integrity{font-size:15px;letter-spacing:.16em;color:#92ffdf;text-shadow:0 0 11px #62dbbf}
#signal{transition:color .3s ease}
@media(max-width:600px){#integrity{font-size:11px;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){#signal{transition:none}}