:root{color-scheme:dark;--bg:#071521;--panel:#112938;--line:#355263;--text:#e6f4f5;--muted:#a9c4cc;--gold:#f4c77c;--cyan:#71e3ee;--green:#80e4b1;--red:#ff806e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 30% -10%,#24516a 0,#0b2232 45%,#06111b 100%);font:15px/1.5 system-ui,Segoe UI,Arial,sans-serif}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:12px max(20px,3vw);border-bottom:1px solid #527080;background:#071724a8}.top b{font-size:17px;letter-spacing:.13em}.top b span{color:var(--gold)}.top small{color:var(--muted)}.page{max-width:1510px;margin:auto;padding:19px clamp(13px,2vw,28px) 45px}.eyebrow{font-size:11px;letter-spacing:.21em;color:var(--cyan);font-weight:900;text-transform:uppercase}.intro{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.intro h1{font:600 clamp(30px,4vw,51px)/1.06 Georgia,serif;color:#f7d7a1;margin:5px 0 8px}.intro p{margin:0;color:var(--muted);max-width:790px}.mode{display:flex;gap:7px;flex-wrap:wrap}.mode button{border:1px solid #486c7e;background:#142e3d;color:#d4ecef;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800}.mode button[aria-pressed=true]{background:#edc17d;color:#17242c;border-color:#fff0ca}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.92fr);gap:16px;align-items:start}.monitor,.console,.help{background:linear-gradient(150deg,#102e40,#0b202d);border:1px solid #3b6070;border-radius:19px;box-shadow:0 20px 44px #0003;overflow:hidden}.monitor-top{padding:12px 16px;display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #315264;font-weight:800;font-size:12px;letter-spacing:.03em}.live{display:inline-flex;gap:8px;align-items:center;color:var(--green)}.live:before{content:'';width:8px;height:8px;background:currentColor;border-radius:50%;box-shadow:0 0 10px currentColor}.monitor-canvas{position:relative;overflow:hidden;background:#07192c}canvas{width:100%;height:auto;aspect-ratio:960/600;display:block;touch-action:none}.overlays{position:absolute;inset:14px;pointer-events:none;display:flex;justify-content:space-between;align-items:start;gap:14px}.depth-readout{padding:10px 14px;background:#071e2ad9;border:1px solid #3b7787;border-radius:13px;backdrop-filter:blur(9px)}.depth-readout small{font-size:10px;letter-spacing:.12em;color:#a8d9df;display:block}.depth-readout strong{font-size:clamp(27px,4.1vw,44px);font-variant-numeric:tabular-nums;display:block;line-height:1.1;color:#e9fbff}.depth-readout strong span{font-size:.42em;color:#a1d0da}.depth-readout .under{font-size:12px;color:#cce3e5}.objectives{max-width:290px;text-align:right;padding:11px 13px;background:#071e2bce;border:1px solid #416879;border-radius:13px}.objectives strong{font-size:12px;color:#f3ca88}.objectives p{font-size:11px;color:#d2e8ea;margin:4px 0}.monitor-footer{padding:14px 17px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px}.scene-tip{font-size:12px;color:var(--muted);max-width:490px}.transport{display:flex;flex-wrap:wrap;gap:7px}.transport button,.missionbtn{border:1px solid #647e86;background:#1c3e4d;color:#effafa;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:850}.transport button.primary,.missionbtn{background:linear-gradient(130deg,#f2cd91,#d7a966);border-color:#f5e0b6;color:#192532}.transport button:disabled{opacity:.46;cursor:not-allowed}.console{padding:17px 17px 20px}.console h2{font:600 23px Georgia,serif;color:var(--gold);margin:4px 0 12px}.console h3{font-size:12px;letter-spacing:.08em;color:#c4e5e9;margin:20px 0 9px}.control{padding:10px 0 11px;border-bottom:1px solid #35515c}.control label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:800}.control output{color:#ffdda5;font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}.control input[type=range]{display:block;margin:10px 0 0;width:100%;accent-color:#80dfe4;height:19px;cursor:pointer}.control select{display:block;margin:7px 0 1px;border-radius:9px;border:1px solid #587b89;background:#18394a;color:#fff;padding:9px 10px;width:100%}.control input:disabled,.control select:disabled{opacity:.48;cursor:not-allowed}.dpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px 0}.dpad button{border:1px solid #557887;background:#244b5c;color:#d9faff;font-weight:850;border-radius:10px;min-height:44px;touch-action:none;user-select:none}.dpad button:active,.dpad button.holding{background:#437e89}.dpad button:disabled{opacity:.45}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.stat{border:1px solid #365969;border-radius:11px;padding:10px;background:#0c2634;min-width:0}.stat span{font-size:10px;color:#a8c9d1;display:block}.stat b{font-size:18px;font-variant-numeric:tabular-nums;color:#ebf6f3}.meter{margin:14px 0 8px}.meter .labels{display:flex;justify-content:space-between;font-size:11px;font-weight:850}.meter .track{margin-top:6px;background:#12242e;border-radius:8px;overflow:hidden;height:10px;position:relative;border:1px solid #51727f}.meter .fill{height:100%;width:0%;transition:width .13s linear;background:linear-gradient(90deg,#5cdaad 0%,#f0c06b 72%,#fb796e 100%)}.notice{padding:12px;border-radius:12px;border:1px solid #4a737e;background:#12313d;color:#d2f1ee;font-size:12px;line-height:1.6;margin-top:12px}.notice.warn{border-color:#d59c5c;background:#403122;color:#ffebce}.notice.fail{border-color:#ed7669;background:#46232a;color:#ffe0d9}.notice.win{border-color:#61d7b2;background:#143c38;color:#c4ffe9}.missioncard{border-radius:12px;padding:12px;background:#1c3645;border:1px solid #516d78;font-size:12px}.missioncard strong{color:#ffe0a7}.missioncard p{margin:5px 0;color:#c3d7df}.help{padding:14px 18px;margin-top:16px;color:#c5d9dc;font-size:12px}.help summary{color:#f4ce96;font-weight:850;cursor:pointer}.help p{max-width:1060px}.end{position:absolute;inset:0;display:none;justify-content:center;align-items:center;background:#07141ac9;backdrop-filter:blur(3px);padding:20px}.end.show{display:flex}.end-inner{max-width:420px;text-align:center;background:#102f3c;border:1px solid #dbab76;border-radius:18px;padding:24px;box-shadow:0 15px 50px #0008}.end-inner h2{color:#ffe1ae;font:600 31px Georgia,serif;margin:3px}.end-inner p{color:#e0eff0}.end-inner button{background:#eec17e;border:0;border-radius:10px;padding:12px 18px;font-weight:900;color:#1c2530}.legend{font-size:11px;color:#a8d7d8}.legend b{color:#f9d391}@media(max-width:1040px){.layout{grid-template-columns:1fr}.console{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:23px}.console h2,.console .full{grid-column:1/-1}canvas{aspect-ratio:960/590}}@media(max-width:650px){.top small{display:none}.page{padding:14px 11px 32px}.intro h1{font-size:32px}.monitor-top{font-size:11px}.overlays{inset:8px;gap:4px}.depth-readout{padding:7px 8px}.depth-readout strong{font-size:25px}.objectives{max-width:49%;padding:6px 9px}.objectives p{font-size:10px}.objectives strong{font-size:10px}.console{display:block;padding:13px}.monitor-footer{padding:11px}.transport button{padding:9px}.stats .stat b{font-size:16px}}@media(prefers-reduced-motion:reduce){.meter .fill{transition:none}}