:root{--navy: #04121f;--panel: rgba(7, 26, 43, .82);--glass: rgba(10, 34, 56, .6);--line: rgba(94, 225, 255, .22);--text: #eaf6ff;--dim: #8fb4cc;--juice: #35e6ff;--glow: #7dfbd4;--blue: #4d7dff;--gold: #ffd94a;--danger: #ff6b81;--radius: 16px;--font: "Nunito", ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--navy);color:var(--text);font-family:var(--font);user-select:none}#root{height:100%}.game{position:fixed;inset:0}.game canvas{display:block}button{font-family:inherit}:focus-visible{outline:2px solid var(--juice);outline-offset:2px;border-radius:999px}.hud-top{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;pointer-events:none}.chip{pointer-events:auto;min-width:92px;padding:7px 14px 6px;background:var(--glass);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;line-height:1.15}.chip-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--dim)}.chip-value{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.chip-sub{font-size:10px;font-weight:700;color:var(--dim);white-space:nowrap}.chip-glow .chip-value{color:var(--glow)}.chip-juice .chip-value{color:var(--juice)}.chip-blue .chip-value{color:#86a5ff}.chip-depth .chip-value{color:var(--text)}.hud-actions{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:25}.btn{appearance:none;border:1px solid var(--line);background:var(--glass);color:var(--text);font-weight:900;letter-spacing:.1em;font-size:14px;padding:13px 22px;border-radius:999px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.97)}.btn.active{background:#35e6ff2e;border-color:var(--juice)}.btn-dive{background:linear-gradient(135deg,#16b8d8,#2b6cff);border-color:#8cf0ff99;color:#fff;box-shadow:0 0 24px #35e6ff59}.btn-dive:hover{box-shadow:0 0 34px #35e6ff8c}.btn-big{font-size:17px;padding:16px 34px}.btn-small{font-size:12px;padding:9px 14px;white-space:nowrap}.btn:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.btn-count{display:inline-block;background:#35e6ff40;border-radius:999px;padding:1px 8px;margin-left:4px;font-size:12px}.info-column{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 64px);left:0;right:0;margin-inline:auto;width:min(340px,88vw);max-height:calc(100vh - 215px);display:flex;flex-direction:column;gap:6px;z-index:12;overflow:hidden;pointer-events:none}.info-column>*{pointer-events:auto}.dive-status{width:100%;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(10px);padding:8px 14px 9px;z-index:9;text-align:center}.dive-status-top{display:flex;justify-content:space-between;font-weight:900;font-size:13px;letter-spacing:.08em}.dive-depth{font-variant-numeric:tabular-nums}.dive-bar{height:6px;background:#ffffff14;border-radius:999px;margin:6px 0 4px;overflow:hidden}.dive-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--juice),var(--blue));box-shadow:0 0 10px #35e6ffcc;transition:width .25s linear}.dive-status-sub{font-size:11px;color:var(--dim);font-weight:700}.panel{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(540px,100vw);max-height:min(66vh,560px);background:var(--panel);border:1px solid var(--line);border-bottom:none;border-radius:22px 22px 0 0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:20;display:flex;flex-direction:column;animation:panel-up .22s ease;padding-bottom:calc(64px + env(safe-area-inset-bottom))}@keyframes panel-up{0%{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%);opacity:1}}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 18px 8px}.panel-head h2{margin:0;font-size:20px;letter-spacing:.12em}.panel-sub{margin:2px 0 0;font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.06em}.panel-close{appearance:none;background:#ffffff14;border:none;color:var(--text);width:32px;height:32px;border-radius:999px;font-size:20px;line-height:1;cursor:pointer}.panel-body{overflow-y:auto;padding:4px 14px 14px;display:flex;flex-direction:column;gap:8px}.panel-hint{font-size:11px;color:var(--dim);text-align:center;font-weight:700;margin:6px 0 0}.zone-card{border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;background:#ffffff08}.zone-card.locked{opacity:.55}.zone-head{display:flex;justify-content:space-between;align-items:baseline}.zone-name{font-weight:900;letter-spacing:.1em;font-size:14px}.zone-depth{font-size:11px;color:var(--dim);font-weight:700;font-variant-numeric:tabular-nums}.zone-tag{margin:3px 0 6px;font-size:11.5px;color:var(--dim)}.zone-loot{display:flex;gap:12px;font-size:11.5px;font-weight:800;color:var(--glow)}.zone-blue{color:#86a5ff}.zone-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.zone-cost{font-size:12px;font-weight:800;color:var(--juice)}.zone-lock{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--dim)}.upgrade-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;background:#ffffff08}.suit-row{border-color:#4d7dff80;background:#4d7dff14}.upgrade-info{display:flex;flex-direction:column;gap:2px;min-width:0}.upgrade-name{font-weight:900;font-size:13px;letter-spacing:.06em}.upgrade-name em{font-style:normal;color:var(--juice);font-size:11px}.upgrade-effect{font-size:11.5px;color:var(--dim);font-weight:700}.upgrade-effect i{font-style:normal;color:var(--glow)}.cat-list{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.cat-row{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;background:#ffffff0a;border:1px solid transparent;font-size:12.5px}.cat-row.rarity-rare{border-color:#35e6ff73}.cat-row.rarity-epic{border-color:#ffd94a99}.cat-name{font-weight:900}.cat-role{color:var(--dim);font-size:10.5px;font-weight:800;letter-spacing:.08em}.cat-rarity{margin-left:auto;font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--gold)}.cat-row.rarity-rare .cat-rarity{color:var(--juice)}.cat-diving{margin-left:auto;font-size:10px;font-weight:900;color:var(--juice);animation:pulse 1.4s infinite}.cat-rarity+.cat-diving{margin-left:8px}@keyframes pulse{50%{opacity:.35}}.hire-title{margin:8px 0 0;font-size:12px;letter-spacing:.12em;color:var(--glow);text-align:center}.toasts{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:12px;font-weight:800;letter-spacing:.04em;max-width:min(320px,80vw);animation:toast-in .25s ease;backdrop-filter:blur(10px)}@keyframes toast-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{border-color:#7dfbd480;color:var(--glow)}.toast-error{border-color:#ff6b8199;color:var(--danger)}.toast-blue{border-color:var(--blue);color:#a8bfff;box-shadow:0 0 18px #4d7dff80}.record-banner{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:40;pointer-events:none;animation:record 3.6s ease forwards}.record-label{font-size:clamp(20px,4.5vw,34px);font-weight:900;letter-spacing:.3em;color:var(--juice);text-shadow:0 0 30px rgba(53,230,255,.9)}.record-depth{font-size:clamp(40px,9vw,80px);font-weight:900;color:#fff;text-shadow:0 0 44px rgba(77,125,255,.9);font-variant-numeric:tabular-nums}@keyframes record{0%{opacity:0;transform:scale(.8)}12%{opacity:1;transform:scale(1.04)}18%{transform:scale(1)}82%{opacity:1}to{opacity:0}}.overlay{position:fixed;inset:0;background:#020a12b8;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fade .25s ease}@keyframes fade{0%{opacity:0}}.welcome-card{width:min(400px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px 24px 20px;text-align:center;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 60px #35e6ff2e}.welcome-card h2{margin:0;letter-spacing:.14em;font-size:22px;color:var(--glow)}.welcome-away{margin:-8px 0 0;color:var(--dim);font-size:12px;font-weight:700}.welcome-rows{display:flex;flex-direction:column;gap:6px}.welcome-row{display:flex;justify-content:space-between;padding:9px 14px;background:#ffffff0a;border-radius:12px;font-size:13.5px;font-weight:700}.welcome-row b{color:var(--glow);font-variant-numeric:tabular-nums}.welcome-blue b{color:#86a5ff}.menu{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(90vw 70vh at 50% 115%,rgba(43,108,255,.28),transparent 60%),radial-gradient(70vw 50vh at 18% -10%,rgba(53,230,255,.14),transparent 60%),linear-gradient(180deg,#06263f,#04121f 70%,#020a12);overflow:hidden}.menu:before,.menu:after{content:"";position:absolute;border-radius:999px;border:2px solid rgba(53,230,255,.16);animation:rise 11s linear infinite}.menu:before{width:26px;height:26px;left:16%;bottom:-60px}.menu:after{width:14px;height:14px;left:78%;bottom:-40px;animation-delay:4.5s}@keyframes rise{to{transform:translateY(-120vh)}}.menu-inner{text-align:center;padding:24px;z-index:1}.menu-over{font-size:12px;font-weight:800;letter-spacing:.4em;color:var(--dim);margin:0 0 4px}.menu-title{margin:0;font-size:clamp(52px,13vw,110px);font-weight:900;letter-spacing:.06em;background:linear-gradient(180deg,#dffaff 10%,var(--juice) 55%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 34px rgba(53,230,255,.45))}.menu-tag{font-size:clamp(13px,3vw,17px);letter-spacing:.24em;font-weight:900;color:var(--text);margin:10px 0 30px}.menu-tag span{color:var(--glow)}.menu-tag b{color:#86a5ff}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}.menu-foot{margin-top:34px;font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.08em}@media (max-width: 560px){.chip{min-width:74px;padding:6px 9px 5px}.chip-value{font-size:15px}.btn{font-size:12.5px;padding:12px 16px}.panel{max-height:72vh}.info-column{top:calc(max(10px,env(safe-area-inset-top)) + 58px);max-height:calc(100vh - 290px)}}@media (max-height: 520px){.info-column{max-height:calc(100vh - 250px)}.dive-status{padding:5px 12px 6px}.dive-status-sub{display:none}.toasts .toast:nth-last-child(n+3){display:none}.game.panel-open .dialogue,.game.panel-open .info-column{display:none}}.hud-corner{position:fixed;top:max(10px,env(safe-area-inset-top));right:12px;display:flex;flex-direction:column;gap:8px;z-index:10}.corner-btn{appearance:none;border:1px solid var(--line);background:var(--glass);color:var(--text);font-family:inherit;font-weight:900;font-size:13px;padding:9px 12px;border-radius:999px;cursor:pointer;backdrop-filter:blur(10px);transition:transform .12s ease}.corner-btn:hover{transform:translateY(-1px)}.corner-btn.active{border-color:var(--juice)}.corner-btn.boosting{border-color:var(--gold);color:var(--gold);box-shadow:0 0 16px #ffd94a66;animation:pulse 1.2s infinite}.chip-btn{cursor:pointer;font-family:inherit;transition:transform .12s ease}.chip-btn:hover{transform:translateY(-1px)}.chip-sub.boosted{color:var(--gold)}.dive-statuses{display:flex;flex-direction:column;gap:6px;width:100%}.dive-more{text-align:center;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--dim);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:5px 12px;backdrop-filter:blur(10px);align-self:center}.follow-btn{appearance:none;border:1px solid var(--line);background:transparent;color:var(--dim);font-family:inherit;font-weight:900;font-size:9.5px;letter-spacing:.08em;padding:3px 8px;border-radius:999px;cursor:pointer}.follow-btn.on{color:var(--juice);border-color:var(--juice);box-shadow:0 0 10px #35e6ff80}.diver-picker{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--dim)}.diver-picker select,.quality-select{flex:1;appearance:none;background:var(--glass);border:1px solid var(--line);color:var(--text);font-family:inherit;font-weight:800;font-size:12px;padding:8px 12px;border-radius:10px}.quality-select{flex:none}.link-row{appearance:none;border:1px dashed var(--line);background:transparent;color:var(--glow);font-family:inherit;font-weight:800;font-size:12.5px;letter-spacing:.04em;padding:11px 14px;border-radius:var(--radius);cursor:pointer;text-align:left;transition:background .12s ease}.link-row:hover{background:#7dfbd40f}.link-row.prestige-link{color:#b09aff;border-color:#7a5cff80}.link-row.danger{color:var(--danger);border-color:#ff6b8166}.locked-row{opacity:.55}.owned-row{border-color:#7dfbd466}.zone-lock.owned{color:var(--glow)}.whale-row{border-color:#ffd94a80;background:#ffd94a0f}.cat-row{width:100%;appearance:none;font-family:inherit;color:var(--text);cursor:pointer;text-align:left}.cat-row.open{background:#35e6ff14}.cat-sheet{padding:6px 14px 10px;font-size:11.5px;color:var(--dim);font-weight:700}.cat-sheet p{margin:4px 0}.pool-block{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;background:#35e6ff0d}.pool-top{display:flex;justify-content:space-between;font-weight:900;font-size:14px;letter-spacing:.08em}.pool-top b{color:var(--juice);font-variant-numeric:tabular-nums}.pool-bar{margin:8px 0 6px;height:8px}.pool-sub{font-size:11px;color:var(--dim);font-weight:700}.donate-row{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900;color:var(--dim);flex-wrap:wrap}.crew-board{display:flex;flex-direction:column;gap:4px}.crew-line{display:flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:10px;background:#ffffff08;font-size:11.5px}.crew-line.you{border:1px solid rgba(53,230,255,.4)}.crew-name{font-weight:900}.crew-motto{color:var(--dim);flex:1;font-style:italic}.crew-rate{color:var(--glow);font-weight:800}.set-tiers{display:flex;flex-wrap:wrap;gap:6px}.set-tier{font-size:10px;font-weight:800;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.set-tier.on{color:var(--glow);border-color:#7dfbd480}.artifact-row{display:flex;flex-direction:column;padding:7px 12px;border-radius:10px;background:#ffffff08;margin-bottom:4px}.artifact-row.unknown{opacity:.5}.artifact-name{font-weight:900;font-size:12.5px}.artifact-lore{font-size:11px;color:var(--dim);font-style:italic}.prestige-body{text-align:center}.prestige-cores{display:flex;flex-direction:column;gap:2px;padding:14px;border:1px solid rgba(122,92,255,.5);border-radius:var(--radius);background:#7a5cff14;font-weight:900;letter-spacing:.12em}.prestige-big{font-size:44px;color:#b09aff;text-shadow:0 0 24px rgba(122,92,255,.8)}.prestige-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.prestige-cols ul{margin:4px 0 0;padding:0 0 0 4px;list-style:none;font-size:11.5px;color:var(--dim);font-weight:700}.prestige-cols li{padding:2px 0}.btn-danger{background:linear-gradient(135deg,#5a3fd8,#2b6cff);border-color:#b09aff99;color:#fff;align-self:center}.btn-danger.armed{animation:pulse .8s infinite;background:linear-gradient(135deg,#8a3fd8,#5a3fd8)}.stats-grid{display:grid;grid-template-columns:1fr auto;gap:6px 16px;font-size:12px;font-weight:700;color:var(--dim);padding:4px 6px}.stats-grid b{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.dialogue{position:fixed;left:12px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 72px);display:flex;align-items:flex-start;gap:10px;width:min(340px,82vw);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px 14px;z-index:15;cursor:pointer;text-align:left;font-family:inherit;color:var(--text);animation:bubble-in .25s ease;backdrop-filter:blur(12px)}@keyframes bubble-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.dialogue-avatar{font-size:26px;line-height:1;filter:drop-shadow(0 0 8px rgba(53,230,255,.5))}.dialogue-body{display:flex;flex-direction:column;gap:2px}.dialogue-name{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--juice)}.speaker-paws .dialogue-name{color:var(--gold)}.speaker-rugpull .dialogue-name{color:#9dffb0}.speaker-catamoto .dialogue-name{color:#b09aff}.speaker-whale .dialogue-name{color:#86a5ff}.dialogue-text{font-size:12.5px;font-weight:700;line-height:1.35}.floaters{position:fixed;inset:0;pointer-events:none;z-index:35}.floater{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:15px;text-shadow:0 0 10px rgba(0,0,0,.6);animation:float-up 1.5s ease-out forwards}@keyframes float-up{0%{opacity:0;margin-top:0}12%{opacity:1}to{opacity:0;margin-top:-54px}}.prestige-flash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:60;pointer-events:none;background:radial-gradient(80vw 80vh at 50% 60%,#5a3fd88c,#020810eb);animation:record 4.2s ease forwards}.prestige-flash .record-label{color:#b09aff;text-shadow:0 0 34px rgba(122,92,255,.9)}.prestige-sub{font-size:13px;font-weight:800;letter-spacing:.2em;color:var(--dim)}.wallet-card{border-color:#4d7dff99}.wallet-balance{display:flex;flex-direction:column;gap:0;font-weight:900;letter-spacing:.14em}.wallet-big{font-size:52px;color:#86a5ff;text-shadow:0 0 30px rgba(77,125,255,.7);font-variant-numeric:tabular-nums}.wallet-fail{font-size:16px;font-weight:900;letter-spacing:.12em;color:var(--glow);animation:panel-up .3s ease;margin:8px 0}@media (max-width: 1250px){.game.panel-open .dialogue{display:none}}@media (min-width: 900px){.info-column .toasts{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 150px);right:12px;align-items:flex-end;z-index:30}}@media (max-width: 560px){.hud-corner{top:auto;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 66px);right:10px;flex-direction:row}.dialogue{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 112px)}.prestige-cols{grid-template-columns:1fr}.game.panel-open .dialogue,.game.panel-open .hud-corner,.game.panel-open .info-column{display:none}.corner-btn{min-height:40px;min-width:44px}.follow-btn{padding:14px;font-size:10px}.panel-close{width:40px;height:40px;flex:none}}@media (max-width: 400px){.hud-top{gap:5px;left:8px;right:8px;transform:none;justify-content:center}.chip{min-width:0;flex:1;padding:6px 4px 5px}.chip-label{font-size:9px;letter-spacing:.08em}.chip-value{font-size:14px}.chip-sub{font-size:9px}.hud-actions{gap:6px;left:8px;right:8px;transform:none;justify-content:center}.btn{font-size:11.5px;padding:12px 11px;letter-spacing:.06em}.btn-count{padding:1px 6px;font-size:11px;margin-left:2px}}