:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#e9e7de;background:#091319}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#263a41,#071016 70%)}button,a,input{touch-action:manipulation}button{font:800 11px system-ui;letter-spacing:.08em;border:1px solid #57717b;border-radius:5px;background:#172b34;color:#e9e7de;padding:13px 17px;cursor:pointer}button:hover{background:#334951}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffc67c;outline-offset:3px}button:disabled{opacity:.4;cursor:default}header{display:flex;align-items:center;justify-content:space-between;padding:13px 4vw;gap:12px;border-bottom:1px solid #33494e;font-size:11px}header a{color:#bccbd0;text-decoration:none}header b{letter-spacing:.14em}header span{color:#ffae69;margin-left:10px}main{max-width:1300px;margin:auto}.cover{min-height:calc(100svh - 65px);position:relative;background:url('cover.webp') 65% center/cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061016ef,#0610169c 40%,transparent 90%),linear-gradient(0deg,#071016,transparent 40%)}.title-copy{position:relative;padding:6vh 6vw;max-width:720px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#ffc38b}h1{font-family:Impact,'Arial Narrow',sans-serif;line-height:.83;font-size:clamp(76px,12vw,145px);margin:32px 0;letter-spacing:.01em}h1 em{color:#eda26b;font-style:normal}.intro{font-size:clamp(18px,2.5vw,25px);line-height:1.5}.feature-row{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;font-weight:800;letter-spacing:.1em;color:#d7bfa8;margin:25px 0}.how{font-size:13px;line-height:1.7;max-width:390px;color:#bdc7c9}.primary{background:#eaa16a;border-color:#eaa16a;color:#10202a;padding:18px 23px;font-size:12px;margin:12px 8px 12px 0}.primary:hover{background:#ffcea8}#collection{font-size:11px;color:#e3b387;margin-top:20px}.hud{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 22px;background:#0a1820}.hud small{display:block;font-size:10px;letter-spacing:.12em;color:#eeae79;margin-bottom:5px}.hud strong{font:700 18px Georgia,serif}.meters{display:flex;gap:16px}.meters label{font-size:9px;letter-spacing:.1em;color:#b9c6c9}.meters meter{display:block;width:90px;height:12px;margin-top:3px;accent-color:#e9ab7a}.missionbar{padding:13px 22px;display:flex;align-items:center;gap:15px;background:#1b2b31;border-top:1px solid #425255;border-bottom:1px solid #425255}.step-mark{border:1px solid #a47a56;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:#ffd0a0;font-size:12px;flex-shrink:0}.missioncopy{flex:1}.missioncopy small{font-size:9px;letter-spacing:.15em;color:#e7a973;display:block;margin-bottom:4px}.missioncopy strong{font-size:15px}.missioncopy p{font-size:11px;color:#acbdc1;margin:4px 0 0}#distance{font-size:11px;color:#f6c493;white-space:nowrap}.stage{height:clamp(390px,65svh,740px);position:relative;overflow:hidden;border-bottom:1px solid #31454a;background:#08131d}canvas#game{display:block;width:100%;height:100%;touch-action:none}#radio{position:absolute;top:15px;left:18px;width:min(480px,65%);padding:12px 16px;background:#08181dec;border-left:3px solid #cc9b72;pointer-events:none;opacity:0;transition:opacity .25s}#radio small{font-size:9px;letter-spacing:.15em;color:#eca970}#radio p{margin:6px 0 0;font-size:13px;line-height:1.5}#threat{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.15em;color:#f4a681;background:#24161ded;padding:8px 13px;display:none;pointer-events:none}#scan{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);width:180px;text-align:center;font-size:10px;letter-spacing:.13em;color:#ffd2a0;display:none}#scan i{display:block;height:4px;width:0;background:#ffcb89;margin-top:8px}.touch{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;user-select:none;-webkit-user-select:none}.movement,.actions{pointer-events:auto}.movement{display:flex;flex-direction:column;align-items:center;gap:8px}#pad{width:105px;height:105px;position:relative;border-radius:50%;border:1px solid #a4c2cc73;background:#182e3f88;touch-action:none}#stick{position:absolute;left:31px;top:31px;width:42px;height:42px;background:#b3cdd58c;border-radius:50%;pointer-events:none}#sprint{padding:7px 14px;font-size:9px;background:#193b45b3;touch-action:none}.actions{display:flex;align-items:end;gap:9px}.actions button{width:76px;height:76px;padding:4px;border-radius:50%;background:#264250dd;border-color:#88a8af;touch-action:none;font-size:10px}#interact{background:#a26a42e8;color:#fff1dd;border-color:#e8b17e}#pulse{width:57px;height:57px;font-size:9px;background:#3e3658e8}#pulse span{font-size:8px;color:#d3bddc}.below{display:flex;align-items:center;gap:10px;padding:11px 20px}.below>span{flex:1;color:#a9bdc4;font-size:11px}.below button{font-size:10px;padding:10px 12px}dialog{max-width:600px;width:calc(100% - 28px);max-height:88svh;background:#11232c;color:#e8e5db;border:1px solid #748c90;border-radius:9px;padding:26px;overflow:auto}dialog::backdrop{background:#010810d4}dialog h2{font:700 26px/1.15 Georgia,serif;color:#ffc997;margin:10px 0 18px}dialog p{line-height:1.65;font-size:14px;color:#c2d0d3}dialog .sub{font-size:10px;letter-spacing:.15em;color:#d5a274}dialog button{margin:7px 6px 3px 0}dialog .evidence{padding:14px;background:#1d343e;border-left:3px solid #d4a571}dialog .muted{font-size:11px;color:#a4b7bd}.task-display{background:#08161f;border:1px solid #37515d;padding:18px;border-radius:5px;margin:16px 0;min-height:110px;text-align:center}.task-display canvas{width:100%;height:210px;touch-action:none;border-radius:4px}.code-wheels{display:flex;justify-content:center;gap:13px}.wheel{display:flex;flex-direction:column;align-items:center;gap:5px}.wheel strong{font:38px monospace;color:#ffc28c}.wheel button{margin:0;width:49px;padding:10px}.gauge{height:40px;position:relative;background:#34313b;border-radius:5px;overflow:hidden;margin:18px 0}.gauge .zone{position:absolute;left:40%;width:20%;height:100%;background:#537757}.gauge .needle{position:absolute;width:4px;height:100%;background:#fff0c3;left:0}.task-progress{height:6px;background:#273e49;margin:14px 0;overflow:hidden}.task-progress i{display:block;height:100%;width:0;background:#e8b074}#taskstatus{font-size:12px;min-height:20px;color:#e9bd93}.tuner{width:100%;accent-color:#e9b27c;margin:22px 0}.frequency{font:38px monospace;color:#f4ba86}.wire-row{display:flex;justify-content:space-around;gap:4px}.wire-row button{border:2px solid #73929b;min-width:50px}.wire-row button.selected{background:#456953;border-color:#b8e1ab}.ward-row{display:flex;justify-content:space-around}.ward-row button{width:85px;height:90px;border:2px solid #6d7685;background:#253544;font-size:24px;touch-action:none}.ward-row button.done{background:#6b6741;border-color:#f7dba0}.note{background:#1b3039;border-left:2px solid #bd9874;padding:12px;margin-bottom:12px;font-size:12px;line-height:1.6}.checklist{list-style:none;padding:0}.checklist li{padding:9px 0;color:#839da8;font-size:12px;border-bottom:1px solid #29404b}.checklist li.current{color:#ffd1a0}.checklist li.done{color:#a9cab4}[hidden]{display:none!important}@media(max-width:650px){header{padding:9px 10px;font-size:9px}header span{display:block;margin:3px 0 0;font-size:8px}header button{font-size:9px;padding:9px}.title-copy{padding:42px 24px}.cover{background-position:62% center}.cover-shade{background:linear-gradient(90deg,#061016e6,#06101665),linear-gradient(0deg,#071016,transparent)}.hud{padding:10px;gap:8px}.hud strong{font-size:13px}.hud small{font-size:8px}.meters{gap:7px}.meters label{font-size:7px}.meters meter{width:43px;height:10px}.hud button{padding:9px}.missionbar{padding:10px;gap:9px}.missioncopy strong{font-size:12px}.missioncopy p{font-size:10px;line-height:1.4}.step-mark{width:34px;height:34px;font-size:10px}#distance{font-size:9px}.stage{height:62svh;min-height:355px;max-height:650px}.touch{left:12px;right:12px;bottom:14px}#pad{width:88px;height:88px}#stick{left:23px;top:23px}.actions{gap:6px}.actions button{width:62px;height:62px;font-size:9px}#pulse{width:46px;height:46px;font-size:8px}.below{padding:9px;flex-wrap:wrap}.below>span{font-size:10px;min-width:140px}#radio{left:10px;top:10px;padding:9px 12px;width:66%}#radio p{font-size:11px}#radio small{font-size:8px}#threat{top:100px;white-space:nowrap;font-size:8px}dialog{padding:20px}dialog h2{font-size:23px}.task-display{padding:12px}.ward-row button{width:65px;height:75px}}