@font-face{font-family:Lilita One;src:url(./LilitaOne-Regular-DWEPn4H6.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(./Nunito_wght_-63TK8RbS.ttf) format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}:root{--deep-purple: #24113f;--violet: #6d2eb5;--magenta: #c83daa;--pink: #ff4fcb;--blue: #3c8dff;--cyan: #2de7ff;--orange: #f47b45;--gold: #ffd75a;--green: #9be85b;--panel: rgba(21, 13, 33, .84);--panel-solid: #1a1128;--panel-border: rgba(236, 220, 255, .14);--text: #f4efff;--muted: #b9a9d8;--display: "Lilita One", "Arial Rounded MT Bold", sans-serif;--body: "Nunito", "Segoe UI", system-ui, sans-serif;--ui-scale: 1}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0e0719;color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;touch-action:none}#app,#viewport{position:fixed;inset:0}#viewport canvas{display:block;width:100%;height:100%;cursor:grab}#viewport canvas:active{cursor:grabbing}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}.catch-notification{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;width:max-content;max-width:calc(100vw - 24px);pointer-events:none;animation:catchNotice 1s linear both}.catch-notification canvas{width:160px;height:100px;flex:0 0 160px;object-fit:contain}.catch-notification-text{min-width:0;padding-right:12px;font-family:var(--display);text-shadow:2px 2px 0 #1a092d,-1px -1px 0 #1a092d,0 3px 4px #10051dc0}.catch-notification-name{font-size:25px;line-height:1.1;color:#edfff1}.catch-notification-coins{margin-top:5px;font-size:22px;color:#ffd75a}@keyframes catchNotice{0%{opacity:0;translate:0 8px}8%,84%{opacity:1;translate:0 0}to{opacity:0;translate:0 -5px}}@media(max-width:600px){.catch-notification{bottom:calc(84px + env(safe-area-inset-bottom))}.catch-notification canvas{width:116px;height:84px;flex-basis:116px}.catch-notification-name{font-size:20px}.catch-notification-coins{font-size:19px}}#ui .interactive,#ui button,#ui .slot,#ui input{pointer-events:auto}.display{font-family:var(--display);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-stretch:condensed}.hl{color:var(--gold)}.panel{background:var(--panel);border:1.5px solid var(--panel-border);border-radius:12px;box-shadow:0 6px 24px #0802148c,inset 0 1px #ffffff12;backdrop-filter:blur(3px)}.panel h4{margin:0;font-family:var(--display);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:17px}.panel .rule{height:1px;background:linear-gradient(90deg,#ffffff2e,#ffffff0a);margin:8px 0 10px}.corner{position:absolute;transform:scale(var(--ui-scale))}.corner.tl{top:18px;left:18px;transform-origin:top left}.corner.tr{top:18px;right:18px;transform-origin:top right}.corner.bl{bottom:16px;left:16px;transform-origin:bottom left}.corner.br{bottom:16px;right:16px;transform-origin:bottom right}.corner.bc{bottom:16px;left:50%;transform:translate(-50%) scale(var(--ui-scale));transform-origin:bottom center}.corner.rm{right:18px;top:50%;transform:translateY(-30%) scale(var(--ui-scale));transform-origin:right center}.bait-panel{width:244px;padding:14px 16px 16px}.bait-panel h4{color:#ff7a8a;background:linear-gradient(90deg,#ff6aa8,#ff9a5a);-webkit-background-clip:text;background-clip:text;color:transparent}.bait-panel .row{display:flex;align-items:center;gap:12px}.bait-panel .icon{width:66px;height:66px;border-radius:9px;background:#00000059;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center}.bait-panel .name{font-family:var(--display);font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.bait-panel .qty{font-family:var(--display);font-size:16px;color:var(--muted);margin-top:4px}.bait-panel .desc{margin-top:12px;font-size:14px;line-height:1.4;color:#e4dcf4;white-space:pre-line}.quest-panel{width:262px;padding:14px 16px}.quest-panel h4{color:var(--gold)}.quest-panel .title{font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(90deg,#ffb13a,#ffd75a 40%,#d78aff);-webkit-background-clip:text;background-clip:text;color:transparent}.quest-panel .body{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:4px}.quest-panel .desc{font-size:14.5px;line-height:1.45;white-space:pre-line}.quest-panel .prog{font-family:var(--display);font-weight:700;font-size:18px;white-space:nowrap}.quest-panel.done{border-color:#ffd75a99;box-shadow:0 0 22px #ffd75a59}.quest-panel .reward{margin-top:8px;font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.minimap-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.minimap{position:relative;width:214px;height:214px;border-radius:50%;padding:9px;background:radial-gradient(circle at 35% 30%,#a8784a,#5a3a24 60%,#2a1a14);box-shadow:0 6px 22px #0009,inset 0 2px 3px #ffdcaa66}.minimap canvas{width:100%;height:100%;border-radius:50%;display:block;box-shadow:inset 0 0 16px #000000b3}.minimap .north{position:absolute;top:-4px;left:50%;transform:translate(-50%);font-family:var(--display);font-weight:800;font-size:15px;color:#fff4e0;text-shadow:0 1px 2px #000}.loc-plate{padding:6px 20px;font-size:17px;min-width:170px;text-align:center}.carousel{padding:8px 12px 12px;display:flex;flex-direction:column;align-items:center}.carousel .label{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.05em;color:#ff7aa8;margin-bottom:6px;background:linear-gradient(90deg,#ff6aa8,#ff9a5a);-webkit-background-clip:text;background-clip:text;color:transparent}.carousel .track{display:flex;align-items:center;gap:8px}.carousel .arrow{width:26px;height:60px;border:none;background:none;color:#e8dcff;font-size:26px;cursor:pointer;opacity:.8;font-family:var(--display)}.carousel .arrow:hover{opacity:1;color:var(--gold)}.slot{position:relative;width:86px;height:86px;border-radius:10px;background:linear-gradient(180deg,#281c3ce6,#120c1ef2);border:2px solid rgba(255,255,255,.08);display:grid;place-items:center;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.slot:hover{transform:translateY(-3px)}.slot.selected{border:3px solid var(--gold);box-shadow:0 0 16px #ffbe3c8c,inset 0 0 12px #ffbe3c2e}.slot.empty{opacity:.45;filter:grayscale(.7)}.slot .count{position:absolute;right:7px;bottom:3px;font-family:var(--display);font-weight:800;font-size:20px;text-shadow:0 2px 2px #000}.slot .key{position:absolute;left:6px;top:4px;font-family:var(--display);font-size:11px;color:var(--muted)}.br-stack{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.rod-panel{width:380px;padding:10px 18px 14px}.rod-panel h4{text-align:center;color:#ff7ad8;font-size:20px}.rod-panel .art{height:64px;margin:2px 0 4px}.rod-panel .lvl{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:18px}.xpbar{position:relative;flex:1;height:17px;border-radius:10px;background:#0000008c;border:1.5px solid rgba(255,255,255,.25);overflow:hidden}.xpbar .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7a2ee8,#b34bff);box-shadow:0 0 12px #b450ffcc;transition:width .6s cubic-bezier(.2,.9,.3,1.2)}.xpbar .txt{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:12.5px;font-weight:700;text-shadow:0 1px 2px #000}.wallet{display:flex;align-items:center;gap:10px}.coin-pill{display:flex;align-items:center;gap:10px;padding:6px 22px 6px 10px;border-radius:30px;font-family:var(--display);font-weight:800;font-size:26px;min-width:150px}.coin-pill.bump{animation:bump .4s}@keyframes bump{40%{transform:scale(1.15)}}.round-btn{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:1.5px solid var(--panel-border);background:var(--panel);box-shadow:0 4px 16px #00000080}.round-btn:hover{border-color:var(--gold)}.controls{padding:10px 14px;display:flex;flex-direction:column;gap:10px}.controls .c{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.glyph{display:inline-grid;place-items:center;min-width:26px;height:26px;font-family:var(--display);font-weight:800;font-size:14px}.glyph.pad{width:26px;border-radius:50%;background:#16101f;border:2px solid var(--c, #ddd);color:var(--c, #ddd)}.glyph.pad.pill{width:auto;padding:0 7px;border-radius:10px;color:#eee;border-color:#aaa;font-size:11px}.glyph.key{padding:0 7px;border-radius:6px;background:linear-gradient(#3a2a54,#1c1330);border:1.5px solid #8a78b0;border-bottom-width:3px;color:#fff;font-size:13px}.glyph.key.wide{font-size:11px}.glyph.mouse{min-width:20px}.world-prompt{position:absolute;left:0;top:0;padding:8px 6px;border:0;border-radius:0;background:none;box-shadow:none;color:#fff;font:800 15px/1.65 var(--body);text-shadow:1px 2px 0 #1b092d,0 0 3px #1b092d;transition:opacity .2s;white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 24px);cursor:pointer}.world-prompt.hidden{opacity:0;pointer-events:none}.toasts{position:absolute;top:110px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.toast{padding:9px 20px;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.03em;animation:toastIn .3s ease-out,toastOut .4s ease-in 2.6s forwards;white-space:nowrap}.toast.good{border-color:#9be85b99;color:#d8ffc0}.toast.warn{border-color:#ff4f8b99;color:#ffd0e4}.toast.rare{border-color:#ffd75ab3;color:var(--gold);box-shadow:0 0 20px #ffd75a66}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}.banner{position:absolute;top:22%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;animation:bannerIn .6s ease-out,toastOut .8s ease-in 2.8s forwards}.banner .small{font-family:var(--display);font-size:18px;letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 12px rgba(45,231,255,.8)}.banner .big{font-family:var(--display);font-weight:800;font-size:56px;letter-spacing:.05em;background:linear-gradient(180deg,#fff,#ffd75a 60%,#ff8a3a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%) scale(.8)}}.drowning-curtain{position:fixed;inset:0;z-index:100;background:transparent;pointer-events:auto;overflow:hidden;contain:layout paint}.drowning-curtain[hidden]{display:none}.drowning-lid{position:absolute;left:0;width:100%;height:80%;background:#000;backface-visibility:hidden}.drowning-lid.upper{top:-10%;clip-path:polygon(0 0,100% 0,100% 100%,90% 94%,80% 89%,70% 85%,60% 83%,50% 82%,40% 83%,30% 85%,20% 89%,10% 94%,0 100%)}.drowning-lid.lower{top:30%;clip-path:polygon(0 0,10% 6%,20% 11%,30% 15%,40% 17%,50% 18%,60% 17%,70% 15%,80% 11%,90% 6%,100% 0,100% 100%,0 100%)}.drowning-curtain:not([hidden]) .drowning-lid{will-change:transform}body.oxygen-recovery #ui,body.oxygen-recovery .mouse-capture-hint{visibility:hidden;pointer-events:none}.oxygen-hud{position:absolute;top:85px;right:22px;width:210px;pointer-events:none;color:#f9f4db;text-shadow:1px 2px #291444}#ui:has(>.overlay) .oxygen-hud{visibility:hidden}.oxygen-time{font:24px/1.2 var(--display);color:#68f3e7}.oxygen-bar{height:10px;margin:6px 0;border:2px solid #281440;border-radius:8px;background:#291444cc;overflow:hidden}.oxygen-fill{height:100%;background:#58e5dc}.oxygen-haul{font:12px/1.3 var(--display)}.low-air .oxygen-time{color:#ffab66}.low-air .oxygen-fill{background:#ff805c}.oxygen-intro{display:flex;gap:20px;align-items:center;margin-bottom:20px}.oxygen-concept{width:230px;max-width:38%;border-radius:14px;border:3px solid #58357e}.tank-duration{font:36px/1.3 var(--display);color:var(--cyan)}@media(max-width:600px){.oxygen-hud{top:82px;right:12px;width:160px}.oxygen-time{font-size:20px}.oxygen-haul{font-size:10px}.oxygen-intro{flex-direction:column}.oxygen-concept{width:180px;max-width:70%}}.fishing-hud{position:absolute;inset:0}.catch-ring{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%);pointer-events:none;--line-color:#5ae696;filter:drop-shadow(0 2px 3px #000c)}.catch-ring svg{width:100%;height:100%;overflow:visible}.first-catch-help{position:absolute;top:calc(50% + 90px);left:50%;transform:translate(-50%);width:min(660px,90vw);text-align:center;pointer-events:none;font-family:var(--display);line-height:1.25;text-shadow:2px 2px 0 #2b1248,-2px -2px 0 #2b1248,2px -2px 0 #2b1248,-2px 2px 0 #2b1248,0 4px 3px #160b29}.first-catch-reel{color:var(--gold);font-size:clamp(22px,3.2vw,36px)}.first-catch-steer{color:#fff3d3;font-size:clamp(17px,2.4vw,25px);margin-top:8px}.catch-track{fill:none;stroke:#161526ce;stroke-width:7;stroke-linecap:round}.catch-safe{fill:none;stroke:#5ae69688;stroke-width:7}.catch-center{fill:#10142144;stroke:#fff6;stroke-width:1;stroke-dasharray:3 3}.catch-cross{fill:none;stroke:#fff;stroke-width:1.5}.catch-needle{fill:var(--line-color);stroke:#fff;stroke-width:1.5}.catch-prey{position:absolute;left:50%;top:50%;width:9px;height:9px;border:1.5px solid #fff;border-radius:3px;background:#ffbe3c;box-shadow:0 0 7px #ffbe3c77}.catch-prey.controlled{background:#5ae696;box-shadow:0 0 7px #5ae69688}.catch-status{position:absolute;left:50%;top:91px;transform:translate(-50%);white-space:nowrap;font:800 11px/1.4 var(--body);letter-spacing:.04em;color:var(--line-color);text-shadow:0 1px 3px #000}.power{position:absolute;left:50%;bottom:190px;transform:translate(-50%) scale(var(--ui-scale));width:340px;padding:10px 14px;text-align:center}.power .bar{height:18px;border-radius:10px;background:#0000008c;border:1.5px solid rgba(255,255,255,.25);overflow:hidden;position:relative;margin-top:6px}.power .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2de7ff,#ffd75a,#ff4fcb)}.power .hint{font-size:13px;color:var(--muted);margin-top:6px}.tension{position:absolute;right:150px;top:50%;transform:translateY(-50%) scale(var(--ui-scale));transform-origin:right center;width:118px;padding:12px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:8px}.tension .meter{position:relative;width:38px;height:250px;border-radius:20px;background:#0009;border:2px solid rgba(255,255,255,.25);overflow:hidden}.tension .zone{position:absolute;left:0;right:0}.tension .z-slack{bottom:0;height:15%;background:repeating-linear-gradient(0deg,rgba(120,140,255,.35) 0 4px,transparent 4px 8px)}.tension .z-good{bottom:15%;height:60%;background:#5ae69640}.tension .z-high{bottom:75%;height:20%;background:repeating-linear-gradient(45deg,rgba(255,190,60,.45) 0 5px,transparent 5px 10px)}.tension .z-danger{bottom:95%;height:5%;background:repeating-linear-gradient(-45deg,#ff3c8ce6 0 4px,#0009 4px 8px)}.tension .needle{position:absolute;left:0;right:0;height:9px;border-radius:4px;background:#fff;border:2px solid #1a0a24;box-shadow:0 0 12px #fff,0 0 3px #000;transition:bottom .05s linear;z-index:2}.tension .meter{overflow:visible}.tension .meter .zone:first-child{border-radius:0 0 18px 18px}.tension .meter .z-danger{border-radius:18px 18px 0 0}.tension .zlabel{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.06em;display:flex;align-items:center;gap:5px}.tension .zlabel svg{width:18px;height:18px}.tension.shake{animation:shake .12s infinite}@keyframes shake{25%{transform:translate(-2px,calc(-50% + 1px)) scale(var(--ui-scale))}75%{transform:translate(2px,calc(-50% - 1px)) scale(var(--ui-scale))}}.tension .stam{width:100%}.tension .stam .t{font-size:11px;color:var(--muted);text-align:center;margin-bottom:3px;font-family:var(--display);letter-spacing:.08em}.tension .stam .bar{height:8px;border-radius:5px;background:#0009;overflow:hidden}.tension .stam .fill{height:100%;background:linear-gradient(90deg,#ff4fcb,#ffd75a)}.tension .dist{font-family:var(--display);font-weight:700;font-size:16px}.fight-tips{position:absolute;bottom:190px;left:50%;transform:translate(-50%) scale(var(--ui-scale));transform-origin:bottom center;padding:8px 18px;display:flex;gap:22px;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.04em;align-items:center;white-space:nowrap}.fight-tips .c{display:flex;gap:8px;align-items:center}.pull-arrow{position:absolute;top:44%;left:50%;font-family:var(--display);font-size:calc(34px * var(--ui-scale) + 8px);white-space:nowrap;font-weight:900;color:var(--pink);text-shadow:0 0 14px rgba(255,79,203,.9);transition:opacity .15s}.bite-alert{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%) scale(var(--ui-scale));text-align:center}.bite-alert .big{font-family:var(--display);font-weight:900;font-size:72px;letter-spacing:.06em;color:#fff;text-shadow:0 0 20px var(--pink),0 0 40px var(--pink),0 4px 0 #6a0f4a;animation:pulse .25s infinite alternate}.bite-alert .press{margin-top:6px;display:inline-flex;align-items:center;gap:10px;padding:8px 18px;font-family:var(--display);font-weight:800;font-size:22px}.bite-alert .ring{width:220px;height:8px;margin:10px auto 0;border-radius:5px;background:#00000080;overflow:hidden}.bite-alert .ring>div{height:100%;background:linear-gradient(90deg,#ffd75a,#ff4fcb)}@keyframes pulse{to{transform:scale(1.08)}}.nibble{position:absolute;top:34%;left:50%;transform:translate(-50%);font-family:var(--display);font-size:22px;font-weight:700;color:var(--cyan);text-shadow:0 0 10px rgba(45,231,255,.8);letter-spacing:.05em}.spear-reticle{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;color:#ffffffd9;filter:drop-shadow(0 0 4px rgba(0,0,0,.8));transition:color .12s,transform .12s;pointer-events:none}.spear-reticle.locked{color:var(--cyan);transform:scale(.8);filter:drop-shadow(0 0 8px rgba(45,231,255,.9))}.first-person-sight{position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 3px #000;pointer-events:none}.spear-first-person .first-person-sight{display:none}.mouse-capture-hint{position:fixed;left:50%;bottom:90px;transform:translate(-50%);z-index:40;padding:9px 16px;border:1px solid #a4dbc7;border-radius:9px;background:#151a2de8;color:#ecfff7;font:800 12px var(--body);pointer-events:none;white-space:nowrap}.mouse-capture-hint[hidden]{display:none}.fish-msg{position:absolute;top:20%;left:50%;transform:translate(-50%) rotate(-2deg);width:max-content;max-width:calc(100vw - 36px);text-align:center;pointer-events:none}.fish-msg-title{display:block;font:400 clamp(24px,3.5vw,42px)/1.08 var(--display);letter-spacing:.025em;color:#fff1a8;-webkit-text-stroke:1px #542149;paint-order:stroke fill;text-shadow:2px 3px 0 #542149,3px 5px 0 #bd3b8c,0 0 18px #d83dbb66}.fish-msg-detail{display:block;margin:10px auto 0;padding:8px 16px;width:fit-content;max-width:100%;border:1px solid #c385df88;border-radius:14px 6px;background:#26133be8;box-shadow:0 3px #10091d88;font:800 clamp(13px,1.3vw,17px)/1.4 var(--body);color:#f0e4ff;white-space:pre-line;text-shadow:0 1px 2px #160b25}.fish-msg-detail:empty{display:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#24113fb8,#080312e6);pointer-events:auto;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}}.screen{width:min(980px,94vw);max-height:88vh;padding:20px 24px;display:flex;flex-direction:column;transform:scale(min(var(--ui-scale),1.1))}.screen .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.screen .head h2{margin:0;font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(90deg,#ffd75a,#ff8ad8);-webkit-background-clip:text;background-clip:text;color:transparent}.screen .content{overflow:auto;padding-right:6px}.screen .content::-webkit-scrollbar{width:8px}.screen .content::-webkit-scrollbar-thumb{background:#4a2a7a;border-radius:4px}.tabs{display:flex;gap:8px}.tab{padding:8px 16px;border-radius:22px;border:1.5px solid var(--panel-border);background:#0000004d;color:var(--muted);font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.05em;cursor:pointer;text-transform:uppercase}.tab.on{color:#1a0a24;background:linear-gradient(90deg,#ffd75a,#ff9ae4);border-color:transparent}.btn{padding:10px 18px;border-radius:10px;border:1.5px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#4a2a7a,#2a1648);color:#fff;font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:.05em;cursor:pointer;text-transform:uppercase}.btn:hover:not(:disabled),.btn.focus{border-color:var(--gold);box-shadow:0 0 12px #ffd75a66}.btn.primary{background:linear-gradient(180deg,#ff6ad0,#b8238e)}.btn.gold{background:linear-gradient(180deg,#ffd75a,#e08a1a);color:#2a1400}.btn:disabled{opacity:.45;cursor:not-allowed}.close-x{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--panel-border);background:#0000004d;color:#fff;font-size:20px;cursor:pointer}.grid{display:grid;gap:12px}.card{padding:12px;border-radius:12px;background:#00000047;border:1.5px solid rgba(255,255,255,.08)}.card.focus{border-color:var(--gold);box-shadow:0 0 14px #ffd75a59}.card h5{margin:0 0 4px;font-family:var(--display);font-size:18px;letter-spacing:.04em;text-transform:uppercase}.muted{color:var(--muted);font-size:13px}.rarity{display:inline-block;padding:2px 9px;border-radius:10px;font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid currentColor}.stat-row{display:flex;justify-content:space-between;font-size:13.5px;padding:2px 0}.stat-row b{font-family:var(--display);letter-spacing:.03em}.statbar{height:6px;border-radius:3px;background:#00000080;margin:2px 0 6px;overflow:hidden}.statbar>div{height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}.statbar>div.up{background:linear-gradient(90deg,#9be85b,#ffd75a)}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.codex-card{text-align:center}.codex-card .thumb{height:96px;display:grid;place-items:center}.codex-card .thumb img{max-width:100%;max-height:96px}.codex-card.unknown h5{color:#6d5a8a}.codex-detail{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}.codex-detail .big-thumb{height:200px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,rgba(60,141,255,.25),transparent 70%)}@keyframes pop{0%{transform:scale(.6);opacity:0}}.badge{padding:3px 12px;border-radius:12px;font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.1em;background:linear-gradient(90deg,#ffd75a,#ff8a3a);color:#2a1200}.map-screen{width:min(1100px,96vw)}.map-screen canvas{width:100%;aspect-ratio:1.45;border-radius:12px;display:block;border:2px solid rgba(255,255,255,.12)}.map-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--muted)}.map-legend span{display:inline-flex;gap:6px;align-items:center}.map-legend i{width:12px;height:12px;border-radius:50%;display:inline-block}.wheel{position:absolute;left:50%;top:50%;width:380px;height:380px;transform:translate(-50%,-50%) scale(var(--ui-scale))}.wheel .hub{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;text-align:center;padding:12px}.wheel .hub .n{font-family:var(--display);font-weight:800;font-size:18px;text-transform:uppercase}.wheel .opt{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:transform .12s}.wheel .opt.sel{transform:scale(1.14);border-color:var(--gold);box-shadow:0 0 20px #ffd75a99}.wheel .opt .count{position:absolute;bottom:4px;right:12px;font-family:var(--display);font-weight:800;font-size:17px;text-shadow:0 1px 2px #000}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}.setting{display:flex;flex-direction:column;gap:4px}.setting label{font-family:var(--display);font-size:15px;letter-spacing:.05em;text-transform:uppercase;display:flex;justify-content:space-between}.setting input[type=range]{width:100%;accent-color:#ff4fcb}.setting select{background:#1a1128;color:#fff;border:1px solid #4a3a6a;border-radius:6px;padding:6px;font-family:var(--display);pointer-events:auto}.keys-help{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 12px;align-items:center;font-size:14px}.loading{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#6a2270,#2a1050 45%,#0b0418);transition:opacity .8s}.loading.fade{opacity:0;pointer-events:none}.loading .inner{text-align:center;width:min(560px,90vw)}.loading .logo{font-family:var(--display);font-weight:900;font-size:clamp(42px,8vw,84px);letter-spacing:.04em;line-height:.95;background:linear-gradient(180deg,#fff 10%,#ffd75a 55%,#ff6a3a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(255,79,203,.5))}.loading .sub{font-family:var(--display);font-weight:700;font-size:clamp(18px,3vw,28px);letter-spacing:.35em;color:var(--cyan);text-shadow:0 0 14px rgba(45,231,255,.8);margin-top:6px}.loading .status{margin-top:36px;font-family:var(--display);letter-spacing:.12em;font-size:16px;color:#e8dcff;min-height:22px}.loading .bar{margin:12px auto 0;height:10px;width:100%;border-radius:6px;background:#00000080;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.loading .bar>div{height:100%;width:0;background:linear-gradient(90deg,#2de7ff,#ff4fcb,#ffd75a);transition:width .25s}.loading .start{margin-top:30px;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.12em;animation:blink 1.2s infinite;cursor:pointer}.loading .welcome{font-family:var(--display);font-weight:800;font-size:clamp(22px,4vw,34px);letter-spacing:.12em;color:var(--gold);margin-top:26px}.loading .tips{margin-top:18px;color:var(--muted);font-size:14px;line-height:1.6}@keyframes blink{50%{opacity:.4}}.loading .planet{width:120px;height:120px;margin:0 auto 18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c07bff,#6b3cc4 55%,#2a1060);position:relative;box-shadow:0 0 40px #c07bff80}.loading .planet:after{content:"";position:absolute;left:-40px;right:-40px;top:48%;height:18px;border-radius:50%;border:5px solid rgba(220,140,255,.7);transform:rotate(-14deg)}.error-box{max-width:560px;padding:24px;text-align:left}.error-box pre{white-space:pre-wrap;font-size:12px;color:#ffb0d0}.hud.minimal .corner:not(.mini){display:none}.hud:not(.minimal) .corner.mini{display:none}.corner.mini{--mini-scale: max(var(--ui-scale), .85)}.corner.mtl{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));transform:scale(var(--mini-scale));transform-origin:top left;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hud-controls{color:#e9fff1;font:800 13px/1.65 var(--body);text-shadow:1px 2px 0 #1b092d,0 0 3px #1b092d}.hud-controls b{color:#ffe38a;font-family:var(--display);letter-spacing:.02em}.join-leaderboard{position:absolute;left:50%;top:calc(14px + env(safe-area-inset-top,0px));translate:-50% 0;display:grid;gap:2px;padding:8px 22px;border:3px solid #25113d;border-radius:18px 7px;background:#7431ad;color:#ffe36d;box-shadow:3px 4px #25113d;font:24px/1.1 var(--display);cursor:pointer;animation:joinCallout 1.8s ease-in-out infinite}.join-leaderboard .join-kicker{color:#a7f9f0;font:800 10px var(--body);letter-spacing:.11em}.join-leaderboard:before,.join-leaderboard:after{content:"✦";position:absolute;top:8px;left:-16px;color:#ff79cf;font-size:28px;text-shadow:2px 2px #25113d}.join-leaderboard:after{inset:auto -15px 0 auto;color:#9ce770;font-size:22px}.join-leaderboard[hidden]{display:none}.join-leaderboard:hover{background:#8c39c5}.join-leaderboard:focus-visible{outline:3px solid #a7f9f0;outline-offset:4px}@keyframes joinCallout{0%,to{opacity:1;transform:rotate(-2deg)}50%{opacity:.58;transform:rotate(1deg) translateY(2px)}}@media(prefers-reduced-motion:reduce){.join-leaderboard{animation:none}}#ui:has(>.overlay) .join-leaderboard,#ui:has(>.overlay) .hud-controls{visibility:hidden}.dive-hud{position:fixed;inset:0;pointer-events:none;z-index:2}.dive-hud[hidden]{display:none}.dive-stick{display:none;position:absolute;left:24px;bottom:90px;width:104px;height:104px;border-radius:50%;border:2px solid #8cc7cd88;background:#09233355;pointer-events:auto;touch-action:none;place-items:center}.dive-stick span{width:34px;height:34px;border-radius:50%;background:#82d4ca80}@media(pointer:coarse){.dive-stick{display:grid}}body.is-touch .dive-stick{display:grid}@media(max-width:700px){.corner.mtl{top:calc(80px + env(safe-area-inset-top,0px))}.hud-controls{font-size:12px;line-height:1.6}.join-leaderboard{max-width:194px;padding:7px 10px;font-size:18px}.join-leaderboard .join-kicker{font-size:9px;letter-spacing:.06em}}.corner.mtr{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));transform:scale(var(--mini-scale));transform-origin:top right}.mini-status{display:flex;align-items:center;gap:14px;padding:6px 14px 6px 8px;border-radius:24px;font-family:var(--display);font-weight:800}.mini-coin{display:flex;align-items:center;gap:6px;font-size:20px}.mini-lvl{display:flex;align-items:center;gap:8px;font-size:15px;color:#c890ff}.mini-xp{width:70px;height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.mini-xp .fill{height:100%;background:linear-gradient(90deg,#9b5aff,#ff4fcb)}.mini-quest{display:flex;gap:10px;align-items:center;padding:5px 14px;border-radius:18px;font-family:var(--display);font-size:13px;letter-spacing:.05em;color:var(--text);cursor:pointer}.mini-quest b{color:var(--gold);font-weight:800}.mini-actions{display:flex;gap:8px}.round-btn.mini-btn{width:46px;height:46px;position:relative;color:#fff;padding:0}.mini-btn.hidden{display:none}.mini-btn .badge{position:absolute;right:-4px;bottom:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:var(--pink);color:#fff;font:800 12px var(--display);display:grid;place-items:center}body:not(.hud-full) .power,body:not(.hud-full) .fight-tips{bottom:calc(28px + env(safe-area-inset-bottom,0px))}body:not(.hud-full) .tension{right:calc(24px + env(safe-area-inset-right,0px))}body.is-touch .tension{transform:translateY(-50%) scale(max(var(--ui-scale),.8))}body.is-touch .power,body.is-touch .fight-tips{transform:translate(-50%) scale(max(var(--ui-scale),.8))}@media(max-height:560px),(max-width:760px){.corner.rm{display:none}.toasts{top:70px}.bite-alert .big{font-size:52px}}@media(max-height:500px){.tension{top:60%}.screen{max-height:94vh}}@media(max-width:700px){.corner.mtr{top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));right:50%;transform:translate(50%) scale(var(--mini-scale));transform-origin:bottom center}body:not(.hud-full) .power,body:not(.hud-full) .fight-tips{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.fight-tips{flex-wrap:wrap;justify-content:center;white-space:normal;gap:8px 16px;width:max-content;max-width:92vw}.toasts{top:96px;width:92vw}.toast{white-space:normal;text-align:center;font-size:15px;padding:7px 14px}.screen{width:96vw;max-height:92vh;padding:14px;transform:none}.screen .head{flex-wrap:wrap}.screen .head h2{font-size:24px}.screen .grid{grid-template-columns:1fr!important}.banner .big{font-size:38px}.fish-msg{font-size:26px}}.corner.money-corner{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));transform:scale(var(--mini-scale));transform-origin:top right}.hud:not(.minimal) .corner.money-corner{display:block}.corner.mtr{top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px))}.leaderboard-screen{width:min(700px,94vw)}.leaderboard-intro{font:24px var(--display);color:var(--cyan)}.nickname-form{display:grid;gap:12px;margin:20px 0}.nickname-form label{font-weight:800}.nickname-form input{width:100%;padding:12px;border:2px solid #a97add;border-radius:10px;background:#160c27;color:#fff;font:800 18px var(--body);user-select:text}.leaderboard-table{width:100%;margin-top:18px;border-collapse:collapse;text-align:left}.leaderboard-table th,.leaderboard-table td{padding:11px 8px;border-bottom:1px solid #ae88cf44;overflow-wrap:anywhere}.leaderboard-table th:last-child,.leaderboard-table td:last-child{text-align:right}.leaderboard-table .is-me{background:#5ae69622;color:#a5f6c6}.leaderboard-me{margin:14px 0;font-weight:800;color:var(--cyan)}.leaderboard-error{color:#ffb6cf}.leaderboard-screen .muted{color:var(--muted);font-size:13px}@media(max-width:700px){.leaderboard-table{font-size:13px}.leaderboard-screen .head{gap:8px}}.landscape-prompt{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:#24113f;color:#fff4dc;text-align:center}.landscape-prompt[hidden]{display:none}.landscape-card{width:min(380px,100%)}.landscape-card svg{display:block;width:150px;height:140px;margin:0 auto 12px}.landscape-card h2{font:400 clamp(28px,7vw,40px)/1.1 var(--display);color:#9be85b;text-shadow:0 4px 0 #10091d;margin:12px 0}.landscape-card p{font:800 16px/1.5 var(--body);margin:18px 0 28px}.landscape-card .btn{font-size:14px}.rotate-phone{transform-origin:61px 61px;animation:rotate-phone-hint 2.8s ease-in-out infinite}@keyframes rotate-phone-hint{0%,15%,to{transform:rotate(0)}45%,75%{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}.craft-art{height:150px;margin:10px 0;border:2px solid #654781;border-radius:12px;background:#21132f;display:grid;place-items:center}.craft-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 #10091d)}.oxygen-dive-warning{position:absolute;top:25%;left:50%;width:max-content;max-width:92vw;transform:translate(-50%);text-align:center;pointer-events:none;color:#ff575f;animation:oxygen-warning-shake 1.3s infinite}.oxygen-dive-warning[hidden],#ui:has(>.overlay) .oxygen-dive-warning{display:none}.oxygen-dive-warning strong{display:block;font:400 clamp(22px,3.5vw,36px)/1.15 var(--display);-webkit-text-stroke:4px #24113f;paint-order:stroke fill;text-shadow:0 3px 0 #24113f}.oxygen-dive-warning span{display:block;margin-top:5px;font:900 12px/1.3 var(--body);color:#fff4dc;text-shadow:1px 2px 0 #24113f}@keyframes oxygen-warning-shake{0%,30%,to{transform:translate(-50%) rotate(-2deg)}5%,15%,25%{transform:translate(calc(-50% - 4px)) rotate(-3deg)}10%,20%{transform:translate(calc(-50% + 4px)) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.oxygen-dive-warning{animation:none}}.catch-ring{--line-color:#9be85b;filter:drop-shadow(0 3px 0 #160b29)}.catch-ink{fill:none;stroke:#24113f;stroke-width:14;stroke-linecap:round}.catch-track{stroke:#80609f;stroke-width:8}.catch-safe{stroke:#9be85b;stroke-width:8;stroke-linecap:butt}.catch-high,.catch-danger{fill:none;stroke-width:8;stroke-linecap:butt}.catch-high{stroke:#ff884e}.catch-danger{stroke:#ff4f8f}.catch-center{fill:#24113f70;stroke:#fff4dc;stroke-width:2;stroke-dasharray:5 4}.catch-cross{stroke:#fff4dc;stroke-width:2.5;stroke-linecap:round}.catch-needle{fill:#fff4dc;stroke:#24113f;stroke-width:2.5}.catch-prey,.catch-prey.controlled{width:17px;height:14px;border:0;border-radius:0;background:none;box-shadow:none;color:#ff884e;filter:drop-shadow(0 2px 0 #160b29)}.catch-prey.controlled{color:#9be85b}.catch-status{left:calc(100% + 6px);top:50%;transform:translateY(-50%) rotate(-3deg);text-align:left;letter-spacing:.015em;text-shadow:2px 2px 0 #24113f}.catch-callout{display:block;font:400 19px/1.1 var(--display);color:var(--line-color);-webkit-text-stroke:3px #24113f;paint-order:stroke fill}.catch-distance{display:block;margin-top:5px;font:900 11px/1.2 var(--body);color:#fff4dc}.first-catch-help{color:#fff4dc;text-shadow:2px 3px 0 #24113f}.first-catch-reel,.first-catch-steer{-webkit-text-stroke:4px #24113f;paint-order:stroke fill}.first-catch-reel{color:#9be85b}.first-catch-steer{color:#fff4dc}@media(max-width:600px){.catch-status{left:calc(100% + 1px)}.catch-callout{font-size:15px}.catch-distance{font-size:10px}}:root{--gold: #ff884e;--pink: #a6e759;--panel: rgba(30, 17, 54, .95);--panel-border: #8862aa;--muted: #c8b6df}.art-icon{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0;pointer-events:none;filter:drop-shadow(0 3px 2px #10051b80)}.equipment-art{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.equipment-art .art-icon{width:auto;height:100%;max-width:100%}.panel{border:2px solid #79568f;background:radial-gradient(ellipse at 10% 0%,#70428a30,transparent 60%),linear-gradient(145deg,#302045f5,#1a102af5);box-shadow:0 5px #10091d,0 9px 26px #09041370,inset 0 2px #d6a7f336,inset 0 0 0 3px #1a102c;border-radius:15px}.overlay{background:#10071d96;backdrop-filter:blur(7px)}.screen{border-color:#8861c7;border-width:3px;padding:24px 28px;position:relative}.screen .head{border-bottom:1px solid #4de7df44;padding-bottom:16px;margin-bottom:18px}.screen .head h2{text-shadow:0 3px 0 #241136;letter-spacing:.025em;background:none;color:#7ef1ee}.screen .head h2 .art-icon{margin-right:10px}.card{border:1px solid #85609870;border-radius:14px;padding:16px;background:radial-gradient(ellipse at top,#a25ac31b,transparent 80%),#140c23a8;box-shadow:inset 0 1px #eac6ff16}.card h5{color:#f4d3fa}.card:has(.art-icon){transition:border-color .16s,background .16s}.card:has(.art-icon):hover{border-color:#ac80c8;background-color:#29143b}.btn{min-height:48px;border:2px solid #a987cf;border-radius:13px;padding:10px 24px;background:linear-gradient(#795197,#47275f 55%,#352044);box-shadow:inset 0 2px #e3b4fa66,0 4px #140b20,0 6px 12px #10071d55;text-shadow:0 2px 1px #2a113c;transition:transform .14s,filter .14s,box-shadow .14s}.btn.primary,.btn.gold{border:0;min-width:180px;padding:15px 38px;background:url(./button-space-BhLQtZJs.webp) center / 100% 100% no-repeat;color:#18253e;text-shadow:none;box-shadow:none}.btn.primary{color:#35143d}.btn:hover:not(:disabled),.btn.focus{transform:translateY(-2px);filter:brightness(1.14)}.btn:active:not(:disabled){transform:translateY(2px)}button:focus-visible,[data-focus].focus{outline:2px solid #6cf1ff;outline-offset:4px}.tab{background:linear-gradient(#49325e,#28193c);border-color:#906b9f;border-radius:10px;box-shadow:inset 0 1px #e4b9ff33,0 3px #10081c;padding:10px 16px}.tab.on{background:linear-gradient(#86f5ea,#38c7ce);color:#321735;border-color:#adfff2}.close-x{color:#85e9e8;border:1px solid #aa7ca1;background:#4d2c56;border-radius:50%;width:36px;height:36px;box-shadow:inset 0 2px #d8a5c844,0 3px #10071d;cursor:pointer}.mini-status{border-color:#8965c1;padding:8px 17px 8px 10px}.mini-coin .art-icon{width:32px;height:32px}.mini-quest{padding:5px 14px 5px 6px;border-color:#6e62a2;gap:8px}.mini-actions{gap:10px;padding:7px 9px 10px;border:1px solid #56cfdb70;border-radius:20px;background:#1d102cbb;box-shadow:0 5px 15px #11071b70}.round-btn.mini-btn{width:52px;height:52px;border:2px solid #8a63bf;border-radius:15px;background:radial-gradient(ellipse at 40% 10%,#79528d,#382046 75%);box-shadow:inset 0 2px #edc5ff44,0 4px #11081e;transition:transform .14s,border-color .14s}.mini-btn>.art-icon{width:39px;height:39px}.mini-btn:hover{border-color:#9ced73;transform:translateY(-3px)}.mini-btn:after{content:attr(data-label);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);padding:5px 9px;background:#20112df5;border:1px solid #60d9e1;border-radius:7px;font:700 12px var(--body);opacity:0;pointer-events:none;white-space:nowrap}.mini-btn:hover:after,.mini-btn:focus-visible:after{opacity:1}.slot{border-radius:14px;background:radial-gradient(ellipse at center,#78429455,#1c102d);border-color:#7d5c96}.slot.selected{border-color:#9ced73;box-shadow:0 0 0 2px #403064,0 0 20px #4ee6e530,inset 0 0 18px #4ee6e516}.catch-screen{border:3px solid #966be1;background:radial-gradient(ellipse at 50% 30%,#67338c77,transparent 65%),linear-gradient(#302045f5,#1a102af5)}.catch-screen .kicker:before{content:"";display:block;width:64px;height:64px;margin:-8px auto 2px;background:url(./trophy-cJ4anlGO.webp) center / contain no-repeat}.wheel .opt{border-color:#a47b94;background:radial-gradient(circle at 40% 25%,#69487b,#281437 80%)}.wheel .opt.sel{border-color:#77eee6}.statbar,.mini-xp{border:1px solid #aa7fbe55;background:#10071c}.statbar>div,.mini-xp .fill{background:linear-gradient(#dba0ff,#9b55cf 45%,#7439ac)}.loading{background:#24113f url(./funky-pond-space-BoxPIqOM.webp) center / cover no-repeat;isolation:isolate}.loading:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14092490,#21113c44 44%,transparent 75%),linear-gradient(0deg,#11071fbb,transparent 35%)}.loading .inner{position:absolute;left:9%;top:50%;transform:translateY(-50%);width:min(510px,42vw);padding:20px 0}.title-eyebrow{font:700 10px var(--body);color:#b5f381;letter-spacing:.28em;margin-bottom:4px;text-shadow:0 2px 5px #120826}.title-logo{width:100%;height:auto;display:block;filter:drop-shadow(0 9px 22px #12052188)}.title-caption{color:#e0d3ed;font-size:15px;text-shadow:0 2px 6px #150a24;margin:2px 0 20px}.loading .welcome{font-size:12px;letter-spacing:.23em;color:#90e8e3;margin-top:22px;text-shadow:0 2px 5px #140922}.loading .start{width:min(345px,95%);min-height:74px;margin-top:12px;font-size:20px;letter-spacing:.06em;animation:none}.loading .start-hint{font-size:10px;color:#cfbedb;margin-top:12px;letter-spacing:.05em}.loading .tips{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;font-size:11px;color:#e7d8f0;margin-top:32px;text-shadow:0 2px 4px #160c27}.loading .tips span{display:flex;align-items:center;gap:6px}kbd{font:700 10px var(--body);padding:4px 6px;border-radius:5px;border:1px solid #d4bcf077;background:#231335aa;box-shadow:0 2px #12081e}.loading .status{font-size:12px;letter-spacing:.12em;margin-top:26px}.loading .bar{height:9px;max-width:320px;border-color:#6af3e466;box-shadow:0 2px 8px #150721}.loading .bar>div{background:linear-gradient(90deg,#974bc9,#65e5f7,#cffaff)}.loading .error-box{max-height:70vh;overflow:auto}.title-character{position:absolute;right:4%;bottom:5%;width:40%;height:87%;pointer-events:none}.title-character:before{content:"";position:absolute;bottom:1%;left:20%;width:60%;height:5%;border-radius:50%;background:#170d2b99;filter:blur(12px)}.title-character canvas{position:relative;width:100%;height:100%;display:block}@media(max-width:900px){.loading .inner{left:4%;width:48vw}.title-eyebrow{font-size:9px;letter-spacing:.12em}}@media(max-width:700px){.title-character{width:72%;height:47%;right:14%;bottom:auto;top:-1%}.loading{background-position:65% center}.loading:before{background:linear-gradient(0deg,#150823ed,#21113c88 60%,#21113c44)}.loading .inner{left:7%;top:auto;bottom:3%;transform:none;width:86%}.loading .title-logo{max-width:280px}.loading .welcome{margin-top:12px}.loading .title-caption{margin-bottom:10px}.title-logo{max-width:380px;margin:auto}.title-caption{font-size:13px}.loading .tips{margin-top:20px;gap:10px}.mini-actions{gap:7px;padding:6px 8px 9px}.round-btn.mini-btn{width:46px;height:46px}.mini-btn>.art-icon{width:35px;height:35px}.mini-btn:after{top:auto;bottom:calc(100% + 10px)}.screen{padding:16px}.screen .head h2 .art-icon{width:32px;height:32px}}@media(max-height:560px)and (min-width:701px){.loading .inner{width:min(380px,42vw);padding:0}.title-logo{max-height:200px;object-fit:contain}.loading .welcome,.loading .tips{margin-top:12px}.loading .start{min-height:60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.spear-controls{position:absolute;right:28px;bottom:34px;display:flex;gap:12px;pointer-events:auto;z-index:12}.spear-controls button{display:flex;align-items:center;gap:9px;border:2px solid #7653a4;border-radius:14px;padding:12px 17px;background:linear-gradient(#55367a,#2d1b48);box-shadow:0 5px #130c25;color:#f4eaff;font:800 14px system-ui;cursor:pointer;touch-action:manipulation}.spear-controls button[aria-pressed=true]{border-color:#75edeb;color:#8dfff2}.spear-controls .spear-fire{border-color:#ffb16a;background:linear-gradient(#a94c34,#662d42)}.spear-controls button:disabled{opacity:.45;cursor:default}.spear-controls kbd{font-size:10px;opacity:.65}.spear-controls svg,.spear-controls img{width:28px;height:28px;object-fit:contain}@media(max-width:700px){.spear-controls{right:16px;bottom:max(26px,env(safe-area-inset-bottom));gap:8px}.spear-controls button{padding:13px 14px}.spear-controls kbd{display:none}}.spear-controls.hidden,.spear-controls button.hidden{display:none}@media(max-width:700px){.spear-first-person .mini-actions{display:none}}