:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e0eee5;background:#082b37;--cream:#ead6a4;--green:#acd7c0;--ink:#103a3f;--muted:#8fbcba}*{box-sizing:border-box}html,body{margin:0;overflow:hidden}button,input,select{font:inherit}button{pointer-events:auto;background:#3052577a;border:1px solid #9cb6a047;color:#d5e7df;padding:13px 17px;border-radius:6px;cursor:pointer;min-height:46px;font-size:12px;font-weight:650;transition:background .16s,transform .16s,border-color .16s}button:hover{background:#4b716d;border-color:#b9d8bc}button:active{transform:translateY(2px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #efdda5;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.primary{color:#173c39;background:#cfdfbe;border-color:#cfdfbe}.primary:hover{background:#e7eac8}.active-kit{background:#729c7c;color:#102e2b}#scene{position:fixed;inset:0;display:block;width:100%;height:100%}#overlay{position:fixed;inset:0;pointer-events:none}#identity{position:absolute;left:38px;top:29px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2.7px;font-weight:700;z-index:4}#identity[hidden]{display:none}#identity small{display:block;font-size:8px;letter-spacing:3px;font-weight:500;color:#96c9be;margin-top:7px}.identity-mark{font-size:31px;line-height:42px;width:42px;text-align:center;border:1px solid #a7ceac70;border-radius:50%;color:#e7d9aa}#screens{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:86px 24px 25px}.hero{margin-right:auto;margin-left:4%;padding:28px 30px 25px;background:linear-gradient(90deg,#0a3039e6,#0a30399c 75%,#0a303900);border-radius:14px;max-width:440px}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:700;color:#aecdb1;margin-bottom:18px}h1{font-size:clamp(76px,8.3vw,112px);letter-spacing:-5px;line-height:.92;margin:0 0 26px;font-weight:650}h1 em{font-family:Georgia,Times New Roman,serif;font-weight:450;letter-spacing:-4px;color:#ecdcad}.intro{color:#c2dcd0;font-size:14px;line-height:1.8;margin-bottom:25px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.hero-actions .primary{width:100%;max-width:295px;min-height:52px;text-align:left;font-size:14px;padding:14px 20px}.ledger{display:flex;gap:20px;margin:25px 0}.ledger span{font-size:8px;letter-spacing:1px;color:#96bbb0;line-height:1.9}.ledger b{display:block;font-size:19px;color:#d8dec0;letter-spacing:0}.micro{color:#89b8ae;font-size:9px;letter-spacing:1px;line-height:1.9;margin:19px 0 0}.water-caption{position:absolute;bottom:30px;right:36px;font-size:10px;letter-spacing:3px;font-weight:650;text-align:right}.water-caption small{display:block;font-size:8px;color:#a2c7bb;letter-spacing:1.2px;font-weight:450;margin-top:9px}.water-caption i{display:inline-block;background:#b1ddc7;width:5px;height:5px;border-radius:50%;margin-right:10px;vertical-align:middle}.panel{width:min(740px,100%);background:#0c3039f2;border:1px solid #89ad934f;border-radius:14px;box-shadow:0 25px 90px #02141d90;backdrop-filter:blur(18px);pointer-events:auto;max-height:calc(100dvh - 112px);overflow:auto;padding:34px 39px;scrollbar-width:thin;scrollbar-color:#698e7e #113a3f}.panel h2{font-size:39px;line-height:1.12;letter-spacing:-1.7px;color:#e5dec0;font-weight:600;margin:0 0 17px}.panel p{font-size:12px;line-height:1.8;color:#b5d1c3}.panel>button{margin:11px 8px 0 0}.small-panel,.settings-panel{width:455px}.small-panel>button,.settings-panel>button{display:block;width:100%;margin-top:11px}.briefing-grid{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center}.briefing-grid svg{width:100%;max-height:265px}.brief-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid #6a93865c;padding:8px 0}.brief-row>span{font-size:25px;color:#dec796}.brief-row p{margin:0}.brief-row b{font-size:12px;color:#d2dfc7;font-weight:600}.brief-row small{font-size:10px;color:#93bdb3;display:block}.brief-warning{border-left:2px solid #d4c48e;padding-left:12px;font-size:10px!important;color:#b4c9ae!important;margin-bottom:0}.control-strip{margin-top:18px;padding:14px 16px;background:#25454b66;border:1px solid #5f8d8755;border-radius:6px;font-size:10px;line-height:1.9;color:#aacdc1;letter-spacing:.35px}.control-strip b{font-size:10px;font-weight:650;color:#e2d1a4}.seed-input{display:flex;align-items:center;gap:15px;font-size:8px;color:#a1bbb0;letter-spacing:2px;margin-top:18px}.seed-input input{pointer-events:auto;max-width:170px;background:#123239;border:1px solid #72968766;color:#d6e1c8;letter-spacing:1px;padding:10px 12px;border-radius:5px;font-size:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.setting{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c9ddd0;gap:15px;margin:18px 0}.setting input,.setting select{pointer-events:auto}.setting input[type=range]{width:155px;accent-color:#cddba7}.setting input[type=checkbox]{width:23px;height:23px;accent-color:#b0d4b7}.setting select{background:#214840;color:#d6dfc1;border:1px solid #6d9e815f;padding:11px;border-radius:5px;font-size:10px;max-width:190px}.garage-panel{width:min(885px,100%)}.kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:23px}.kit{padding:18px 15px;border:1px solid #67938645;border-radius:8px;background:#2e515340;display:flex;flex-direction:column}.kit.equipped{border-color:#c0d3a4;background:#435f4c5c}.kit-icon{font-size:29px;line-height:1;color:#d5d7ad}.kit h3{font-size:13px;color:#e0dfc0;margin:14px 0 0}.kit p{font-size:10px;line-height:1.7;margin:9px 0}.kit small{font-size:9px;line-height:1.75;color:#9fcab6;margin-bottom:16px}.kit button{font-size:10px;padding:10px 8px;width:100%;margin-top:auto}.result-values{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid #6c8e704d;border-bottom:1px solid #6c8e704d;padding:23px 0;margin-top:22px}.result-values strong{font-size:36px;color:#e4d7ad;font-weight:600}.result-values small{display:block;font-size:8px;color:#9ac0ae;letter-spacing:1.5px;margin-top:7px}.recovered{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.recovered span{padding:8px 12px;border:1px solid #73978950;background:#40625940;border-radius:5px;color:#cad9c3;font-size:10px}#hud{position:absolute;left:22px;right:22px;top:18px;padding:16px 20px;background:#0b303ce3;border:1px solid #75a09363;border-radius:10px;backdrop-filter:blur(12px);display:grid;grid-template-columns:1.5fr 1.4fr .65fr 1fr 1.15fr 40px 40px;gap:20px;align-items:center}#hud[hidden]{display:none}#hud small{display:block;font-size:7px;letter-spacing:1.3px;color:#8cbaad}.zone-hud b{display:block;font-size:10px;letter-spacing:1px;margin:7px 0;color:#ceddd0}.zone-hud>span{font-size:7px;letter-spacing:.4px;color:#9bc9b7}.oxygen-hud>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.oxygen-hud b{font-size:22px;color:#d1e6c0;font-weight:550}.oxygen-hud b span{font-size:11px}.oxygen-track{height:5px;width:100%;margin-top:10px;background:#65868f47;border-radius:3px;overflow:hidden}.oxygen-track i{display:block;height:100%;transition:width .2s}.depth-hud b{font-size:25px;font-weight:500;color:#e3d8b7}.depth-hud b span{font-size:11px;margin-left:3px}.depth-hud small{margin-top:7px}.cargo-hud>div{display:flex;gap:5px;margin-top:8px}.slot{width:23px;height:23px;border:1px solid #84ad9260;display:grid;place-items:center;border-radius:4px;color:#52796d;font-size:18px}.slot.filled{color:#e1cf9e;background:#859f6430;border-color:#b6c287}.return-hud b{font-size:16px;color:#dbd7a7;font-weight:550}.return-hud small{font-size:6px!important;margin-top:7px}#pause,#map-toggle{padding:0;min-height:42px;width:40px;font-size:17px}.objective{grid-column:1/8;border-top:1px solid #5c867540;padding-top:11px;color:#a6c7b0;font-size:9px;letter-spacing:.5px}#map{position:absolute;right:25px;top:157px;width:115px;padding:9px;background:#123541c9;border:1px solid #87b4a455;border-radius:8px;backdrop-filter:blur(8px)}#map[hidden]{display:none}#map svg{width:100%;display:block}.map-caption{font-size:7px;color:#c1d4b8;letter-spacing:2px;text-align:center;margin-bottom:8px}#interaction{position:absolute;bottom:25px;left:50%;transform:translate(-50%);padding:12px 19px;background:#123841e0;border:1px solid #9fbb9660;border-radius:30px;color:#e0d7af;font-size:11px;line-height:1.45;text-align:center;width:max-content;max-width:90%}#interaction:empty{display:none}#notice{position:absolute;top:160px;left:50%;transform:translate(-50%) translateY(-8px);max-width:75%;width:max-content;padding:12px 18px;background:#244c43ee;border:1px solid #a7cda16e;border-radius:7px;color:#dce1ba;font-size:11px;line-height:1.55;text-align:center;opacity:0;transition:opacity .2s,transform .2s;z-index:6}#notice.visible{opacity:1;transform:translate(-50%) translateY(0)}#touch{display:none}#touch[hidden]{display:none!important}@media(pointer:coarse){#touch{display:block;position:absolute;inset:0}.stick{position:absolute;bottom:30px;left:20px;width:105px;height:105px;border:1px solid #b2c9a965;border-radius:50%;background:#1644517a;pointer-events:auto;touch-action:none}.stick span{position:absolute;left:32px;top:32px;width:40px;height:40px;border-radius:50%;background:#d2d7af35;border:1px solid #d2d7afa0}.stick small{position:absolute;left:0;right:0;bottom:10px;font-size:7px;text-align:center;letter-spacing:2px;color:#adcfb5}.look-stick{width:85px;height:85px;bottom:137px;left:auto;right:20px}.look-stick span{width:30px;height:30px;left:27px;top:27px}.look-stick small{bottom:7px;font-size:6px}.depth-controls{position:absolute;bottom:146px;left:23px;display:flex;gap:7px}.depth-controls button{width:45px;height:45px;padding:0;font-size:23px;background:#234f4eab;touch-action:none}.swim-actions{position:absolute;right:20px;bottom:42px;display:flex;gap:12px}.swim-actions button{width:66px;height:66px;border-radius:50%;padding:5px;background:#1b474bbd;border-color:#c7d0a18c;font-size:24px;touch-action:none}.swim-actions small{font-size:6px;display:block;letter-spacing:.5px;margin-top:1px}#interaction{bottom:234px;font-size:9px;max-width:87%;padding:9px 15px}#map{width:90px;top:174px;right:12px}#notice{top:168px;font-size:10px;max-width:88%}}@media(max-width:700px){#identity{left:23px;top:24px;font-size:8px;letter-spacing:2px;gap:10px}#identity small{font-size:7px}.identity-mark{font-size:26px;width:36px;line-height:36px}#screens{padding:78px 15px 20px}.hero{margin:0 auto auto;padding:28px 16px 22px;width:100%;max-width:390px;background:linear-gradient(180deg,#0a3039ef,#0a3039bd 80%,#0a303940)}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:15px}h1{font-size:81px;line-height:.93;letter-spacing:-4px;margin-bottom:21px}h1 em{letter-spacing:-4px}.intro{font-size:12px;line-height:1.8;margin-bottom:22px}.hero-actions{gap:7px;max-width:280px}.hero-actions .primary{max-width:280px;min-height:49px;font-size:12px;padding:13px 18px}.hero-actions button:not(.primary){font-size:10px;min-height:44px;padding:11px 13px}.ledger{margin:21px 0 16px;gap:24px}.ledger span{font-size:7px}.ledger b{font-size:17px}.micro{font-size:8px;letter-spacing:.7px;margin-top:16px}.water-caption{right:22px;bottom:24px;font-size:8px;letter-spacing:2px}.water-caption small{font-size:6px;letter-spacing:.8px}.panel{padding:24px;max-height:calc(100dvh - 100px);border-radius:11px}.panel h2{font-size:31px;line-height:1.12;letter-spacing:-1.1px;margin-bottom:14px}.panel p{font-size:11px;line-height:1.7}.briefing-grid{grid-template-columns:1fr;gap:12px}.briefing-grid svg{max-height:135px}.briefing-grid>div>p:first-child{margin-top:0}.brief-row{padding:7px 0;gap:12px}.brief-row>span{font-size:22px}.brief-row b{font-size:11px}.brief-row small{font-size:9px}.brief-warning{font-size:9px!important}.control-strip{padding:11px 12px;font-size:8px;margin-top:14px;line-height:1.85;letter-spacing:.2px}.control-strip b{font-size:8px}.seed-input{font-size:7px;gap:12px;letter-spacing:1px;margin-top:14px}.seed-input input{max-width:150px;font-size:9px;padding:9px}.actions{gap:7px;margin-top:16px}.actions button{font-size:10px;min-height:45px;padding:10px 13px}.setting{font-size:11px;margin:17px 0;gap:12px}.setting input[type=range]{width:135px}.setting select{max-width:165px;font-size:9px}.kit-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.kit{padding:14px 12px}.kit-icon{font-size:25px}.kit h3{font-size:11px;margin-top:10px}.kit p{font-size:9px;margin:7px 0}.kit small{font-size:8px;line-height:1.75;margin-bottom:13px}.kit button{font-size:8px;padding:9px 5px;min-height:44px}.result-values{padding:19px 0;margin-top:20px}.result-values strong{font-size:30px}.result-values small{font-size:6px;letter-spacing:1px}.recovered{gap:6px;margin-top:16px}.recovered span{padding:7px 10px;font-size:9px}#hud{left:10px;right:10px;top:10px;padding:12px;grid-template-columns:1.2fr .9fr .65fr 32px 32px;gap:12px;align-items:center}.zone-hud{grid-column:1/3;grid-row:1}.zone-hud small{font-size:6px!important}.zone-hud b{font-size:8px;margin:5px 0}.zone-hud>span{font-size:6px}.oxygen-hud{grid-column:1/3;grid-row:2}.oxygen-hud small{font-size:6px!important}.oxygen-hud b{font-size:19px}.oxygen-track{margin-top:6px;height:4px}.depth-hud{grid-column:3;grid-row:1}.depth-hud b{font-size:24px}.depth-hud small{font-size:6px!important;margin-top:4px}#pause{grid-column:5;grid-row:1;width:32px;height:40px;min-height:40px}#map-toggle{grid-column:4;grid-row:1;width:32px;height:40px;min-height:40px}.cargo-hud{grid-column:3/5;grid-row:2}.cargo-hud small{font-size:5px!important;letter-spacing:.8px}.cargo-hud>div{margin-top:5px;gap:4px}.slot{width:19px;height:20px;font-size:15px}.return-hud{grid-column:5;grid-row:2}.return-hud b{font-size:10px;white-space:nowrap}.return-hud small{font-size:5px!important;letter-spacing:.2px;line-height:1.5;margin-top:4px}.objective{grid-column:1/6;grid-row:3;font-size:7px;padding-top:8px;letter-spacing:.1px}#notice{top:173px;font-size:10px;padding:10px 15px;max-width:90%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}