:root{--ink:#1a1024;--panel:#1a1024cc;--panel-raised:#2a1d3a;--panel-well:#24182f;--line:#4a3560;--scrim:#1a10248c;--text:#fff;--text-dim:#c9bfd6;--text-muted:#8a8494;--kitty:#ff3f9e;--kitty-soft:#ffb3d6;--kitty-shadow:#c02478;--hurt:#ff2a3a;--damage:#ff5a2a;--heal:#4dff8a;--gold:#ffd54a;--gold-soft:#fff2a8;--gold-shadow:#b8862a;--telegraph:#ffe14a;--shield:#bff4ff;--enrage:#c0102a;--xp:#9d5bff;--stamina:#c6ff3d;--wave:#ff8a5c;--cream:#fff4e0;--storm:#5a6478;--disabled:#3a3046;--map-accent:#ff8a5c;--font-display:"Baloo 2", "Nunito", system-ui, sans-serif;--font-ui:"Nunito", system-ui, sans-serif;--radius-hud:18px;--radius-menu:22px;--radius-chip:10px;--outline:3px;--outline-hud-text:2px;--gap:8px;--margin:24px;--margin-phone:12px;--touch-min:48px;--ui-scale:clamp(.75, min(100vw / 1920px, 100vh / 1080px), 1.5);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--ease-snap:cubic-bezier(.2,.8,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--t-fast:.1s;--t-hud:.16s;--t-menu:.22s;--t-celebrate:.6s;--shadow-brand:3px 3px 0 #ff3f9e99;--shadow-neutral:3px 3px 0 #1a1024;--focus-ring:0 0 0 3px #1a1024, 0 0 0 6px #ffd54a}.screen.title.menu2{background:linear-gradient(#1a0c268c 0%,#0000 22% 62%,#1a0c26d9 100%)}.title-ui.menu2{width:auto;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;border-radius:0;grid-template-rows:auto auto 1fr auto;gap:0;padding:12px 24px 30px;animation:.6s both fadeIn;display:grid;position:absolute;inset:0;overflow:hidden;transform:none}.title-ui.menu2>*{pointer-events:auto}.title-ui.menu2.hidden{display:none}.menu-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.menu-brand{flex-direction:column;gap:6px;max-width:min(360px,30vw);display:flex}.menu2 .logo{align-self:flex-start;max-height:17vh}.menu2 .tag{text-align:left;color:#fff;background:#14081e99;border-radius:10px;padding:5px 10px;font-size:13px}.hud-chips{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.hud-chip{font:inherit;color:var(--text);background:#14081eb8;border:2px solid #ffdc5e73;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:17px;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #00000059}.hud-chip.best b{color:var(--gold)}.hud-chip.player{cursor:pointer;color:var(--cyan);border-color:#49dde88c}.hud-chip.player:hover{background:#49dde82e}.hud-chips .coin-chip{background:#14081eb8;padding:6px 14px 6px 10px;font-size:17px}.beach-strip{flex-direction:column;align-items:center;gap:3px;margin-top:-34px;display:flex}.beach-strip .label{letter-spacing:.22em;color:var(--pink-soft);text-shadow:0 2px 0 var(--ink);margin:0;font-size:12px}.beach-strip .label:before,.beach-strip .label:after{content:" 🐾 "}.beach-row{scrollbar-width:none;justify-content:center;gap:10px;max-width:100%;padding:4px 2px 6px;display:flex;overflow-x:auto}.beach-card{aspect-ratio:16/9;cursor:pointer;width:clamp(112px,10.5vw,150px);font:inherit;color:var(--text);text-align:center;background:#2a1538 50%/cover no-repeat;border:2px solid #ffffff40;border-radius:12px;flex:none;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000073}.beach-card:hover{border-color:#fff9;transform:translateY(-3px)}.beach-card.sel{border-color:var(--gold);box-shadow:0 0 18px #ffdc5e99,0 6px 16px #00000073}.beach-card.locked{cursor:default;filter:saturate(.5)brightness(.75)}.beach-card .bc-name{text-shadow:0 2px 0 var(--ink);background:linear-gradient(#0000,#14081e8c 30%,#14081ef2);padding:4px 4px 5px;font-size:13px;font-weight:800;line-height:1.1;position:absolute;bottom:0;left:0;right:0}.beach-card .bc-lock{color:var(--gold);font-size:10px;font-weight:800;display:block}.beach-card .bc-blurb{color:var(--muted);font-size:10px;font-weight:700;display:block}.beach-card.sel .bc-name{color:var(--gold)}.menu-mid{pointer-events:none!important}.action-bar{background:linear-gradient(#281038e6,#180a22f0);border:2px solid #ff4fa88c;border-radius:28px;justify-self:center;align-items:flex-end;gap:14px;padding:14px 26px 10px;display:flex;box-shadow:0 0 36px #ff4fa847,inset 0 1px #ffffff14}.round{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;transition:transform .12s;display:flex}.round i{color:#fff;border:3px solid var(--ink);width:76px;height:76px;box-shadow:0 5px 0 var(--ink), 0 0 18px var(--glow,#ff4fa880);background:var(--grad,linear-gradient(180deg, #ff9bcb, #ff4fa8));border-radius:50%;place-items:center;font-size:30px;font-style:normal;display:grid}.round span{letter-spacing:.04em;text-shadow:0 2px 0 var(--ink);font-size:13px;font-weight:800}.round span small{color:var(--gold);font-size:10px;display:block}.round:hover{transform:translateY(-4px)}.round:hover i{box-shadow:0 7px 0 var(--ink), 0 0 28px var(--glow,#ff4fa8cc)}.round.friends{--grad:linear-gradient(180deg, #8ff0ff, #28b9d6);--glow:#49dde88c;transform:translateY(-22px)}.round.pvp{--grad:linear-gradient(180deg, #ff8f8f, #e0335a);--glow:#ff5a788c;transform:translateY(-12px)}.round.wardrobe{--grad:linear-gradient(180deg, #d59bff, #8a3ae8);--glow:#a05aff8c;transform:translateY(-4px)}.round.shop{--grad:linear-gradient(180deg, #ffe58a, #e8a81f);--glow:#ffdc5e8c;transform:translateY(-4px)}.round.achv{--grad:linear-gradient(180deg, #ffa3d0, #ff4fa8);--glow:#ff4fa88c;transform:translateY(-12px)}.round.settings{--grad:linear-gradient(180deg, #8ff0ff, #28b9d6);--glow:#49dde88c;transform:translateY(-22px)}.round.friends:hover,.round.settings:hover{transform:translateY(-26px)}.round.pvp:hover,.round.achv:hover{transform:translateY(-16px)}.round.wardrobe:hover,.round.shop:hover{transform:translateY(-8px)}.action-bar .btn.play{letter-spacing:.08em;border:4px solid var(--gold);width:150px;height:150px;box-shadow:0 8px 0 var(--ink), 0 0 40px #ff4fa8b3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;margin:0 8px;padding:0;font-size:34px;animation:2.4s ease-in-out infinite playPulse;display:flex}.action-bar .btn.play small{letter-spacing:.2em;margin:0;font-size:11px}@keyframes playPulse{50%{box-shadow:0 8px 0 var(--ink), 0 0 60px #ff4fa8}}.player-pop{z-index:3;background:linear-gradient(#281038f5,#180a22f7);border:2px solid #49dde88c;border-radius:18px;width:min(360px,90vw);padding:14px 16px;position:absolute;top:72px;right:24px;box-shadow:0 10px 40px #00000080}.player-pop.hidden{display:none}.screen.menu2 .controls{opacity:.75;background:0 0;padding:4px 12px;font-size:11px;bottom:0}.screen.menu2 .title-hint{display:none}@media (width<=820px){.screen.title.menu2{overflow-y:auto}.title-ui.menu2{flex-direction:column;gap:10px;min-height:100vh;margin:0;padding:10px 12px 24px;display:flex;position:relative;inset:auto;overflow:visible}.screen.menu2 .title-hint{display:none}.beach-strip{margin-top:0}.beach-card{aspect-ratio:5/4}.menu-top{flex-direction:column;align-items:center;gap:8px}.menu-brand{align-items:center;max-width:none}.menu2 .logo{align-self:center;max-height:14vh}.menu2 .tag{text-align:center;font-size:12px}.hud-chips{justify-content:center}.hud-chip{padding:4px 10px;font-size:14px}.menu-mid{flex:none;height:38vh}.beach-row{justify-content:flex-start}.beach-card{width:118px}.action-bar{box-sizing:border-box;border-radius:24px;grid-template-columns:repeat(3,1fr);justify-items:center;gap:12px 8px;width:100%;padding:14px 12px 12px;display:grid}.action-bar .btn.play{order:-1;grid-column:1/-1;width:128px;height:128px;margin:0 0 4px;font-size:30px}.round,.round:hover,.round.friends,.round.pvp,.round.wardrobe,.round.shop,.round.achv,.round.settings{transform:none}.round i{width:64px;height:64px;font-size:26px}.player-pop{width:auto;position:fixed;top:60px;left:12px;right:12px}.menu2 .controls{display:none}}:root{--pink:#ff4fa8;--pink-soft:#ff9bcb;--cyan:#49dde8;--gold:#ffdc5e;--purple:#aa74fa;--ink:#1a1024;--panel:#1a0c26d1;--text:#fff4fa;--muted:#d9b7cf;--hp:linear-gradient(90deg, #ff3d7f, #ff7eb6)}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#2a1640;margin:0;font-family:"Baloo 2",Trebuchet MS,system-ui,sans-serif;overflow:hidden}#scene{cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#fx-layer,#hud,#screens{pointer-events:none;position:fixed;inset:0}#screens.screen{pointer-events:auto}.hidden{display:none!important}#loading{z-index:10;background:radial-gradient(at 50% 45%,#4a1d5e 0%,#1a0c26 62%,#0d0614 100%);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0;overflow:hidden}#loading.done{opacity:0;visibility:hidden}.ld-rays{background:repeating-conic-gradient(#ff4fa814 0deg 8deg,#0000 8deg 22deg);width:220vmax;height:220vmax;animation:40s linear infinite rays;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 55%);mask-image:radial-gradient(circle,#000 0%,#0000 55%)}@keyframes rays{to{transform:translate(-50%,-50%)rotate(360deg)}}.ld-inner{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(520px,90vw);display:flex;position:relative}.ld-logo{border:3px solid var(--pink);width:auto;max-width:100%;max-height:42vh;image-rendering:pixelated;border-radius:20px;animation:.9s cubic-bezier(.2,1.4,.4,1) both logoIn,4s ease-in-out .9s infinite floaty;box-shadow:0 0 60px #ff4fa88c,0 0 0 6px #ff4fa81f}@keyframes logoIn{0%{opacity:0;transform:scale(.7)rotate(-3deg)}}@keyframes floaty{50%{transform:translateY(-8px)}}.ld-stage{width:70px;height:70px;position:relative}.ld-ball{background:conic-gradient(#ff4a5a 0 45deg, #fff 45deg 90deg, #ffdc5e 90deg 135deg, #fff 135deg 180deg, #49dde8 180deg 225deg, #fff 225deg 270deg, #ff4fa8 270deg 315deg, #fff 315deg 360deg);width:48px;height:48px;box-shadow:inset -6px -8px 12px #00000040, 0 0 0 3px var(--ink);border-radius:50%;animation:.7s cubic-bezier(.5,0,.5,1) infinite alternate ballBounce,1.2s linear infinite ballSpin;position:absolute;top:0;left:11px}@keyframes ballBounce{0%{top:0}85%{transform:scale(1)}to{top:20px;transform:scale(1.15,.85)}}@keyframes ballSpin{to{rotate:360deg}}.ld-shadow{background:#00000073;border-radius:50%;width:44px;height:8px;animation:.7s cubic-bezier(.5,0,.5,1) infinite alternate shadowPulse;position:absolute;bottom:0;left:13px}@keyframes shadowPulse{0%{opacity:.5;transform:scale(.6)}to{opacity:1;transform:scale(1.05)}}.ld-bar{border:2px solid var(--ink);background:#00000080;border-radius:10px;width:100%;height:14px;overflow:hidden;box-shadow:0 0 0 2px #ff4fa859}.ld-bar i{background:linear-gradient(90deg, var(--pink), var(--gold), var(--cyan), var(--pink));background-size:300% 100%;border-radius:8px;width:0;height:100%;transition:width .25s;animation:2s linear infinite barFlow;display:block}@keyframes barFlow{to{background-position:300% 0}}.ld-status{color:var(--pink-soft);text-shadow:0 2px 0 var(--ink);font-size:17px;font-weight:700}.ld-status b{color:var(--gold)}.ld-tip{min-height:1.4em;color:var(--muted);font-size:14px;transition:opacity .3s}.ld-tip b{color:var(--cyan)}.ld-start{font:inherit;letter-spacing:.08em;color:var(--ink);cursor:pointer;background:linear-gradient(180deg, #ff8ac4, var(--pink));border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink), 0 0 30px #ff4fa8b3;border-radius:18px;padding:10px 40px;font-size:26px;font-weight:800;animation:1.2s ease-in-out infinite startPulse}.ld-start:hover{filter:brightness(1.1)}@keyframes startPulse{50%{box-shadow:0 5px 0 var(--ink), 0 0 50px #ff4fa8f2;transform:scale(1.06)}}.ftext{color:#fff;white-space:nowrap;text-shadow:0 2px 0 var(--ink), 0 0 6px var(--ink);-webkit-text-stroke:1px var(--ink);font-size:20px;font-weight:800;display:none;position:absolute;top:0;left:0}.ftext.crit{color:var(--gold);font-size:28px}.ftext.hurt{color:#ff5a7a;font-size:26px}.ftext.blocked{color:#7cc8ff;font-size:18px}.ftext.pickup{color:#7bffb0;font-size:22px}.bar{border:2px solid var(--ink);background:#00000073;border-radius:8px;height:14px;position:relative;overflow:hidden}.bar>i{border-radius:6px;width:100%;transition:width .12s linear;position:absolute;top:0;bottom:0;left:0}.bar>b{text-align:center;text-shadow:0 1px 0 var(--ink);font-size:11px;line-height:11px;position:absolute;inset:0}.bar.hp{height:20px}.bar.hp>i{background:var(--hp)}.bar.hp>b{font-size:13px;line-height:17px}.bar.sta>i{background:var(--cyan)}.bar.xp>i{background:var(--gold)}.hud-tl{width:min(300px,44vw);position:absolute;top:14px;left:16px}.hud-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.hud-row .bar{flex:1}.lbl{width:40px;text-shadow:0 2px 0 var(--ink);font-size:14px;font-weight:800}.buffs{gap:6px;margin-top:4px;display:flex}.buff{background:var(--panel);border:2px solid var(--pink);border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.buff img{width:28px;height:28px;image-rendering:pixelated}.buff span{text-shadow:0 1px 0 var(--ink);font-size:13px;font-weight:800;position:absolute;bottom:-6px;right:-4px}.hud-top{text-align:center;width:min(380px,60vw);position:absolute;top:10px;left:50%;transform:translate(-50%)}.wave{letter-spacing:.08em;color:var(--gold);text-shadow:0 3px 0 var(--ink);font-size:26px;font-weight:800}.bar.wavebar{border-width:1px;width:60%;height:6px;margin:0 auto}.bar.wavebar>i{background:var(--gold);transition:none}.boss{margin-top:8px}.boss-name{color:#ff9a3c;text-shadow:0 2px 0 var(--ink);letter-spacing:.1em;font-weight:800}.bar.bosshp{height:16px}.bar.bosshp>i{background:linear-gradient(90deg,#ff4a3c,#ffb03c)}.toasts{flex-direction:column;align-items:center;gap:6px;margin-top:10px;display:flex}.toast{background:var(--panel);border:2px solid var(--cyan);border-radius:12px;padding:4px 14px;font-weight:700;animation:2.6s forwards toast}.toast.gold{border-color:var(--gold);color:var(--gold)}@keyframes toast{0%{opacity:0;transform:translateY(-8px)scale(.9)}10%,80%{opacity:1;transform:none}to{opacity:0}}.hud-tr{text-align:right;position:absolute;top:10px;right:18px}.score{color:#fff;text-shadow:0 3px 0 var(--pink), 0 5px 0 var(--ink);font-size:38px;font-weight:800;line-height:1}.sub{color:var(--muted);text-shadow:0 2px 0 var(--ink);font-size:15px}.combo{text-align:right;position:absolute;top:38%;right:24px}.combo .n{color:var(--gold);text-shadow:0 4px 0 var(--pink), 0 6px 0 var(--ink);font-size:54px;font-weight:800;line-height:1;display:block}.combo small{letter-spacing:.3em;text-shadow:0 2px 0 var(--ink);font-size:16px;font-weight:800}.combo.pulse .n{animation:.25s ease-out pulse}@keyframes pulse{0%{transform:scale(1.35)}to{transform:scale(1)}}.hud-bottom{align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slots,.abilities{gap:8px;display:flex}.slot,.ability{background:var(--panel);border:2px solid #ffffff26;border-radius:12px;width:104px;padding:6px 8px;position:relative;overflow:hidden}.ability{width:88px}.slot .key,.ability .key{color:var(--ink);background:var(--gold);border-radius:5px;padding:0 5px;font-size:11px;font-weight:800;position:absolute;top:4px;left:6px}.slot .name,.ability .name{margin-top:16px;font-size:13px;font-weight:700;line-height:1.1;display:block}.slot .ammo{color:var(--muted);font-size:12px;display:block}.soon{color:var(--muted);margin:8px 0 2px;font-size:12px;line-height:1.8}.soon b{color:var(--text,#fff);margin-right:6px}.soon span{opacity:.8;margin:0 8px 0 0;display:inline-block}.toast .ticon{vertical-align:middle;object-fit:contain;width:22px;height:22px;margin-right:6px}.slot .wicon{object-fit:contain;image-rendering:auto;pointer-events:none;opacity:.95;width:30px;height:30px;position:absolute;top:4px;right:4px}.slots.many .toast .ticon{vertical-align:middle;object-fit:contain;width:22px;height:22px;margin-right:6px}.slot .wicon{width:24px;height:24px}.slot .cd,.ability .cd{pointer-events:none;background:#0000008c;position:absolute;bottom:0;left:0;right:0}.slot.active{border-color:var(--pink);box-shadow:0 0 14px var(--pink)}.slots.many{gap:5px}.slots.many .slot{width:66px}.slots.many .slot .name{margin-top:14px;font-size:11px}.slots.many .slot .ammo{font-size:10px}.slot.locked,.ability.locked{opacity:.4}.ability.ready{border-color:var(--cyan)}.banner{text-align:center;position:absolute;top:26%;left:0;right:0}.banner .t{letter-spacing:.06em;color:#fff;text-shadow:0 4px 0 var(--pink), 0 7px 0 var(--ink), 0 0 30px var(--pink);font-size:64px;font-weight:800}.banner .s{color:var(--gold);text-shadow:0 2px 0 var(--ink);font-size:20px;font-weight:700}.banner.anim{animation:2.2s forwards banner}@keyframes banner{0%{opacity:0;transform:scale(1.6)}12%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.vignette{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #ff1e46b3}.vignette.flash{animation:.45s ease-out vig}@keyframes vig{0%{opacity:1}to{opacity:0}}.screen{justify-content:center;align-items:center;padding:16px;display:flex;overflow-y:auto}.screen.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a0c268c}.panel{background:var(--panel);border:2px solid var(--pink);border-radius:18px;padding:16px 18px;box-shadow:0 0 30px #ff4fa859}.panel h3{color:var(--pink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:18px}.center{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.panel.center{min-width:min(360px,92vw)}.panel.wide{width:min(560px,94vw)}h2{margin:0;font-size:44px;line-height:1}.glow{color:#fff;text-shadow:0 4px 0 var(--pink), 0 7px 0 var(--ink), 0 0 26px var(--pink)}.muted{color:var(--muted);font-size:14px}.gold{color:var(--gold)}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{font:inherit;color:var(--ink);text-align:center;background:linear-gradient(180deg, #ff8ac4, var(--pink));border:2px solid var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:8px 20px;font-size:18px;font-weight:800;text-decoration:none;transition:transform 80ms;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.btn small{opacity:.65;margin-left:4px;font-size:12px}.btn.ghost{color:var(--text);box-shadow:none;background:#ffffff14;border-color:#ffffff4d}.btn.small{padding:5px 14px;font-size:15px}.btn.discord{color:#fff;background:#5865f2;width:100%}.screen.title{background:linear-gradient(90deg,#0000 38%,#1a0c268c 62%,#1a0c26d9 100%);padding:0;animation:.6s both fadeIn;display:block;overflow:hidden;pointer-events:none!important}.screen.title>*{pointer-events:auto}.screen.title.leaving{animation:.4s forwards fadeOut}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0;transform:translate(30px)}}.title-ui{scrollbar-width:thin;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#281038e6,#180a22eb);border:2px solid #ff4fa8b3;border-radius:22px;flex-direction:column;gap:12px;width:min(400px,44vw);max-height:calc(100vh - 90px);padding:18px;animation:.7s cubic-bezier(.2,1.2,.4,1) both slideIn;display:flex;position:absolute;top:50%;right:clamp(16px,4vw,64px);overflow-y:auto;transform:translateY(-50%);box-shadow:0 0 40px #ff4fa84d,inset 0 1px #ffffff14}@keyframes slideIn{0%{opacity:0;transform:translate(40px,-50%)}}.logo{border:2px solid var(--pink);width:auto;max-width:100%;max-height:22vh;image-rendering:pixelated;border-radius:14px;align-self:center;box-shadow:0 0 24px #ff4fa873}.tag{text-align:center;color:var(--muted);font-size:15px;font-weight:700}.tag b{color:var(--gold)}.btn.play{letter-spacing:.1em;width:100%;box-shadow:0 6px 0 var(--ink), 0 0 30px #ff4fa88c;background:linear-gradient(180deg, #ffa3d0, var(--pink) 60%, #e0338c);border-width:3px;border-radius:18px;padding:8px 0;font-size:34px}.btn.play:hover{box-shadow:0 8px 0 var(--ink), 0 0 44px #ff4fa8d9}.btn.island-link{color:var(--cyan);border-color:#49dde88c;padding:7px 10px;font-size:15px;display:block}.btn.island-link small{color:var(--muted);opacity:1;margin:0;display:block}.best{text-align:center;color:var(--muted);margin-top:-4px;font-size:14px}.best b{color:var(--gold)}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--pink-soft);margin-bottom:-4px;font-size:12px;font-weight:800}.classes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.class-card{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:#0000004d;border:2px solid #ffffff24;border-radius:14px;flex-direction:column;gap:3px;padding:8px 10px;transition:transform .12s,border-color .12s;display:flex}.class-card:hover{border-color:#ffffff59;transform:translateY(-2px)}.class-card b{font-size:16px}.map-card.locked{opacity:.45;cursor:default}.map-card .stat{color:var(--muted);font-size:11px}.class-card.sel{border-color:var(--gold);background:#ffdc5e1a;box-shadow:0 0 16px #ffdc5e59}.stat{align-items:center;gap:5px;display:flex}.stat em{color:var(--muted);width:26px;font-size:10px;font-style:normal;font-weight:800}.meter{background:#ffffff1f;border-radius:4px;flex:1;height:6px;overflow:hidden}.meter i{background:var(--cyan);border-radius:4px;height:100%;display:block}.meter.hp i{background:#ff5f8f}.tabs{gap:6px;margin-top:2px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:#00000040;border:2px solid #0000;border-radius:10px;flex:1;padding:5px 0;font-size:14px;font-weight:800}.tab.sel{color:var(--text);background:#ff4fa826;border-color:#ff4fa899}.tab-body{min-height:150px}.title-hint{color:#fff;text-shadow:0 2px 0 var(--ink);opacity:.8;font-size:14px;font-weight:800;animation:2.4s ease-in-out infinite floaty;position:absolute;bottom:20%;left:22%;transform:translate(-50%);pointer-events:none!important}.controls{color:var(--muted);background:linear-gradient(#0000,#0d0614d9);flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:10px 16px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}kbd{text-align:center;min-width:20px;font:inherit;color:var(--text);background:linear-gradient(#3d2350,#25142f);border:1px solid #ffffff40;border-bottom-width:3px;border-radius:6px;margin-right:3px;padding:1px 6px;font-size:11px;font-weight:800;display:inline-block}.account .who{margin-bottom:4px;font-size:16px}.account .logout{margin-top:10px}.or{text-align:center;color:var(--muted);margin:8px 0;font-size:12px}.auth{flex-direction:column;gap:8px;display:flex}.auth input{font:inherit;color:var(--text);background:#00000059;border:2px solid #ffffff2e;border-radius:10px;outline:none;padding:6px 10px;font-size:15px}.auth input:focus{border-color:var(--pink)}.account .msg{color:var(--muted);min-height:1.2em;margin-top:8px;font-size:13px}.board{margin:0;padding:0;list-style:none}.board li{border-radius:8px;grid-template-columns:26px 1fr auto 40px;gap:8px;padding:4px 6px;font-size:15px;display:grid}.board li:first-child .rk{color:var(--gold)}.board li.me{background:#ff4fa840}.board .rk{font-weight:800}.board .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board .sc{font-weight:800}.board .wv{color:var(--muted);text-align:right}.final{color:var(--gold);text-shadow:0 4px 0 var(--pink), 0 7px 0 var(--ink);font-size:64px;font-weight:800;line-height:1}.newbest{color:var(--cyan);letter-spacing:.1em;font-weight:800}.stats{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.stats div{flex-direction:column;min-width:60px;display:flex}.stats b{font-size:24px}.stats span{color:var(--muted);text-transform:uppercase;font-size:12px}.gameover .lb{width:100%;max-width:380px}@media (width<=820px){.screen.title{background:linear-gradient(#0000 30%,#1a0c26e6 65%);overflow-y:auto;pointer-events:auto!important}.title-ui{width:auto;max-height:none;margin:46vh 12px 70px;animation-name:fadeIn;position:relative;top:auto;right:auto;transform:none}.title-hint{top:8vh;bottom:auto;left:50%}.controls{display:none}.hud-bottom{flex-direction:column;align-items:center;gap:6px}.slot{width:84px}.ability{width:72px}.banner .t{font-size:40px}.score{font-size:28px}}.lvl-chips{justify-content:center;gap:6px;margin:-2px 0 6px;display:flex}.lvl-chip{width:30px;height:30px;color:var(--cyan);background:#0a1e2859;border:1px solid #49dde88c;border-radius:8px;place-items:center;font:700 13px system-ui;text-decoration:none;display:grid}.lvl-chip.done{color:#fff;background:#49dde840}.lvl-chip.locked{opacity:.45;font-size:12px}.coin{vertical-align:-.14em;width:1em;height:1em;box-shadow:0 0 0 .09em var(--ink), inset 0 -.08em 0 #783c0059, 0 0 .5em #ffd25073;background:radial-gradient(circle at 34% 30%,#fff7c4 0 12%,#ffd84f 34%,#f0a91e 72%,#b86d0c 100%);border-radius:50%;flex:none;display:inline-block;position:relative}.coin:after{content:"";border:.07em solid #96500073;border-radius:50%;position:absolute;inset:22%}.coin.big{font-size:40px;animation:2.4s ease-in-out infinite coinSpin}@keyframes coinSpin{0%,70%,to{transform:scaleX(1)}80%{transform:scaleX(.15)}90%{transform:scaleX(-1)}}.coin-chip{color:var(--gold);text-shadow:0 2px 0 var(--ink);background:#00000059;border:2px solid #ffdc5e73;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 8px;font-size:17px;font-weight:800;display:inline-flex}.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.meta-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.meta-bar .btn{flex:1;min-width:0;padding:5px 8px}.meta-bar .btn small{color:var(--gold);opacity:.9}.meta-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#281038eb,#180a22f0);border:2px solid #ff4fa8b3;border-radius:22px;flex-direction:column;gap:10px;width:min(430px,46vw);max-height:calc(100vh - 90px);padding:16px 18px;animation:.45s cubic-bezier(.2,1.2,.4,1) both slideIn;display:flex;position:absolute;top:50%;right:clamp(16px,4vw,64px);transform:translateY(-50%);box-shadow:0 0 40px #ff4fa84d,inset 0 1px #ffffff14}.mp-head{align-items:center;gap:10px;display:flex}.mp-head h3{letter-spacing:.06em;color:#fff;text-shadow:0 3px 0 var(--pink), 0 5px 0 var(--ink), 0 0 18px #ff4fa8b3;flex:1;margin:0;font-size:26px}.mp-back{font:inherit;cursor:pointer;width:36px;height:36px;color:var(--text);background:#ffffff14;border:2px solid #ffffff4d;border-radius:12px;font-size:26px;font-weight:800;line-height:1}.mp-back:hover{border-color:var(--pink)}.mp-body{scrollbar-width:thin;flex-direction:column;gap:8px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.mp-foot{text-align:center;font-size:12px}.btn.poor{filter:grayscale(.7)brightness(.8)}.btn[disabled]{cursor:default;transform:none}.btn .coin{margin-right:5px}.up-row{background:#0000004d;border:2px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .2s;display:flex}.up-row.done{border-color:#ffdc5e73}.up-row.bought{animation:.6s bought}@keyframes bought{0%{background:#ffdc5e59;box-shadow:0 0 20px #ffdc5e99}}.up-icon{width:38px;height:38px;color:var(--ink);background:linear-gradient(180deg, #ffa3d0, var(--pink));border:2px solid var(--ink);border-radius:12px;flex:none;place-items:center;font-size:20px;display:grid}.up-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.up-info b{font-size:16px;line-height:1.1}.up-desc{color:var(--muted);font-size:13px}.up-desc em{color:var(--cyan);font-style:normal}.pips{gap:4px;margin-top:3px;display:flex}.pips i{background:#ffffff24;border-radius:3px;width:16px;height:6px}.pips i.on{background:var(--gold);box-shadow:0 0 6px #ffdc5eb3}.up-row .buy{flex:none;justify-content:center;align-items:center;min-width:84px;display:inline-flex}.up-row .buy.maxed{color:var(--gold);box-shadow:none;background:#ffdc5e26;border-color:#ffdc5e80}.skins{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.skin-card{font:inherit;color:var(--text);cursor:pointer;text-align:center;background:#0000004d;border:2px solid #ffffff24;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;transition:transform .12s,border-color .12s;display:flex}.skin-card:hover{border-color:#ffffff59;transform:translateY(-2px)}.skin-card b{font-size:14px;line-height:1.1}.skin-card span{color:var(--muted);font-size:11px;font-weight:700}.skin-card.sel{border-color:var(--pink);box-shadow:0 0 16px #ff4fa880}.skin-card.eq span{color:var(--gold)}.skin-card.locked .swatch{filter:saturate(.55)brightness(.8)}.swatch{border:3px solid var(--ink);border-radius:50%;width:44px;height:44px;box-shadow:0 0 0 2px #ffffff40,inset -5px -6px 10px #0000004d,inset 4px 4px 8px #ffffff59}.swatch.rainbow{animation:3s linear infinite hueSpin}@keyframes hueSpin{to{filter:hue-rotate(360deg)}}.skin-action{justify-content:center;display:flex}.skin-action .btn{align-items:center;display:inline-flex}.skin-lock{text-align:center;color:var(--muted);border:2px dashed #fff3;border-radius:12px;padding:6px 10px;font-size:13px}.skin-lock b{color:var(--gold)}.skin-hint{text-align:center;font-size:12px}.ach-summary{align-items:center;gap:10px;display:flex}.ach-count{color:var(--muted);white-space:nowrap;font-size:14px}.ach-count b{color:var(--gold);font-size:20px}.ach-meter,.ach-prog{background:#ffffff1f;border-radius:5px;flex:1;height:8px;overflow:hidden}.ach-meter i,.ach-prog i{background:linear-gradient(90deg, var(--pink), var(--gold));border-radius:5px;height:100%;display:block}.life-stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.life-stats div{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;padding:5px 2px;display:flex}.life-stats b{font-size:18px;line-height:1.1}.life-stats span{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:10px;font-weight:800}.ach{background:#0000004d;border:2px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:7px 10px;display:flex}.ach.got{background:linear-gradient(90deg,#ffdc5e24,#00000040);border-color:#ffdc5e80}.ach-badge{color:#ffffff59;background:#ffffff0f;border:2px solid #ffffff26;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.ach.got .ach-badge{color:var(--ink);background:radial-gradient(circle at 35% 30%, #fff5b8, var(--gold) 55%, #e39a1c);border-color:var(--ink);box-shadow:0 0 12px #ffdc5e99}.ach-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ach-info b{font-size:15px;line-height:1.1}.ach:not(.got) .ach-info b{color:var(--muted)}.ach-desc{color:var(--muted);font-size:12px}.ach-desc em{color:var(--cyan);font-style:normal}.ach-info .ach-prog{flex:none;height:5px;margin-top:2px}.ach-num{color:var(--muted);align-self:flex-end;margin-top:-2px;font-size:11px}.coin-tally{background:#0000004d;border:2px solid #ffdc5e66;border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:380px;padding:10px 14px;display:flex}.ct-lines{grid-template-columns:1fr 1fr;gap:1px 18px;width:100%;display:grid}.ct-line{color:var(--muted);opacity:0;justify-content:space-between;font-size:14px;transition:opacity .25s,transform .25s;display:flex;transform:translate(-10px)}.ct-line.in{opacity:1;transform:none}.ct-line b{color:var(--gold)}.ct-total{align-items:center;gap:10px;margin-top:4px;display:flex}.ct-num{color:var(--gold);text-shadow:0 3px 0 var(--pink), 0 5px 0 var(--ink);min-width:2ch;font-size:42px;font-weight:800;line-height:1;display:inline-block}.ct-num.bump{animation:.14s ease-out ctBump}@keyframes ctBump{0%{transform:scale(1.12)}}.ct-total span{letter-spacing:.12em;text-transform:uppercase;font-size:16px;font-weight:800}.coin-tally.done .ct-num{text-shadow:0 3px 0 var(--pink), 0 5px 0 var(--ink), 0 0 24px #ffdc5ee6;animation:.5s cubic-bezier(.2,1.6,.4,1) ctDone}@keyframes ctDone{0%{transform:scale(1.5)}}.ct-bal{color:var(--muted);font-size:13px}.ct-bal b{color:var(--text)}.ct-new{opacity:0;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;transition:opacity .4s;display:flex}.coin-tally.done .ct-new{opacity:1}.ct-chip{color:var(--ink);background:var(--gold);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800;animation:.5s cubic-bezier(.2,1.6,.4,1) both chipIn}.ct-chip.skin{background:linear-gradient(90deg,#ff9bcb,#49dde8)}@keyframes chipIn{0%{opacity:0;transform:scale(.4)}}.screen.gameover>.panel{margin-block:auto}@media (width<=820px){.meta-panel{width:auto;max-height:none;margin:46vh 12px 70px;animation-name:fadeIn;position:relative;top:auto;right:auto;transform:none}.life-stats{grid-template-columns:repeat(2,1fr)}}.mp-wardrobe .tabs{flex-wrap:wrap}.skin-card .acc-ico{background:#ffffff14;place-items:center;font-size:22px;font-style:normal;display:grid}.dye{background:#ffffff0a;border:1px solid #ffffff24;border-radius:14px;gap:10px;margin-top:12px;padding:12px;display:grid}.dye.on{border-color:var(--pink)}.dye label{align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.dye label .swatch{width:18px;height:18px}.dye-hue{appearance:none;cursor:pointer;background:linear-gradient(90deg,#f43434,#f4f434,#34f434,#34f4f4,#3434f4,#f434f4,#f43434);border-radius:8px;width:100%;height:14px}.dye-hue::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #2a0a20;border-radius:50%;width:22px;height:22px}.dye-hue::-moz-range-thumb{background:#fff;border:3px solid #2a0a20;border-radius:50%;width:18px;height:18px}.dye-acts{flex-wrap:wrap;gap:8px;display:flex}.dress-ctl{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dress-ctl .dc-label{letter-spacing:.12em;text-transform:uppercase;color:var(--pink-soft);margin:0 2px 0 4px;font-size:11px;font-weight:800}.dress-ctl .btn{padding:3px 10px;font-size:13px}.dress-ctl .btn.sel{border-color:var(--pink);background:#ff4fa838;box-shadow:0 0 12px #ff4fa873}@media (width<=820px){.dress-ctl{gap:4px}.dress-ctl .dc-label{letter-spacing:.08em;margin:0 1px 0 2px;font-size:10px}.dress-ctl .btn{padding:3px 8px;font-size:12px}}.slot-row{flex-direction:column;gap:4px;display:flex}.slot-head{align-items:center;gap:8px;display:flex}.slot-head .slot-worn{flex:1;font-size:12px}.slot-head .slot-clear{padding:0 8px;font-size:12px;line-height:20px}.pieces{scrollbar-width:thin;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}.piece-card{width:76px;font:inherit;color:var(--text);cursor:pointer;text-align:center;background:#0000004d;border:2px solid #ffffff24;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:6px 4px;transition:transform .12s,border-color .12s;display:flex}.piece-card:hover{border-color:#ffffff59;transform:translateY(-2px)}.piece-card b{font-size:11px;line-height:1.1}.piece-card .swatch{width:38px;height:38px}.piece-card.sel{border-color:var(--pink);box-shadow:0 0 12px #ff4fa880}.piece-card.eq{border-color:var(--gold)}.piece-card.locked .swatch{filter:saturate(.55)brightness(.8)}.dyes{flex-wrap:wrap;gap:5px;padding:2px 0 2px 2px;display:flex}.dye-sw{cursor:pointer;border:2px solid #ffffff59;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .12s;box-shadow:inset -3px -3px 5px #00000059,inset 2px 2px 4px #ffffff59}.dye-sw:hover{transform:scale(1.15)}.dye-sw.eq{border-color:var(--gold);box-shadow:0 0 8px #ffdc5ecc}.dye-sw.sel{border-color:var(--pink);box-shadow:0 0 10px #ff4fa8cc}.dye-sw.locked{filter:saturate(.5)brightness(.65)}