:root{--abyss: #041522;--abyss-2: #061d2d;--hadal: #0b2436;--biolume: #5cf2e3;--coral: #ff7ea8;--lure: #ffcf6b;--tide: #9fe8ff;--foam: #e6f4f1;--sea: #b6d3d3;--muted: #7fa3a8;--dim: #5f8187;--line: rgba(92, 242, 227, .16);--line-2: rgba(92, 242, 227, .3);--water: rgba(4, 21, 34, .82);--water-2: rgba(3, 14, 24, .7);--font: "Bricolage Grotesque", ui-rounded, "Segoe UI", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--edge: 0 0 0 1px var(--line) inset;--glow-edge: 0 0 0 1px var(--line-2) inset, 0 0 24px -10px rgba(92, 242, 227, .6)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--abyss);color:var(--foam);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}[hidden]{display:none!important}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input{font:inherit;color:inherit;user-select:text;-webkit-user-select:text}:focus-visible{outline:2px solid var(--biolume);outline-offset:3px;border-radius:8px}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ico{display:inline-grid;place-items:center;width:20px;height:20px;flex:none;font-style:normal}.ico svg{width:100%;height:100%;stroke-width:1.8}#game{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.layer{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none}#glow{mix-blend-mode:plus-lighter}@supports not (mix-blend-mode: plus-lighter){#glow{mix-blend-mode:screen}}.dive-btn{height:52px;padding:0 32px;border-radius:26px 26px 26px 8px;font-weight:760;font-size:1.12rem;background:var(--biolume);color:#03222a;white-space:nowrap;box-shadow:0 0 0 1px #ffffff4d inset,0 0 32px -6px #5cf2e3a6;transition:transform .12s ease,box-shadow .2s ease,background .2s}.dive-btn:hover:not(:disabled){box-shadow:0 0 0 1px #fff6 inset,0 0 44px -4px #5cf2e3d9}.dive-btn:active:not(:disabled){transform:scale(.97)}.dive-btn:disabled{background:#22414c;color:var(--muted);box-shadow:none;cursor:default}.link-btn{color:var(--biolume);font-weight:650;padding:8px 4px;text-underline-offset:4px}.link-btn:hover{text-decoration:underline}.small-btn{font-size:.86rem;font-weight:680;padding:6px 14px;border-radius:999px;box-shadow:0 0 0 1px #5cf2e373 inset;color:var(--biolume)}.small-btn:hover{background:#5cf2e31a}.small-btn.gold{box-shadow:0 0 0 1px #ffcf6b99 inset;color:var(--lure)}.small-btn.gold:hover{background:#ffcf6b1a}.small-btn.tok{box-shadow:0 0 0 1px #9fe8ff8c inset;color:var(--tide)}.small-btn:disabled{opacity:.45;cursor:default}.menu{position:fixed;inset:0}.menu-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(110% 90% at 0% 45%,#041522f0,#04152299 48%,#0415221f 80%),linear-gradient(0deg,rgba(4,21,34,.9),transparent 28%)}.menu-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:1fr auto;padding:calc(28px + var(--safe-t)) calc(40px + var(--safe-r)) calc(16px + var(--safe-b)) calc(52px + var(--safe-l));gap:16px 28px;scrollbar-width:none}.menu-scroll::-webkit-scrollbar{display:none}.menu-main{position:relative;align-self:center;max-width:560px;min-width:0}.logo{margin:0 0 4px;font-size:clamp(4rem,10.5vw,8.6rem);line-height:.86;font-weight:800;font-variation-settings:"opsz" 96;letter-spacing:-.05em;color:var(--foam);display:flex;text-shadow:0 0 34px rgba(92,242,227,.28)}.logo span{display:inline-block;animation:drift 7s ease-in-out infinite}.logo span:nth-child(1){animation-delay:-.2s}.logo span:nth-child(2){animation-delay:-1.4s;transform:translateY(.04em)}.logo span:nth-child(3){animation-delay:-2.9s}.logo span:nth-child(4){animation-delay:-4.1s}.logo span:nth-child(5){animation-delay:-5.3s}.logo span:nth-child(6){animation-delay:-6.2s;color:#c9fff9}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-.045em)}}.tagline{margin:12px 0 26px;max-width:30em;font-size:1.1rem;color:var(--sea)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.mode{position:relative;display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;text-align:left;padding:10px 14px 10px 10px;border-radius:18px;background:var(--water-2);box-shadow:var(--edge);transition:box-shadow .18s,background .18s}.mode .chart{width:58px;height:58px;stroke:none;opacity:.62;transition:opacity .2s,transform .5s cubic-bezier(.2,.8,.2,1)}.mode b{display:block;font-size:1rem;font-weight:760}.mode-desc{display:block;margin-top:1px;font-size:.8rem;line-height:1.35;color:#8fb0b3}.mode-count{display:block;margin-top:4px;font-style:normal;font-size:.74rem;font-weight:680;color:var(--dim)}.mode:hover{box-shadow:0 0 0 1px #5cf2e361 inset}.mode[aria-checked=true]{background:#09303cb8;box-shadow:var(--glow-edge)}.mode[aria-checked=true] .chart{opacity:1;transform:rotate(-18deg)}.mode[aria-checked=true] .mode-count{color:var(--biolume)}.dive-row{display:flex;gap:10px}.name-input{flex:1 1 200px;min-width:0;height:52px;padding:0 22px;border-radius:26px;background:#030e18c7;border:0;box-shadow:0 0 0 1px #5cf2e347 inset;font-size:1.08rem;font-weight:620}.name-input::placeholder{color:var(--dim);font-weight:520}.name-input:focus{outline:none;box-shadow:0 0 0 1.5px var(--biolume) inset,0 0 0 4px #5cf2e31f}.online{display:flex;align-items:center;gap:10px;margin:16px 2px 0;color:var(--muted);font-size:.95rem}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--biolume);box-shadow:0 0 10px var(--biolume);animation:blink 2.4s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.controls-hint{margin:6px 2px 0;color:var(--dim);font-size:.86rem;max-width:36em}.menu-hide{position:relative;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;min-width:0}.lens{position:relative;width:min(330px,32vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#5cf2e314,#0415228c 70%,#04152233);box-shadow:0 0 0 1px var(--line-2) inset,0 0 0 10px #04152259,0 0 0 11px var(--line)}.lens:before{content:"";position:absolute;inset:-18px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from -2deg,rgba(92,242,227,.5) 0 .6deg,transparent .6deg 7.5deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));opacity:.55}.lens:hover{box-shadow:0 0 0 1px var(--biolume) inset,0 0 0 10px #04152259,0 0 0 11px var(--line-2)}#hide-preview{width:100%;height:100%;display:block}.hide-name{margin:22px 0 0;font-size:1.05rem;font-weight:720;text-align:center}.hide-name small{display:block;font-weight:560;font-size:.8rem}.menu-foot{position:relative;grid-column:1 / -1;display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;min-width:0}.account{display:flex;align-items:center;gap:12px;position:relative;text-align:left;padding:4px 12px 4px 4px;border-radius:999px}.account:hover{background:#5cf2e312}.lvl-ring{width:44px;height:44px;transform:rotate(-90deg);flex:none}.ring-track{stroke:#5cf2e32e;stroke-width:3}.ring-fill{stroke:var(--biolume);stroke-width:3;stroke-dasharray:119.4;stroke-dashoffset:119.4;transition:stroke-dashoffset .6s ease}.acc-level{position:absolute;left:4px;width:44px;text-align:center;font-weight:800;font-size:.95rem}.acc-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.acc-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-text small{color:var(--muted);font-size:.8rem}.purse{display:inline-flex;gap:16px}.pearls,.tokens{display:inline-flex;align-items:center;gap:7px;font-weight:760}.pearls{color:var(--lure)}.pearls svg{width:20px;height:20px;fill:#fff6e0;stroke:var(--lure);stroke-width:1.4}.pearls .shine{fill:#fff;stroke:none}.tokens{color:var(--tide)}.tokens svg{width:20px;height:20px;stroke:var(--tide);stroke-width:1.5;fill:#9fe8ff26}.menu-nav{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.menu-nav button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;color:var(--sea);font-weight:640;position:relative;white-space:nowrap}.menu-nav button .ico{width:18px;height:18px;color:var(--muted)}.menu-nav button:hover{color:var(--foam);background:#5cf2e314}.menu-nav button:hover .ico{color:var(--biolume)}.dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 8px var(--coral)}.hud{position:fixed;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.hud .feed,.hud .announce,.hud .zone-banner,.hud .chatlog,.hud .netinfo,.hud .mini,.hud .topcenter,.hud .lb{pointer-events:none}.lb{position:absolute;top:calc(12px + var(--safe-t));right:calc(14px + var(--safe-r));width:236px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.lb-title{margin:0 0 6px;font-size:.95rem;font-weight:760;text-align:right;color:var(--foam)}.lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.lb-row{position:relative;height:22px;border-radius:11px;overflow:hidden;background:#030e188c;font-size:.8rem;font-weight:660}.lb-row i{position:absolute;inset:0 auto 0 0;border-radius:11px;opacity:.55}.lb-row span{position:relative;display:flex;justify-content:space-between;gap:8px;padding:0 10px;line-height:22px;white-space:nowrap}.lb-row span b{overflow:hidden;text-overflow:ellipsis;font-weight:660}.lb-row.me{box-shadow:0 0 0 1.5px var(--foam) inset}.lb-row.marked{box-shadow:0 0 0 1.5px #ff5c78 inset}.lb-row.marked.me{box-shadow:0 0 0 1.5px #ff5c78 inset,0 0 0 3px var(--foam) inset}.lb-foot{margin:6px 2px 0;font-size:.78rem;color:var(--muted);text-align:right}.topcenter{position:absolute;top:calc(10px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:min(520px,calc(100vw - 560px));min-width:280px}.feed{display:flex;flex-direction:column;align-items:center;gap:3px}.feed p{margin:0;font-size:.82rem;font-weight:620;color:#cfe3e2;text-shadow:0 1px 3px #000;animation:fadeout 6s forwards;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.feed p b{color:var(--foam);font-weight:760}.feed p .me{color:var(--biolume)}@keyframes fadeout{0%{opacity:0;transform:translateY(-4px)}6%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.bossbars{display:flex;flex-direction:column;gap:6px;width:100%}.bossbar{width:100%}.bb-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:3px;text-shadow:0 1px 3px #000}.bb-top b{font-weight:800;color:var(--c);font-size:.98rem;white-space:nowrap}.bb-note{font-size:.74rem;color:var(--sea);font-weight:620;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bb-note.ok{color:var(--lure)}.bb-track{position:relative;height:10px;border-radius:5px;background:#030e18cc;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f inset}.bb-track i{position:absolute;inset:0 auto 0 0;background:var(--c);border-radius:5px;transition:width .4s ease;box-shadow:0 0 12px var(--c)}.bb-track em{position:absolute;left:0;bottom:0;height:3px;background:var(--lure);border-radius:2px}.events{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.ev{padding:3px 12px;border-radius:999px;background:var(--water);box-shadow:0 0 0 1px #5cf2e359 inset;font-size:.78rem;font-weight:700;color:var(--biolume);white-space:nowrap}.ev small{font-weight:620;color:#9cbcbf;margin-left:4px}.ev-blackwater{box-shadow:0 0 0 1px #6a7cff80 inset;color:#aab8ff}.ev-frenzy{box-shadow:0 0 0 1px #ffcf6b80 inset;color:var(--lure)}.ev-golden,.ev-relic{box-shadow:0 0 0 1px #ffe25c80 inset;color:#ffe25c}.ev-bloom{box-shadow:0 0 0 1px #b6ff9e80 inset;color:#b6ff9e}.announce{position:absolute;top:30%;left:0;right:0;text-align:center;padding:0 16px}.announce p{display:inline-block;max-width:max(300px,min(640px,calc(100vw - 800px)));margin:0;padding:8px 22px;font-size:1.25rem;font-weight:760;line-height:1.25;text-shadow:0 2px 10px #000;animation:announce 5s forwards}.announce p.boss{color:#ffc2d4;text-shadow:0 0 22px rgba(255,61,110,.9),0 2px 6px #000;font-size:1.5rem}.announce p.event{color:#c9fff9;text-shadow:0 0 20px rgba(92,242,227,.7),0 2px 6px #000}@keyframes announce{0%{opacity:0;transform:scale(.94)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}.zone-banner{position:absolute;top:38%;left:0;right:0;text-align:center;opacity:0}.zone-banner.show{animation:zone 3.6s ease forwards}.zone-banner small{display:block;font-size:.9rem;color:var(--muted);font-weight:620}.zone-banner strong{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:800;letter-spacing:-.02em;text-shadow:0 0 30px color-mix(in srgb,var(--bc, #5cf2e3) 55%,transparent),0 2px 8px #000}.zone-banner p{margin:6px auto 0;max-width:34em;padding:0 16px;font-size:.95rem;font-weight:620;color:#cfe6e6;text-shadow:0 2px 6px #000}@keyframes zone{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.evolve{position:absolute;top:calc(12px + var(--safe-t));left:calc(14px + var(--safe-l));width:min(370px,92vw)}.evolve-title{margin:0 0 6px;font-weight:800;font-size:1.05rem;color:var(--lure);text-shadow:0 0 16px rgba(255,207,107,.5)}.evolve-cards{display:grid;grid-template-columns:repeat(auto-fill,112px);gap:8px}.evo-card{position:relative;width:112px;height:128px;border-radius:16px;overflow:hidden;background:radial-gradient(90% 80% at 50% 40%,#5cf2e329,#041522d6);box-shadow:var(--edge);display:flex;flex-direction:column;align-items:center;transition:transform .12s ease,box-shadow .15s}.evo-card:hover,.evo-card:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1.5px var(--rc, var(--biolume)) inset}.evo-card canvas{width:100px;height:84px}.evo-card b{font-size:.82rem;font-weight:720;margin-top:-2px}.evo-card small{font-size:.66rem;font-weight:720;color:var(--rc, var(--muted));margin-top:1px}.evo-card kbd{position:absolute;top:6px;left:8px;font:700 .7rem var(--font);color:var(--muted)}.evo-card.secret{box-shadow:0 0 0 1px #ffcf6b99 inset;background:radial-gradient(90% 80% at 50% 40%,#ffcf6b38,#041522db)}.evo-card.secret:after{content:"Hidden";position:absolute;top:5px;right:8px;font-size:.62rem;font-weight:800;color:var(--lure)}.evolve-desc{margin:8px 2px 0;max-width:360px;font-size:.82rem;line-height:1.4;color:var(--sea);text-shadow:0 1px 3px #000;min-height:2.8em}.evolve-desc b{color:var(--foam);font-weight:760}.evolve-desc small{display:block;margin-top:2px;font-size:.76rem;font-weight:660}.evolve-skip{margin-top:6px;font-size:.8rem;color:var(--muted);padding:4px 2px}.evolve-skip:hover{color:var(--foam)}.stats{position:absolute;left:calc(14px + var(--safe-l));bottom:calc(14px + var(--safe-b));width:252px;transition:opacity .25s,transform .25s}.stats.collapsed{opacity:0;transform:translate(-20px);pointer-events:none}.hud:not(.touch-mode) .stats.collapsed{opacity:.35;transform:none;pointer-events:auto}.hud:not(.touch-mode) .stats.collapsed:hover{opacity:1}.stats-points{margin:0 0 6px 2px;font-weight:800;color:var(--lure);font-size:.95rem;text-shadow:0 1px 4px #000;min-height:1.3em}.stats-points.has-bank{color:var(--tide);cursor:help}.stat-row{display:grid;grid-template-columns:1fr 26px;align-items:center;gap:4px;margin-bottom:3px}.stat-bar{position:relative;height:22px;border-radius:11px;background:#030e18b8;overflow:hidden;display:flex;align-items:center;padding:0 10px;font-size:.78rem;font-weight:660}.stat-bar .pips{position:absolute;inset:3px;display:flex;gap:2px}.stat-bar .pips i{flex:1;border-radius:3px;background:#ffffff0d}.stat-bar .pips i.on{background:var(--c);opacity:.8}.stat-bar .pips i.x{box-shadow:inset 0 0 0 1px #ffcf6b59}.stat-bar .pips i.x.on{box-shadow:none;filter:brightness(1.25)}.stat-bar span{position:relative;text-shadow:0 1px 2px #000}.stat-bar .stat-name{white-space:nowrap}.stat-bar .stat-boost{position:relative;margin-left:6px;font:760 .64rem var(--font);font-style:normal;text-shadow:0 1px 2px #000;cursor:help}.stat-bar kbd{position:relative;margin-left:auto;font:700 .7rem var(--font);color:#e6f4f199}.stat-plus{width:26px;height:22px;border-radius:11px;font-weight:800;font-size:1rem;line-height:1;background:var(--c);color:#041522;opacity:.9}.stat-plus:disabled{background:#ffffff14;color:transparent}.bars{position:absolute;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);width:min(420px,46vw);display:flex;flex-direction:column;align-items:center;gap:4px}.bar{position:relative;width:100%;height:20px;border-radius:10px;background:#030e18b8;overflow:hidden}.bar-score{width:78%;height:16px}.bar-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;transition:width .25s ease}.bar-score .bar-fill{background:linear-gradient(90deg,#2c9c8f,var(--biolume));opacity:.75}.bar-level .bar-fill{background:linear-gradient(90deg,#d69b2e,var(--lure));opacity:.8}.bar-text{position:relative;display:block;text-align:center;font-size:.78rem;font-weight:720;line-height:20px;text-shadow:0 1px 2px #000;white-space:nowrap}.bar-score .bar-text{line-height:16px;font-size:.72rem}.bar-name{order:-1;margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 8px #000;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buffs{order:-2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.buff{padding:2px 10px;border-radius:999px;background:var(--water);box-shadow:0 0 0 1px var(--c) inset;color:var(--c);font-size:.74rem;font-weight:720;white-space:nowrap}.buff small{color:#9cbcbf;font-weight:620;margin-left:2px}.charge{order:-1;margin:0;font-size:.74rem;font-weight:720;color:#7f9a9e;text-shadow:0 1px 2px #000}.charge.ready{color:#ff9a8a}.mini{position:absolute;right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));display:flex;flex-direction:column;align-items:center}.mini canvas{width:150px;height:150px}.mini-depth{margin:2px 0 0;font-size:.78rem;font-weight:660;color:var(--muted);text-shadow:0 1px 2px #000;white-space:nowrap}.mini-depth b{color:var(--foam)}.chatlog{position:absolute;left:calc(14px + var(--safe-l));bottom:calc(256px + var(--safe-b));width:300px;display:flex;flex-direction:column;gap:2px}.chatlog p{margin:0;font-size:.8rem;color:#cfe3e2;text-shadow:0 1px 3px #000;animation:fadeout 12s forwards;overflow-wrap:anywhere}.chatlog b{color:var(--biolume);font-weight:720}.chat-box{position:absolute;left:50%;bottom:calc(96px + var(--safe-b));transform:translate(-50%);width:min(460px,80vw)}.chat-box input{width:100%;height:42px;padding:0 18px;border-radius:999px;background:#030e18e6;border:0;box-shadow:0 0 0 1.5px var(--biolume) inset;font-weight:620}.chat-box input:focus{outline:none}.netinfo{position:absolute;right:calc(14px + var(--safe-r));bottom:calc(190px + var(--safe-b));margin:0;font-size:.7rem;color:#7fa3a8bf;text-align:right}.touch{position:absolute;left:calc(10px + var(--safe-l));top:calc(10px + var(--safe-t));display:flex;gap:8px}.tbtn{position:relative;width:48px;height:48px;border-radius:50%;background:#030e189e;box-shadow:0 0 0 1px #5cf2e340 inset;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6rem;font-weight:720;color:var(--sea)}.tbtn svg{width:20px;height:20px}.tbtn[aria-pressed=true]{background:#5cf2e338;box-shadow:0 0 0 1px var(--biolume) inset;color:var(--foam)}.tbadge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--lure);color:#241400;font-size:.72rem;line-height:20px}.hud.touch-mode .lb{width:172px}.hud.touch-mode .lb-row:nth-child(n+6){display:none}.hud.touch-mode .lb-title{font-size:.8rem}.hud.touch-mode .stats{bottom:auto;top:calc(66px + var(--safe-t));left:calc(10px + var(--safe-l));width:240px}.hud.touch-mode .stat-row{grid-template-columns:1fr 38px}.hud.touch-mode .stat-plus{width:38px;height:28px;border-radius:14px}.hud.touch-mode .stat-bar{height:28px;border-radius:14px}.hud.touch-mode .stat-bar kbd{display:none}.hud.touch-mode .bars{bottom:calc(8px + var(--safe-b));width:min(300px,40vw)}.hud.touch-mode .bar-name{font-size:1.1rem}.hud.touch-mode .mini{bottom:calc(8px + var(--safe-b));right:calc(10px + var(--safe-r))}.hud.touch-mode .mini canvas{width:96px;height:96px}.hud.touch-mode .mini-depth{font-size:.7rem}.hud.touch-mode .netinfo{display:none}.hud.touch-mode .chatlog{bottom:auto;top:calc(126px + var(--safe-t));left:50%;transform:translate(-50%);width:260px;align-items:center}.hud.touch-mode .chat-box{bottom:auto;top:calc(40px + var(--safe-t))}.hud.touch-mode .topcenter{top:calc(8px + var(--safe-t));width:calc(100vw - 230px - 200px - var(--safe-l) - var(--safe-r));min-width:180px;max-width:420px;gap:4px}.hud.touch-mode .bb-note{display:none}.hud.touch-mode .bb-top b{font-size:.8rem}.hud.touch-mode .bb-track{height:7px}.hud.touch-mode .feed p{font-size:.72rem}.hud.touch-mode .feed p:nth-last-child(n+3){display:none}.hud.touch-mode .ev{font-size:.7rem;padding:2px 9px}.hud.touch-mode .announce{top:24%}.hud.touch-mode .announce p{font-size:1rem;max-width:70vw;padding:4px 14px}.hud.touch-mode .announce p.boss{font-size:1.15rem}.hud.touch-mode .zone-banner{top:26%}.hud.touch-mode .zone-banner strong{font-size:1.5rem}.hud.touch-mode .zone-banner p{font-size:.8rem}.hud.touch-mode .evolve{top:auto;bottom:calc(6px + var(--safe-b));left:50%;transform:translate(-50%);width:min(640px,calc(100vw - 244px - var(--safe-l) - var(--safe-r)));display:flex;flex-direction:column;align-items:center}.hud.touch-mode .evolve-title{display:none}.hud.touch-mode .evolve-cards{display:flex;gap:6px;justify-content:center;overflow-x:auto;max-width:100%;scrollbar-width:none;touch-action:pan-x}.hud.touch-mode .evolve-cards::-webkit-scrollbar{display:none}.hud.touch-mode .evo-card{width:78px;height:86px;flex:none;border-radius:14px}.hud.touch-mode .evo-card canvas{width:70px;height:56px}.hud.touch-mode .evo-card b{font-size:.72rem}.hud.touch-mode .evo-card small{font-size:.6rem}.hud.touch-mode .evo-card kbd{display:none}.hud.touch-mode .evolve-desc{order:-1;margin:0 0 4px;text-align:center;min-height:0;font-size:.72rem;max-width:100%}.hud.touch-mode .evolve-desc small{display:none}.hud.touch-mode .evolve-skip{position:absolute;left:0;top:-6px;margin:0;font-size:.72rem;padding:4px 8px;border-radius:999px;background:var(--water)}.hud.touch-mode .evolve-desc{padding:0 64px}.hud.touch-mode.evolving .bars{display:none}.death{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 50%,#04152259,#041522e0);animation:fadein .6s ease;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));overflow-y:auto;touch-action:pan-y}@keyframes fadein{0%{opacity:0}}.death-panel{width:min(520px,100%);text-align:center;padding:26px 24px 20px;border-radius:28px 28px 28px 10px;background:#041522c7;box-shadow:var(--edge);margin:auto}.death-kicker{margin:0;color:var(--coral);font-weight:720;font-size:1rem}.death-killer{margin:2px 0 18px;font-size:clamp(1.7rem,5vw,2.7rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.death-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin:0 0 18px;padding:14px 0;border-block:1px solid var(--line)}.death-stats div{display:flex;flex-direction:column-reverse}.death-stats dt{font-size:.8rem;color:var(--muted)}.death-stats dd{margin:0;font-size:1.28rem;font-weight:760}.death-rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;min-height:30px}.reward{padding:5px 14px;border-radius:999px;font-weight:720;font-size:.88rem;background:#5cf2e31a;color:var(--biolume);animation:pop .5s backwards}.reward.pearl{background:#ffcf6b1f;color:var(--lure)}.reward.ach{background:#ff7ea81f;color:var(--coral)}.reward.lvl{background:#e6f4f11f;color:var(--foam)}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.death-actions{display:flex;flex-direction:column;align-items:center;gap:6px}.death-note{margin:12px 0 0;font-size:.8rem;color:var(--dim)}.drawer,.auth{position:fixed;inset:0;z-index:20}.drawer-scrim{position:absolute;inset:0;background:#01080e99;animation:fadein .25s ease}.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(720px,100vw);display:grid;grid-template-columns:auto 1fr;background:linear-gradient(180deg,#06202f,#041522 40%,#030f19);box-shadow:-1px 0 0 var(--line),-40px 0 80px #00000080;animation:slidein .32s cubic-bezier(.2,.8,.2,1);padding-top:var(--safe-t);padding-right:var(--safe-r)}@keyframes slidein{0%{transform:translate(40px);opacity:0}}.tabs{display:flex;flex-direction:column;gap:2px;padding:16px 8px calc(16px + var(--safe-b)) 10px;overflow-y:auto;scrollbar-width:none;box-shadow:-1px 0 0 var(--line) inset;touch-action:pan-y}.tabs::-webkit-scrollbar{display:none}.tabs button{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border-radius:12px;color:var(--muted);font-weight:660;white-space:nowrap;text-align:left}.tabs button .ico{color:var(--dim)}.tabs button:hover{color:var(--foam);background:#5cf2e30f}.tabs button[aria-selected=true]{color:var(--foam);background:#5cf2e31a;box-shadow:2px 0 0 var(--biolume) inset}.tabs button[aria-selected=true] .ico{color:var(--biolume)}.drawer-main{display:flex;flex-direction:column;min-width:0;min-height:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 10px 24px}.drawer-head h2{margin:0;font-size:1.45rem;font-weight:800;letter-spacing:-.015em}.close-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--muted)}.close-btn:hover{background:#5cf2e314;color:var(--foam)}.close-btn svg{width:20px;height:20px}.drawer-body{flex:1;overflow-y:auto;padding:4px 24px calc(40px + var(--safe-b));user-select:text;-webkit-user-select:text;touch-action:pan-y;overscroll-behavior:contain}.drawer-body h3{margin:26px 0 10px;font-size:1rem;font-weight:760;color:var(--foam)}.drawer-body h3:first-child{margin-top:0}.drawer-body h3 small{font-weight:620;color:var(--muted);font-size:.8rem;margin-left:6px}.lede{margin:0 0 18px;color:#9cbcbf;font-size:.95rem;max-width:34em}.empty{color:var(--muted);font-size:.92rem}.wallet{display:flex;gap:20px;margin-bottom:14px;font-size:.9rem;color:#9cbcbf}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{padding:7px 14px;border-radius:999px;background:#0b2436bf;font-weight:660;font-size:.88rem;color:var(--sea)}.chip small{color:var(--muted);font-weight:620;margin-left:2px}.chip.on{background:var(--biolume);color:#03222a}.chip.on small{color:#0b4a50}.hide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.hide-tile{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 8px 12px;border-radius:18px;background:#0b243680;text-align:center;transition:background .15s}.hide-tile:hover{background:#0b2436e6}.hide-tile.equipped{background:#5cf2e312;box-shadow:0 0 0 1px var(--biolume) inset}.hide-tile canvas{width:96px;height:96px}.hide-tile.locked canvas{filter:saturate(.6) brightness(.78)}.hide-tile b{font-size:.9rem;font-weight:720}.hide-tile .rar{font-size:.72rem;font-weight:660}.hide-tile .req{font-size:.74rem;color:var(--muted);margin:4px 0 6px;min-height:2.2em;line-height:1.2}.hide-tile .tag{position:absolute;top:8px;right:10px;font-size:.7rem;font-weight:720;color:var(--biolume)}.ach-summary{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}.ach-summary strong{font-size:2rem;font-weight:800}.ach-summary span{color:var(--muted)}.ach-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(92,242,227,.07)}.ach-row svg{width:40px;height:40px}.ach-row.locked{opacity:.55}.ach-row.locked svg{color:#3f6168}.ach-row b{display:block;font-weight:720}.ach-row p{margin:0;font-size:.85rem;color:#9cbcbf}.ach-row .prog{margin-top:5px;height:5px;border-radius:3px;background:#ffffff12;overflow:hidden}.ach-row .prog i{display:block;height:100%;background:var(--biolume);border-radius:3px}.ach-row .pr{font-size:.82rem;font-weight:720;color:var(--lure);white-space:nowrap}.ach-row.secret b{letter-spacing:.1em}.ach-row.secret p{font-style:italic}.quest{padding:16px 0;border-bottom:1px solid rgba(92,242,227,.08)}.quest-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.quest b{font-weight:720;font-size:1.02rem}.quest .rw{font-size:.85rem;color:var(--lure);font-weight:720;white-space:nowrap}.quest .qbar{margin-top:8px;height:8px;border-radius:4px;background:#ffffff12;overflow:hidden}.quest .qbar i{display:block;height:100%;background:linear-gradient(90deg,#2c9c8f,var(--biolume))}.quest.done .qbar i{background:var(--lure)}.quest small{display:block;margin-top:5px;color:var(--muted);font-size:.8rem}.callout{margin:22px 0 0;padding:16px 18px;border-radius:16px;background:#ffcf6b14;box-shadow:0 0 0 1px #ffcf6b40 inset}.callout p{margin:0 0 10px;color:#e8d6ae;font-size:.92rem}.weekly-bonus.done{background:#5cf2e314;box-shadow:0 0 0 1px #5cf2e34d inset}.profile-top{display:flex;gap:18px;align-items:center;margin-bottom:18px}.profile-top .big-level{position:relative;width:88px;height:88px;flex:none}.profile-top .big-level svg{width:88px;height:88px;transform:rotate(-90deg)}.profile-top .big-level circle{stroke-width:5}.profile-top .big-level span{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:1.8rem}.profile-top h3{margin:0!important;font-size:1.5rem!important}.profile-top p{margin:2px 0 0;color:var(--muted);font-size:.9rem}.stat-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 12px;margin:0}.stat-table div{display:flex;flex-direction:column-reverse}.stat-table dt{color:var(--muted);font-size:.8rem}.stat-table dd{margin:0;font-weight:760;font-size:1.2rem}.rank-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rank-list{list-style:none;margin:0;padding:0;counter-reset:r}.rank-list li{counter-increment:r;display:grid;grid-template-columns:26px 1fr auto;gap:6px;padding:7px 0;border-bottom:1px solid rgba(92,242,227,.07);font-size:.9rem}.rank-list li:before{content:counter(r);color:var(--muted);font-weight:720}.rank-list li:nth-child(1):before{color:var(--lure)}.rank-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:620}.rank-list b{font-weight:760}.forms-tier{margin-bottom:8px}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.form-tile{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding:8px 10px 8px 6px;border-radius:14px;background:#0b243673}.form-tile canvas{width:64px;height:64px}.form-tile b{font-size:.9rem;font-weight:720;display:block}.form-tile p{margin:0;font-size:.75rem;color:#9cbcbf;line-height:1.3}.form-tile .from{font-size:.7rem;color:var(--muted);margin-top:2px}.form-tile .role-tag{display:block;font-size:.7rem;font-weight:720;color:var(--rc, var(--muted));margin:1px 0 2px}.form-tile.seen b:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--biolume);vertical-align:middle}.form-tile.mystery b{letter-spacing:.12em;color:var(--muted)}.form-tile.mystery p{font-style:italic}.form-tile.mystery .role-tag{display:none}.form-tile.hidden-form{box-shadow:0 0 0 1px #ffcf6b40 inset}.beasts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.beast{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#0b243673}.beast svg{width:32px;height:32px;color:var(--c)}.beast b{font-weight:760;font-size:.92rem}.beast p{margin:2px 0 0;font-size:.78rem;color:#9cbcbf;line-height:1.3}.beast.unknown{opacity:.55}.beast.unknown svg{color:#3f6168}.beast.unknown b{letter-spacing:.12em}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(92,242,227,.07)}.setting span{font-weight:660}.setting small{display:block;color:var(--muted);font-size:.8rem;font-weight:520}.seg{display:flex;border-radius:999px;background:#030e18d9;padding:3px;flex:none}.seg button{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:660;color:var(--muted)}.seg button.on{background:var(--biolume);color:#03222a}.switch{width:46px;height:26px;border-radius:13px;background:#ffffff1f;position:relative;flex:none;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--foam);transition:transform .2s}.switch[aria-checked=true]{background:var(--biolume)}.switch[aria-checked=true]:after{transform:translate(20px);background:#03222a}input[type=range]{width:150px;accent-color:var(--biolume)}.keys{margin:20px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:.88rem;color:#9cbcbf}.keys kbd{font:700 .8rem var(--font);color:var(--foam);padding:2px 8px;border-radius:6px;background:#ffffff14;justify-self:start}.auth-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 24px));max-height:calc(100% - 24px);overflow-y:auto;padding:28px 26px 22px;border-radius:28px 28px 28px 10px;background:linear-gradient(180deg,#082838,#041522);box-shadow:var(--edge),0 30px 90px #0009;animation:pop .3s ease}.auth-panel h2{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:-.01em}.auth-sub{margin:6px 0 16px;color:#9cbcbf;font-size:.92rem}.auth-switch{display:flex;gap:4px;margin-bottom:14px}.auth-switch button{padding:6px 12px;border-radius:999px;font-weight:660;font-size:.88rem;color:var(--muted)}.auth-switch button.on{background:#5cf2e324;color:var(--foam)}.auth-panel label{display:block;font-size:.85rem;font-weight:660;color:var(--sea);margin-bottom:12px}.auth-panel label input{display:block;width:100%;margin-top:5px;height:46px;padding:0 16px;border-radius:14px;background:#030e18d9;border:0;box-shadow:0 0 0 1px #5cf2e338 inset;font-size:1rem}.auth-panel label input:focus{outline:none;box-shadow:0 0 0 1.5px var(--biolume) inset}.auth-err{min-height:1.3em;margin:0 0 10px;color:var(--coral);font-size:.88rem;font-weight:620}.auth-actions{display:flex;align-items:center;gap:12px}.toasts{position:fixed;z-index:30;right:calc(14px + var(--safe-r));top:calc(326px + var(--safe-t));display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.menu-open .toasts{top:calc(20px + var(--safe-t))}.toast{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-width:220px;max-width:300px;padding:9px 16px 9px 10px;border-radius:18px 18px 18px 6px;background:#041522ed;box-shadow:0 0 0 1px #ffcf6b59 inset,0 0 24px -8px #ffcf6b66;animation:toast 5.5s cubic-bezier(.2,.8,.2,1) forwards}.toast svg{width:34px;height:34px;color:var(--lure)}.toast small{display:block;font-size:.72rem;color:var(--lure);font-weight:720}.toast b{display:block;font-weight:760;font-size:.95rem;line-height:1.2}.toast span{font-size:.78rem;color:#9cbcbf}.toast.quest{box-shadow:0 0 0 1px #5cf2e359 inset}.toast.quest svg,.toast.quest small{color:var(--biolume)}.toast.weekly{box-shadow:0 0 0 1px #9fe8ff73 inset}.toast.weekly svg,.toast.weekly small{color:var(--tide)}.toast.discover{box-shadow:0 0 0 1px #ff7ea880 inset,0 0 30px -6px #ff7ea873}.toast.discover svg,.toast.discover small{color:var(--coral)}.toast.err{box-shadow:0 0 0 1px #ff7ea866 inset}.toast.err svg,.toast.err small{color:var(--coral)}@keyframes toast{0%{opacity:0;transform:translate(30px)}6%{opacity:1;transform:none}88%{opacity:1}to{opacity:0;transform:translate(10px)}}.rotate{position:fixed;z-index:40;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#041522f2;text-align:center;padding:30px}.rotate p{font-size:1.2rem;font-weight:720;max-width:16em}.conn{position:fixed;z-index:35;left:50%;top:calc(16px + var(--safe-t));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:#041522ed;box-shadow:0 0 0 1px #ff7ea859 inset}.conn p{margin:0;font-size:.9rem;font-weight:660}.conn span{width:14px;height:14px;border-radius:50%;border:2px solid var(--coral);border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.menu-nav button span{display:none}.menu-nav button{padding:9px}.menu-nav button .ico{width:20px;height:20px}.menu-nav .dot{top:4px;right:4px}.topcenter{width:min(460px,calc(100vw - 520px))}}@media(max-width:1100px)and (pointer:coarse){.menu-nav button span{display:inline;font-size:.82rem}}@media(max-height:520px){.menu-scroll{grid-template-columns:minmax(0,1fr) auto;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(10px + var(--safe-b)) calc(20px + var(--safe-l));gap:8px 18px}.logo{font-size:clamp(2.6rem,14vh,4.6rem)}.tagline{margin:4px 0 10px;font-size:.9rem}.modes{margin-bottom:10px;gap:8px}.mode{grid-template-columns:38px 1fr;gap:8px;padding:7px 10px 7px 7px;border-radius:14px}.mode .chart{width:38px;height:38px}.mode-desc{display:none}.mode-count{margin-top:1px}.online{margin-top:8px;font-size:.85rem}.controls-hint{display:none}.dive-btn,.name-input{height:44px}.lens{width:min(190px,28vw,46vh)}.lens:before{inset:-12px}.hide-name{margin-top:12px;font-size:.92rem}.menu-foot{gap:6px 14px;flex-wrap:nowrap}.account{flex:none}.acc-text small{display:none}.purse{flex:none}.menu-nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;touch-action:pan-x;mask-image:linear-gradient(90deg,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:24px}.menu-nav::-webkit-scrollbar{display:none}.menu-nav button{padding:7px 10px;font-size:.84rem}.menu-nav button span{display:inline}.death-panel{padding:16px 18px 14px}.death-killer{margin-bottom:10px}.death-stats{grid-template-columns:repeat(6,auto);gap:8px 14px;justify-content:center;padding:8px 0;margin-bottom:10px}.death-stats dd{font-size:1rem}.death-rewards{margin-bottom:10px}.death-actions{flex-direction:row;justify-content:center;gap:14px}.death-note{display:none}.tabs{padding-top:8px}.tabs button{padding:7px 10px 7px 8px;font-size:.86rem}.drawer-head{padding:8px 10px 4px 18px}.drawer-head h2{font-size:1.15rem}.drawer-body{padding:4px 18px calc(24px + var(--safe-b))}.toasts{top:calc(184px + var(--safe-t))}.menu-open .toasts{top:calc(10px + var(--safe-t));bottom:auto}.toast{min-width:0;max-width:260px;padding:6px 12px 6px 8px;grid-template-columns:26px 1fr}.toast svg{width:26px;height:26px}.toast span{display:none}}@media(max-width:760px){.drawer-panel{width:100vw}.tabs button span{display:none}.tabs button{padding:10px}.tabs button .ico{width:22px;height:22px}.rank-cols{grid-template-columns:1fr}}@media(max-width:760px)and (max-height:520px){.tabs button{padding:8px}}@media(max-width:600px)and (orientation:portrait){.menu-scroll{grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:start;padding:calc(16px + var(--safe-t)) calc(18px + var(--safe-r)) calc(14px + var(--safe-b)) calc(18px + var(--safe-l));gap:18px}.menu-hide{grid-row:1}.menu-main{grid-row:2}.lens{width:min(180px,46vw)}.logo{font-size:clamp(3.4rem,19vw,5.2rem)}.modes{grid-template-columns:1fr}.mode-desc{display:block}.controls-hint{display:none}.menu-foot{flex-wrap:wrap}.menu-nav{margin-left:0;justify-content:flex-start}.menu-nav button span{display:inline}.death-stats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.logo span,.online-dot{animation:none}.zone-banner.show{animation-duration:2.5s}.mode .chart{transition:none}}