:root{
  --ink:#06131e;--deep:#071b2b;--sea:#0a3144;--panel:#0c4050;--line:#2b90a7;
  --foam:#c9f4e5;--sand:#f6d47a;--coral:#ff8068;--lime:#9ddf61;--blue:#43c3df;
}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-height:100vh;color:var(--foam);background:radial-gradient(circle at 50% -10%,#146d7f 0,#0b3e52 30%,#071b2b 68%,#04111a 100%);font-family:"Courier New",monospace;letter-spacing:.04em;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.025) 50%,transparent 51%);background-size:56px 56px;opacity:.5}.water-noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 10% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 40%,#fff 0 1px,transparent 2px),radial-gradient(circle at 30% 80%,#fff 0 1px,transparent 2px);background-size:90px 110px,130px 170px,180px 160px;animation:drift 20s linear infinite}@keyframes drift{to{transform:translateY(-120px)}}
a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px 22px;border-bottom:2px solid #164f62;background:rgba(5,24,35,.94);backdrop-filter:blur(12px);box-shadow:0 8px 0 rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:10px;width:max-content}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:var(--deep);background:var(--sand);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--coral);font-weight:900}.brand b{display:block;font-size:15px}.brand small{display:block;color:#7fc8d8;font-size:10px;margin-top:2px}.tabs{display:flex;border:2px solid #1d6073;background:#061e2a}.tabs a{padding:10px 16px;font-size:11px;font-weight:900;color:#79b7c6;border-right:1px solid #1d6073}.tabs a:last-child{border-right:0}.tabs a:hover,.tabs a.active{background:var(--sand);color:var(--ink)}.socials{display:flex;justify-content:flex-end;gap:8px}.socials a{border:1px solid #2b8297;padding:8px 10px;font-size:10px;background:#0b3443}.socials a:hover{transform:translateY(-2px);background:var(--coral);color:#07131b;border-color:var(--coral)}
.console-grid,.log-shell,.locker-shell{width:min(1180px,calc(100% - 28px));margin:28px auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:18px;position:relative;z-index:1}.panel,.monitor{border:2px solid #226d82;background:linear-gradient(180deg,rgba(13,61,76,.96),rgba(6,30,43,.96));box-shadow:7px 7px 0 rgba(2,12,18,.45);position:relative}.panel:after,.monitor:after{content:"";position:absolute;inset:7px;border:1px solid rgba(128,219,224,.12);pointer-events:none}.panel-title,.monitor-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#071e2a;border-bottom:2px solid #226d82;color:#78c7d8;font-size:10px;font-weight:900}.rec{color:#ff8e77}.photo-wrap{position:relative;overflow:hidden;min-height:560px;background:#0d4150}.photo-wrap img{width:100%;height:100%;min-height:560px;object-fit:cover;display:block;filter:saturate(.9) contrast(1.02)}.photo-wrap:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(2,10,13,.18) 0 1px,transparent 1px 4px);mix-blend-mode:multiply;pointer-events:none}.depth-tape{position:absolute;right:14px;top:16px;bottom:16px;width:58px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#d9fff1;font-size:10px;text-shadow:2px 2px #001}.depth-tape span:after{content:" ━"}.reticle{position:absolute;left:50%;top:52%;width:110px;height:110px;border:1px dashed rgba(239,255,228,.7);border-radius:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";position:absolute;background:rgba(239,255,228,.6)}.reticle:before{height:1px;width:140px;left:-16px;top:54px}.reticle:after{width:1px;height:140px;top:-16px;left:54px}.monitor-foot{display:flex;gap:18px;justify-content:space-between;padding:12px;font-size:10px;text-transform:uppercase}.monitor-foot b{color:var(--sand)}.stack{display:flex;flex-direction:column;gap:18px}.status-panel,.dispatch-panel,.sonar-panel,.checklist,.log-card,.specimen,.radio-card{padding-bottom:14px}.id-row{display:flex;align-items:center;gap:12px;padding:15px 14px}.cat-dot{font-size:26px}.id-row b,.id-row small{display:block}.id-row small{font-size:9px;color:#72adbd;margin-top:3px}.ticker-card{margin:0 14px;display:flex;align-items:center;justify-content:space-between;background:#051c27;border:1px solid #226d82;padding:11px}.ticker-card span{font-size:9px;color:#6aa9b9}.copy{border:0;background:var(--sand);color:#08202b;padding:8px 10px;font:900 12px "Courier New",monospace;cursor:pointer}.sonar{width:190px;aspect-ratio:1;border-radius:50%;margin:20px auto 12px;position:relative;overflow:hidden;border:2px solid #4bb8c8;background:repeating-radial-gradient(circle,#173f48 0 1px,transparent 2px 36px),linear-gradient(90deg,transparent 49%,#2d6f79 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#2d6f79 50%,transparent 51%),#071d26}.sweep{position:absolute;inset:50% 0 0 50%;transform-origin:0 0;background:linear-gradient(25deg,rgba(157,223,97,.55),transparent 60%);clip-path:polygon(0 0,100% 0,0 100%);animation:sweep 3.5s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.blip{position:absolute;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}.b1{left:34%;top:29%}.b2{left:68%;top:49%}.b3{left:43%;top:72%}.sonar-labels{display:flex;justify-content:center;gap:18px;font-size:8px;color:#76b7c4}.dispatch-panel p{padding:8px 14px 2px;margin:0;font-size:17px;font-weight:900;line-height:1.35;color:#e6ffe5}.big-button{display:block;margin:12px 14px 0;padding:13px;border:2px solid #11333d;background:var(--coral);color:#07171f;font-weight:900;font-size:11px;box-shadow:4px 4px 0 #08131a}.big-button:hover{background:var(--sand)}.strip-panel{grid-column:1/-1}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#226d82}.quick-grid a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:18px;background:#092a37}.quick-grid a span{grid-row:1/3;font-size:28px;font-weight:900;color:#265f6e;margin-right:13px}.quick-grid b{font-size:13px}.quick-grid small{font-size:9px;color:#6faebe;margin-top:4px}.quick-grid a:hover{background:#154758}.quick-grid a:hover span{color:var(--sand)}
footer{width:min(1180px,calc(100% - 28px));margin:0 auto 24px;display:flex;justify-content:space-between;color:#4d8a9a;font-size:8px;position:relative;z-index:1}
.map-panel{min-height:650px}.sea-map{position:relative;height:605px;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(67,195,223,.25),transparent 20%),linear-gradient(#0d5364,#0a3041 52%,#0a2530)}.sea-map:before{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(20deg,#103f47 0 20%,transparent 21%),linear-gradient(160deg,#0b3941 0 24%,transparent 25%),linear-gradient(#0b3740,#09242f);clip-path:polygon(0 44%,16% 20%,33% 48%,48% 24%,64% 54%,82% 18%,100% 40%,100% 100%,0 100%)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(135,235,229,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(135,235,229,.07) 1px,transparent 1px);background-size:42px 42px}.reef{position:absolute;border-radius:50% 50% 20% 20%;background:#24777a;box-shadow:0 0 0 5px #164d56}.r1{width:110px;height:70px;left:12%;bottom:17%;transform:rotate(-9deg)}.r2{width:80px;height:130px;right:14%;bottom:14%;transform:rotate(8deg)}.r3{width:130px;height:60px;left:48%;bottom:9%}.pin{position:absolute;z-index:3;width:48px;height:48px;border-radius:50%;border:3px solid #061923;background:#f6d47a;color:#08212c;font:900 13px "Courier New";box-shadow:0 0 0 5px rgba(246,212,122,.12);cursor:pointer}.pin:hover,.pin.active{background:var(--coral);transform:scale(1.08)}.p1{left:18%;top:27%}.p2{left:54%;top:43%}.p3{right:14%;top:21%}.route{position:absolute;height:0;border-top:2px dashed rgba(246,212,122,.6);transform-origin:left center}.route-a{left:22%;top:31%;width:35%;transform:rotate(22deg)}.route-b{left:58%;top:47%;width:27%;transform:rotate(-35deg)}.map-cat{position:absolute;z-index:4;left:48%;top:49%;font-size:38px;filter:drop-shadow(0 4px 0 #041017)}.log-title{padding:16px 14px 4px;font-size:22px;color:var(--sand);font-weight:900}.metric{display:flex;justify-content:space-between;margin:8px 14px;padding:10px;border:1px solid #226d82;background:#061f2b;font-size:10px}.log-card p,.specimen p{margin:10px 14px 0;color:#b6d9d7;font-size:12px;line-height:1.6}.checklist label{display:block;padding:9px 14px;border-bottom:1px dashed #1b5b6e;font-size:11px}.checklist input{accent-color:var(--sand)}.poster-link{min-height:130px;padding:18px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 80% 20%,#236d71,transparent 35%),linear-gradient(135deg,#124351,#0a2633)}.poster-link span{font-size:10px;color:#71aebb}.poster-link b{font-size:18px;margin-top:8px;color:var(--sand)}
.inventory{min-height:650px}.slots{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.slot{min-height:180px;border:2px solid #1f6072;background:#082936;color:var(--foam);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-family:inherit}.slot span{font-size:38px;filter:drop-shadow(3px 3px 0 #06151c)}.slot b{font-size:10px}.slot small{font-size:8px;color:#5796a6}.slot:hover,.slot.selected{outline:3px solid var(--sand);outline-offset:-7px;background:#0d3945}.slot.empty{opacity:.42}.specimen{text-align:center}.specimen-icon{font-size:72px;padding:20px 0 0}.specimen h1{font-size:20px;color:var(--sand);margin:0}.radio-links{display:grid;gap:8px;padding:14px}.radio-links a{display:flex;justify-content:space-between;padding:12px;background:#061f2a;border:1px solid #235f70;font-size:11px}.radio-links a:hover{background:var(--sand);color:#071c25}
.bubble-pop{position:fixed;z-index:50;width:11px;height:11px;border:1px solid rgba(220,255,255,.8);border-radius:50%;pointer-events:none;animation:pop .9s ease-out forwards}@keyframes pop{to{transform:translateY(-70px) scale(2.4);opacity:0}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.tabs{order:3;grid-column:1/-1;justify-self:stretch}.tabs a{flex:1;text-align:center}.socials{display:none}.console-grid,.log-shell,.locker-shell{grid-template-columns:1fr}.strip-panel{grid-column:auto}.stack{display:grid;grid-template-columns:repeat(2,1fr)}.dispatch-panel,.poster-link,.radio-card{grid-column:1/-1}.photo-wrap,.photo-wrap img{min-height:470px}.map-panel{min-height:560px}.sea-map{height:515px}}
@media(max-width:620px){.topbar{padding:10px}.brand-mark{width:36px;height:36px}.tabs a{padding:9px 7px;font-size:9px}.console-grid,.log-shell,.locker-shell{width:min(100% - 16px,1180px);margin:10px auto;gap:10px}.stack{grid-template-columns:1fr;gap:10px}.dispatch-panel,.poster-link,.radio-card{grid-column:auto}.quick-grid{grid-template-columns:1fr}.photo-wrap,.photo-wrap img{min-height:390px}.monitor-foot{gap:8px;font-size:8px}.slots{grid-template-columns:repeat(2,1fr);padding:10px}.slot{min-height:140px}.sea-map{height:460px}.map-panel{min-height:505px}footer{width:calc(100% - 18px)}}