@font-face{font-family:Archivo;src:url(../assets/fonts/archivo-latin.woff2) format("woff2");font-display:swap}@font-face{font-family:ArchivoBlack;src:url(../assets/fonts/archivo-black-latin.woff2) format("woff2");font-display:swap}
:root{--o-red:#ff321d;--o-blue:#66d3e8;--o-paper:#e6e7e3;--o-throttle:0;--o-light:0;--o-depth:0;--o-steer:0;--o-pitch:0;--o-reticle-x:50%;--o-reticle-y:50%;--o-x:50%;--o-y:50%}
*{box-sizing:border-box}html{background:#01070a;color-scheme:dark}body{margin:0;overflow:hidden;background:#01070a;color:var(--o-paper);font-family:Archivo,Arial,sans-serif}.ocean-page button,.ocean-page a,.ocean-page input{font:inherit}.ocean-page button:focus-visible,.ocean-page a:focus-visible,.ocean-page input:focus-visible{outline:2px solid #ff5a38;outline-offset:3px}.ocean-page .thermal-weather-layer,.ocean-page .thermal-glass{display:none!important}
.ocean-gate{position:fixed;inset:0;z-index:2147483500;display:grid;place-items:center;overflow:hidden;background:#01070a;transition:opacity 1.25s ease,visibility 0s linear 1.25s}.ocean-gate.is-open{opacity:0;visibility:hidden;pointer-events:none}.ocean-gate>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.3) brightness(.46);transform:scale(1.07);animation:ocean-gate-drift 15s ease-in-out infinite alternate}.ocean-gate::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,transparent 0 9%,rgba(1,7,10,.2) 29%,rgba(1,5,8,.94) 80%),linear-gradient(90deg,rgba(1,5,8,.96),transparent 72%)}.ocean-gate-copy{position:relative;z-index:3;width:min(960px,calc(100vw - 44px));padding:clamp(24px,6vw,78px)}.ocean-gate-copy>p:first-child{margin:0 0 17px;color:#ff6343;font-size:.52rem;font-weight:800;letter-spacing:.25em}.ocean-gate h1{max-width:7ch;margin:0;font:clamp(3.6rem,11vw,10rem)/.76 ArchivoBlack,Arial,sans-serif;letter-spacing:-.074em}.ocean-gate h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(230,231,227,.5)}.ocean-gate-copy>p:not(:first-child){max-width:38ch;margin:25px 0 23px;color:#b8c2c2;font-size:clamp(.84rem,1.5vw,1.08rem);line-height:1.55}.ocean-gate-copy>div{display:flex;flex-wrap:wrap;gap:8px}.ocean-gate button{padding:12px 15px;border:1px solid #9e3424;background:#250607;color:#f2c2b6;font-size:.57rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.ocean-gate button+button{border-color:rgba(230,231,227,.18);background:#02090c;color:#86989b}.ocean-gate button:hover{border-color:#ff6848;color:#fff}.ocean-gate small{display:block;margin-top:14px;color:#65767a;font-size:.44rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.ocean-gate-sonar{position:absolute;right:-7vw;top:50%;z-index:2;width:min(60vw,780px);aspect-ratio:1;border:1px solid rgba(91,213,231,.14);border-radius:50%;transform:translateY(-50%)}.ocean-gate-sonar i{position:absolute;inset:14%;border:1px solid rgba(255,71,38,.18);border-radius:50%}.ocean-gate-sonar i:nth-child(2){inset:29%;border-color:rgba(90,207,226,.19)}.ocean-gate-sonar i:nth-child(3){inset:43%;border:4px double rgba(255,67,35,.28)}.ocean-gate-sonar b{position:absolute;inset:48%;border-radius:50%;background:#ff3f22;box-shadow:0 0 38px #e82d18}
.ocean-experience{position:fixed;inset:0;overflow:hidden;background:#01070a;opacity:0;transition:opacity 1.4s ease}.ocean-experience.is-live{opacity:1}.ocean-zone-deck{position:absolute;inset:-3%;z-index:0;background:#01070a}.ocean-zone{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.08);transition:opacity 1.5s ease,transform 4s ease,visibility 0s linear 1.5s}.ocean-zone.is-active{opacity:calc(.4 + var(--o-throttle)*.27 + var(--o-light)*.22);visibility:visible;transform:scale(calc(1.025 + var(--o-throttle)*.025)) translate(calc(var(--o-steer)*-1.2%),calc(var(--o-pitch)*-.7%))}.ocean-zone.is-near{opacity:.04;visibility:visible}.ocean-zone img{width:100%;height:100%;object-fit:cover;filter:saturate(calc(.58 + var(--o-light)*.52)) contrast(1.34) brightness(calc(.24 + var(--o-light)*.29));transform:translate3d(calc((var(--o-x) - 50%)*.014),calc((var(--o-y) - 50%)*.014),0);transition:filter .6s}.ocean-zone:nth-child(3n) img{object-position:62% center}.ocean-zone figcaption{position:absolute;left:50%;top:66%;color:#86cbd7;font-size:.35rem;font-weight:800;letter-spacing:.14em;opacity:0;text-shadow:0 2px 12px #000;transform:translateX(-50%)}.ocean-sonar-live .ocean-zone.is-active figcaption{opacity:.62}#ocean-particles{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.ocean-water-column{position:absolute;inset:-12%;z-index:3;pointer-events:none;background:radial-gradient(ellipse at var(--o-x) var(--o-y),rgba(55,183,205,calc(.015 + var(--o-light)*.08)),transparent 18%,rgba(0,26,34,.1) 43%,rgba(0,3,5,.28) 76%),repeating-linear-gradient(97deg,transparent 0 42px,rgba(133,226,234,.008) 44px,transparent 47px);mix-blend-mode:screen}.ocean-sonar-sweep{position:absolute;left:50%;top:50%;z-index:7;width:70vmax;aspect-ratio:1;border-radius:50%;background:conic-gradient(from -20deg,rgba(80,218,232,.17),transparent 17%,transparent);opacity:0;transform:translate(-50%,-50%)}.ocean-sonar-live .ocean-sonar-sweep{opacity:1;animation:ocean-sonar 3.2s linear infinite}.ocean-floodlights{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:var(--o-light);transition:opacity .5s}.ocean-floodlights i{position:absolute;top:7%;bottom:5%;width:47%;background:linear-gradient(165deg,rgba(168,229,228,.13),transparent 62%);clip-path:polygon(32% 0,48% 0,100% 100%,0 100%);filter:blur(6px)}.ocean-floodlights i:first-child{left:8%}.ocean-floodlights i:nth-child(2){right:8%;transform:scaleX(-1)}
.ocean-submersible{position:absolute;inset:0;z-index:12;pointer-events:none}.ocean-hull-top{position:absolute;left:0;right:0;top:0;height:72px;border-bottom:8px solid #061318;background:linear-gradient(#010304,#041014 65%,#071c22);clip-path:polygon(0 0,100% 0,100% 45%,73% 45%,67% 100%,34% 100%,28% 45%,0 45%)}.ocean-hull-top span{position:absolute;left:50%;top:19px;color:#486069;font-size:.35rem;font-weight:800;letter-spacing:.18em;transform:translateX(-50%)}.ocean-hull-top i{position:absolute;top:18px;width:5px;height:5px;border-radius:50%;background:#ff4528;box-shadow:0 0 10px #ff321d}.ocean-hull-top i:first-child{left:28%}.ocean-hull-top i:nth-child(2){right:28%}.ocean-strut{position:absolute;top:42px;bottom:78px;width:clamp(36px,4.5vw,72px);background:linear-gradient(90deg,#010405,#0a242b,#020708);border:1px solid #10333b}.ocean-strut.is-left{left:0;clip-path:polygon(0 0,100% 8%,54% 100%,0 100%)}.ocean-strut.is-right{right:0;clip-path:polygon(0 8%,100% 0,100% 100%,46% 100%)}.ocean-porthole{position:absolute;inset:62px 52px 85px;border:1px solid rgba(100,177,188,.13);border-radius:12% / 9%;box-shadow:inset 0 0 90px rgba(0,4,6,.6)}.ocean-porthole i{position:absolute;width:7px;height:7px;border:2px solid #183a41;border-radius:50%;background:#020809}.ocean-porthole i:nth-child(1){left:2%;top:3%}.ocean-porthole i:nth-child(2){right:2%;top:3%}.ocean-porthole i:nth-child(3){left:2%;bottom:3%}.ocean-porthole i:nth-child(4){right:2%;bottom:3%}.ocean-reticle{position:absolute;left:var(--o-reticle-x);top:var(--o-reticle-y);width:145px;height:145px;border:1px solid rgba(91,211,227,.26);border-radius:50%;transform:translate(-50%,-50%)}.ocean-reticle::before,.ocean-reticle::after{content:"";position:absolute;background:rgba(91,211,227,.38)}.ocean-reticle::before{left:-28px;right:-28px;top:50%;height:1px}.ocean-reticle::after{top:-28px;bottom:-28px;left:50%;width:1px}.ocean-reticle i{position:absolute;inset:20px;border:1px dashed rgba(255,76,39,.32);border-radius:50%}.ocean-reticle b{position:absolute;left:50%;top:50%;width:7px;height:7px;border:1px solid #ff5c39;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ff3c21}.ocean-reticle span{position:absolute;left:50%;top:calc(100% + 12px);color:#61818a;font-size:.35rem;font-weight:800;letter-spacing:.13em;white-space:nowrap;transform:translateX(-50%)}.ocean-dashboard{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#02090b 23%,#06161a);border-top:1px solid #12313a}.ocean-dashboard>span{position:absolute;bottom:18px;width:14%;height:27px;border:1px solid #10323a;background:repeating-linear-gradient(90deg,#02090b 0 8px,#0d2c33 9px 11px)}.ocean-dashboard>span:first-child{left:7%}.ocean-dashboard>span:nth-child(2){right:7%}.ocean-yoke{position:absolute;left:50%;bottom:-57px;width:150px;height:118px;border:16px solid #06171b;border-radius:50%;transform:translateX(-50%) rotate(calc(var(--o-steer)*18deg));box-shadow:inset 0 0 0 2px #12343c}.ocean-yoke i{position:absolute;left:50%;top:20px;width:62px;height:42px;border:1px solid #17424b;background:#02090b;transform:translateX(-50%)}.ocean-yoke b{position:absolute;left:50%;top:34px;color:#ff4e30;font:.7rem ArchivoBlack;transform:translateX(-50%)}
.ocean-boot-sweep{position:absolute;inset:0;z-index:70;display:grid;place-items:center;background:#01070a;opacity:0;visibility:hidden;pointer-events:none}.ocean-boot-sweep i{position:absolute;left:0;right:0;top:0;height:2px;background:#5ad4e7;box-shadow:0 0 24px #35aec4}.ocean-boot-sweep span{color:#61848c;font-size:.46rem;font-weight:800;letter-spacing:.2em}.ocean-waking .ocean-boot-sweep{opacity:1;visibility:visible;animation:ocean-boot-fade 1.45s ease both}.ocean-waking .ocean-boot-sweep i{animation:ocean-boot 1.1s ease both}
.ocean-header{position:fixed;inset:18px 18px auto;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;color:#62747a;font-size:.44rem;font-weight:800;letter-spacing:.16em}.ocean-header>a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,71,42,.43);color:#ff5a3a;font:1rem ArchivoBlack;text-decoration:none}.ocean-header button{padding:8px 10px;border:1px solid rgba(220,233,234,.14);background:rgba(1,8,10,.74);color:#70848a;font-size:.42rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.ocean-hud{position:fixed;left:18px;top:83px;z-index:20;display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:7px;width:min(290px,29vw)}.ocean-hud>div{display:grid;grid-template-columns:1fr auto;align-items:end;padding:8px 9px;border:1px solid rgba(210,233,235,.1);background:rgba(1,8,10,.52)}.ocean-hud span{grid-column:1/-1;color:#587078;font-size:.36rem;font-weight:800;letter-spacing:.14em}.ocean-hud b{color:#d9e2e1;font:1.05rem ArchivoBlack}.ocean-hud small{padding-bottom:2px;color:#ff6040;font-size:.34rem;font-weight:800}.ocean-hull-critical .ocean-hud>div:last-child b{color:#ff4025;animation:ocean-critical .45s infinite alternate}.ocean-signal{position:fixed;left:50%;top:29%;z-index:16;width:min(650px,calc(100vw - 100px));text-align:center;text-shadow:0 3px 27px #000;transform:translate(-50%,-50%)}.ocean-signal p{margin:0 0 12px;color:#ff5c3b;font-size:.47rem;font-weight:800;letter-spacing:.22em}.ocean-signal h2{max-width:27ch;margin:0 auto;font:clamp(1.18rem,2.5vw,2.7rem)/1 ArchivoBlack;letter-spacing:-.035em}.ocean-signal span{display:block;margin-top:16px;color:#72909a;font-size:.44rem;font-weight:800;letter-spacing:.17em}.ocean-nearest{position:fixed;right:18px;top:83px;z-index:20;display:grid;min-width:190px;padding:9px 11px;border:1px solid rgba(210,233,235,.1);background:rgba(1,8,10,.55)}.ocean-nearest span{color:#58727b;font-size:.35rem;font-weight:800;letter-spacing:.14em}.ocean-nearest b{margin-top:4px;color:#d8e1e1;font-size:.62rem;letter-spacing:.07em}.ocean-nearest small{margin-top:3px;color:#ff6040;font-size:.37rem;font-weight:800}.ocean-echo{position:fixed;left:70%;top:52%;z-index:18;display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(88,213,230,.48);border-radius:50%;background:rgba(1,12,16,.34);color:#7bd9e6;opacity:0;transform:translate(-50%,-50%) scale(.72);transition:opacity .35s,transform .35s;pointer-events:none;cursor:pointer}.ocean-sonar-live .ocean-echo{opacity:.9;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.ocean-echo i{position:absolute;inset:9px;border:1px dashed rgba(255,76,41,.48);border-radius:50%;animation:ocean-echo-spin 8s linear infinite}.ocean-echo b{font:.47rem ArchivoBlack;letter-spacing:.08em}.ocean-echo span{font-size:.27rem;font-weight:800;letter-spacing:.1em}.ocean-echo-lock .ocean-echo{border-color:#fff;box-shadow:0 0 34px rgba(71,207,225,.6)}
.ocean-echo[hidden]{display:none!important}
.ocean-system-panel{position:fixed;left:18px;bottom:92px;z-index:32;width:286px;padding:8px;border:1px solid #173841;background:rgba(1,10,13,.94);box-shadow:0 18px 55px #000;transition:transform .45s,opacity .35s}.ocean-system-panel>header{display:flex;align-items:start;justify-content:space-between;padding:4px 3px 8px}.ocean-system-panel>header span{display:grid}.ocean-system-panel>header small{color:#52737b;font-size:.29rem;font-weight:800;letter-spacing:.12em}.ocean-system-panel>header b{margin-top:4px;font-size:.5rem}.ocean-system-panel>header output{color:#ff6040;font-size:.34rem;font-weight:800}.ocean-breakers{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ocean-breaker{position:relative;min-height:70px;padding:38px 4px 5px;border:1px solid #153a43;background:#020b0e;color:#58727a;cursor:pointer}.ocean-breaker i{position:absolute;left:50%;top:9px;width:16px;height:25px;border:2px solid #24505a;border-radius:8px;background:#030d10;transform:translateX(-50%)}.ocean-breaker i::after{content:"";position:absolute;left:50%;top:4px;width:7px;height:8px;border-radius:4px;background:#173d45;transform:translateX(-50%)}.ocean-breaker span,.ocean-breaker b{display:block;font-size:.27rem;font-weight:800;letter-spacing:.08em}.ocean-breaker b{margin-top:4px;color:#557780}.ocean-breaker[aria-pressed=true]{border-color:#d2472d;color:#e1e6e4}.ocean-breaker[aria-pressed=true] i{background:#ff4226;box-shadow:0 0 17px #e52f19}.ocean-breaker[aria-pressed=true] b{color:#ff6b49}.ocean-drive-start{position:relative;width:100%;min-height:58px;margin-top:6px;padding:10px 53px 10px 10px;border:1px solid #28515a;background:linear-gradient(100deg,#05181d,#010709);color:#628089;text-align:left;cursor:pointer;touch-action:none}.ocean-drive-start span,.ocean-drive-start b{display:block;font-size:.34rem;font-weight:800;letter-spacing:.12em}.ocean-drive-start b{margin-top:4px;color:#c6d3d2;font-size:.55rem}.ocean-drive-start i{position:absolute;right:16px;top:50%;width:25px;height:25px;border:2px solid #2b5962;border-radius:50%;background:#02090b;box-shadow:0 0 0 5px #010405;transform:translateY(-50%)}.ocean-drive-start[aria-disabled=true]{cursor:not-allowed;opacity:.48}.ocean-drive-start.is-held i,.ocean-drive-live .ocean-drive-start i{background:#ff482b;box-shadow:0 0 25px #ff341d,0 0 0 5px #2a0705}.ocean-readouts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5px;border:1px solid #112e35}.ocean-readouts span{padding:6px 3px;color:#507078;font-size:.27rem;font-weight:800;text-align:center}.ocean-readouts span+span{border-left:1px solid #112e35}.ocean-readouts b{display:block;margin-top:3px;color:#b9cbcc;font-size:.38rem}.ocean-panel-toggle{display:none;position:fixed;right:10px;bottom:96px;z-index:34;width:68px;height:48px;border:1px solid #23505a;background:#020c0f;color:#6fa4ae;font-size:.34rem;font-weight:800;letter-spacing:.08em}.ocean-panel-toggle span,.ocean-panel-toggle b{display:block}.ocean-panel-toggle b{color:#ff5938;font-size:.7rem}
.ocean-controls{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:33;display:flex;align-items:stretch;gap:7px;width:min(1040px,calc(100vw - 40px));padding:8px;border:1px solid rgba(210,233,235,.12);background:rgba(1,8,10,.9);box-shadow:0 24px 80px #000;transform:translateX(-50%)}.ocean-switch{position:relative;min-width:116px;padding:8px 10px;border:1px solid rgba(210,233,235,.14);background:#020b0e;color:#658087;text-align:left;cursor:pointer}.ocean-switch span,.ocean-throttle span{display:block;color:#58727a;font-size:.37rem;font-weight:800;letter-spacing:.13em}.ocean-switch b{display:block;margin-top:4px;color:#cfdbda;font-size:.52rem;letter-spacing:.08em}.ocean-switch[aria-pressed=true]{border-color:#3d9bad;box-shadow:inset 0 0 18px rgba(57,186,205,.12)}.ocean-switch[aria-pressed=true] b{color:#72d5e4}.ocean-throttle{display:grid;align-content:center;min-width:170px;padding:7px 9px;border:1px solid rgba(210,233,235,.12)}.ocean-throttle>span{margin-bottom:6px}.ocean-throttle input{width:100%;accent-color:#ff5032}.ocean-throttle output{justify-self:end;color:#ff6948;font-size:.47rem;font-weight:800}.ocean-instruction{position:fixed;left:18px;bottom:99px;z-index:17;max-width:48ch;margin:0;color:#526970;font-size:.4rem;font-weight:700;line-height:1.55;letter-spacing:.09em;text-transform:uppercase}.ocean-page .thermal-secret-signal,.ocean-page .thermal-rift,.ocean-page .thermal-headlight-control,.ocean-page .thermal-weather-layer,.ocean-page .thermal-glass{display:none!important}.ocean-page .thermal-console{opacity:.58}
.ocean-contact{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(0,8,11,.78);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s,visibility 0s linear .55s}.ocean-contact[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s}.ocean-contact::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 48%,rgba(62,207,223,.08),transparent 10%,rgba(255,55,28,.04) 30%,transparent 62%),repeating-radial-gradient(circle at 65% 48%,transparent 0 52px,rgba(82,206,221,.045) 53px,transparent 55px)}.ocean-contact-echo{position:absolute;left:66%;top:48%;width:min(44vw,540px);aspect-ratio:1;border:1px solid rgba(89,218,232,.24);border-radius:50%;transform:translate(-50%,-50%);animation:ocean-contact-pulse 2.8s infinite}.ocean-contact-echo i{position:absolute;inset:15%;border:1px solid rgba(89,218,232,.16);border-radius:50%}.ocean-contact-echo i:nth-child(2){inset:31%;border-color:rgba(255,71,38,.24)}.ocean-contact-echo i:nth-child(3){inset:44%}.ocean-contact-echo b{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#ff482b;box-shadow:0 0 28px #ff341d;transform:translate(-50%,-50%)}.ocean-contact>div:last-child{position:relative;z-index:3;width:min(760px,calc(100vw - 44px));padding:clamp(24px,6vw,70px);justify-self:start}.ocean-contact>div>span{color:#69ccdc;font-size:.5rem;font-weight:800;letter-spacing:.2em}.ocean-contact>div>b{display:block;max-width:11ch;margin:12px 0 8px;font:clamp(3rem,8vw,8rem)/.82 ArchivoBlack;letter-spacing:-.06em}.ocean-contact>div>small{color:#ff6543;font-size:.53rem;font-weight:800;letter-spacing:.14em}.ocean-contact>div>p{max-width:42ch;color:#9fb0b1;font-size:.8rem;line-height:1.55}.ocean-contact>div>div{display:flex;gap:8px;margin-top:22px}.ocean-contact a,.ocean-contact button{padding:11px 14px;border:1px solid #3b8794;background:#04161a;color:#cce3e4;font-size:.51rem;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;cursor:pointer}.ocean-contact button{border-color:#294047;background:#010709;color:#80969a}.ocean-bottom .ocean-reticle{box-shadow:0 0 40px rgba(255,61,31,.45)}
@keyframes ocean-gate-drift{to{filter:saturate(.9) contrast(1.22) brightness(.6);transform:scale(1.01)}}@keyframes ocean-sonar{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ocean-boot{to{top:100%}}@keyframes ocean-boot-fade{0%,85%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@keyframes ocean-echo-spin{to{transform:rotate(360deg)}}@keyframes ocean-contact-pulse{50%{opacity:.35;transform:translate(-50%,-50%) scale(1.04)}}@keyframes ocean-critical{to{opacity:.35}}
@media(max-width:980px){.ocean-system-panel{width:260px}.ocean-controls{left:285px;width:calc(100vw - 305px);transform:none}.ocean-nearest{min-width:160px}}
@media(max-width:760px){.ocean-gate-copy{padding:25px}.ocean-gate h1{font-size:clamp(3.3rem,18vw,6rem)}.ocean-gate::after{background:linear-gradient(0deg,#01070a,rgba(1,7,10,.58) 56%,rgba(1,7,10,.1))}.ocean-gate-sonar{right:-34vw;width:94vw}.ocean-header{inset:10px 10px auto}.ocean-header>span{display:none}.ocean-header button{font-size:.36rem}.ocean-hud{left:10px;top:61px;width:188px;gap:4px}.ocean-hud>div{padding:5px 6px}.ocean-hud span{font-size:.27rem}.ocean-hud b{font-size:.72rem}.ocean-nearest{right:10px;top:61px;min-width:143px;padding:7px}.ocean-nearest span{font-size:.28rem}.ocean-nearest b{font-size:.48rem}.ocean-signal{top:34%;width:calc(100vw - 42px)}.ocean-signal p{font-size:.37rem}.ocean-signal h2{font-size:clamp(1.25rem,6.8vw,2.35rem)}.ocean-signal span{margin-top:11px}.ocean-hull-top{height:48px}.ocean-hull-top span{display:none}.ocean-strut{top:30px;bottom:76px;width:31px}.ocean-porthole{inset:42px 28px 76px}.ocean-reticle{width:112px;height:112px}.ocean-dashboard{height:80px}.ocean-yoke{bottom:-48px;width:118px;height:96px;border-width:12px}.ocean-system-panel{left:10px;bottom:88px;width:280px;max-width:calc(100vw - 20px);opacity:0;pointer-events:none;transform:translateY(115%)}.ocean-system-panel.is-open{opacity:1;pointer-events:auto;transform:none}.ocean-panel-toggle{display:grid;place-items:center}.ocean-controls{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;padding:6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;transform:none}.ocean-controls::-webkit-scrollbar{display:none}.ocean-switch,.ocean-throttle{flex:0 0 122px;min-width:122px;scroll-snap-align:start}.ocean-throttle{flex-basis:158px}.ocean-instruction{display:none}.ocean-echo{width:76px;height:76px}.ocean-contact-echo{left:50%;top:39%;width:82vw}.ocean-contact>div:last-child{align-self:end;width:calc(100vw - 28px);margin-bottom:88px;padding:22px 18px}.ocean-contact>div>b{font-size:clamp(2.2rem,13vw,4.4rem)}.ocean-contact>div>div{display:grid;grid-template-columns:1fr 1fr}.ocean-contact a,.ocean-contact button{text-align:center}.ocean-page .thermal-console{display:none}.ocean-page .thermal-passenger-dock{bottom:78px}.ocean-zone img{object-position:56% 50%}}
@media(max-width:430px){.ocean-nearest{top:111px}.ocean-signal{top:37%}.ocean-hud{width:181px}.ocean-system-panel{width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.ocean-gate>img,.ocean-zone,.ocean-zone img,.ocean-sonar-sweep,.ocean-echo i,.ocean-yoke,.ocean-contact-echo{animation:none;transition:none}}
#ocean-combat{position:absolute;inset:0;z-index:8;width:100%;height:100%;pointer-events:none}
.ocean-hud .ocean-lance{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:4px}
.ocean-hud .ocean-lance span{grid-column:1/-1}
.ocean-hud .ocean-lance i{position:relative;display:block;height:7px;border:1px solid rgba(210,233,235,.16);background:#02090b}
.ocean-hud .ocean-lance b{position:absolute;left:0;top:0;bottom:0;width:calc(var(--o-lance,1)*100%);background:linear-gradient(90deg,#2f9fb4,#5ad4e7);box-shadow:0 0 12px rgba(90,212,231,.6);transition:width .12s linear}
.ocean-hud .ocean-lance output{padding-left:6px;color:#5ad4e7;font-size:.42rem;font-weight:800}
.ocean-lance-dry .ocean-lance b{background:linear-gradient(90deg,#7a2415,#ff4b2a)}
.ocean-fire{border-color:rgba(255,80,50,.45)!important;background:#140403!important}
.ocean-fire b{color:#ff6a48!important}
.ocean-fire:active,.ocean-fire.is-firing{border-color:#ff5c39!important;box-shadow:inset 0 0 22px rgba(255,74,38,.28)}
.ocean-impact{position:fixed;left:50%;bottom:172px;z-index:34;margin:0;padding:7px 13px;border:1px solid rgba(90,212,231,.4);background:rgba(1,10,13,.82);color:#9fe4ee;font-size:.5rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,10px);transition:opacity .2s,transform .2s;pointer-events:none}
.ocean-impact[aria-hidden=false]{opacity:1;transform:translate(-50%,0)}
.ocean-impact[data-type=damage]{border-color:rgba(255,71,38,.62);color:#ff7c5c}
.ocean-impact[data-type=boost]{border-color:rgba(255,140,60,.55);color:#ffc08c}
.ocean-struck .ocean-porthole{box-shadow:inset 0 0 90px rgba(255,45,20,.5)}
.ocean-struck .ocean-hull-top{border-bottom-color:#5a1409}
.ocean-breach{position:fixed;inset:0;z-index:64;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;background:radial-gradient(circle,rgba(84,10,4,.5),rgba(0,5,7,.96) 62%);text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility 0s linear .45s}
.ocean-breach[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s}
.ocean-breach p{margin:0;color:#ff6547;font-size:.55rem;font-weight:800;letter-spacing:.22em}
.ocean-breach h2{margin:0;font:clamp(2.6rem,9vw,7rem)/.82 ArchivoBlack,Arial,sans-serif;letter-spacing:-.06em}
.ocean-breach span{color:#9aa9ab;font-size:.6rem;font-weight:800;letter-spacing:.15em}
.ocean-breach button{margin-top:6px;padding:13px 18px;border:1px solid #3b8794;background:#04161a;color:#cce3e4;font-size:.53rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.ocean-breach button:hover{border-color:#5ad4e7;color:#fff}
@media(max-width:760px){.ocean-impact{bottom:150px;font-size:.42rem}.ocean-hud .ocean-lance output{font-size:.34rem}}
.ocean-page .thermal-secret-chamber{display:none!important}
.ocean-page .thermal-device-bay{display:none!important}

/* Piloted mass and volumetric water response ----------------------------- */
.ocean-zone{transition:opacity 1.5s ease,transform .2s ease-out,visibility 0s linear 1.5s}
.ocean-zone.is-active{transform:scale(calc(1.055 + var(--o-throttle)*.025)) translate(calc(var(--o-steer)*-4.2%),calc(var(--o-pitch)*-2.8%))}
.ocean-water-column{transform:translate3d(calc(var(--o-steer)*-1.8%),calc(var(--o-pitch)*-1.2%),0)}
.ocean-floodlights{transform:translate3d(calc(var(--o-steer)*-2.4%),calc(var(--o-pitch)*-1.5%),0)}
.ocean-switch.is-armed{border-color:#3d9bad!important;box-shadow:inset 0 0 20px rgba(57,186,205,.2)}
.ocean-switch.is-armed b{color:#72d5e4!important}
.ocean-switch[aria-disabled=true]{opacity:.42;cursor:not-allowed}
.ocean-shielded .ocean-porthole{box-shadow:inset 0 0 90px rgba(60,190,215,.3),inset 0 0 0 2px rgba(90,212,231,.3)}
.ocean-shielded .ocean-reticle{border-color:rgba(120,226,240,.6)}
@media(min-width:761px){.ocean-controls{left:18px;right:212px;width:auto;max-width:none;overflow-x:auto;scrollbar-width:thin;transform:none}.ocean-switch{min-width:92px;padding:8px 8px}.ocean-throttle{min-width:136px}}
@media(max-width:760px){.ocean-gate h1{font-size:clamp(2.8rem,15vw,5.3rem)}}

/* Photographic Neritic pressure cabin ------------------------------------- */
.ocean-submersible{transform:translate3d(calc(var(--o-steer)*-2px),calc(var(--o-pitch)*-1.5px),0) scale(calc(1 + var(--o-throttle)*.003));transform-origin:50% 84%;will-change:transform}
.ocean-cockpit-real{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;filter:saturate(.86) contrast(1.08) brightness(calc(.76 + var(--o-light)*.12));image-rendering:auto;will-change:filter}
.ocean-hull-top,.ocean-strut,.ocean-dashboard{display:none!important}
.ocean-porthole{z-index:1;left:9.8%;right:9.8%;top:5.5%;bottom:27.7%;border:0;border-radius:50%;background:linear-gradient(116deg,transparent 0 24%,rgba(180,225,230,.045) 25%,transparent 34%),radial-gradient(circle at var(--o-x) var(--o-y),rgba(75,200,218,calc(.025 + var(--o-light)*.06)),transparent 18%),repeating-radial-gradient(ellipse at 46% 42%,transparent 0 55px,rgba(200,235,237,.01) 56px,transparent 58px);box-shadow:inset 0 0 90px rgba(0,5,8,.42);mix-blend-mode:screen}.ocean-porthole i{display:none!important}
.ocean-reticle{z-index:2}.ocean-drive-live .ocean-cockpit-real{filter:saturate(.98) contrast(1.09) brightness(calc(.79 + var(--o-light)*.13)) drop-shadow(0 0 18px rgba(62,196,214,.1))}.ocean-struck .ocean-cockpit-real{animation:ocean-cabin-impact .22s steps(2,end) 2}@keyframes ocean-cabin-impact{50%{transform:translate3d(7px,2px,0);filter:saturate(1.25) brightness(.9)}}
@media(max-width:760px){.ocean-porthole{left:2%;right:2%;top:5%;bottom:29%}}
.ocean-submersible{transform:translate3d(calc(var(--o-steer)*-14px),calc(var(--o-pitch)*-8px),0) rotate(calc(var(--o-steer)*-1.25deg)) scale(calc(1 + var(--o-throttle)*.003))}