@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-700.woff2)format("woff2");font-weight:700;font-display:swap}:root{--abyss:#041827;--deep:#063657;--ocean:#087fa3;--cyan:#35d9e8;--foam:#e9fbff;--sun:#ffd33d;--gold:#ffbd20;--coral:#ff674d;--lime:#8ee45e;--ink:#07141d;--panel:#0b4262;--display:"Pixelify Sans", monospace;--body:"Atkinson Hyperlegible", sans-serif;color-scheme:dark;font-synthesis:none}*,:before,:after{box-sizing:border-box}html,body{background:var(--abyss);width:100%;height:100%;color:var(--foam);font-family:var(--body);margin:0;overflow:hidden}button,input,select,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}[hidden]{display:none!important}:focus-visible{outline:4px solid var(--sun);outline-offset:3px}.deep-game{isolation:isolate;background:var(--abyss);touch-action:none;user-select:none;position:fixed;inset:0;overflow:hidden}#deepCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.underwater-wash,.danger-ring,.camera-flash{z-index:3;pointer-events:none;position:absolute;inset:0}.underwater-wash{opacity:0;background:linear-gradient(#04578124,#0012296b);transition:opacity .42s}.underwater-wash.is-underwater{opacity:1}.danger-ring{opacity:0;background:radial-gradient(circle,#0000 48%,#ff2a37c2);transition:opacity .18s}.danger-ring.is-active{opacity:1;animation:.68s steps(2,end) infinite danger-ring}.camera-flash{opacity:0;background:#fff}.camera-flash.is-active{animation:.32s ease-out camera-flash}.deep-topbar{inset:max(.55rem, env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) auto max(.65rem, env(safe-area-inset-left));z-index:32;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:.65rem;display:grid;position:absolute}.deep-top-button,.deep-mini-title{border:3px solid var(--ink);min-height:2.65rem;box-shadow:4px 4px 0 var(--ink);font-family:var(--display);border-radius:.55rem}.deep-top-button{background:var(--foam);color:var(--ink);cursor:pointer;pointer-events:auto;justify-self:start;padding:.55rem .75rem;text-decoration:none}.deep-top-button:last-child{justify-self:end}.deep-mini-title{border-color:var(--cyan);background:var(--abyss);color:var(--foam);letter-spacing:.035em;align-items:center;gap:.55rem;padding:.45rem .85rem;display:flex}.deep-hud{inset:max(4.3rem, calc(env(safe-area-inset-top) + 4rem)) .8rem auto;z-index:22;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex;position:absolute}.hud-cluster,.oxygen-hud,.player-strip{border:3px solid var(--ink);border-radius:.55rem;box-shadow:4px 4px #07141dc7}.hud-cluster{min-width:7rem;color:var(--ink);text-align:center;background:#e9fbfff2;align-content:center;padding:.4rem .65rem;display:grid}.hud-cluster span,.oxygen-hud span,.player-strip{letter-spacing:.07em;font-size:.72rem;font-weight:700}.hud-cluster strong{max-width:10rem;font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;overflow:hidden}.treasure-hud{background:var(--gold)}.coin-hud{background:var(--sun)}.depth-hud{background:var(--cyan)}.tank-hud{background:var(--lime);min-width:10rem}.scary-seas #deepCanvas{filter:saturate(.72)contrast(1.3)brightness(.68)hue-rotate(10deg)}.scary-seas .underwater-wash{mix-blend-mode:multiply;background:radial-gradient(circle at 50% 42%,#0000 0 18%,#0a00183d 58%,#000008b8 100%),linear-gradient(#0004124d,#0d00199e)}.scary-seas .danger-ring.is-active{animation:.72s steps(2,end) infinite scary-danger-pulse;box-shadow:inset 0 0 7rem 3rem #a40849c7,inset 0 0 2.6rem 1.3rem #000000f0}@keyframes scary-danger-pulse{50%{opacity:.72;box-shadow:inset 0 0 8.5rem 3.8rem #5c0777d6,inset 0 0 3rem 1.5rem #000000f5}}.submarine-hud{color:#fff;background:#8f7bff;min-width:8.5rem}.oxygen-hud{background:var(--foam);width:min(22rem,66vw);color:var(--ink);padding:.42rem .65rem .55rem}.oxygen-hud>div:first-child{justify-content:space-between;align-items:center;gap:1rem;display:flex}.oxygen-hud strong{font-family:var(--display)}.oxygen-track{border:2px solid var(--ink);background:#bed5d8;height:.75rem;margin-top:.28rem;overflow:hidden}.oxygen-track i{background:var(--ocean);transform-origin:0;width:100%;height:100%;transition:scale .16s linear,background .2s;display:block}.oxygen-hud.is-low .oxygen-track i{background:var(--coral)}.player-strip{right:max(.7rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));z-index:21;color:var(--foam);background:#041827e6;align-items:center;gap:1rem;padding:.55rem .75rem;display:flex;position:absolute}.player-strip span{align-items:center;gap:.4rem;display:flex}.player-strip i{background:var(--lime);width:.65rem;height:.65rem;box-shadow:0 0 .65rem var(--lime);border-radius:50%}.deep-message{z-index:27;max-width:min(36rem,88vw);color:var(--foam);font-family:var(--display);text-align:center;text-shadow:3px 3px 0 var(--ink);pointer-events:none;border:3px solid #0000;padding:.65rem .95rem;font-size:clamp(1rem,2.4vw,1.45rem);position:absolute;top:47%;left:50%;translate:-50% -50%}.deep-message.is-visible{border-color:var(--ink);background:var(--coral);box-shadow:5px 5px 0 var(--ink);animation:.26s cubic-bezier(.16,1,.3,1) message-in}.interact-prompt{z-index:24;border:3px solid var(--ink);background:var(--sun);box-shadow:4px 4px 0 var(--ink);color:var(--ink);border-radius:.5rem;align-items:center;gap:.55rem;padding:.5rem .75rem;font-weight:700;display:flex;position:absolute;bottom:7.4rem;left:50%;translate:-50%}kbd{background:var(--foam);min-width:2rem;min-height:2rem;color:var(--ink);font-family:var(--display);border:2px solid;border-radius:.38rem;place-items:center;padding:.2rem .42rem;display:inline-grid;box-shadow:0 3px}.camera-viewfinder{z-index:20;pointer-events:none;border:4px solid #e9fbffe6;position:absolute;inset:15% 10%}.camera-viewfinder:before,.camera-viewfinder:after{content:"";background:#e9fbffe6;position:absolute;top:50%;left:50%;translate:-50% -50%}.camera-viewfinder:before{width:4rem;height:3px}.camera-viewfinder:after{width:3px;height:4rem}.camera-viewfinder>i{background:var(--sun);clip-path:polygon(0 0,100% 0,100% 34%,34% 34%,34% 100%,0 100%);width:2rem;height:2rem;position:absolute}.camera-viewfinder>i:first-child{top:-4px;left:-4px}.camera-viewfinder>i:nth-child(2){top:-4px;right:-4px;rotate:90deg}.camera-viewfinder>i:nth-child(3){bottom:-4px;left:-4px;rotate:-90deg}.camera-viewfinder>i:nth-child(4){bottom:-4px;right:-4px;rotate:180deg}.camera-target,.camera-viewfinder small{font-family:var(--display);text-align:center;background:#041827e6;padding:.35rem .65rem;position:absolute;left:50%;translate:-50%}.camera-target{color:var(--sun);font-size:1.15rem;top:1rem}.camera-viewfinder small{min-width:min(25rem,85vw);bottom:1rem}.overlay-screen{z-index:40;overscroll-behavior:contain;background:#041827e6;position:absolute;inset:0;overflow:auto}.deep-menu{background:var(--abyss);grid-template-columns:minmax(18rem,1.05fr) minmax(24rem,.95fr);display:grid}.menu-ocean{min-height:100%;box-shadow:inset -6px 0 var(--ink);background:radial-gradient(circle at 22% 14%,#ffffff8c 0 .16rem,#0000 .19rem) 0 0/4rem 4rem,radial-gradient(circle at 78% 32%,#ffffff6b 0 .13rem,#0000 .16rem) 0 0/5rem 5rem,linear-gradient(#80e8f2 0 18%,#139ac1 18% 41%,#08759e 41% 62%,#053b64 62% 78%,#041827 78%);position:relative;overflow:hidden}.menu-ocean:before{content:"";clip-path:polygon(0 45%,8% 10%,18% 60%,29% 20%,41% 70%,54% 5%,66% 55%,78% 15%,91% 62%,100% 25%,100% 100%,0 100%);background:#e9fbffbf;height:1.5rem;position:absolute;inset:18% 0 auto}.menu-ocean:after{content:"";clip-path:polygon(0 28%,12% 18%,20% 30%,31% 8%,46% 24%,58% 4%,70% 30%,83% 9%,100% 22%,100% 100%,0 100%);background:#b4864b;height:22%;position:absolute;inset:auto 0 0}.menu-sun{aspect-ratio:1;border:5px solid var(--ink);background:var(--sun);width:7rem;box-shadow:7px 7px 0 var(--ink);border-radius:50%;position:absolute;top:4%;left:9%}.menu-boat{z-index:2;width:13rem;height:6rem;animation:2.5s ease-in-out infinite alternate boat-bob;position:absolute;top:12%;left:48%;rotate:-3deg}.menu-boat:before{border:5px solid var(--ink);background:var(--coral);content:"";clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);position:absolute;inset:2.3rem 0 0}.menu-boat i{border:4px solid var(--ink);background:var(--foam);width:8.5rem;height:1.3rem;position:absolute;top:1.25rem;left:1rem}.menu-boat b{border:4px solid var(--ink);background:var(--sun);width:2.6rem;height:3rem;position:absolute;top:0;right:2rem}.menu-boat span{border:3px solid var(--ink);background:var(--cyan);width:2rem;height:1.7rem;position:absolute;top:.5rem;right:2.25rem}.menu-diver{z-index:2;width:5.4rem;height:8rem;animation:1.9s ease-in-out infinite alternate diver-float;position:absolute;top:47%;left:40%;rotate:12deg}.menu-diver i{border:4px solid var(--ink);background:#f1a66e;border-radius:50%;width:3.2rem;height:3rem;position:absolute;top:0;left:1.1rem}.menu-diver i:before{border:3px solid var(--ink);background:var(--cyan);content:"••";color:var(--ink);text-align:center;border-radius:.45rem;position:absolute;inset:.55rem .35rem}.menu-diver b{border:4px solid var(--ink);background:var(--sun);border-radius:.5rem;width:3.8rem;height:3.7rem;position:absolute;top:2.6rem;left:.8rem}.menu-diver span{border:4px solid var(--ink);background:var(--foam);border-radius:.45rem;width:1.4rem;height:3.4rem;position:absolute;top:3rem;right:-.1rem}.menu-fish{z-index:2;border:4px solid var(--ink);background:var(--gold);border-radius:60% 45% 45% 60%;width:4.8rem;height:2.7rem;animation:3.2s ease-in-out infinite alternate fish-swim;position:absolute}.menu-fish:before{background:var(--ink);content:"";border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.25rem;right:.55rem}.menu-fish:after{border-top:1.05rem solid #0000;border-right:1.7rem solid var(--ink);content:"";border-bottom:1.05rem solid #0000;position:absolute;top:.25rem;left:-1.6rem}.fish-one{background:#ff8ac1;top:39%;left:11%}.fish-two{background:var(--lime);animation-delay:-1.4s;top:66%;right:9%;scale:.78}.menu-shark{z-index:2;border:5px solid var(--ink);background:#91b1c4;border-radius:65% 40% 40% 65%;width:9rem;height:4rem;position:absolute;top:60%;left:8%;rotate:-5deg}.menu-shark:before{border-right:1.3rem solid #0000;border-bottom:2.5rem solid var(--ink);content:"";border-left:1.3rem solid #0000;position:absolute;top:-2.25rem;left:2.5rem}.menu-shark:after{border-top:1.55rem solid #0000;border-left:3rem solid var(--ink);content:"";border-bottom:1.55rem solid #0000;position:absolute;top:.35rem;right:-2.8rem}.menu-shark i{background:var(--ink);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.75rem;left:1.25rem}.menu-kraken{z-index:3;border:5px solid var(--ink);background:#9838bc;border-radius:48% 48% 34% 34%;width:10rem;height:10rem;animation:3.4s ease-in-out infinite alternate kraken-rise;position:absolute;bottom:4%;right:12%}.menu-kraken b{color:var(--sun);font:700 1.3rem var(--display);text-align:center;letter-spacing:1rem;text-indent:1rem;padding-top:2.1rem;display:block}.menu-kraken i{border:4px solid var(--ink);background:#9838bc;border-radius:50%;width:1.6rem;height:5rem;position:absolute;bottom:-4rem}.menu-kraken i:first-child{left:.5rem;rotate:24deg}.menu-kraken i:nth-child(2){left:3rem;rotate:7deg}.menu-kraken i:nth-child(3){right:3rem;rotate:-8deg}.menu-kraken i:nth-child(4){right:.5rem;rotate:-24deg}.menu-bars{z-index:2;gap:.35rem;display:flex;position:absolute;bottom:8%;left:27%;rotate:-8deg}.menu-bars i{border:3px solid var(--ink);background:var(--gold);width:3rem;height:1.15rem;box-shadow:inset 0 -.25rem #d78b00}.menu-copy{background:#062c48;align-content:center;gap:clamp(.75rem,1.8vh,1.25rem);min-height:100%;padding:clamp(5.2rem,9vh,7rem) clamp(1.4rem,5vw,5rem) clamp(2rem,5vh,4rem);display:grid}.game-credit,.creator-credit,.pause-panel>p:first-child,.wide-panel>p,.send-panel>p{color:var(--cyan);font-family:var(--display);letter-spacing:.06em;margin:0}.menu-copy h1,.join-panel h2,.aquarium-panel h2,.pause-panel h2,.death-panel h2,.wide-panel h2,.send-panel h2{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(3.5rem,8vw,6rem);line-height:.78}.menu-copy h1 span,.pause-panel h2 span,.wide-panel h2 span{color:var(--gold)}.menu-intro{max-width:58ch;color:var(--foam);text-wrap:pretty;margin:0;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.45}.name-field{max-width:30rem;color:var(--sun);gap:.35rem;font-weight:700;display:grid}.name-field span{font-family:var(--display)}.name-field input,.send-panel select{border:4px solid var(--ink);background:var(--foam);width:100%;min-height:3.35rem;color:var(--ink);font:700 1.15rem var(--body);box-shadow:4px 4px 0 var(--ink);border-radius:.45rem;padding:.6rem .8rem}.name-field input::placeholder{color:#355364;opacity:1}.name-error{color:#ffb2a6;min-height:1.2rem;margin:-.45rem 0 0;font-weight:700}.menu-features{flex-wrap:wrap;gap:.5rem;display:flex}.menu-features span{border:2px solid var(--cyan);background:var(--abyss);padding:.45rem .6rem;font-size:.85rem;font-weight:700}.menu-features b{color:var(--sun);font-family:var(--display);font-size:1.15rem}.menu-actions{flex-wrap:wrap;gap:.75rem;display:flex}.primary-action,.secondary-action,.panel-button,.close-button,.shop-panel button,.trader-panel button,.aquarium-panel button,.book-tabs button,.picture-tabs button,.picture-card button,.quick-actions button,.touch-controls button{border:3px solid var(--ink);cursor:pointer;border-radius:.5rem;min-width:44px;min-height:44px;font-weight:700}.primary-action{background:var(--gold);width:fit-content;min-height:3.6rem;box-shadow:5px 5px 0 var(--ink);color:var(--ink);font-family:var(--display);padding:.75rem 1.25rem;font-size:1.15rem}.secondary-action{border:3px solid var(--cyan);background:var(--abyss);width:fit-content;min-height:3.6rem;box-shadow:5px 5px 0 var(--ink);color:var(--foam);cursor:pointer;font-family:var(--display);border-radius:.5rem;padding:.75rem 1.25rem;font-size:1.15rem;font-weight:700}.primary-action:hover,.secondary-action:hover,.panel-button:hover,.shop-panel button:hover,.trader-panel button:hover,.aquarium-panel button:hover,.book-tabs button:hover,.picture-tabs button:hover{translate:0 -2px}.primary-action:active,.secondary-action:active,.panel-button:active,.shop-panel button:active{box-shadow:2px 2px 0 var(--ink);translate:3px 3px}.keyboard-guide{color:#d2edf4;flex-wrap:wrap;gap:.55rem .8rem;font-size:.84rem;font-weight:700;display:flex}.keyboard-guide span{align-items:center;gap:.35rem;display:flex}.keyboard-guide kbd{border-width:1px;min-width:1.8rem;min-height:1.6rem;font-size:.78rem;box-shadow:0 2px}.menu-warning{color:#ffbdad;max-width:60ch;margin:0;font-weight:700}.creator-credit{color:var(--foam)}.creator-credit strong{color:var(--sun)}.pause-screen,.death-screen,.join-screen,.aquarium-screen,.shop-screen,.trader-screen,.book-screen,.pictures-screen,.map-screen,.send-screen{place-items:center;padding:5rem 1rem 2rem;display:grid}.pause-panel,.death-panel,.join-panel,.aquarium-panel,.send-panel,.wide-panel{border:5px solid var(--ink);background:var(--panel);width:min(35rem,94vw);box-shadow:9px 9px 0 var(--ink);text-align:center;border-radius:.75rem;padding:clamp(1.3rem,4vw,2.25rem);position:relative}.pause-panel,.death-panel{justify-items:center;gap:1rem;display:grid}.join-panel{text-align:left;justify-items:stretch;gap:1rem;width:min(42rem,94vw);display:grid}.join-panel>p:first-of-type{color:var(--cyan);font-family:var(--display);letter-spacing:.06em;margin:0}.join-panel h2{color:var(--gold);margin:0;font-size:clamp(2.8rem,8vw,5rem);line-height:.85}.join-help,.join-status{margin:0;font-weight:700}.join-status{min-height:1.4rem;color:var(--sun)}.join-game-list{gap:.65rem;max-height:min(24rem,48vh);padding:.25rem .4rem .4rem .1rem;display:grid;overflow:auto}.join-game-option{border:3px solid var(--ink);background:var(--foam);width:100%;min-height:4.8rem;box-shadow:4px 4px 0 var(--ink);color:var(--ink);cursor:pointer;text-align:left;border-radius:.5rem;grid-template-columns:1fr auto;align-items:center;gap:.3rem 1rem;padding:.75rem .9rem;display:grid}.join-game-option strong{font:700 1.25rem var(--display)}.join-game-option small{grid-column:1;font-weight:700}.join-game-option span{color:#075d78;font-family:var(--display);grid-area:1/2/3}.join-game-option:hover{background:var(--sun);translate:0 -2px}.join-empty{border:3px dashed var(--cyan);color:var(--foam);text-align:center;padding:1.25rem;font-weight:700}.pause-panel h2,.death-panel h2{font-size:clamp(2.5rem,7vw,4.8rem)}.death-panel{background:#69233a}.death-panel>p{max-width:44ch;margin:0;font-size:1.05rem}.death-mouth{border:5px solid var(--ink);background:var(--coral);border-radius:46% 46% 35% 35%;width:8rem;height:5.6rem;position:relative}.death-mouth i{background:var(--sun);border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:1.1rem}.death-mouth i:first-child{left:2.1rem}.death-mouth i:nth-child(2){right:2.1rem}.death-mouth b{color:var(--foam);display:block;translate:0 2.6rem}.panel-button{background:var(--foam);width:min(22rem,100%);box-shadow:4px 4px 0 var(--ink);color:var(--ink);justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;text-decoration:none;display:flex}.panel-button b,.quick-actions b{background:var(--coral);color:#fff;border-radius:999px;padding:.08rem .4rem}.wide-panel{text-align:left;width:min(68rem,96vw)}.wide-panel h2{margin:.35rem 0 1.2rem;font-size:clamp(2.4rem,6vw,4.8rem)}.close-button{background:var(--coral);color:#fff;width:3rem;font:700 1.7rem var(--display);position:absolute;top:1rem;right:1rem}.sell-strip,.upgrade-row{border-top:3px solid var(--cyan);align-items:center;gap:1rem;padding:1rem;display:flex}.sell-strip{background:var(--abyss);justify-content:space-between}.fish-sell-strip{background:#073a4d}.submarine-sell-strip{background:#17153d}.submarine-buy-row{background:linear-gradient(90deg,#1f1f4edb,#0b495eb8)}.trader-panel{background:linear-gradient(145deg,#12395c,#332061)}.trader-dialogue{color:#e6f7fb;max-width:60rem;margin:-.45rem 0 1rem;font-size:1.05rem;font-weight:700;line-height:1.45}.trader-balance{border:3px solid var(--gold);background:var(--abyss);font-family:var(--display);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;padding:.8rem 1rem;display:flex}.trader-balance strong{color:var(--gold);font-size:1.35rem}.trader-item-grid{gap:.7rem;display:grid}.trader-item{border:3px solid var(--cyan);box-shadow:4px 4px 0 var(--ink);background:#03192be0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1rem;display:grid}.trader-item div{gap:.18rem;display:grid}.trader-item small{color:var(--cyan);font:700 .72rem var(--display);letter-spacing:.07em}.trader-item strong{color:var(--gold);font:700 1.25rem var(--display)}.trader-item p{color:#d8eef3;margin:0}.trader-item button{background:var(--gold);min-width:11rem;color:var(--ink);padding:.7rem .85rem}.trader-item.is-owned{border-color:var(--lime)}.trader-item button:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.68}.fish-sell-strip>span{gap:.15rem;display:grid}.fish-sell-strip>span b{color:var(--lime);font-family:var(--display)}.fish-sell-strip>span small{color:#c6e3eb}.sell-strip button,.upgrade-row button{background:var(--gold);color:var(--ink);padding:.65rem .85rem}.upgrade-row>div{flex:1;grid-template-columns:auto 1fr;gap:0 .7rem;display:grid}.upgrade-row>div span{grid-row:span 2;font-size:2.3rem}.upgrade-row>div small{color:#c6e3eb}.upgrade-row>strong{white-space:nowrap;font-family:var(--display)}.sell-strip button:disabled,.upgrade-row button:disabled{cursor:not-allowed;opacity:.55}.aquarium-balance{border:3px solid var(--ink);background:var(--gold);box-shadow:4px 4px 0 var(--ink);color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.75rem 1rem;font-weight:700;display:flex}.aquarium-balance strong{font:700 1.35rem var(--display)}.aquarium-help{color:#d1f3f8;max-width:72ch;margin:0 0 .85rem;line-height:1.45}.aquarium-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem;max-height:min(52vh,32rem);padding:.35rem;display:grid;overflow:auto}.aquarium-card{border:3px solid var(--ink);background:var(--foam);min-width:0;box-shadow:4px 4px 0 var(--ink);color:var(--ink);border-radius:.55rem;grid-template-rows:auto auto auto 1fr auto;gap:.3rem;padding:.7rem;display:grid}.aquarium-card.is-in-tank{outline:4px solid var(--lime);outline-offset:-7px}.aquarium-card>small{color:#355364;letter-spacing:.04em;font-weight:700}.aquarium-card>strong{overflow-wrap:anywhere;font:700 1.08rem var(--display)}.aquarium-card>span{color:#456475;font-size:.85rem}.aquarium-card button{background:var(--gold);color:var(--ink);padding:.55rem;font-weight:700}.aquarium-card button:disabled{background:var(--lime);cursor:default;opacity:1}.aquarium-art{aspect-ratio:16/9;border:3px solid var(--ink);background:linear-gradient(#52cce6,#096992);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.aquarium-art:before{border:3px solid var(--ink);background:var(--creature-colour);width:5.4rem;height:2.8rem;box-shadow:inset 0 -.55rem 0 color-mix(in srgb, var(--creature-accent) 60%, transparent);content:"";border-radius:60% 45% 45% 60%}.aquarium-art:after{border-top:1.25rem solid #0000;border-right:1.75rem solid var(--creature-accent);content:"";border-bottom:1.25rem solid #0000;position:absolute;left:calc(50% - 4.25rem)}.aquarium-art>span{color:var(--ink);font-size:.8rem;position:absolute;left:calc(50% + 1.45rem)}.aquarium-art-shark:before{border-radius:68% 40% 40% 68%;width:7rem;height:2.75rem}.aquarium-art-shark:after{border-top-width:1.55rem;border-bottom-width:1.55rem;border-right-width:2.2rem;left:calc(50% - 5.2rem)}.aquarium-art-shark>i{border-right:1rem solid #0000;border-bottom:1.75rem solid var(--creature-colour);border-left:1rem solid #0000;position:absolute;top:calc(50% - 2.2rem);left:47%}.aquarium-art-legend{padding:0}.aquarium-art-legend:before,.aquarium-art-legend:after{display:none}.aquarium-art-legend img{object-fit:cover;width:100%;height:100%}.book-tabs,.picture-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.book-tabs button,.picture-tabs button{background:var(--abyss);padding:.55rem .8rem}.book-tabs button.is-active,.picture-tabs button.is-active{background:var(--gold);color:var(--ink)}.picture-sell-note{border:2px solid var(--ink);background:var(--sun);width:fit-content;box-shadow:3px 3px 0 var(--ink);color:var(--ink);border-radius:.45rem;margin:-.25rem 0 .85rem;padding:.5rem .7rem;font-size:.78rem;line-height:1.35}.book-help{color:#d1f3f8;max-width:68ch;margin:-.35rem 0 .85rem;font-size:.92rem;line-height:1.45}.creature-grid,.picture-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;max-height:min(55vh,34rem);padding:.35rem;display:grid;overflow:auto}.creature-entry{border:3px solid var(--ink);min-height:8.5rem;box-shadow:4px 4px 0 var(--ink);background:#0b6782;border-radius:.55rem;align-content:end;gap:.25rem;padding:.8rem;display:grid}.creature-entry.is-locked{filter:saturate(0);color:#bbced2}.creature-entry span{font-size:2rem}.creature-entry strong{font-family:var(--display)}.creature-entry small{color:#d1f3f8}.creature-entry.monster-entry{background:#082e4e;align-content:start;min-height:0}.creature-picture{aspect-ratio:16/9;border:3px solid var(--ink);object-fit:cover;background:#073a64;width:100%;margin-bottom:.35rem;display:block}.monster-entry.is-found{box-shadow:4px 4px 0 var(--gold)}.picture-card{border:3px solid var(--ink);background:var(--foam);box-shadow:4px 4px 0 var(--ink);color:var(--ink);border-radius:.55rem;overflow:hidden}.picture-card img{aspect-ratio:16/9;object-fit:cover;background:var(--deep);width:100%;display:block}.picture-card-copy{gap:.35rem;padding:.65rem;display:grid}.picture-card strong{font-family:var(--display)}.picture-card small{color:#345466}.picture-card em{color:#8a4813;font-size:.67rem;font-style:normal;font-weight:900}.picture-card.is-legend-picture{box-shadow:4px 4px 0 var(--sun)}.picture-card-actions{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.4rem;padding:0 .65rem .65rem;display:grid}.picture-card button{background:var(--gold);color:var(--ink);margin:0}.picture-card .sell-picture-button{background:#68dc70}.empty-pictures{color:#c6e3eb;text-align:center;margin:1rem 0 0}.map-panel{width:min(76rem,97vw)}.map-panel>p:first-of-type{color:var(--cyan);font-family:var(--display);margin:0}.map-panel h2{margin-bottom:.45rem;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.9}.map-help{color:#d1f3f8;max-width:70ch;margin:0 0 .75rem;line-height:1.4}.map-key{flex-wrap:wrap;gap:.45rem 1rem;margin-bottom:.75rem;display:flex}.map-key span{align-items:center;gap:.35rem;font-size:.74rem;font-weight:700;display:flex}.map-key-dot{border:2px solid var(--ink);background:var(--foam);border-radius:50%;width:.85rem;height:.85rem}.map-key-dot.is-you{background:var(--coral)}.map-key-dot.is-land{background:var(--sun)}.map-key-dot.is-safe{background:var(--lime)}.map-key-dot.is-gate{background:var(--coral)}.map-key-dot.is-legend{background:#bd61dc}.map-key-dot.is-deep-water{background:#071023;box-shadow:inset 0 0 0 2px #7ff6ff}.map-scroll{border:4px solid var(--ink);background:var(--ocean);box-shadow:5px 5px 0 var(--ink);overscroll-behavior-inline:contain;border-radius:.6rem;overflow-x:auto}.world-map{background:linear-gradient(#58d3e8 0 24%,#159abd 24% 43%,#075276 72%,#042943 100%);min-width:80rem;height:min(52vh,28rem);min-height:23rem;position:relative;overflow:hidden}.map-sky{background:#85e3ef;height:24%;position:absolute;inset:0 0 auto}.map-sky:before,.map-sky:after{content:"";background:#ffffffd1;border-radius:50%;width:7rem;height:2.2rem;position:absolute;top:28%}.map-sky:before{left:15%}.map-sky:after{right:13%}.map-sky span{color:#07526b;font:700 .7rem var(--display);position:absolute;top:.45rem;left:.55rem}.map-waterline{background:#e9fbff;height:.55rem;position:absolute;inset:24% 0 auto;box-shadow:0 4px #07141d61}.map-ocean-label{color:#e9fbff33;font:700 clamp(2rem, 4vw, 4rem) var(--display);letter-spacing:.05em;white-space:nowrap;position:absolute;top:34%;left:34%;translate:-50%}.map-legendary-sea{z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,5% 100%,5% 63%,0 53%);background:linear-gradient(150deg,#24257b5c,#0a0537db 62%,#00020afa);border-left:.4rem dashed #ffbd20c7;align-content:start;justify-items:start;padding:1.15rem 0 0 2.5rem;display:grid;position:absolute;inset:24% 0 0 67%}.map-legendary-sea strong{color:var(--sun);font:700 1.5rem var(--display);letter-spacing:.04em;text-shadow:2px 2px 0 var(--ink)}.map-legendary-sea small{color:var(--foam);background:#07141db8;border-radius:.2rem;margin-top:.2rem;padding:.18rem .35rem;font-weight:900}.map-deep-water{z-index:1;text-align:right;background:linear-gradient(200deg,#050c28b8,#00020dfa);border-right:.35rem dashed #7ff6ff;align-content:start;justify-items:end;padding:1rem 2.3rem 0 .7rem;display:grid;position:absolute;inset:54% 81% 0 0}.map-deep-water strong{color:#7ff6ff;font:700 1.35rem var(--display);letter-spacing:.04em;text-shadow:2px 2px 0 var(--ink)}.map-deep-water small{color:#d9fbff;margin-top:.2rem;font-size:.63rem;font-weight:900;line-height:1.2}.map-seafloor{z-index:1;clip-path:polygon(0 92%,9% 90%,15% 78%,19% 68%,28% 70%,39% 67%,51% 72%,63% 68%,72% 71%,75% 79%,80% 92%,89% 90%,100% 94%,100% 100%,0 100%);background:#6d5139;position:absolute;inset:0}.map-marker,.map-you-marker{top:var(--map-y);left:var(--map-x);z-index:2;text-align:center;justify-items:center;width:7.5rem;display:grid;position:absolute;translate:-50% -50%}.map-marker i{border:3px solid var(--ink);background:var(--foam);width:2.05rem;height:2.05rem;box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:700 1rem var(--display);border-radius:50%;place-items:center;font-style:normal;display:grid}.map-marker b{border:2px solid var(--ink);background:var(--foam);color:var(--ink);font:700 .68rem var(--display);margin-top:.3rem;padding:.18rem .32rem;line-height:1}.map-marker small{color:var(--foam);background:#041827e6;margin-top:.12rem;padding:.12rem .25rem;font-size:.61rem;line-height:1.05}.map-marker.is-land i{background:var(--sun);border-radius:.3rem}.map-marker.is-safe i{background:var(--lime)}.map-marker.is-ruin i{background:#c7c6a3}.map-marker.is-gate i{background:var(--coral);color:#fff}.map-marker.is-deep i{color:#fff;background:#746781}.map-marker.is-legend i{background:var(--monster-colour);color:#fff}.map-marker.is-deep-water i{color:#7ff6ff;background:#071023}.map-you-marker{z-index:4;width:6.4rem}.map-you-marker i{border:3px solid var(--ink);background:var(--coral);box-shadow:3px 3px 0 var(--ink);color:#fff;font:700 .78rem var(--display);border-radius:.35rem;padding:.28rem .45rem;font-style:normal;position:relative}.map-you-marker i:after{border-top:.6rem solid var(--ink);content:"";border-left:.42rem solid #0000;border-right:.42rem solid #0000;position:absolute;top:100%;left:50%;translate:-50%}.map-you-marker b{background:var(--ink);color:var(--sun);font:700 .62rem var(--display);margin-top:.72rem;padding:.15rem .3rem}.send-panel{justify-items:stretch;gap:.8rem;width:min(31rem,94vw);display:grid}.send-panel h2{font-size:clamp(2rem,6vw,3.4rem);line-height:.9}.send-panel img{aspect-ratio:16/9;border:4px solid var(--ink);object-fit:cover;background:var(--deep);width:100%}.send-panel label{color:var(--sun);font-weight:700}.send-panel .primary-action{width:100%}.send-panel>p:last-child{min-height:1.25rem;color:var(--foam)}.quick-actions{left:max(.7rem, env(safe-area-inset-left));bottom:max(8rem, calc(env(safe-area-inset-bottom) + 7.25rem));z-index:23;gap:.45rem;display:flex;position:absolute}.quick-actions button{box-shadow:4px 4px 0 var(--ink);color:var(--ink);background:#e9fbfff0;place-items:center;padding:.35rem .55rem;display:grid;position:relative}.quick-actions span{font:700 1.3rem var(--display)}.quick-actions small{font-size:.64rem;font-weight:700}.quick-actions b{position:absolute;top:-.45rem;right:-.45rem}#exitSubmarineButton{background:var(--coral);color:#fff}.touch-controls{inset:auto max(.8rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left));z-index:29;pointer-events:none;justify-content:space-between;align-items:end;gap:1rem;display:flex;position:absolute}.touch-controls button{pointer-events:auto;touch-action:none}.touch-move{grid-template-rows:repeat(2,3.15rem);grid-template-columns:repeat(3,3.15rem);gap:.28rem;display:grid}.touch-move button{color:var(--foam);font:700 1.45rem var(--display);background:#041827e0}.touch-move button[data-control=forward]{grid-column:2}.touch-move button[data-control=left]{grid-area:2/1}.touch-move button[data-control=backward]{grid-area:2/2}.touch-move button[data-control=right]{grid-area:2/3}.touch-actions{align-items:end;gap:.32rem;display:flex}.touch-actions button{background:var(--cyan);min-width:3.3rem;box-shadow:3px 3px 0 var(--ink);color:var(--ink);place-items:center;padding:.3rem;display:grid}.touch-actions button:nth-child(2){background:#5da3e4}.touch-actions button:nth-child(3){background:var(--sun)}.touch-actions button:nth-child(4){background:var(--lime)}.touch-actions button:nth-child(5){background:var(--coral);color:#fff}.touch-actions button:nth-child(6){color:#fff;background:#8f7bff}.touch-actions span{font:700 1.2rem var(--display)}.touch-actions small{font-size:.59rem;font-weight:700}@keyframes boat-bob{to{translate:0 .65rem;rotate:2deg}}@keyframes diver-float{to{translate:.7rem -.65rem;rotate:-3deg}}@keyframes fish-swim{to{translate:1.6rem .6rem}}@keyframes kraken-rise{to{translate:0 -1.25rem}}@keyframes danger-ring{50%{opacity:.45}}@keyframes camera-flash{0%{opacity:0}20%{opacity:.95}to{opacity:0}}@keyframes message-in{0%{opacity:0;scale:.7}}@media (width<=900px){.deep-menu{grid-template-columns:1fr}.menu-ocean{min-height:48vh;box-shadow:inset 0 -6px var(--ink)}.menu-copy{min-height:auto;padding-top:2rem}.deep-menu{overflow:auto}.menu-copy h1{font-size:clamp(3.4rem,14vw,5.4rem)}.game-credit{font-size:.82rem}}@media (width<=720px),(pointer:coarse){.deep-mini-title{font-size:.78rem}.deep-top-button{font-size:.75rem}.deep-hud{inset-inline:.45rem;top:max(4.15rem, calc(env(safe-area-inset-top) + 3.85rem));gap:.3rem}.hud-cluster{min-width:5rem;padding:.3rem .42rem}.hud-cluster span{font-size:.56rem}.hud-cluster strong{font-size:.88rem}.tank-hud{min-width:7.7rem}.submarine-hud{min-width:6.5rem}.oxygen-hud{width:min(100%,21rem)}.player-strip{display:none}.interact-prompt{bottom:13rem}.quick-actions{bottom:20.5rem}.keyboard-guide{display:none}.touch-controls:not([hidden]){display:flex!important}.touch-move{grid-template-rows:repeat(2,2.8rem);grid-template-columns:repeat(3,2.8rem)}.touch-actions{flex-wrap:wrap;justify-content:end;max-width:12rem}.touch-actions button{min-width:3.45rem}.camera-viewfinder{inset:20% 5% 24%}.sell-strip,.upgrade-row{flex-direction:column;align-items:stretch}.creature-grid,.picture-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.trader-item{grid-template-columns:1fr}.trader-item button{width:100%;min-width:0}.wide-panel{padding-top:3.8rem}}@media (width<=480px){.deep-topbar{grid-template-columns:1fr auto}.deep-mini-title{display:none}.deep-top-button:last-child{grid-column:2}.hud-cluster{flex:22%;min-width:4.2rem}.oxygen-hud{order:5}.menu-ocean{min-height:40vh}.menu-sun{width:4.7rem}.menu-boat{left:43%;scale:.75}.menu-kraken{transform-origin:100% 100%;right:4%;scale:.7}.menu-diver{left:38%;scale:.72}.menu-shark{transform-origin:0;scale:.72}.menu-copy{padding-inline:1rem}.menu-copy h1{font-size:clamp(3.1rem,19vw,4.5rem)}.menu-features span{flex:45%}.menu-actions>button{width:100%}.join-panel{padding-top:3.7rem}.join-game-option{grid-template-columns:1fr}.join-game-option span{grid-area:auto/1}.touch-move{grid-template-rows:repeat(2,2.65rem);grid-template-columns:repeat(3,2.65rem)}.touch-actions{max-width:10.5rem}.touch-actions button{min-width:3.15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}