.fx,.hs{--ring: 230px;--disc: 112px;--spool: 94px;--reel-right: 18px;--reel-bottom: 52px}.fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--strain: 0;--slack: 0}.fx-edge{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.fx-edge.is-hot{background:radial-gradient(ellipse at center,transparent 48%,rgba(239,54,84,.62) 100%);opacity:var(--strain)}.fx-edge.is-cold{background:radial-gradient(ellipse at center,transparent 48%,rgba(47,143,220,.6) 100%);opacity:var(--slack)}.fx-catch{position:absolute;left:0;right:0;bottom:0;top:38%;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.fx-reel{position:absolute;right:var(--reel-right);bottom:var(--reel-bottom);display:grid;place-items:center;width:var(--ring);height:var(--ring);padding:0;border:0;border-radius:50%;background:none;cursor:pointer;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;animation:fx-pop-in .35s cubic-bezier(.3,1.5,.6,1) both}.fx-reel:disabled{cursor:default}.fx-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 20px rgba(10,30,70,.4));pointer-events:none}.fx-ring-bg{fill:#101e3e8c}.fx-track,.fx-zone,.fx-fill{fill:none;stroke-width:16}.fx-track{stroke:#fff3}.fx-zone{stroke:#72de86;stroke-width:22;filter:drop-shadow(0 0 6px rgba(114,222,134,.8))}.fx-fill{stroke:#6cc0ff;stroke-width:9;stroke-linecap:round}.fx[data-gauge=ok] .fx-fill{stroke:#fff}.fx[data-gauge=high] .fx-fill{stroke:#ffb02e}.fx[data-gauge=danger] .fx-fill{stroke:#ff4d6a}.fx-knob{fill:#fff;stroke:#1b2a4a;stroke-width:4}.fx[data-gauge=high] .fx-knob{fill:#ffd27a}.fx[data-gauge=danger] .fx-knob{fill:#ff7d92}.fx-prog-track{fill:none;stroke:#ffffff2e;stroke-width:8}.fx-prog{fill:none;stroke:#ffd447;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.fx-disc{position:relative;display:grid;place-items:center;width:var(--spool);height:var(--spool);border-radius:50%;background:radial-gradient(circle at 50% 30%,#4a6190,#1c2a4a 75%);box-shadow:inset 0 -5px #00000059,0 8px 16px #0a1e4659;transition:transform .1s ease,box-shadow .15s ease}.fx-reel.is-reeling .fx-disc{transform:scale(.93);box-shadow:inset 0 -3px #00000059,0 0 0 7px #3cc35a66}.fx[data-pay="1"] .fx-disc,.fx[data-pay="1"] .fx-reel.is-reeling .fx-disc{box-shadow:inset 0 -3px #00000059,0 0 0 7px #e148486b}.fx-reel.is-hint .fx-disc{animation:fx-breathe .9s ease-in-out infinite}.fx-crank{position:absolute;top:3px;right:3px;bottom:3px;left:3px;pointer-events:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45))}.fx-spool{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}.fx-rotor{transform-origin:49.9% 52.5%}.fx-marks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fx-reel[data-reel=reel_basico] .fx-spool{filter:hue-rotate(168deg) saturate(1.1)}.fx-reel[data-reel=reel_3000] .fx-spool{filter:saturate(.18) brightness(1.12) contrast(1.05)}.fx-reel[data-reel=reel_rotativo] .fx-spool{filter:hue-rotate(-42deg) saturate(1.35)}.fx[data-ev=run-warn] .fx-ring,.fx[data-ev=jump-warn] .fx-ring{animation:fx-throb .28s ease-in-out infinite}.fx[data-ev=run-active] .fx-ring,.fx[data-ev=jump-active] .fx-ring{animation:fx-shake .1s linear infinite}.fx[data-ev=run-active] .fx-ring-bg,.fx[data-ev=jump-active] .fx-ring-bg{fill:#7818309e}.fx[data-ev=sulk-warn] .fx-ring{animation:fx-throb .4s ease-in-out infinite}.fx[data-ev=sulk-active] .fx-ring-bg{fill:#5c40169e}.fx[data-ev=sulk-active] .fx-disc{animation:fx-breathe .6s ease-in-out infinite}.fx-reel .fx-ring{translate:calc(var(--shake, 0) * 5px) calc(var(--shake, 0) * -3px)}.fx-call{position:absolute;right:calc(var(--reel-right) + var(--ring) / 2);bottom:calc(var(--reel-bottom) + var(--ring) + 4px);translate:50% 0;width:max-content;max-width:calc(var(--ring) + 40px);padding:6px 14px;border-radius:999px;background:#101e3ec7;box-shadow:0 6px 14px #0a142d59;pointer-events:none;font-family:var(--pu-title, inherit);font-size:1.1rem;line-height:1.1;text-align:center;color:#fff;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .12s ease,transform .12s ease;text-shadow:0 2px 0 rgba(10,20,45,.55),0 0 12px rgba(10,20,45,.6)}.fx-call.is-on{opacity:1;transform:none}.fx-call[data-tone=hot]{background:#b01c38e0;animation:fx-shake .12s linear infinite}.fx-call[data-tone=cold]{background:#1c68b0e0}.fx-call[data-tone=ev]{background:#c4780ae6}.fx.is-over .fx-reel{opacity:.75;filter:saturate(.7)}.hs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.hs-target{position:absolute;right:var(--reel-right);bottom:var(--reel-bottom);width:var(--ring);height:var(--ring);display:grid;place-items:center;animation:fx-pop-in .3s cubic-bezier(.3,1.5,.6,1) both}.hs-disc{display:grid;place-items:center;width:var(--disc);height:var(--disc);border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#dfeafb);box-shadow:inset 0 -6px #bfd2ee,0 0 0 4px #fff,0 8px 16px #0a1e4659}.hs-disc img{width:84%;height:84%;object-fit:contain;pointer-events:none}.hs.is-ring .hs-disc{animation:fx-breathe .7s ease-in-out infinite}.hs-goal,.hs-ring{position:absolute;left:50%;top:50%;width:calc(var(--disc) + 26px);height:calc(var(--disc) + 26px);border-radius:50%;box-sizing:border-box;pointer-events:none}.hs-goal{transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.6);opacity:0}.hs.is-ring .hs-goal{opacity:1}.hs-ring{transform:translate(-50%,-50%) scale(1.85);border:6px solid #ffd447;box-shadow:0 0 18px #ffd447e6,inset 0 0 12px #ffd44799;opacity:.2;transition:border-color .08s linear,box-shadow .08s linear}.hs-ring.is-zone,.hs.is-hit .hs-ring,.hs.is-perfect .hs-ring{border-color:#6dff8e;box-shadow:0 0 22px #6dff8ef2}.hs.is-early .hs-ring,.hs.is-late .hs-ring{border-color:#ff5a74;box-shadow:0 0 22px #ff5a74f2}.hs.is-early .hs-disc,.hs.is-late .hs-disc{animation:fx-shake .12s linear 3}.hs-burst{position:absolute;left:50%;top:50%;width:calc(var(--disc) + 26px);height:calc(var(--disc) + 26px);border-radius:50%;box-sizing:border-box;border:6px solid #6dff8e;pointer-events:none;animation:fx-burst .55s ease-out both}.hs.is-perfect .hs-burst{border-color:#ffd447;animation-name:fx-burst-big}.hs.is-early .hs-burst,.hs.is-late .hs-burst{border-color:#ff5a74;animation-name:fx-burst-small}@keyframes fx-pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes fx-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes fx-rattle{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}@keyframes fx-throb{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fx-shake{0%{transform:translate(0)}25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes fx-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@keyframes fx-burst-big{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(3.4);opacity:0}}@keyframes fx-burst-small{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@media(max-width:900px){.fx,.hs{--ring: 190px;--disc: 92px;--spool: 77px;--reel-right: 16px;--reel-bottom: max(70px, calc(env(safe-area-inset-bottom, 0px) + 60px) )}.fx-call{font-size:.92rem}}@media(prefers-reduced-motion:reduce){.fx *,.hs *{animation:none!important}}:root{color-scheme:dark;--hero-cover: url(/gate-hero.png);--scene-cover: url(/juego/fondo/Fondo_dia.png);--hero-position: center 54%;--bg0: #060c18;--letterbox: #252e3d;--panel: rgba(14, 22, 40, .48);--panel2: rgba(12, 20, 38, .58);--stroke: rgba(255, 255, 255, .14);--text: #e8eeff;--muted: rgba(232, 238, 255, .52);--gate-hero-height: clamp(240px, 38vh, 330px);--shell-max-width: 1250px;--hud-chip-height: 34px;--top-panel-height: 68px;--hud-side-panel-width: min(340px, 44vw);--gold: #e8c547;--green: #3ddc84;--blue: #4aa3ff;--danger: #ff4455;font-family:DM Sans,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--letterbox);color:var(--text);overflow:hidden}#root{height:100vh;height:100dvh;width:100%;background:var(--letterbox)}.shell{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background-color:var(--letterbox)}.shell-stage{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--shell-max-width);overflow:hidden;background-color:#040a18;z-index:1}.shell:not(:has(.shell-hud)) .shell-stage{left:0;transform:none;max-width:none;width:100%}.shell-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.shell-hud>*{pointer-events:auto}.bite-flash,.outcome-splash{pointer-events:none}.shell-bg-blur{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.shell-bg-blur:before{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;background-image:var(--scene-cover);background-position:center 54%;background-repeat:no-repeat;background-size:cover;filter:blur(40px) saturate(1.06);transform:scale(1.08)}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 125% 90% at 50% 32%,transparent 20%,rgba(6,12,24,.22) 50%,rgba(4,10,20,.38) 100%),linear-gradient(185deg,#08102026,#050c1852,#040a147a)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:1}.scene-2d-fallback{position:absolute;top:clamp(2.25rem,7vh,5rem);bottom:clamp(2rem,6vh,5rem);left:0;right:0;z-index:2;pointer-events:none;background:transparent;overflow:hidden;container-type:size;container-name:sceneViewport}.scene,.scene-video-stack{position:absolute;top:0;right:0;bottom:0;left:0}.scene-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none;backface-visibility:hidden;display:block;object-fit:contain;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;z-index:0;transition:opacity var(--scene-fade-ms, .16s) linear;will-change:opacity}.scene-bg-video.is-active{opacity:1;z-index:1}.scene-bg-video.is-incoming{opacity:1;z-index:2}.panel{border:1px solid var(--stroke);border-radius:16px;background:var(--panel);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12);box-shadow:0 4px 28px #0003,inset 0 1px #ffffff12}.hud-top-stack{display:contents}.top-bar{position:absolute;top:18px;left:18px;right:18px;z-index:5;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.top-bar>.panel{display:flex;align-items:center;min-height:var(--top-panel-height);box-sizing:border-box}.top-hud-card{display:contents}@media(min-width:901px){.top-hud-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:var(--hud-side-panel-width);padding:12px 14px;border:1px solid var(--stroke);border-radius:16px;background:var(--panel);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12);box-shadow:0 4px 28px #0003,inset 0 1px #ffffff12;box-sizing:border-box}.top-hud-card>.panel{min-height:0;border:none;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.top-hud-card .tournament{min-width:0;width:100%;padding:0;gap:12px;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"logo title countdown" "weather weather clock"}.top-hud-card .tournament-col-weather .weather-row{flex-wrap:nowrap;gap:8px;justify-content:flex-start}.top-hud-card .weather-k-clock{flex-shrink:0;margin-left:auto;margin-right:1rem}}.tournament{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"logo title countdown" "weather weather clock";gap:14px;align-items:center;padding:12px 16px;min-width:min(500px,90vw)}.trophy{grid-area:logo}.tournament-info{grid-area:title;min-width:0}.tournament-col-weather{grid-area:weather;justify-self:start;min-width:0}.tournament-col-clock{grid-area:clock;justify-self:end}.tournament-col-countdown{grid-area:countdown;justify-self:end}.trophy{display:grid;place-items:center;flex-shrink:0}.tournament-logo-img{display:block;width:40px;height:40px;object-fit:contain}.tournament-title{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.92rem}.tournament-place{color:var(--muted);font-size:.82rem}.countdown-block{--countdown-slot-width: 5.9rem;width:var(--countdown-slot-width);min-width:var(--countdown-slot-width);max-width:var(--countdown-slot-width);flex-shrink:0;box-sizing:border-box;text-align:right;display:grid;gap:2px;justify-items:end;align-content:center}.countdown{width:100%;text-align:right;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-weight:700;font-size:1.2rem;line-height:1;letter-spacing:.02em}@keyframes countdown-blink-warn{0%,to{color:#3ddc84;text-shadow:0 0 14px rgba(61,220,132,.55)}50%{color:#f45;text-shadow:0 0 14px rgba(255,68,85,.55)}}.countdown-block.is-warn .countdown{animation:countdown-blink-warn 1s ease-in-out infinite}.countdown-block.is-critical .countdown{color:#f45;text-shadow:0 0 16px rgba(255,68,85,.7);animation:none}.countdown-clock{display:flex;align-items:center;flex-shrink:0;color:#3ddc84;line-height:0}.countdown-clock .countdown-clock-svg{display:block}@keyframes countdown-clock-blink-warn{0%,to{color:#3ddc84;filter:drop-shadow(0 0 6px rgba(61,220,132,.55))}50%{color:#f45;filter:drop-shadow(0 0 8px rgba(255,68,85,.7))}}.countdown-clock.is-warn,.countdown-block.is-warn .countdown-clock{animation:countdown-clock-blink-warn 1s ease-in-out infinite}.countdown-clock.is-critical,.countdown-block.is-critical .countdown-clock{color:#f45;filter:drop-shadow(0 0 8px rgba(255,68,85,.7));animation:none}.top-hud-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.weather-k-clock{display:inline-flex;align-items:center;justify-content:center;min-height:var(--hud-chip-height);min-width:var(--hud-chip-height);padding:0 10px;box-sizing:border-box}.countdown-clock-svg{width:22px;height:22px}.muted{color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.weather{padding:10px 14px;display:flex;align-items:center}.weather-row{display:flex;gap:10px;flex-wrap:wrap;font-size:.82rem;align-items:center}.weather-k{padding:4px 8px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff08}.weather-k-temp{color:var(--text);font-weight:600;padding:6px 12px}.weather-k-sky{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px}.weather-icon-svg{display:block;vertical-align:middle}.leaderboard{position:relative;width:min(340px,92vw);z-index:5;padding:12px;display:grid;gap:8px;transition:opacity .35s ease;box-sizing:border-box}@media(min-width:901px){.hud-top-stack{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px;position:absolute;top:18px;left:18px;right:18px;z-index:5;pointer-events:none}.hud-top-stack>*{pointer-events:auto}.top-bar{position:relative;top:auto;left:auto;right:auto;flex:0 0 auto;width:auto;display:block}.hud-top-stack .leaderboard{align-self:flex-start;flex:0 0 var(--hud-side-panel-width);width:var(--hud-side-panel-width);max-width:var(--hud-side-panel-width);margin:0}}.leaderboard.is-collapsed{max-height:46px;padding-top:10px;padding-bottom:10px}.lb-title,.lb-toggle{font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.84rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}.lb-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:default;font:inherit;text-align:left}.lb-chevron{display:none;font-size:.78rem;line-height:1;color:#e8eeffc7}.lb-head,.lb-row{display:grid;grid-template-columns:44px minmax(0,1fr) 72px;column-gap:10px;row-gap:4px;align-items:center;font-size:.8rem}.lb-head{color:#e8eeffe0;font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:.62rem;padding:4px 4px 6px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.lb-list{list-style:none;margin:0;padding:0;display:grid;gap:5px;max-height:min(48vh,480px);overflow:auto}.lb-row{padding:8px;border-radius:10px;border:1px solid transparent;background:#ffffff0f;text-shadow:0 1px 2px rgba(0,0,0,.45)}.lb-row.me{background:#3ddc8424;border-color:#3ddc8442;box-shadow:inset 0 1px #ffffff12}.lb-rank{display:flex;align-items:center;justify-content:center;min-width:44px;font-size:1.35rem;line-height:1;font-variant-numeric:tabular-nums;color:#e8eeffeb;font-weight:700;filter:drop-shadow(0 2px 4px rgba(0,0,0,.75))}.lb-name{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;font-weight:600;color:#fff}.avatar{width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,#263348,#182030);border:1px solid var(--stroke);flex:0 0 auto}.lb-kg{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#e8eefff2;font-size:.78rem}.lb-foot{color:#e8eeffc7;font-size:.68rem;font-weight:600;padding:6px 4px 2px;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.5)}.bottom-left{position:absolute;left:18px;bottom:18px;z-index:5;padding:12px 14px;width:var(--hud-side-panel-width)}.bottom-right{position:absolute;right:18px;bottom:18px;z-index:5;padding:12px 14px;width:min(332px,46vw)}.level-row{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center}.level-badge{width:52px;height:52px;border-radius:999px;display:grid;place-items:center;font-weight:800;border:2px solid rgba(232,197,71,.55);color:var(--gold);background:#0000004d}.level-label{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.xp-bar{height:9px;border-radius:999px;background:#ffffff0f;border:1px solid var(--stroke);overflow:hidden;margin-top:5px}.xp-fill{height:100%;background:linear-gradient(90deg,#2ad48f,#3ddc84)}.xp-text{margin-top:5px;color:var(--muted);font-size:.75rem}.keys{margin-top:12px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;width:100%;color:var(--muted);font-size:.8rem}.level-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.level-head .level-row{flex:1 1 auto;min-width:0}.level-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--stroke);background:#ffffff0d;color:#e8eeffc7;cursor:pointer}.level-chevron{font-size:.72rem;line-height:1}.bottom-dock{display:contents}kbd{font-family:inherit;font-size:.75rem;border:1px solid var(--stroke);background:#ffffff0d;padding:2px 7px;border-radius:8px;color:var(--text)}.key-action{font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--stroke);background:#ffffff0d;padding:6px 10px;border-radius:8px;color:var(--muted);cursor:pointer;white-space:nowrap;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis}.key-action:hover{background:#ffffff17;color:var(--text)}.linkish{background:none;border:none;color:var(--blue);cursor:pointer;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px}.gear-title{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;margin-bottom:10px}.stat{margin-top:10px}.stat-head{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}.bar{height:11px;border-radius:999px;background:#ffffff0f;border:1px solid var(--stroke);overflow:hidden}.bar-fill{height:100%;transition:width .1s linear}.bar-fill.ok{background:linear-gradient(90deg,#2ad48f,#3ddc84)}.bar-fill.stress{background:linear-gradient(90deg,#2ad48f,#e8c547 60%,var(--danger))}.gear-row:first-child{margin-top:0}.bite-hint{margin-top:10px;color:var(--text);font-size:.82rem;line-height:1.35;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.gear-body{display:flex;flex-direction:column;gap:10px}.gear-block{display:grid;gap:6px;margin-bottom:4px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.gear-k{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.gear-v{font-size:.78rem;font-weight:600;line-height:1.25}.gear-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:2px}.gear-v-right{text-align:right;flex:1;font-weight:500;font-size:.76rem;color:#e8eeffe0}.gear-recent{--thumb-gap: 6px;display:flex;gap:var(--thumb-gap);margin-top:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}.gear-recent::-webkit-scrollbar{height:4px}.gear-recent::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.gear-thumb{flex:0 0 calc((100% - (var(--thumb-gap) * 5)) / 6);min-width:calc((100% - (var(--thumb-gap) * 5)) / 6);aspect-ratio:1;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:#00000061;overflow:hidden;display:grid;place-items:center;transition:border-color .2s;padding:0;color:inherit;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}button.gear-thumb{cursor:pointer}.gear-thumb:has(.gear-thumb-img){border-color:#ffc83c47;background:#040a168c}.gear-thumb-img{width:100%;height:100%;object-fit:contain;padding:4px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.gear-thumb-empty{width:38%;height:38%;border-radius:4px;border:1px dashed rgba(255,255,255,.12)}.fishing-bar-wrap{position:absolute;right:max(14px,env(safe-area-inset-right,0px));top:42%;transform:translateY(-50%);z-index:8;pointer-events:none}.fishing-bar-canvas{display:block;filter:drop-shadow(0 4px 28px rgba(0,0,0,.65))}.fight-hud{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:8;padding:14px 18px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(440px,96vw);touch-action:manipulation;cursor:default;border-radius:16px;background:var(--panel2);border:1px solid var(--stroke);backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1);box-shadow:0 4px 28px #00000038,inset 0 1px #ffffff0f}.fight-actions{display:flex;flex-direction:row;gap:10px;width:100%;align-items:stretch}.fight-btn{flex:1;min-height:52px;padding:14px 12px;font-size:.95rem;letter-spacing:.04em;color:#fff;border-radius:12px;cursor:pointer;font:inherit;font-weight:800;-webkit-user-select:none;user-select:none;touch-action:manipulation;text-transform:uppercase;border:1px solid rgba(255,255,255,.14)}.slack-btn{background:linear-gradient(180deg,#2d965ff2,#1a6b44)}.slack-btn:active{filter:brightness(1.12);box-shadow:0 0 0 3px #3ddc8447}.reel-btn{background:linear-gradient(180deg,#4aa3ffeb,#2060cc)}.reel-btn:active{filter:brightness(1.08);box-shadow:0 0 0 3px #4aa3ff59}.fight-info{display:flex;align-items:center;gap:12px;align-self:stretch}.fight-icon{font-size:1.6rem}.fight-title{font-weight:700;font-size:1rem;letter-spacing:.01em}.fight-kg{color:var(--muted);font-size:.82rem}.outcome-badge{font-weight:800;font-size:1.05rem;padding:6px 14px;border-radius:999px}.outcome-win{color:var(--green);background:#3ddc841f;border:1px solid rgba(61,220,132,.35)}.outcome-line{color:var(--danger);background:#ff44551f;border:1px solid rgba(255,68,85,.35)}.outcome-escape{color:var(--muted);background:#ffffff0f;border:1px solid var(--stroke)}.fight-hint{color:var(--muted);font-size:.76rem;text-align:center;margin:0}.toast{position:absolute;left:50%;top:86px;transform:translate(-50%);z-index:9;padding:10px 22px;border-radius:999px;border:1px solid var(--stroke);background:#0c14269e;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f;white-space:nowrap;font-weight:600;font-size:.95rem;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.gate{position:relative;z-index:6;pointer-events:auto;height:100vh;display:grid;place-items:center;padding:22px}.gate-stack{width:min(460px,100%);display:flex;flex-direction:column;align-items:stretch;gap:14px}.gate-brand-block{flex-shrink:0;text-align:center;padding:0 8px}.gate-brand-title{display:flex;flex-direction:column;align-items:center;line-height:.95}.gate-card{width:100%;border-radius:20px;border:1px solid var(--stroke);background:var(--panel2);backdrop-filter:blur(22px) saturate(1.1);-webkit-backdrop-filter:blur(22px) saturate(1.1);overflow:hidden;box-shadow:0 8px 40px #00000047,inset 0 1px #ffffff0f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gate-logo{position:relative;width:100%;overflow:hidden}.gate-bg-img{width:100%;height:auto;display:block}.gate-brand-title .gate-brand-line{display:block;font-family:system-ui,Segoe UI,Impact,Arial Black,sans-serif;font-weight:900;font-size:clamp(1.42rem,5.5vw,2.15rem);color:#39ff14;letter-spacing:.07em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.92),0 0 28px rgba(57,255,20,.45);white-space:nowrap}.gate-brand-title .gate-brand-credit{display:block;margin-top:8px;font-size:clamp(.78rem,2.8vw,1.05rem);font-weight:800;color:#39ff14;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.92),0 0 22px rgba(57,255,20,.35)}.gate-sub{margin:0;padding:0;text-align:center;font-family:Nunito,DM Sans,system-ui,sans-serif;font-weight:700;font-size:clamp(.8rem,2.5vw,1.02rem);line-height:1.38;letter-spacing:.04em;text-wrap:balance;background:linear-gradient(102deg,#fff9f2,#ffd48a 38%,#ffc266 58%,#7ee0d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.88)) drop-shadow(0 0 18px rgba(255,190,100,.45)) drop-shadow(0 0 28px rgba(110,210,200,.2))}@supports not (background-clip: text){.gate-sub{color:#ffe9c4;-webkit-text-fill-color:#ffe9c4;background:none;filter:none;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 22px rgba(255,190,120,.5),0 0 36px rgba(120,210,200,.25)}}.gate-card .field,.gate-card .btn,.gate-card .gate-sub,.gate-card .hint{margin-left:22px;margin-right:22px}.gate-card .field{margin-top:20px}.gate-card .btn.primary{width:calc(100% - 44px);margin-bottom:4px}.gate-card .gate-sub{margin-top:14px;margin-bottom:6px;padding:0 4px}.gate-card .hint{margin-bottom:20px;margin-top:0;text-align:center}.field{display:grid;gap:8px;margin-bottom:14px;color:var(--muted);font-size:.84rem}.field input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--stroke);background:#0000004d;color:var(--text);font:inherit;outline:none}.field input:focus{border-color:#4aa3ff80;box-shadow:0 0 0 2px #4aa3ff1f}.btn{border-radius:12px;border:1px solid var(--stroke);padding:12px 14px;font:inherit;font-weight:700;cursor:pointer}.btn.primary{width:100%;background:linear-gradient(180deg,#4aa3fff2,#2f74d8);color:#fff;border-color:#ffffff1f}.hint{margin:12px 0 0;color:var(--muted);font-size:.8rem}.link-terms{color:#64b4ffcc;text-underline-offset:3px;transition:color .15s}.link-terms:hover{color:#fff}.catch-reveal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;background:#060c1ceb;border:2px solid rgba(255,215,60,.8);border-radius:20px;padding:28px 44px;box-shadow:0 0 60px #ffb42859,0 30px 80px #000000b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:reveal-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes reveal-in{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.catch-species{font-size:2.4rem;font-weight:900;color:#ffd740;text-shadow:0 0 30px rgba(255,215,60,.6);letter-spacing:.04em;text-transform:uppercase}.catch-weight{font-size:1.6rem;font-weight:700;color:#fff;margin-top:6px}.catch-sub{font-size:.88rem;color:#b4dcffbf;margin-top:8px;text-transform:uppercase;letter-spacing:.1em}.fight-hud-v2{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:16px;width:min(300px,96vw);touch-action:manipulation;overflow:visible}.fight-fish-pill{display:flex;align-items:center;gap:8px;padding:7px 18px;border-radius:999px;background:#0c14266b;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0f;white-space:nowrap;font-size:.88rem;animation:hud-slide-up .35s cubic-bezier(.34,1.4,.64,1)}@keyframes hud-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fight-fish-name{font-weight:700}.fight-fish-dot{color:#ffffff4d}.fight-fish-weight{color:var(--muted);font-size:.82rem}.fight-status-text{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;text-align:center;min-height:18px;text-shadow:0 1px 4px rgba(0,0,0,.7)}.fs-good{color:#40dd80}.fs-warn{color:#ffaa40}.fs-low{color:#60b8ff}.fs-danger{color:#f45;animation:pulse-text .6s ease infinite alternate}.fs-panic{color:#ff1030;animation:pulse-text .3s ease infinite alternate}@keyframes pulse-text{0%{opacity:.75}to{opacity:1}}.reel-round-btn{width:132px;height:132px;border-radius:50%;background:transparent;border:0;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;transition:transform .08s;position:relative;overflow:visible;padding:0}.reel-round-btn.reeling{transform:scale(.95)}.reel-stack{position:relative;width:100%;height:100%;display:block;pointer-events:none;z-index:1}.reel-carretel,.reel-pasahilos{position:absolute;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.reel-carretel{z-index:1;top:11%;right:11%;bottom:11%;left:11%;width:78%;height:78%;margin:auto;transform-origin:50% 50%;will-change:transform}.reel-pasahilos{z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-origin:50% 50%;will-change:transform}.fight-hint-v2{color:var(--muted);font-size:.73rem;text-align:center;margin:0}.fight-hint-v2 kbd{margin:0 .32em}.fight-right-stack{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;position:absolute;left:auto;right:max(18px,env(safe-area-inset-right,0px));top:max(96px,calc(18px + var(--top-panel-height) + 10px));bottom:max(12.5rem,calc(12rem + env(safe-area-inset-bottom,0px)));transform:none;z-index:8;pointer-events:none}.fight-right-stack .fishing-bar-wrap{position:relative;right:auto;top:auto;transform:none;display:flex;justify-content:center}.fight-right-stack .fight-hud-v2{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:auto;pointer-events:auto;gap:8px;align-items:center}@media(min-width:901px){.fight-hint-v2{margin-top:0}.reel-round-btn{width:110px;height:110px}.bottom-left{left:auto;right:18px}.bottom-right{--thumb-gap: 6px;--cell: calc((var(--hud-side-panel-width) - 28px - var(--thumb-gap)) / 2);right:auto;left:18px;width:var(--hud-side-panel-width);max-width:var(--hud-side-panel-width);box-sizing:border-box;padding:12px 14px;overflow:hidden}.gear-body{gap:8px;min-height:0}.gear-block{margin-bottom:0;padding-bottom:8px;flex:0 0 auto}.gear-recent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--cell);align-content:start;align-items:stretch;justify-items:stretch;gap:var(--thumb-gap);margin-top:2px;width:100%;height:calc(var(--cell) * 3 + var(--thumb-gap) * 2);max-height:calc(var(--cell) * 3 + var(--thumb-gap) * 2);min-height:calc(var(--cell) * 3 + var(--thumb-gap) * 2);flex:0 0 auto;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-width:thin}.gear-recent::-webkit-scrollbar{width:4px;height:auto}.gear-thumb{flex:none;min-width:0;width:100%;height:var(--cell);min-height:var(--cell);max-height:var(--cell);aspect-ratio:unset;align-self:stretch;border-radius:8px;overflow:hidden}.gear-thumb-img{padding:3px}.gear-thumb-empty{width:38%;height:38%}}.bite-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(72px,20vh,180px);gap:6px;animation:bite-fade 1.7s ease forwards}@keyframes bite-fade{0%{opacity:0}10%{opacity:1}62%{opacity:1}to{opacity:0}}.bite-flash-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 36%,rgba(0,80,180,.38) 0%,transparent 75%);animation:bite-bg-pop .45s ease}@keyframes bite-bg-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.bite-flash-emoji{font-size:clamp(2.8rem,9vw,5rem);filter:drop-shadow(0 4px 14px rgba(0,0,0,.55));animation:bite-pop .48s cubic-bezier(.34,1.9,.64,1) forwards}@keyframes bite-pop{0%{transform:scale(.1) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(6deg);opacity:1}}.bite-flash-text{font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(3.5rem,14vw,7.5rem);font-weight:900;color:#ffe000;text-transform:uppercase;letter-spacing:.03em;line-height:1;text-shadow:5px 5px 0 #b30000,-3px -3px 0 #b30000,3px -3px 0 #b30000,-3px 3px 0 #b30000,0 0 55px rgba(255,210,0,.85);animation:bite-text-pop .52s cubic-bezier(.34,2.1,.64,1) .08s both}@keyframes bite-text-pop{0%{transform:scale(.15) rotate(-8deg);opacity:0}55%{transform:scale(1.18) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.bite-flash-sub{font-size:clamp(1rem,3.5vw,1.5rem);font-weight:800;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.5);animation:bite-text-pop .45s cubic-bezier(.34,2,.64,1) .2s both}.audio-key{position:relative;display:inline-flex;flex:0 0 auto}.audio-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--stroke);background:#121828eb;color:#fff;cursor:pointer;box-shadow:0 4px 12px #0006}.audio-toggle-btn.is-muted{color:#ff8a80;border-color:#ff5a4680}.audio-icon-svg{display:block}.audio-menu{position:absolute;bottom:calc(100% + 10px);right:0;min-width:200px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;background:#0a101ef5;border:1px solid var(--stroke);box-shadow:0 14px 32px #00000073;z-index:30}.audio-menu-row{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:600;color:var(--text);cursor:pointer}.audio-menu-row input{width:16px;height:16px;accent-color:#3aa855;cursor:pointer}.audio-menu-row.is-locked{color:var(--muted);cursor:not-allowed}.audio-menu-row.is-locked input{cursor:not-allowed}.outcome-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(72px,20vh,180px);gap:10px;animation:outcome-fade 2.6s ease forwards}@keyframes outcome-fade{0%{opacity:0}10%{opacity:1}68%{opacity:1}to{opacity:0}}.outcome-splash-emoji{font-size:clamp(3rem,10vw,5.5rem);animation:outcome-pop .48s cubic-bezier(.34,1.9,.64,1) forwards}.outcome-splash-text{font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(3rem,12vw,6rem);font-weight:900;text-transform:uppercase;letter-spacing:.03em;line-height:1;animation:outcome-pop .5s cubic-bezier(.34,1.9,.64,1) .1s both}.outcome-splash-sub{font-size:clamp(.95rem,3vw,1.35rem);font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.8);animation:outcome-pop .45s cubic-bezier(.34,1.8,.64,1) .22s both}@keyframes outcome-pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.14)}to{transform:scale(1);opacity:1}}.outcome-splash-escape{background:radial-gradient(ellipse 65% 50% at 50% 36%,rgba(0,60,130,.42) 0%,transparent 72%)}.outcome-splash-escape .outcome-splash-text{color:#40c8ff;text-shadow:4px 4px 0 #002858,-3px -3px 0 #002858,0 0 55px rgba(40,180,255,.9)}.outcome-splash-line{background:radial-gradient(ellipse 65% 50% at 50% 36%,rgba(120,0,20,.42) 0%,transparent 72%)}.outcome-splash-line .outcome-splash-text{color:#f45;text-shadow:4px 4px 0 #600010,-3px -3px 0 #600010,0 0 55px rgba(255,40,60,.9)}.catch-reveal-cartoon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;background:#040a18e6;border:3px solid rgba(255,215,60,.72);border-radius:26px;padding:28px 46px;box-shadow:0 0 0 1px #ffd73c24,0 0 80px #ffb42861,0 30px 80px #000000b3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:catch-pop .52s cubic-bezier(.34,1.56,.64,1);cursor:pointer}@keyframes catch-pop{0%{transform:translate(-50%,-50%) scale(.28) rotate(-7deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.catch-cartoon-fish-img{display:block;width:clamp(140px,28vw,240px);height:clamp(90px,16vw,160px);object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 4px 18px rgba(255,180,40,.55));animation:catch-emoji-pop .55s cubic-bezier(.34,1.9,.64,1) .18s both}@keyframes catch-emoji-pop{0%{transform:scale(0) rotate(-12deg)}60%{transform:scale(1.12) rotate(5deg)}to{transform:scale(1) rotate(0)}}.catch-cartoon-species{font-family:Impact,Arial Black,system-ui,sans-serif;font-size:clamp(1.8rem,7vw,2.9rem);font-weight:900;letter-spacing:.05em;background:linear-gradient(135deg,#ffe040,#ff9020 48%,#ffe08a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(255,160,20,.55));animation:catch-slide-up .42s cubic-bezier(.34,1.4,.64,1) .14s both}.catch-cartoon-weight{font-size:clamp(2.2rem,8vw,3.8rem);font-weight:900;color:#fff;text-shadow:0 2px 14px rgba(255,255,255,.28);animation:catch-slide-up .42s cubic-bezier(.34,1.4,.64,1) .22s both;margin-top:2px}.catch-cartoon-unit{font-size:.52em;font-weight:600;color:#ffffffa6}.catch-cartoon-sub{font-size:.88rem;font-weight:600;color:#b4dcffbf;text-transform:uppercase;letter-spacing:.1em;margin-top:6px;animation:catch-slide-up .4s cubic-bezier(.34,1.4,.64,1) .3s both}@keyframes catch-slide-up{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.fight-right-stack{left:auto;right:max(10px,env(safe-area-inset-right,0px));top:max(128px,calc(118px + env(safe-area-inset-top,0px)));bottom:max(9.5rem,calc(9rem + env(safe-area-inset-bottom,0px)))}.scene-2d-fallback{top:0;bottom:0}.scene-bg-video{object-fit:contain;object-position:center center;right:0;bottom:0;left:0;top:0;width:100%;height:100%;transform:none}.hud-top-stack{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:max(10px,env(safe-area-inset-top,0px));left:10px;right:10px;z-index:5;gap:0;width:auto}.top-bar{position:relative;top:auto;left:auto;right:auto;width:100%;display:block}.top-hud-card{display:contents}.tournament{min-width:0;width:100%;max-width:none;padding:13px 12px;gap:6px 6px;min-height:65px;grid-template-columns:auto minmax(0,1fr) max-content max-content;grid-template-rows:auto;grid-template-areas:"logo title clock countdown";align-items:center}.top-bar>.panel.tournament{min-width:0;width:100%}.tournament-info{min-width:0}.tournament-logo-img{width:40px;height:40px}.tournament-title{font-size:.78rem;line-height:1.15}.tournament-place{font-size:.68rem;line-height:1.2}.tournament-col-weather{display:none}.tournament-col-clock{justify-self:center;align-self:center}.tournament-col-clock .countdown-clock-svg{width:24px;height:24px}.tournament-col-countdown.countdown-block{justify-self:end;width:max-content;min-width:0;max-width:max-content}.tournament-col-countdown .muted{letter-spacing:.06em;width:max-content;justify-self:end;text-align:right;white-space:nowrap}.tournament-col-countdown .countdown{width:8.35ch;min-width:8.35ch;max-width:8.35ch;letter-spacing:0}.leaderboard{position:relative;top:auto;left:auto;right:auto;bottom:auto;align-self:stretch;width:100%;max-width:none;margin-top:10px;padding:10px 12px;max-height:min(30vh,220px);overflow:hidden;transition:opacity .35s ease,max-height .28s ease,padding .28s ease}.leaderboard.is-collapsed{max-height:46px;padding:10px 12px}.leaderboard.is-collapsed .lb-head,.leaderboard.is-collapsed .lb-list,.leaderboard.is-collapsed .lb-foot{display:none}.lb-toggle{cursor:pointer}.lb-chevron{display:inline-block}.lb-list{max-height:min(22vh,160px)}.lb-head,.lb-row{grid-template-columns:36px minmax(0,1fr) 50px;column-gap:6px;font-size:.7rem}.lb-head{font-size:.56rem;letter-spacing:.05em;padding-bottom:5px}.lb-rank{min-width:36px;font-size:1.2rem}.lb-foot{font-size:.6rem;font-weight:600;color:#e8eeffd1}.lb-name{font-size:.68rem;font-weight:600}.lb-kg{font-size:.68rem;font-weight:700}.avatar{width:20px;height:20px}.bottom-dock{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:6}.bottom-dock .bottom-left,.bottom-dock .bottom-right{position:relative;left:auto;right:auto;bottom:auto;top:auto;width:100%;max-width:none}.bottom-left.panel.hud{border-radius:16px 16px 0 0;padding:8px 14px}.bottom-dock .bottom-left.is-collapsed{width:auto;align-self:flex-end;padding:0 14px;background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.bottom-left.is-collapsed .level-row{display:none}.bottom-left.is-collapsed .level-toggle{width:58px;height:24px;border-radius:12px 12px 0 0;border:1px solid var(--stroke);border-bottom:none;background:var(--panel);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12);color:#e8eeffb3;box-shadow:none}.bottom-left.is-collapsed .level-chevron{font-size:.78rem}.bottom-left .level-badge{width:40px;height:40px;font-size:.85rem}.bottom-left .level-row{grid-template-columns:40px 1fr;gap:10px}.bottom-left .level-label{font-size:.68rem}.bottom-left .xp-bar{height:7px;margin-top:3px}.bottom-left .xp-text{margin-top:3px;font-size:.66rem}.bottom-left .keys{margin-top:8px}.bottom-left .key-action{padding:5px 8px;font-size:.62rem}.bottom-left .audio-toggle-btn{width:30px;height:30px}.bottom-right.panel.gear{left:0;right:0;bottom:0;width:100%;min-height:0;padding:8px 12px max(10px,env(safe-area-inset-bottom,0px));border-radius:0}.gear-body{flex-direction:column;align-items:stretch;gap:6px}.gear-block{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;margin-bottom:0;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.gear-row{flex:none;flex-direction:column;align-items:flex-start;gap:2px;margin-top:0;min-width:0}.gear-k{font-size:.58rem;white-space:nowrap}.gear-v-right{text-align:left;font-size:.7rem;line-height:1.2;word-break:normal;overflow-wrap:anywhere}.gear-recent{--thumb-gap: 8px;flex:0 0 auto;display:flex;justify-content:flex-start;gap:var(--thumb-gap);margin-top:0;width:100%;overflow-x:auto}.gear-thumb{flex:0 0 calc((100% - (var(--thumb-gap) * 5)) / 6);min-width:calc((100% - (var(--thumb-gap) * 5)) / 6);width:auto;height:auto;aspect-ratio:1;border-radius:8px}.fishing-bar-wrap{position:relative;right:auto;left:auto;top:auto;transform:none;margin-bottom:0}.fishing-bar-canvas{width:70px;height:344px}.fight-hud-v2{position:relative;left:auto;right:auto;bottom:auto;transform:none;align-items:center;width:auto;max-width:none;gap:6px;padding-bottom:0;overflow:visible}.reel-round-btn{width:88px;height:88px}.fight-hint-v2{display:none}.bite-flash,.outcome-splash{padding-top:clamp(56px,16vh,120px)}.bite-flash-text{font-size:clamp(2.6rem,12vw,4.2rem)}.outcome-splash-text{font-size:clamp(2.4rem,11vw,3.8rem)}}@media(max-width:520px){.leaderboard{width:100%;max-width:none;margin-top:10px}.gear-block{gap:8px}.gear-k{font-size:.58rem}.gear-v-right{font-size:.7rem}.fishing-bar-wrap{transform:none;margin-bottom:0}.fishing-bar-canvas{width:63px;height:310px}.fight-hud-v2{padding-bottom:0}.reel-round-btn{width:80px;height:80px}}.btn.small{padding:8px 12px;border-radius:10px;font-size:.82rem;background:linear-gradient(180deg,#4aa3ffe6,#2f74d8);color:#fff;border-color:#ffffff1f}.btn.ghost{background:#ffffff0f;color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed}.auth-tabs{display:flex;gap:6px;margin:18px 22px 0;padding:4px;border-radius:12px;background:#00000047;border:1px solid var(--stroke)}.auth-tab{flex:1;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}.auth-tab.is-active{background:linear-gradient(180deg,#4aa3ffeb,#2f74d8);color:#fff}.auth-form{margin:18px 22px 0}.auth-form .field{margin-left:0;margin-right:0}.auth-form .btn.primary{width:100%;margin:4px 0 0}.auth-error{margin:0 22px 10px;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,68,85,.4);background:#ff44551f;color:#ffd7db;font-size:.82rem}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 22px 12px;color:var(--muted);font-size:.78rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--stroke)}.google-btn{position:relative;margin:0 22px;height:48px;border-radius:16px;transition:transform .12s ease,filter .12s ease}.google-btn:hover{transform:translateY(-2px);filter:brightness(1.03)}.google-btn:active{transform:translateY(2px)}.google-btn.is-loading{opacity:.6}.google-btn-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;border:3px solid #dbe5f4;border-radius:16px;background:#fff;color:#1b2a4a;font-family:var(--pu-title, inherit);font-size:1.05rem;letter-spacing:.02em;box-shadow:inset 0 -4px #e3ebf7,0 4px 10px #12264e1f;pointer-events:none}.google-btn-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;opacity:.001;cursor:pointer}.google-btn-host>div{transform:scaleY(1.25)}.results-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#040812b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.results-card{width:min(460px,100%);max-height:86vh;overflow-y:auto;padding:22px;border-radius:20px;border:1px solid rgba(232,197,71,.4);background:#0a1222f0;box-shadow:0 20px 60px #00000080}.results-title{margin:0 0 4px;font-family:Nunito,sans-serif;font-size:1.4rem;text-align:center}.results-room{margin:0 0 14px;color:var(--muted);font-size:.82rem;text-align:center}.results-winner{margin:0 0 16px;padding:12px;border-radius:12px;background:#e8c5471f;border:1px solid rgba(232,197,71,.32);text-align:center;font-size:.9rem}.results-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px}.results-list li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff0d;font-size:.85rem}.results-list li.is-me{background:#4aa3ff2e;border:1px solid rgba(74,163,255,.4)}.results-rank{width:22px;font-weight:800;color:var(--muted)}.results-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-score{font-weight:700}.results-prize{color:var(--gold);font-weight:700;font-size:.8rem}.results-actions{display:flex;gap:10px}.results-actions .btn{flex:1}.char-carousel{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px 0}.char-stage{display:flex;align-items:flex-end;justify-content:center;gap:22px;min-height:286px}.char-slide{display:grid;justify-items:center;gap:2px;margin:0;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer;transform:scale(.78);opacity:.55;transition:transform .25s ease,opacity .25s ease}.char-slide.is-selected{transform:scale(1);opacity:1;color:#fff}.char-portrait{height:250px;width:auto;max-width:42vw;object-fit:contain;background:transparent;filter:drop-shadow(0 18px 16px rgba(0,0,0,.5));pointer-events:none;-webkit-user-select:none;user-select:none}.char-name{font-family:Nunito,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:.02em}.char-arrow{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid var(--stroke);background:#080e1c8c;color:var(--text);font-size:1.7rem;line-height:1;cursor:pointer}.char-arrow:hover{background:#4aa3ff47}@media(max-width:900px){.char-portrait{height:210px}.char-stage{min-height:240px;gap:4px}.char-modal-card{width:min(100%,560px)}}.char-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px}.char-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#040812b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer}.char-modal-card{position:relative;z-index:1;width:min(720px,100%);padding:18px 12px 20px;border-radius:20px;border:1px solid var(--stroke);background:#0a1222f0;box-shadow:0 20px 60px #00000080}.char-modal-title{margin:4px 0 0;text-align:center;font-family:Nunito,sans-serif;font-size:1.35rem}.char-modal-error{margin:8px 16px 0}.char-modal-actions{display:flex;gap:10px;padding:4px 16px 0}.char-modal-actions .btn{flex:1;width:auto}.app-update-banner{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;z-index:10000;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 14px;border-radius:999px;background:linear-gradient(180deg,#4fd08a,#24995a);box-shadow:inset 0 -4px #17713f,0 14px 32px #0a281466;color:#fff;transform:translate(-50%);animation:app-update-in .35s cubic-bezier(.2,1.4,.4,1) both;pointer-events:none}.app-update-banner span:last-child{display:grid;line-height:1.15}.app-update-banner b{font-family:Lilita One,Nunito,system-ui,sans-serif;font-weight:400;font-size:1.05rem;white-space:nowrap}.app-update-banner small{font-size:.8rem;font-weight:700;opacity:.9}.app-update-spinner{width:22px;height:22px;flex:0 0 auto;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:app-update-spin .8s linear infinite}@keyframes app-update-in{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes app-update-spin{to{transform:rotate(360deg)}}.pu-menu,.pu-login,.pu-game,.char-modal,.pu-modal,.g-rank-modal,.pay-pop-wrap{--ink: #1b2a4a;--ink-soft: #55678c;--paper: #ffffff;--paper-2: #f3f7ff;--line: #dfe7f5;--sky: #2f8fdc;--sky-dark: #1d64b0;--grass: #3cc35a;--grass-dark: #23913c;--sun: #ffc83d;--sun-dark: #d99300;--berry: #ef4f6b;--berry-dark: #b72a45;--pu-radius: 22px;--pu-shadow: 0 6px 0 rgba(18, 38, 78, .12), 0 18px 34px rgba(18, 38, 78, .16);--pu-title: "Lilita One", "Nunito", system-ui, sans-serif;--pu-body: "Nunito", system-ui, sans-serif}.pu-menu{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;font-family:var(--pu-body);font-weight:700;color:var(--ink);background:#8fd3ff;scrollbar-width:thin;scrollbar-color:rgba(27,42,74,.35) transparent}.pu-menu-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/juego/fondo/menu_bg_rosario.webp) center 45% / cover no-repeat,linear-gradient(180deg,#8fd3ff,#4ea8e8)}.pu-menu-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff0,#d6eeff1f 65%,#c4e4ff4d)}.pu-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:10px 22px;background:linear-gradient(180deg,#fff,#eef5ff);border-bottom:4px solid #cfe0f7;box-shadow:0 10px 28px #12264e2e}.pu-gamelogo{--logo-size: 1;display:inline-flex;align-items:center;gap:calc(8px * var(--logo-size));flex-shrink:0;font-family:Lilita One,Nunito,system-ui,sans-serif;line-height:1;-webkit-user-select:none;user-select:none}.pu-gamelogo.is-hero{--logo-size: 2.4;flex-direction:column;gap:6px}.pu-emblem{display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1d2a1a,#050805 70%);box-shadow:inset 0 0 0 2px #39ff14,0 3px #00000059;color:#39ff14;font-family:Lilita One,Nunito,system-ui,sans-serif;line-height:1;letter-spacing:.02em;text-shadow:0 0 8px rgba(57,255,20,.55)}.pu-gamelogo-words{position:relative;isolation:isolate;display:grid;justify-items:start;padding-bottom:calc(4px * var(--logo-size))}.pu-gamelogo.is-hero .pu-gamelogo-words{justify-items:center}.pu-gamelogo-line{position:relative;display:block;letter-spacing:.02em;background:linear-gradient(180deg,#d8ffb8,#7dff4a 38%,#39ff14 62%,#1fb312);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.pu-gamelogo-line:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-text-fill-color:#070a06;-webkit-text-stroke:calc(7px * var(--logo-size)) #070a06;text-shadow:0 calc(4px * var(--logo-size)) 0 #070a06,0 calc(7px * var(--logo-size)) calc(12px * var(--logo-size)) rgba(57,255,20,.35)}.pu-gamelogo-line.is-top{font-size:calc(1.02rem * var(--logo-size));margin-left:calc(2px * var(--logo-size));background:linear-gradient(180deg,#fff,#e4ffe0);-webkit-background-clip:text;background-clip:text}.pu-gamelogo.is-hero .pu-gamelogo-line.is-top{margin-left:0}.pu-gamelogo-line.is-main{font-size:calc(1.72rem * var(--logo-size));margin-top:calc(-1px * var(--logo-size))}.pu-gamelogo-ribbon{position:relative;justify-self:end;margin-top:calc(3px * var(--logo-size));padding:calc(2px * var(--logo-size)) calc(10px * var(--logo-size)) calc(3px * var(--logo-size));border-radius:calc(6px * var(--logo-size));background:linear-gradient(180deg,#1c2619,#050805);box-shadow:0 0 0 calc(2.5px * var(--logo-size)) #39ff14,0 calc(3px * var(--logo-size)) 0 calc(2.5px * var(--logo-size)) #070a06;color:#39ff14;font-size:calc(.66rem * var(--logo-size));letter-spacing:.16em;transform:rotate(-3deg);text-shadow:0 0 calc(6px * var(--logo-size)) rgba(57,255,20,.6)}.pu-gamelogo.is-hero .pu-gamelogo-ribbon{justify-self:center}.pu-tabs{display:flex;gap:8px;flex:1;justify-content:center;min-width:0}.pu-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 10px;border:0;border-radius:999px;background:var(--paper-2);color:var(--ink-soft);font-family:var(--pu-title);font-size:1.08rem;letter-spacing:.02em;cursor:pointer;box-shadow:inset 0 -4px #d6e2f5;transition:transform .15s ease,background .15s ease,color .15s ease}.pu-tab img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));transition:transform .2s ease}.pu-tab.is-active img{filter:drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 2px 2px rgba(0,0,0,.25))}.pu-tab:hover{transform:translateY(-2px);color:var(--ink)}.pu-tab:hover img{transform:rotate(-8deg) scale(1.08)}.pu-tab.is-active{background:linear-gradient(180deg,#4fb0ff,var(--sky));color:#fff;box-shadow:inset 0 -5px 0 var(--sky-dark),0 6px 14px #2f8fdc59;text-shadow:0 2px 0 rgba(0,0,0,.18)}.pu-player{display:flex;align-items:center;gap:10px;flex-shrink:0}.pu-coins-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;border:0;border-radius:999px;background:linear-gradient(180deg,#fff3c4,#ffe08a);box-shadow:inset 0 -4px #f0bf4a;color:#7a4b00;font-family:var(--pu-title);font-size:1.15rem;cursor:pointer}.pu-player-card{display:inline-flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;border:0;border-radius:999px;background:var(--paper-2);box-shadow:inset 0 -4px #d6e2f5;color:var(--ink);font:inherit;cursor:pointer}.pu-player-meta{display:grid;text-align:left;line-height:1.1}.pu-logout{display:inline-flex;align-items:center;gap:6px}.pu-logout svg{display:none}.pu-player-meta strong{font-family:var(--pu-title);font-size:1rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pu-player-meta small{color:var(--sky-dark);font-weight:800;font-size:.78rem}.pu-body{position:relative;z-index:1;width:min(1280px,100%);margin:0 auto;padding:26px 22px 60px}.pu-coin{position:relative;display:inline-block;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c8 0,#fff6c8 12%,#ffd84a 28%,#f5a800 70%,#c97a00);box-shadow:inset 0 -2px #8c500073,0 2px #78460059;vertical-align:middle}.pu-coin:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:2px solid rgba(160,95,0,.45);background:radial-gradient(circle at 40% 35%,#ffe680,#f2ad10)}.pu-coin-amount{display:inline-flex;align-items:center;gap:6px;font-weight:900;white-space:nowrap}.pu-avatar{position:relative;display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,color-mix(in srgb,var(--tint, #2f8fdc) 25%,#ffffff));overflow:hidden}.pu-avatar.has-ring{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--tint, #2f8fdc),0 6px 14px #12264e40}.pu-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.pu-item-art{display:block;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.pu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px 13px;border:0;border-radius:16px;font-family:var(--pu-title);font-size:1.08rem;letter-spacing:.02em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.2);cursor:pointer;background:linear-gradient(180deg,#6fc2ff,var(--sky));box-shadow:inset 0 -5px 0 var(--sky-dark),0 4px 10px #12264e33;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.pu-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.pu-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -2px #00000040,0 2px 4px #12264e33}.pu-btn:disabled{cursor:not-allowed;filter:grayscale(.75) brightness(1.05);opacity:.6}.pu-btn.green{background:linear-gradient(180deg,#72de86,var(--grass));box-shadow:inset 0 -5px 0 var(--grass-dark),0 4px 10px #23913c4d}.pu-btn.blue{background:linear-gradient(180deg,#6fc2ff,var(--sky));box-shadow:inset 0 -5px 0 var(--sky-dark),0 4px 10px #1d64b04d}.pu-btn.ghost{background:var(--paper-2);color:var(--ink);text-shadow:none;box-shadow:inset 0 -4px #d3dff2}.pu-btn.is-done{background:linear-gradient(180deg,#fff1bf,#ffd977);color:#7a4b00;text-shadow:none;box-shadow:inset 0 -4px #e6b343;opacity:1;filter:none}.pu-btn.small{min-height:36px;padding:6px 14px 9px;border-radius:12px;font-size:.95rem}.pu-section{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;animation:pu-rise .35s ease both}.pu-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-radius:var(--pu-radius);background:var(--paper);box-shadow:var(--pu-shadow);border-bottom:5px solid #d7e4f7}.pu-h2{margin:0;font-family:var(--pu-title);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:.01em;color:var(--ink);line-height:1.05}.pu-h3{margin:0 0 12px;font-family:var(--pu-title);font-weight:400;font-size:1.25rem;color:var(--ink)}.pu-sub{margin:6px 0 0;color:var(--ink-soft);font-size:.98rem;line-height:1.4}.pu-card{padding:20px;border-radius:var(--pu-radius);background:var(--paper);box-shadow:var(--pu-shadow)}.pu-wallet{display:flex;align-items:center;gap:12px;padding:8px 20px 10px 10px;border-radius:999px;background:linear-gradient(180deg,#fff3c4,#ffe08a);box-shadow:inset 0 -5px #f0bf4a}.pu-wallet div{display:grid;line-height:1}.pu-wallet strong{font-family:var(--pu-title);font-weight:400;font-size:1.7rem;color:#7a4b00}.pu-wallet span{font-size:.78rem;font-weight:900;color:#a06a00;text-transform:uppercase;letter-spacing:.08em}.pu-toast{padding:12px 18px;border-radius:16px;font-weight:800;background:#fff;box-shadow:var(--pu-shadow);animation:pu-pop .28s ease both}.pu-toast.is-ok{background:#e3f9e7;color:#1c6b2e;box-shadow:inset 0 -4px #a9e6b5,0 8px 20px #23913c2e}.pu-toast.is-error{background:#ffe6ea;color:#a1203a;box-shadow:inset 0 -4px #f6b2bf,0 8px 20px #b72a452e}.pu-empty{padding:36px 20px;border-radius:var(--pu-radius);background:var(--paper);box-shadow:var(--pu-shadow);text-align:center;color:var(--ink-soft);font-size:1.05rem}.pu-subtabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border-radius:20px;background:var(--paper);box-shadow:var(--pu-shadow);width:fit-content;max-width:100%}.pu-subtab{padding:9px 18px 11px;border:0;border-radius:14px;background:transparent;color:var(--ink-soft);font-family:var(--pu-title);font-size:1rem;cursor:pointer;transition:background .15s ease,color .15s ease}.pu-subtab:hover{background:var(--paper-2);color:var(--ink)}.pu-subtab.is-active{background:linear-gradient(180deg,#ffd96b,var(--sun));color:#6a3d00;box-shadow:inset 0 -4px 0 var(--sun-dark)}.pu-level-badge{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:12px;background:linear-gradient(180deg,#8f6bff,#6a42e0);box-shadow:inset 0 -4px #4b28b4;color:#fff;font-family:var(--pu-title);font-size:1.2rem;text-shadow:0 2px 0 rgba(0,0,0,.2)}.legend-path{margin-top:10px;padding:8px 12px;border-radius:14px;background:linear-gradient(135deg,#fff6d8,#ffe7a3);border:2px solid #f2c14e;color:#6b4a00;font-size:.82rem}.legend-path b{font-family:var(--pu-title);font-size:.95rem}.legend-path ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:2px}.legend-path li:before{content:"○ ";font-weight:800}.legend-path li.is-ok{color:#1f7a3a}.legend-path li.is-ok:before{content:"✔ "}.legend-path.is-done{background:linear-gradient(135deg,#ffe58a,#ffc93c)}.pu-xp{position:relative;height:24px;border-radius:999px;background:#e5ecf8;box-shadow:inset 0 3px #12264e1a;overflow:hidden}.pu-xp-fill{position:absolute;inset:0 auto 0 0;min-width:24px;border-radius:inherit;background:linear-gradient(180deg,#b19bff,#7b55e8);box-shadow:inset 0 -4px #00000026,inset 0 3px #ffffff59;transition:width .6s ease}.pu-xp-text{position:relative;display:block;text-align:center;line-height:24px;font-size:.8rem;font-weight:900;color:var(--ink);text-shadow:0 0 3px #fff,0 0 3px #fff,0 1px 0 #fff}.pu-stats{display:grid;gap:7px;margin:0;padding:0;list-style:none}.pu-stats li{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:8px;font-size:.8rem}.pu-stats-label{color:var(--ink-soft);font-weight:800}.pu-stats-track{height:10px;border-radius:999px;background:#e8eef8;overflow:hidden}.pu-stats-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tint, var(--sky)),color-mix(in srgb,var(--tint, var(--sky)) 55%,#ffffff))}.pu-stats-value{min-width:46px;text-align:right;font-weight:900;color:var(--ink)}.shop-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:640px){.shop-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.shop-results-anchor{height:0;margin:0;scroll-margin-top:90px}@media(max-width:820px){.shop-results{min-height:calc(100dvh - 120px)}}.shop-cat{position:relative;display:flex;align-items:center;gap:10px;padding:10px 14px;border:0;border-radius:20px;background:var(--paper);color:var(--ink);font-family:var(--pu-title);font-size:1.12rem;cursor:pointer;box-shadow:inset 0 -5px #dbe5f4,0 8px 18px #12264e1f;transition:transform .15s ease}.shop-cat:hover{transform:translateY(-3px)}.shop-cat-art{width:54px;height:54px;padding:4px;border-radius:16px;background:color-mix(in srgb,var(--tint) 14%,#ffffff);transition:transform .2s ease}.shop-cat:hover .shop-cat-art{transform:rotate(-6deg) scale(1.06)}.shop-cat.is-active{background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 75%,#ffffff),var(--tint));color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.2);box-shadow:inset 0 -6px color-mix(in srgb,var(--tint) 70%,#000000),0 10px 22px color-mix(in srgb,var(--tint) 40%,transparent)}.shop-cat.is-active .shop-cat-art{background:#ffffffeb}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.shop-card{position:relative;display:flex;flex-direction:column;border-radius:26px;background:var(--paper);box-shadow:var(--pu-shadow);border:3px solid #fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;animation:pu-rise .35s ease both}.shop-card:hover{transform:translateY(-5px);box-shadow:0 8px #12264e1a,0 26px 40px #12264e38}.shop-card.is-equipped{border-color:var(--sun);box-shadow:0 0 0 3px #ffc83d59,var(--pu-shadow)}.shop-card-art{position:relative;display:grid;place-items:center;height:190px;padding:18px;background:radial-gradient(ellipse 60% 18% at 50% 88%,rgba(18,38,78,.18),transparent 70%),radial-gradient(circle at 50% 38%,#fff,color-mix(in srgb,var(--tint) 16%,#ffffff) 55%,color-mix(in srgb,var(--tint) 34%,#ffffff))}.shop-card-art{overflow:hidden}.shop-card-img{width:100%;height:100%;min-height:0;max-height:154px;filter:drop-shadow(0 10px 10px rgba(18,38,78,.25));transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.shop-card.is-avatar .shop-card-art{height:220px;padding:0}.shop-card.is-avatar .shop-card-img{position:absolute;top:0;right:0;bottom:0;left:0;max-height:none;object-fit:cover;object-position:center 20%;filter:none}.shop-card.is-avatar:hover .shop-card-img{transform:scale(1.05)}.shop-card.is-avatar .shop-card-name{font-size:1.55rem;text-align:center}.shop-card.is-avatar .shop-card-desc{text-align:center}.shop-card:hover .shop-card-img{transform:scale(1.08) rotate(-3deg)}.shop-rarity{position:absolute;top:12px;left:12px;z-index:1;padding:4px 10px 5px;border-radius:999px;background:var(--rarity);color:#fff;font-family:var(--pu-title);font-size:.78rem;letter-spacing:.04em;text-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -3px #0000002e}.shop-equipped{position:absolute;top:12px;right:12px;z-index:1;padding:4px 10px 5px;border-radius:999px;background:var(--sun);color:#6a3d00;font-family:var(--pu-title);font-size:.78rem;box-shadow:inset 0 -3px 0 var(--sun-dark)}.shop-lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:8px;background:#1b2a4a8c;color:#fff;font-family:var(--pu-title);font-size:1.25rem;text-shadow:0 2px 0 rgba(0,0,0,.3)}.shop-lock-icon{position:relative;width:34px;height:28px;margin-top:16px;border-radius:8px;background:linear-gradient(180deg,#ffd96b,var(--sun));box-shadow:inset 0 -4px 0 var(--sun-dark)}.shop-lock-icon:before{content:"";position:absolute;left:50%;bottom:100%;width:22px;height:18px;transform:translate(-50%);border:5px solid #e9edf5;border-bottom:0;border-radius:14px 14px 0 0}.shop-card.is-locked .shop-card-img{filter:grayscale(.7) brightness(.9)}.shop-card-body{display:grid;gap:10px;align-content:start;flex:1;padding:14px 18px 6px}.shop-card-name{margin:0;font-family:var(--pu-title);font-weight:400;font-size:1.3rem;line-height:1.1;color:var(--ink)}.shop-card-desc{margin:0;color:var(--ink-soft);font-size:.86rem;line-height:1.35}.shop-card .pu-stats{--tint: inherit}.shop-targets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shop-targets>span{font-size:.75rem;font-weight:900;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.shop-targets ul,.room-card2-species ul{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.shop-targets li,.room-card2-species li{display:grid;place-items:center;width:40px;height:32px;border-radius:10px;background:#eaf4ff;box-shadow:inset 0 -3px #cfe2f8}.shop-targets img,.room-card2-species img{width:34px;height:26px;object-fit:contain}.shop-pack{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:14px;background:var(--paper-2)}.shop-pack-info{font-size:.82rem;color:var(--ink-soft)}.shop-pack-info strong{color:var(--grass-dark)}.shop-pack-picker{display:flex;gap:4px}.shop-pack-picker button{min-width:38px;padding:4px 8px 6px;border:0;border-radius:10px;background:#fff;color:var(--ink-soft);font-family:var(--pu-title);font-size:.9rem;cursor:pointer;box-shadow:inset 0 -3px #d6e2f5}.shop-pack-picker button.is-active{background:var(--sky);color:#fff;box-shadow:inset 0 -3px 0 var(--sky-dark)}.shop-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 18px 18px}.shop-card-foot .pu-btn:not(.small){flex:1}.shop-card-foot .pu-btn .pu-coin-amount{font-family:var(--pu-title);font-weight:400}.shop-broke{width:100%;text-align:center;font-size:.78rem;color:var(--berry-dark)}.room-grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.room-card2{display:flex;flex-direction:column;border-radius:26px;background:var(--paper);box-shadow:var(--pu-shadow);overflow:hidden;transition:transform .2s ease;animation:pu-rise .35s ease both;cursor:pointer}.room-card2:has(.room-card2-foot button:disabled){cursor:default}.room-card2:hover{transform:translateY(-5px)}.room-card2.is-full,.room-card2.is-locked{filter:saturate(.6)}.room-card2-banner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:130px;padding:18px 20px;background:radial-gradient(circle at 85% 50%,rgba(255,255,255,.35),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--tint) 70%,#ffffff),var(--tint));box-shadow:inset 0 -6px color-mix(in srgb,var(--tint) 70%,#000000);color:#fff;overflow:hidden}.room-card2-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:56%}.room-card2-banner h3{position:relative;z-index:1;margin:0;font-family:var(--pu-title);font-weight:400;font-size:1.55rem;line-height:1.05;text-shadow:0 3px 0 rgba(0,0,0,.2)}.room-card2-rule{position:relative;z-index:1;display:inline-block;padding:3px 10px 4px;border-radius:12px;background:#ffffffeb;color:var(--ink);font-size:.76rem;font-weight:900;line-height:1.25}.room-card2-fish{position:absolute;right:-8px;top:50%;margin-top:-56px;width:48%;max-height:112px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.3));transform:rotate(-8deg);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.room-card2:hover .room-card2-fish{transform:rotate(-2deg) scale(1.08)}.room-card2-fish.is-art{right:0;top:6px;bottom:8px;margin-top:0;width:auto;height:calc(100% - 14px);max-width:58%;max-height:none;object-position:right center;transform:none}.room-card2:hover .room-card2-fish.is-art{transform:scale(1.08) rotate(-3deg)}.room-card2-prize{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:4px 12px 5px 5px;border-radius:999px;background:linear-gradient(180deg,#fff3c4,#ffe08a);box-shadow:inset 0 -3px #f0bf4a;color:#7a4b00;font-family:var(--pu-title);font-size:1.05rem}.room-card2-prize.is-xp{padding:4px 12px 5px;background:linear-gradient(180deg,#d9f7e6,#9fe6bd);box-shadow:inset 0 -3px #4fc184;color:#17643a}.room-card2-body.is-solo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr}.room-solo-tips{display:grid;align-content:center;gap:6px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#2fae6b14,#2fae6b05);border:1.5px dashed rgba(47,174,107,.35);font-size:.8rem;line-height:1.35;color:var(--ink-soft)}.room-solo-tips b{font-family:var(--pu-title);font-size:.95rem;font-weight:400;color:#17643a}.room-solo-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.room-solo-perks li{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:14px;background:#2fae6b1a;box-shadow:inset 0 0 0 1.5px #2fae6b40;font-size:.74rem;font-weight:800;line-height:1.15;color:#17643a;text-align:center}.room-solo-perks i{font-style:normal;font-size:1.15rem;line-height:1}.room-card2-body{display:grid;gap:12px;flex:1;padding:16px 20px 6px}.room-card2-desc{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.35}.room-card2-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.room-card2-facts li{display:grid;gap:2px;padding:8px 10px;border-radius:14px;background:var(--paper-2);text-align:center}.room-card2-facts small,.room-card2-species small{font-size:.7rem;font-weight:900;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.room-card2-facts b{display:flex;justify-content:center;font-family:var(--pu-title);font-weight:400;font-size:1.02rem}.room-card2-species{display:grid;gap:6px}.room-card2-seats{display:grid;gap:4px}.room-card2-seats small{font-size:.78rem;color:var(--ink-soft)}.room-lobby-tag{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:var(--tint, #2f8fdc);color:#fff;font-size:.7rem;font-weight:800}.room-card2-bar{height:12px;border-radius:999px;background:#e8eef8;overflow:hidden}.room-card2-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--grass),#9be86b)}.room-card2-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px 20px}.room-card2-status{flex:1 1 auto;min-width:0;font-size:.8rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card2-status.is-live{color:var(--berry-dark)}.room-card2-status.is-live:before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;background:var(--berry);animation:pu-pulse 1.2s ease infinite}.room-card2-foot .pu-btn{flex:0 0 auto;min-width:130px;white-space:nowrap}@media(max-width:520px){.room-card2-foot{gap:8px;padding:10px 14px 16px}.room-card2-status{font-size:.74rem}}.profile-photo{position:relative;display:inline-grid;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:transform .15s ease}.profile-photo:hover{transform:scale(1.03)}.profile-photo-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;background:#10204273;color:#fff;opacity:0;transition:opacity .15s ease}.profile-photo:hover .profile-photo-hover,.profile-photo:focus-visible .profile-photo-hover{opacity:1}@media(hover:none){.profile-photo-hover{background:transparent;opacity:0}}.profile-photo-badge{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:36px;height:36px;border:3px solid #fff;border-radius:50%;background:linear-gradient(180deg,#6fc2ff,var(--sky));color:#fff;box-shadow:inset 0 -3px 0 var(--sky-dark),0 4px 10px #12264e40}.photo-picker{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;width:min(440px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:26px 22px 22px;border-radius:28px;background:#fff;box-shadow:0 8px #12264e24,0 30px 60px #0a143259;animation:pu-pop .25s ease both}.photo-picker-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:var(--paper-2);color:var(--ink-soft);font-size:1.4rem;line-height:1;cursor:pointer}.photo-picker-title{margin:0;font-family:var(--pu-title);font-weight:400;font-size:1.4rem;color:var(--ink)}.photo-picker-preview{padding:6px}.photo-picker-actions{display:flex;gap:10px;width:100%}.photo-picker-upload{flex:1}.photo-picker-remove{flex:0 0 auto}.photo-picker-label{justify-self:start;margin:4px 0 0;color:var(--ink-soft);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.photo-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;width:100%}.photo-picker-tile{display:grid;justify-items:center;gap:6px;padding:10px 6px 8px;border:3px solid transparent;border-radius:18px;background:var(--paper-2);color:var(--ink);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;box-shadow:inset 0 -4px #dbe5f4;transition:transform .12s ease,border-color .12s ease}.photo-picker-tile:hover:not(:disabled){transform:translateY(-2px)}.photo-picker-tile.is-active{border-color:var(--sky);background:#e7f3ff}.photo-picker-tile:disabled{cursor:wait;opacity:.7}.photo-picker-tile>span:last-child{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.photo-picker-avatar{position:relative;display:inline-grid}.photo-picker-g{position:absolute;right:-4px;bottom:-2px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #12264e40}.photo-picker-error{width:100%;margin:0}.profile-hero2{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:24px 28px;border-radius:28px;background:radial-gradient(circle at 8% 50%,rgba(255,255,255,.9),transparent 40%),linear-gradient(135deg,#fff,#eaf4ff);box-shadow:var(--pu-shadow);border-bottom:6px solid #d2e2f7}.profile-hero2-main{display:grid;gap:10px;min-width:0}.profile-hero2-name{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--pu-title);font-weight:400;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1}.profile-edit{width:34px;height:34px;border:0;border-radius:10px;background:var(--paper-2);color:var(--ink-soft);font-size:1rem;cursor:pointer;box-shadow:inset 0 -3px #d6e2f5}.profile-nick-edit{display:flex;gap:8px;flex-wrap:wrap}.profile-nick-edit input{flex:1;min-width:160px;padding:10px 14px;border:3px solid #d6e2f5;border-radius:14px;background:#fff;color:var(--ink);font-family:var(--pu-title);font-size:1.2rem;outline:none}.profile-nick-edit input:focus{border-color:var(--sky)}.profile-hero2-level{display:flex;align-items:center;gap:10px}.profile-hero2-title{font-weight:900;color:#6a42e0}.profile-hero2-stats{display:grid;grid-template-columns:repeat(5,auto);gap:10px}.profile-hero2-stats>div{display:grid;justify-items:center;gap:2px;min-width:86px;padding:10px 12px;border-radius:18px;background:#fff;box-shadow:inset 0 -4px #dbe5f4}.profile-hero2-stats b{display:inline-flex;align-items:center;gap:4px;font-family:var(--pu-title);font-weight:400;font-size:1.3rem}.profile-hero2-stats small{font-size:.7rem;font-weight:900;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;text-align:center}.profile-hero2-stats .is-coins{background:linear-gradient(180deg,#fff3c4,#ffe08a);box-shadow:inset 0 -4px #f0bf4a}.profile-hero2-stats .is-coins b{color:#7a4b00}.collection-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 22px;border-radius:var(--pu-radius);background:var(--paper);box-shadow:var(--pu-shadow)}.collection-progress>div:first-child{display:grid}.collection-progress strong{font-family:var(--pu-title);font-weight:400;font-size:1.3rem}.collection-progress span{font-size:.85rem;color:var(--ink-soft)}.collection-progress-bar{height:16px;border-radius:999px;background:#e8eef8;overflow:hidden}.collection-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sun),#ff8a3d);box-shadow:inset 0 -3px #0000001f}.collection-legend{display:flex;gap:10px;margin:0;padding:0;list-style:none;font-size:.78rem;font-weight:900}.collection-legend li{display:inline-flex;align-items:center;gap:5px;color:var(--ink-soft)}.collection-legend li:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--rarity)}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;perspective:1200px}.fish-card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;position:relative;display:block;width:100%;padding:7px;border:0;border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 55%,#ffffff),var(--rarity) 50%,color-mix(in srgb,var(--rarity) 70%,#000000));box-shadow:0 6px color-mix(in srgb,var(--rarity) 55%,#000000),0 16px 30px #12264e40;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .2s ease;animation:pu-rise .4s ease both}.fish-card:hover{box-shadow:0 6px color-mix(in srgb,var(--rarity) 55%,#000000),0 24px 44px var(--rarity-glow)}.fish-card-inner{position:relative;display:grid;gap:8px;padding:10px;border-radius:16px;background:linear-gradient(180deg,#fffdf5,#fff6dd);overflow:hidden}.fish-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.fish-card-name{font-family:var(--pu-title);font-size:1.12rem;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fish-card-hp{display:inline-flex;align-items:baseline;gap:3px;flex-shrink:0;font-family:var(--pu-title);font-size:1.15rem;color:var(--berry-dark)}.fish-card-hp small{font-family:var(--pu-body);font-size:.6rem;font-weight:900}.fish-card-art{position:relative;display:grid;place-items:center;height:130px;border-radius:12px;border:3px solid color-mix(in srgb,var(--rarity) 45%,#ffffff);background:radial-gradient(ellipse 55% 14% at 50% 90%,rgba(18,38,78,.22),transparent 70%),radial-gradient(circle at 50% 35%,#fff,color-mix(in srgb,var(--rarity) 22%,#dff1ff) 70%);overflow:hidden}.fish-card-art img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(18,38,78,.28));transform:translateZ(30px);transition:transform .3s ease}.fish-card:hover .fish-card-art img{transform:translateZ(30px) scale(1.07)}.fish-card.is-locked .fish-card-art img{filter:brightness(0) opacity(.35)}.fish-card-q{position:absolute;font-family:var(--pu-title);font-size:3rem;color:#fff;text-shadow:0 4px 0 rgba(18,38,78,.35)}.fish-card-type{display:flex;align-items:center;justify-content:space-between}.fish-card-badge{padding:2px 10px 3px;border-radius:999px;background:var(--rarity);color:#fff;font-family:var(--pu-title);font-size:.75rem;letter-spacing:.04em;box-shadow:inset 0 -2px #0003}.fish-card-no{font-size:.75rem;font-weight:900;color:var(--ink-soft)}.fish-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.fish-card-stats>span{display:grid;justify-items:center;padding:5px 2px;border-radius:10px;background:#ffffffd9;box-shadow:inset 0 -2px #f0e3bd}.fish-card-stats small{font-size:.58rem;font-weight:900;color:var(--ink-soft);text-transform:uppercase}.fish-card-stats b{font-size:.82rem;font-weight:900;white-space:nowrap}.fish-card-meter{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.fish-card-meter small{font-size:.62rem;font-weight:900;color:var(--ink-soft);text-transform:uppercase}.fish-card-meter-track{height:8px;border-radius:999px;background:#efe4c4;overflow:hidden}.fish-card-meter-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9a3d,var(--berry))}.fish-card-holo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;mix-blend-mode:color-dodge;opacity:.55;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.75),transparent 38%),linear-gradient(115deg,transparent 20%,rgba(255,120,220,.35) 36%,rgba(120,220,255,.35) 48%,rgba(255,240,120,.35) 60%,transparent 76%);background-size:100% 100%,250% 250%;animation:pu-holo 5s linear infinite}.fish-card.rarity-legendaria{background:linear-gradient(145deg,#fff1b0,#ffb020 40%,#ff7a2f 70%,#b35a00)}.fish-card.is-locked{background:linear-gradient(145deg,#c9d3e4,#8e9cb8);box-shadow:0 6px #6b7896,0 16px 30px #12264e33}.fish-card.is-large{width:min(320px,80vw);animation:pu-pop .35s ease both}.fish-card.is-large .fish-card-art{height:200px}.catch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.catch-tile{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:14px;padding:12px;border-radius:20px;background:var(--paper);box-shadow:var(--pu-shadow);animation:pu-rise .35s ease both}.catch-tile-art{display:grid;place-items:center;height:80px;border-radius:16px;background:radial-gradient(circle at 50% 35%,#fff,#d8efff 70%)}.catch-tile-art img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(18,38,78,.25))}.catch-tile-body{display:grid;gap:2px;min-width:0}.catch-tile-body strong{font-family:var(--pu-title);font-weight:400;font-size:1.15rem}.catch-tile-weight{font-family:var(--pu-title);font-size:1.4rem;color:var(--sky-dark);line-height:1}.catch-tile-meta{font-size:.75rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catch-tile-reward{display:grid;justify-items:end;gap:4px;font-size:.85rem}.catch-tile-reward>span:last-child{padding:2px 8px;border-radius:999px;background:#efe8ff;color:#6a42e0;font-weight:900}.gear-layout{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:18px;align-items:start}.gear-loadout{position:sticky;top:100px}.gear-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.gear-slot{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-items:center;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--tint) 10%,#ffffff);box-shadow:inset 0 -4px color-mix(in srgb,var(--tint) 22%,#ffffff)}.gear-slot:first-child{grid-column:1 / -1}.gear-slot-art{grid-row:1 / 4;display:grid;place-items:center;width:58px;height:58px;padding:4px;border-radius:14px;background:#fff}.gear-slot-plus{font-family:var(--pu-title);font-size:1.6rem;color:#b8c6dd}.gear-slot.is-empty{background:var(--paper-2);box-shadow:inset 0 0 0 2px #d6e2f5}.gear-slot-label{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--tint)}.gear-slot-name{font-family:var(--pu-title);font-weight:400;font-size:.98rem;line-height:1.1}.gear-slot-qty{font-size:.72rem;color:var(--ink-soft)}.gear-inventory{display:grid;gap:18px}.gear-inventory>section{padding:18px;border-radius:var(--pu-radius);background:var(--paper);box-shadow:var(--pu-shadow)}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.inv-card{display:grid;gap:8px;justify-items:center;padding:10px;border-radius:18px;background:var(--paper-2);box-shadow:inset 0 -4px #dbe5f4;text-align:center}.inv-card.is-equipped{background:#fff8dc;box-shadow:inset 0 0 0 3px var(--sun),inset 0 -5px 0 var(--sun-dark)}.inv-card-art{position:relative;display:grid;place-items:center;width:100%;height:90px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#fff,color-mix(in srgb,var(--tint) 18%,#ffffff))}.inv-card-art .pu-item-art{height:80px;filter:drop-shadow(0 6px 5px rgba(18,38,78,.22))}.inv-card-qty{position:absolute;right:6px;bottom:6px;padding:1px 8px 2px;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--pu-title);font-size:.8rem}.inv-card-name{font-size:.86rem;line-height:1.15}.inv-card .pu-btn{width:100%}.wallet-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:18px;align-items:start}.wallet-summary{display:grid;justify-items:center;gap:4px;text-align:center;background:linear-gradient(180deg,#fff9df,#ffe9a6);box-shadow:inset 0 -6px #f0c45a,var(--pu-shadow)}.wallet-summary .pu-coin{animation:pu-spin 4s ease-in-out infinite}.wallet-summary>strong{font-family:var(--pu-title);font-weight:400;font-size:2.6rem;color:#7a4b00;line-height:1.1}.wallet-summary>span{font-size:.85rem;color:#a06a00;font-weight:900;text-transform:uppercase}.wallet-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:14px}.wallet-summary-row>div{display:grid;padding:10px;border-radius:14px;background:#ffffffbf}.wallet-summary-row b{font-family:var(--pu-title);font-weight:400;font-size:1.2rem}.wallet-summary-row small{font-size:.7rem;color:var(--ink-soft)}.wallet-list ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;max-height:560px;overflow-y:auto}.wallet-list li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:14px;background:var(--paper-2)}.wallet-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff}.wallet-icon img{width:42px;height:42px;object-fit:contain}.wallet-main{display:grid;min-width:0}.wallet-main strong{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-main small{font-size:.74rem;color:var(--ink-soft)}.wallet-amount{font-family:var(--pu-title);font-size:1.15rem}.wallet-amount.is-plus{color:var(--grass-dark)}.wallet-amount.is-minus{color:var(--berry-dark)}.pu-list{display:grid;gap:10px}.pu-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:12px 18px 12px 12px;border-radius:18px;background:var(--paper);box-shadow:var(--pu-shadow)}.pu-row.is-winner{background:linear-gradient(90deg,#fff6d0,#fff 60%);box-shadow:inset 0 0 0 3px var(--sun),var(--pu-shadow)}.pu-rank{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--paper-2);font-family:var(--pu-title);font-size:1.3rem;box-shadow:inset 0 -4px #d6e2f5}.pu-row.is-winner .pu-rank{background:linear-gradient(180deg,#ffd96b,var(--sun));box-shadow:inset 0 -4px 0 var(--sun-dark);color:#6a3d00}.pu-row-main{display:grid}.pu-row-main strong{font-family:var(--pu-title);font-weight:400;font-size:1.12rem}.pu-row-main small{font-size:.8rem;color:var(--ink-soft)}.pu-row-side{display:grid;justify-items:end;gap:2px}.pu-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;font-family:var(--pu-body);font-weight:700;color:var(--ink)}.pu-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#10204299;cursor:pointer;animation:pu-fade .2s ease both}.species-detail{position:relative;z-index:1;display:flex;align-items:center;gap:22px;max-width:820px;max-height:calc(100vh - 40px);overflow-y:auto}.species-detail-side{display:grid;gap:14px;width:min(420px,90vw);animation:pu-pop .35s .05s ease both}.species-detail-side .pu-h3{margin:0;font-size:1.6rem}.species-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.species-detail-stats>div{display:grid;justify-items:center;padding:10px;border-radius:14px;background:var(--paper-2)}.species-detail-stats b{font-family:var(--pu-title);font-weight:400;font-size:1.2rem}.species-detail-stats small{font-size:.72rem;color:var(--ink-soft)}.species-detail-list{display:grid;gap:4px;margin:0;padding:0;list-style:none;max-height:220px;overflow-y:auto}.species-detail-list li{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;border-radius:10px;background:var(--paper-2)}.species-detail-list span{font-family:var(--pu-title);color:var(--sky-dark)}.species-detail-list small{font-size:.75rem;color:var(--ink-soft)}.rk-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;max-width:760px;width:100%;margin:10px auto 0}.rk-podium.is-compact{gap:8px;margin-top:26px}.rk-podium.is-compact .rk-step-name{padding:2px 8px 3px;font-size:.85rem}.rk-podium.is-compact .rk-value{padding:2px 8px;font-size:.8rem}.rk-podium.is-compact .rk-step-block{height:52px;border-radius:14px 14px 8px 8px}.rk-podium.is-compact .rk-step.is-1 .rk-step-block{height:76px}.rk-podium.is-compact .rk-step.is-2 .rk-step-block{height:62px}.rk-podium.is-compact .rk-step.is-3 .rk-step-block{height:46px}.rk-podium.is-compact .rk-step-block span{font-size:1.8rem}.rk-podium.is-compact .rk-crown{top:-22px;width:38px;height:26px}.room-event-box{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:#ffc42824;box-shadow:inset 0 0 0 2px #c98a1259;font-size:.85rem}.room-event-box b{font-family:var(--pu-title);font-weight:400}.room-event-box .room-event-when{font-size:1.05rem}.room-event-head{display:flex;align-items:baseline;justify-content:center;gap:6px;text-align:center}.room-event-head small{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9a6608}.room-countdown{display:flex;justify-content:center;gap:6px}.room-countdown-cell{display:grid;justify-items:center;min-width:52px;padding:6px 4px 4px;border-radius:12px;background:linear-gradient(180deg,#fff6d8,#ffe08a);box-shadow:inset 0 -4px #e8b93a,0 2px 6px #9a66082e}.room-countdown-cell b{font-family:var(--pu-title);font-weight:400;font-size:1.5rem;line-height:1;color:#7a4d00;font-variant-numeric:tabular-nums}.room-countdown-cell small{margin-top:2px;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#9a6608}.room-countdown-cell:last-child b{animation:room-tick 1s ease-in-out infinite}.room-countdown.is-live .room-countdown-cell{background:linear-gradient(180deg,#ffe9ee,#ffc2cf);box-shadow:inset 0 -4px #e57f97,0 2px 6px #a01e3c2e}.room-countdown.is-live .room-countdown-cell b,.room-countdown.is-live .room-countdown-cell small{color:#a0213f}.room-event-chips{display:flex;flex-wrap:nowrap;gap:4px;margin:2px 0 0;padding:0;list-style:none}.room-event-chips li{flex:1 1 0;min-width:0;padding:3px 4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px #c98a1259;font-size:clamp(.6rem,2.6vw,.72rem);font-weight:700;color:var(--ink-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-event-chips li b{font-family:inherit;font-weight:900;color:var(--ink)}@keyframes room-tick{0%,to{transform:scale(1)}15%{transform:scale(1.12)}}.room-event-mine{color:var(--berry-dark);font-weight:800}.rk-step{position:relative;display:grid;justify-items:center;gap:6px;animation:pu-rise .45s ease both}.rk-step.is-empty{min-height:1px}.rk-step-name{max-width:100%;padding:3px 12px 4px;border-radius:999px;background:#fff;box-shadow:var(--pu-shadow);font-family:var(--pu-title);font-weight:400;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-step .rk-value{padding:3px 12px 4px;border-radius:999px;background:#ffffffeb}.rk-step-block{display:grid;place-items:center;width:100%;height:110px;margin-top:4px;border-radius:20px 20px 10px 10px;background:linear-gradient(180deg,#e2ecfa,#c5d6ee);box-shadow:inset 0 -8px #a9bfdf,var(--pu-shadow)}.rk-step-block span{font-family:var(--pu-title);font-size:3rem;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.18)}.rk-step.is-1 .rk-step-block{height:160px;background:linear-gradient(180deg,#ffe27a,#ffbf1f);box-shadow:inset 0 -8px #d68f00,var(--pu-shadow)}.rk-step.is-2 .rk-step-block{height:125px;background:linear-gradient(180deg,#eef3fb,#b8c7de);box-shadow:inset 0 -8px #8ea2c2,var(--pu-shadow)}.rk-step.is-3 .rk-step-block{height:95px;background:linear-gradient(180deg,#ffc89a,#e38a4b);box-shadow:inset 0 -8px #b3612a,var(--pu-shadow)}.rk-step.is-me .rk-step-name{background:var(--sky);color:#fff}.rk-crown{position:absolute;top:-30px;z-index:2;width:54px;height:36px;background:linear-gradient(180deg,#ffe27a,#ffb020);clip-path:polygon(0 100%,0 25%,25% 60%,50% 0,75% 60%,100% 25%,100% 100%);filter:drop-shadow(0 3px 0 #c27a00);animation:pu-bob 2.4s ease-in-out infinite}.rk-value{display:inline-flex;align-items:center;gap:6px;font-family:var(--pu-title);font-size:1.05rem;color:var(--ink);white-space:nowrap}.rk-value-fish img{width:44px;height:30px;object-fit:contain}.rk-list{display:grid;gap:8px;max-width:760px;width:100%;margin:0 auto;padding:0;list-style:none}.rk-list li{display:grid;grid-template-columns:46px 40px 1fr auto;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:18px;background:var(--paper);box-shadow:var(--pu-shadow)}.rk-list li.is-me{box-shadow:inset 0 0 0 3px var(--sky),var(--pu-shadow)}.rk-rank{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--paper-2);font-family:var(--pu-title);font-size:1.15rem;box-shadow:inset 0 -3px #d6e2f5}.rk-rank.is-me{background:var(--sky);color:#fff;box-shadow:inset 0 -4px 0 var(--sky-dark)}.rk-name{display:grid;min-width:0}.rk-name strong{font-family:var(--pu-title);font-weight:400;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-name small{font-size:.76rem;color:var(--ink-soft)}.rk-me{display:grid;grid-template-columns:46px 44px 1fr auto;align-items:center;gap:12px;max-width:760px;width:100%;margin:0 auto;background:linear-gradient(90deg,#e3f1ff,#fff);box-shadow:inset 0 0 0 3px var(--sky),var(--pu-shadow)}.rk-me>.rk-name:only-child{grid-column:1 / -1;text-align:center}.pu-login{font-family:var(--pu-body)}.pu-login .pu-menu-bg{position:absolute}.pu-login .gate-brand-block{display:grid;justify-items:center;gap:4px}.pu-login .pu-gamelogo{animation:pu-bob 3.2s ease-in-out infinite}.pu-login .gate-card{border:0;border-radius:28px;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px #12264e24,0 26px 50px #12264e4d;color:var(--ink)}.pu-login .auth-tabs{border:0;background:var(--paper-2);border-radius:16px}.pu-login .auth-tab{border-radius:12px;color:var(--ink-soft);font-family:var(--pu-title);font-weight:400;font-size:1.02rem}.pu-login .auth-tab.is-active{background:linear-gradient(180deg,#6fc2ff,var(--sky));color:#fff;box-shadow:inset 0 -4px 0 var(--sky-dark);text-shadow:0 2px 0 rgba(0,0,0,.18)}.pu-login .field{color:var(--ink-soft);font-weight:800}.pu-login .field input{border:3px solid #dbe5f4;border-radius:14px;background:#f8fbff;color:var(--ink);font-family:var(--pu-body);font-weight:700;outline:none}.pu-login .field input:focus{border-color:var(--sky);background:#fff}.pu-login .field input::placeholder{color:#a3b1c9}.pu-login-submit{width:100%;margin-top:4px}.pu-login .auth-error{border:0;border-radius:14px;background:#ffe6ea;color:#a1203a;font-weight:800}.pu-login .auth-divider{margin:18px 22px 14px;color:var(--ink-soft);font-weight:800}.pu-login .auth-divider:before,.pu-login .auth-divider:after{background:var(--line)}.pu-login .gate-sub{background:none;-webkit-text-fill-color:currentColor;color:var(--sky-dark);font-family:var(--pu-title);font-weight:400}.pu-login .hint{margin-top:16px;color:var(--ink-soft)}.pu-login .link-terms{color:var(--sky-dark)}.char-modal{font-family:var(--pu-body)}.char-modal-backdrop{background:#1020429e;backdrop-filter:none;-webkit-backdrop-filter:none}.char-modal-card{display:grid;gap:12px;border:0;border-radius:30px;padding:22px 18px;background:radial-gradient(ellipse 70% 30% at 50% 78%,rgba(47,143,220,.2),transparent 70%),linear-gradient(180deg,#ffffffeb,#e6f3ffe0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px #12264e1f,0 30px 60px #0a14324d;color:var(--ink);animation:pu-pop .3s ease both}.char-modal-title{font-family:var(--pu-title);font-weight:400;font-size:2rem;color:var(--ink)}.char-slide{color:var(--ink-soft)}.char-slide.is-selected{color:var(--ink)}.char-portrait{filter:drop-shadow(0 16px 12px rgba(18,38,78,.35))}.char-name{padding:4px 16px 6px;border-radius:999px;font-family:var(--pu-title);font-weight:400;font-size:1.15rem}.char-slide.is-selected .char-name{background:linear-gradient(180deg,#6fc2ff,var(--sky));color:#fff;box-shadow:inset 0 -4px 0 var(--sky-dark)}.char-arrow{border:0;background:#fff;color:var(--ink);font-family:var(--pu-title);box-shadow:inset 0 -4px #d6e2f5,0 4px 10px #12264e2e}.char-arrow:hover{background:var(--paper-2)}.char-modal-actions .pu-btn{flex:1}.char-modal-card{min-width:0;max-width:100%;box-sizing:border-box}.char-carousel{flex-wrap:wrap}.char-dots{display:none;flex-basis:100%;justify-content:center;gap:8px}.char-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:#9fb5d6;cursor:pointer;transition:width .2s ease,background .2s ease}.char-dot.is-active{width:26px;background:var(--sky)}@property --ring-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.char-carousel.is-ring{--ring-r: 190px;--ring-h: 250px}.char-carousel.is-ring .char-stage{position:relative;flex:1;min-width:0;height:calc(var(--ring-h) + 58px);min-height:0;touch-action:pan-y}.char-carousel.is-ring .char-slide{--ring-cos: cos(var(--ring-a));--ring-depth: calc((var(--ring-cos) + 1) / 2);position:absolute;left:50%;bottom:0;display:grid;justify-items:center;transform:translate(-50%) translate(calc(sin(var(--ring-a)) * var(--ring-r))) translateY(calc((1 - var(--ring-depth)) * -22px)) scale(calc(.6 + .4 * var(--ring-depth) * var(--ring-depth)));transform-origin:50% 100%;opacity:clamp(0,calc((var(--ring-cos) - .1) * 4),1);pointer-events:auto;filter:brightness(calc(.78 + .22 * var(--ring-depth) * var(--ring-depth)));z-index:calc(var(--ring-depth) * 100);transition:--ring-a .7s cubic-bezier(.45,.05,.25,1)}.char-carousel.is-ring .char-name{transition:opacity .25s ease}.char-carousel.is-ring .char-slide:not(.is-selected) .char-name{opacity:0}.char-carousel.is-ring .char-portrait{height:var(--ring-h);max-width:none}.char-carousel.is-cards .char-slide{filter:none;will-change:transform,opacity}.char-carousel.is-cards .char-stage{height:calc(var(--ring-h) * .74 + 46px)}.char-carousel.is-cards .char-portrait{height:calc(var(--ring-h) * .74);width:auto;aspect-ratio:1;margin-bottom:8px;object-fit:cover;border:4px solid #fff;border-radius:30px;background:#fff;box-shadow:0 14px 26px #12264e47;filter:none}.char-carousel.is-cards .char-slide.is-selected .char-portrait{box-shadow:0 0 0 4px var(--sky),0 16px 30px #12264e52}.char-carousel.is-places .char-portrait{object-position:60% 50%}.char-slide.is-locked .char-portrait{filter:grayscale(.85) brightness(.62)}.char-carousel.is-cards .char-slide.is-locked.is-selected .char-portrait{box-shadow:0 0 0 4px #9aa7bd,0 16px 30px #12264e52}.char-lock{position:absolute;left:50%;top:calc(var(--ring-h) * .37);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;padding:10px 14px 8px;border-radius:18px;background:#102042b8;color:#fff;pointer-events:none}.char-lock small{font-family:var(--pu-title);font-size:.85rem;letter-spacing:.02em;white-space:nowrap}.char-slide.is-locked.is-selected .char-name{background:linear-gradient(180deg,#b5c0d3,#8e9ab0);box-shadow:inset 0 -4px #6f7b91}@media(prefers-reduced-motion:reduce){.char-carousel.is-ring .char-slide{transition:none}}@media(max-width:700px){.char-modal{padding:12px}.char-modal-card{width:100%;padding:18px 12px;border-radius:24px}.char-modal-title{font-size:1.6rem}.char-carousel{gap:6px;padding:4px 0 0}.char-carousel.is-ring{--ring-r: 104px;--ring-h: min(240px, 34vh)}.char-arrow{width:40px;height:40px}.char-dots{display:flex;margin-top:4px}.char-modal-actions{padding:4px 0 0}.char-modal-actions .pu-btn{min-width:0;padding-left:10px;padding-right:10px}}@keyframes pu-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pu-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes pu-fade{0%{opacity:0}}@keyframes pu-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pu-pulse{50%{opacity:.35}}@keyframes pu-spin{0%,70%,to{transform:rotateY(0)}85%{transform:rotateY(180deg)}}@keyframes pu-holo{0%{background-position:0 0,0% 0%}to{background-position:0 0,250% 250%}}@media(max-width:1100px){.pu-topbar{flex-wrap:wrap;gap:10px}.pu-tabs{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.pu-player{margin-left:auto}.profile-hero2{grid-template-columns:auto 1fr}.profile-hero2-stats{grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.gear-layout,.wallet-layout{grid-template-columns:1fr}.gear-loadout{position:static}}@media(max-width:760px){.pu-topbar{flex-wrap:nowrap;gap:8px;padding:max(8px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px));border-bottom-width:3px}.pu-topbar .pu-gamelogo{--logo-size: .66}.pu-player{margin-left:auto;gap:6px;min-width:0}.pu-coins-pill{gap:5px;padding:4px 11px 4px 5px;font-size:1rem}.pu-coins-pill>:first-child{width:20px!important;height:20px!important}.pu-player-card{padding:2px}.pu-player-card .avatar-bubble,.pu-player-card>:first-child{width:38px!important;height:38px!important}.pu-player-meta{display:none}.pu-logout{padding:7px 10px!important}.pu-logout svg{display:block}.pu-tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;order:0;width:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px max(8px,env(safe-area-inset-right,0px)) max(10px,calc(env(safe-area-inset-bottom,0px) + 4px)) max(8px,env(safe-area-inset-left,0px));overflow:visible;background:#fffffff7;border-top:3px solid #cfe0f7;box-shadow:0 -10px 26px #12264e2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pu-tab{flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:6px 2px 7px;border-radius:16px;background:transparent;box-shadow:none;font-size:.8rem;line-height:1.05}.pu-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pu-tab img{width:30px;height:30px}.pu-tab:hover,.pu-tab:hover img{transform:none}.pu-tab.is-active{box-shadow:inset 0 -4px 0 var(--sky-dark),0 4px 10px #2f8fdc4d}.pu-tab.is-active img{transform:translateY(-1px) scale(1.06)}.pu-body{padding:16px 12px calc(104px + env(safe-area-inset-bottom,0px))}.pu-music.is-inline .pu-music-btn{width:34px;height:34px}.pu-subtabs{flex-wrap:wrap;justify-content:center;gap:4px;width:100%;padding:6px}.pu-subtab{flex:1 1 auto;padding:8px 10px 10px;font-size:.9rem;white-space:nowrap}.profile-hero2{gap:14px;padding:18px 14px 16px;border-radius:24px}.profile-hero2-name{font-size:1.7rem;flex-wrap:wrap}.profile-hero2-main{width:100%;justify-items:center}.profile-hero2-main .pu-xp{justify-self:stretch;width:100%;max-width:300px;margin:0 auto;height:22px}.profile-hero2-main .pu-xp-text{line-height:22px;font-size:.78rem}.profile-hero2-stats{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-hero2-stats>div{min-width:0;padding:9px 4px 10px;border-radius:16px}.profile-hero2-stats>div:last-child:nth-child(3n+2){grid-column:span 2}.profile-hero2-stats b{font-size:1.12rem;white-space:nowrap}.profile-hero2-stats small{font-size:.6rem;letter-spacing:.02em}.pu-section-head{flex-direction:column;align-items:flex-start}.profile-hero2{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-hero2-name,.profile-hero2-level{justify-content:center}.collection-progress{grid-template-columns:1fr}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-grid>*{min-width:0}.fish-card-inner{grid-template-columns:minmax(0,1fr)}.fish-card-head>:first-child{min-width:0}.fish-card-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.fish-card-stats>span{min-width:0}.collection-grid .fish-card{padding:5px;border-radius:18px}.collection-grid .fish-card-inner{gap:6px;padding:7px;border-radius:13px}.collection-grid .fish-card-name,.collection-grid .fish-card-hp{font-size:.95rem}.collection-grid .fish-card-stats{gap:3px}.collection-grid .fish-card-stats>span{padding:4px 1px}.collection-grid .fish-card-stats small{font-size:.52rem}.collection-grid .fish-card-stats b{font-size:.78rem}.collection-grid .fish-card-meter{gap:5px}.pu-modal{padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))}.species-detail{width:100%;max-height:calc(100dvh - 24px);gap:12px;padding:4px 0 8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.fish-card.is-large{flex-shrink:0;width:min(270px,74vw)}.fish-card.is-large .fish-card-art{height:150px}.species-detail-side{flex-shrink:0;width:100%;gap:10px}.species-detail-side .pu-h3{font-size:1.3rem}.fish-card-art{height:100px}.catch-tile{grid-template-columns:80px 1fr}.catch-tile-reward{grid-column:1 / -1;grid-auto-flow:column;justify-content:end}.species-detail{flex-direction:column}.rk-step-block span{font-size:2.2rem}.rk-step-name{font-size:.85rem}}@media(max-width:380px){.pu-topbar .pu-gamelogo{--logo-size: .58}.pu-coins-pill{font-size:.92rem;padding-right:9px}.pu-music.is-inline .pu-music-btn{width:28px}.pu-logout span{display:none}.rk-podium{gap:6px}.rk-step{min-width:0}.rk-step .pu-avatar{width:60px!important;height:60px!important}.rk-step .rk-value,.rk-step-name{padding:3px 8px 4px}.pu-tab{font-size:.72rem}.pu-tab img{width:26px;height:26px}}.pu-btn-spin{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:pu-btn-spin .8s linear infinite}@keyframes pu-btn-spin{to{transform:rotate(360deg)}}.pu-btn.gold{background:linear-gradient(180deg,#ffe07a,#f0b323 55%,#d9930f);box-shadow:inset 0 -5px #a8690a,0 4px 12px #c98a1266;color:#fff;text-shadow:0 2px 0 rgba(120,70,0,.45)}.gold-ticket{display:inline-block;flex-shrink:0;filter:drop-shadow(0 3px 4px rgba(120,70,0,.35))}.pu-coins-pill.is-ticket{padding:6px 16px 6px 10px}.pu-coins-plus{display:grid;place-items:center;width:22px;height:22px;margin-right:-8px;border-radius:50%;background:var(--grass, #3dbb5a);box-shadow:inset 0 -3px #0000002e;color:#fff;font-size:1rem;line-height:1}.pu-wallet .pu-wallet-ticket{margin-left:6px}.shop-cat-coin{position:relative;display:grid;place-items:center;flex-shrink:0}.shop-cat-coin i{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--grass, #3dbb5a);box-shadow:inset 0 -2px #0003;color:#fff;font-style:normal;font-size:.85rem;line-height:1;text-shadow:none}.shop-cat.is-bank{background:linear-gradient(180deg,#ffe58a,#f6c240 60%,#e0a514);color:#6b3f00;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 -6px #b9800e,0 8px 18px #e0a51473,0 0 0 3px #fff3c4;animation:bank-glow 2.4s ease-in-out infinite}.shop-cat.is-bank .shop-cat-art{background:#ffffffd9}.shop-cat.is-bank.is-active{background:linear-gradient(180deg,#ffd34d,#e0a514 60%,#c48a0c);color:#fff;text-shadow:0 2px 0 rgba(120,70,0,.45);box-shadow:inset 0 -6px #8f5f06,0 10px 22px #e0a5148c,0 0 0 3px #fff3c4}@keyframes bank-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.08) saturate(1.1)}}@media(prefers-reduced-motion:reduce){.shop-cat.is-bank{animation:none}}.shop-cat>span:last-child{min-width:0;white-space:nowrap}.bank{display:grid;gap:16px}.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.bank-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 16px 16px;border-radius:26px;background:linear-gradient(180deg,#fffaf0,#fff1cc);box-shadow:var(--pu-shadow),inset 0 -6px #f3d58a;text-align:center;animation:pu-rise .35s ease both;animation-delay:calc(var(--n, 0) * 60ms);transition:transform .2s ease}.bank-card:hover{transform:translateY(-5px)}.bank-card.is-ticket{background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,#fff1b8,#f6c64a);box-shadow:var(--pu-shadow),inset 0 -6px #c98a12,0 0 0 3px #f0b323}.bank-bonus{position:absolute;top:12px;right:12px;padding:3px 10px 4px;border-radius:999px;background:linear-gradient(180deg,#ff8a5c,#ff5a2f);box-shadow:inset 0 -3px #c93b16;color:#fff;font-weight:900;font-size:.85rem;transform:rotate(6deg)}.bank-art{display:grid;place-items:center;height:110px}.bank-coins{position:relative;display:flex;align-items:flex-end}.bank-coins>*{margin-left:-16px;filter:drop-shadow(0 4px 4px rgba(122,75,0,.3))}.bank-coins>*:nth-child(odd){transform:translateY(-14px) rotate(-8deg)}.bank-coins>*:first-child{margin-left:0}.bank-title{margin:0;font-family:var(--pu-title);font-weight:400;font-size:1.45rem;color:#7a4b00}.bank-desc{margin:0;min-height:2.6em;font-size:.86rem;font-weight:700;color:#a06a00}.bank-owned{font-size:.8rem;font-weight:900;color:#7a4b00}.bank-card .pu-btn{width:100%;font-size:1.15rem}.bank-foot{justify-self:center;margin:0;padding:8px 16px;border-radius:999px;background:#ffffffe6;text-align:center;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.room-card2.is-golden{box-shadow:var(--pu-shadow),0 0 0 3px #f0b323}.room-card2.is-golden .room-card2-banner{background:radial-gradient(circle at 85% 50%,rgba(255,255,255,.5),transparent 55%),linear-gradient(160deg,#ffe07a,#e0a514 55%,#b87810)}.room-ticket-fee{display:inline-flex;align-items:center;gap:6px}.pay-result{text-align:center}.pay-result-art{display:grid;place-items:center;margin-top:6px;animation:pu-pop .4s ease both}.pay-result-text{margin:4px 16px 8px;font-weight:700;color:var(--ink-soft)}.pay-pop-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px}.pay-pop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0a1a3673;animation:pu-fade .25s ease both;cursor:pointer}.pay-pop{position:relative;display:grid;justify-items:center;gap:6px;width:min(300px,100%);padding:22px 18px 16px;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#fff,#fff6dc);box-shadow:inset 0 -6px #f1dfae,0 20px 40px #00000059;text-align:center;animation:pay-pop-in .55s cubic-bezier(.3,1.7,.55,1) both}.pay-pop:not(.is-paid){background:linear-gradient(180deg,#fff,#f2f7ff);box-shadow:inset 0 -6px #d6e3f6,0 20px 40px #00000059}.pay-pop-art{position:relative;display:grid;place-items:center;height:70px}.pay-pop.is-paid .pay-pop-art{animation:pay-pop-bounce 1.4s ease-in-out .5s infinite}.pay-pop.is-checking .pay-pop-art,.pay-pop.is-pending .pay-pop-art{animation:pay-pop-spin 1.6s ease-in-out infinite}.pay-pop-badge{position:absolute;right:-10px;bottom:2px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--grass, #2fae6b);color:#fff;font-weight:900;font-size:.9rem;box-shadow:0 3px #0000002e;animation:pay-pop-in .5s cubic-bezier(.3,1.7,.55,1) .35s both}.pay-pop-title{margin:4px 0 0;font-family:var(--pu-title);font-weight:400;font-size:1.45rem;color:var(--ink)}.pay-pop-title.is-italic{font-style:italic;letter-spacing:.01em}.pay-pop-text{margin:0 4px 8px;font-size:.9rem;font-weight:700;color:var(--ink-soft)}.pay-pop .pu-btn{min-width:140px}.pay-pop-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pay-pop-confetti i{position:absolute;top:-12px;left:var(--x);width:8px;height:12px;border-radius:2px;opacity:0;transform:rotate(var(--r));animation:pay-pop-fall 1.8s ease-in var(--d) 2 both}@keyframes pay-pop-in{0%{opacity:0;transform:scale(.4) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes pay-pop-bounce{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-10px) rotate(-6deg)}60%{transform:translateY(0) rotate(4deg)}}@keyframes pay-pop-spin{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}@keyframes pay-pop-fall{0%{opacity:1;transform:translateY(0) rotate(var(--r))}to{opacity:0;transform:translateY(320px) rotate(calc(var(--r) + 540deg))}}@media(max-width:520px){.bank-grid{grid-template-columns:repeat(2,1fr);gap:10px}.bank-card{padding:14px 10px 12px}.bank-art{height:80px}.bank-art .gold-ticket{width:84px;height:auto}.bank-coins>*{width:34px!important;height:34px!important}.bank-title{font-size:1.15rem}.pu-coins-pill.is-ticket{padding:4px 12px 4px 8px}}@media(max-width:760px){.pu-coins-pill.is-ticket{gap:4px;padding:4px 10px 4px 6px}.pu-coins-pill.is-ticket>:first-child{width:24px!important;height:15px!important}.pu-coins-plus{width:18px;height:18px;margin-right:-6px;font-size:.85rem}}@media(max-width:520px){.pu-player{gap:9px}.pu-logout span{display:none}.pu-coins-pill{font-size:.9rem;padding-right:8px}}@media(max-width:380px){.pu-player{gap:5px}.pu-player-card .avatar-bubble,.pu-player-card>:first-child{width:34px!important;height:34px!important}.pu-logout{padding:6px 7px!important}.pu-coins-plus{display:none}.pu-coins-pill.is-ticket{padding:4px 8px 4px 5px}}.pu-game{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--pu-body);font-weight:700;color:var(--ink);background:#8fd3ff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.g-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.fs-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:#2a1f18}.fs-canvas{display:block;width:100%;height:100%}.g-stage-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#0a1e3c52,#0a1e3c00 22%),linear-gradient(0deg,#0a1e3c61,#0a1e3c00 26%)}.g-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.g-hud>*,.g-top>*{pointer-events:auto}.g-topstack{display:contents}.g-hud>.g-topstack{pointer-events:none}.g-topstack>.g-board{pointer-events:auto}.g-top{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:flex-start;gap:14px;pointer-events:none}.g-room,.g-board,.g-player,.g-gear{background:linear-gradient(180deg,#fff,#f3f8ff);border-radius:var(--pu-radius);box-shadow:inset 0 -5px #d6e3f6,0 14px 30px #0a1e4647;animation:pu-rise .4s ease both}.g-room{display:flex;align-items:center;gap:12px;padding:8px 18px 11px 9px;max-width:min(460px,40vw)}.g-top.is-solo .g-room{flex:0 1 auto;width:auto;max-width:calc(100% - 4px);padding-right:14px}.g-room-info{display:grid;flex:1;gap:5px;min-width:0}.g-room-name{font-family:var(--pu-title);font-weight:400;font-size:1.3rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-room-meta{display:flex;flex-wrap:wrap;gap:6px}.g-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 4px;border-radius:999px;background:#eaf2ff;color:var(--ink-soft);font-size:.85rem;font-weight:900;white-space:nowrap}.g-chip.is-gold{background:#fff3c4;color:#7a4b00}.g-chip.is-sky{background:#e2f3ff;color:var(--sky-dark)}.g-chip .weather-icon-svg{width:18px;height:18px}.g-chip.is-level{background:#d9f7e6;color:#17643a;font-weight:800;white-space:nowrap}@media(max-width:480px){.g-top.is-solo .g-chip.is-sky{display:inline-flex}}.g-timer{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 22px 11px 14px;border-radius:999px;background:linear-gradient(180deg,#2b4372,var(--ink));color:#fff;box-shadow:inset 0 -5px #0f1b33,0 12px 26px #0a1e4659;animation:pu-rise .4s ease both}.g-timer svg{width:30px;height:30px;color:var(--sun)}.g-timer-text{display:grid;justify-items:center;text-align:center;line-height:1}.g-timer-text small{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;opacity:.72}.g-timer-text strong{font-family:var(--pu-title);font-weight:400;font-size:1.75rem;letter-spacing:.03em;font-variant-numeric:tabular-nums}.g-timer.is-warn{background:linear-gradient(180deg,#ffb547,#f08a00);box-shadow:inset 0 -5px #b86500,0 12px 26px #a0500059}.g-timer.is-warn svg{color:#fff}.g-timer.is-critical{background:linear-gradient(180deg,#ff7186,var(--berry));box-shadow:inset 0 -5px 0 var(--berry-dark),0 12px 26px #a0143266;animation:g-throb .9s ease-in-out infinite}.g-timer.is-critical svg{color:#fff}.g-board{position:absolute;top:14px;right:16px;width:min(310px,30vw);padding:6px 8px 10px;transition:opacity .25s ease,transform .25s ease}.g-board.is-hidden{opacity:0;transform:translate(30px);pointer-events:none}.g-board-head{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;background:none;color:var(--ink);font-family:var(--pu-title);font-size:1.1rem;cursor:pointer}.g-board-icon{width:30px;height:30px;object-fit:contain}.g-board-chevron{margin-left:auto;color:var(--ink-soft)}.g-board-empty{margin:4px 8px 8px;color:var(--ink-soft);font-size:.92rem}.g-board-list{display:grid;gap:5px;margin:2px 0 0;padding:0;list-style:none;max-height:42vh;overflow-y:auto}.g-board-row{display:grid;grid-template-columns:28px 30px 1fr auto;align-items:center;gap:8px;padding:5px 10px 5px 6px;border-radius:14px;background:var(--paper-2)}.g-board-row.is-me{background:#e3f9e7;box-shadow:inset 0 0 0 2px var(--grass)}.g-board-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dfe7f5;font-family:var(--pu-title);font-size:.95rem;color:var(--ink-soft)}.g-board-row.rank-1 .g-board-rank{background:linear-gradient(180deg,#ffe27a,#f5b400);color:#6a4100}.g-board-row.rank-2 .g-board-rank{background:linear-gradient(180deg,#f2f6fb,#b9c6d8);color:#3a4a66}.g-board-row.rank-3 .g-board-rank{background:linear-gradient(180deg,#ffc89a,#d9813f);color:#5a2b00}.g-board-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.g-board-kg{font-family:var(--pu-title);font-size:.98rem;color:var(--sky-dark)}.g-board-foot{margin:8px 8px 0;font-size:.78rem;color:var(--ink-soft)}.g-chip.is-rank{display:none;gap:4px;margin-left:auto;padding:3px 9px 5px 6px;border:0;border-radius:10px;background:linear-gradient(180deg,#4aa8f0,#1d78d0);color:#fff;font-family:var(--pu-title, inherit);font-weight:400;letter-spacing:.01em;cursor:pointer;pointer-events:auto;box-shadow:inset 0 -3px #1559a3,0 2px 5px #1559a359;transition:transform .12s ease,box-shadow .12s ease}.g-chip.is-rank img{width:15px;height:15px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.g-chip.is-rank:active{transform:translateY(2px);box-shadow:inset 0 -1px #1559a3,0 1px 2px #1559a34d}.g-rank-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}.g-rank-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0a18348c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.g-rank-card{position:relative;display:flex;flex-direction:column;width:min(420px,100%);max-height:min(640px,calc(100dvh - 40px));padding:12px;border-radius:24px;background:#fff;color:var(--ink);font-family:var(--pu-body);box-shadow:0 18px 40px #0a183459;animation:g-rank-in .22s ease-out}@keyframes g-rank-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.g-rank-head{display:flex;align-items:center;gap:10px;padding:2px 4px 10px}.g-rank-head img{width:32px;height:32px;object-fit:contain}.g-rank-head>span{display:grid;flex:1;min-width:0}.g-rank-head strong{font-family:var(--pu-title);font-weight:400;font-size:1.15rem}.g-rank-head small{font-size:.78rem;font-weight:800;color:var(--ink-soft)}.g-rank-close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#eef3fb;color:var(--ink-soft);font-size:1rem;font-weight:900;cursor:pointer}.g-rank-body{position:relative;display:flex;flex-direction:column;min-height:0;flex:1}.g-rank-list{display:grid;align-content:start;gap:5px;flex:1;min-height:0;margin:0;padding:2px 2px 6px;list-style:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.g-rank-list .g-board-row,.g-rank-pin{grid-template-columns:30px 34px minmax(0,1fr) auto}.g-rank-list .g-board-row.is-me{background:#fff3c4;box-shadow:inset 0 0 0 2px #f5b400}.g-rank-pin{position:absolute;left:2px;right:2px;z-index:2;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:#fff3c4!important;box-shadow:inset 0 0 0 2px #f5b400,0 6px 14px #0a183438!important}.g-rank-pin.is-top{top:0}.g-rank-pin.is-bottom{bottom:6px}.g-rank-foot{display:flex;gap:6px;padding-top:10px;border-top:2px solid #eef3fb}.g-rank-foot button{flex:1;padding:8px 6px 10px;border:0;border-radius:14px;background:#eef3fb;color:var(--ink-soft);font:inherit;font-size:.85rem;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:inset 0 -3px #12264e1f}.g-rank-foot button.is-me{flex:1.3;background:linear-gradient(180deg,#ffe27a,#f5b400);color:#5a3600;box-shadow:inset 0 -3px #c98f00}.g-dock-wrap{position:absolute;left:16px;right:16px;bottom:14px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.g-dock-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 8px;border:0;border-radius:999px;background:#fffffff0;color:var(--ink);font-family:var(--pu-title);font-size:.92rem;box-shadow:inset 0 -3px #d6e3f6,0 8px 18px #0a1e4647;cursor:pointer;pointer-events:auto}.g-dock-toggle:active{transform:translateY(2px)}.g-dock.is-hidden{display:none}.g-dock{align-self:stretch;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.g-dock>*{pointer-events:auto}.g-hud.is-fighting .g-dock-toggle{opacity:.85}@media(pointer:coarse){.g-dock-wrap{right:max(18px,env(safe-area-inset-right,0px));bottom:max(26px,calc(env(safe-area-inset-bottom,0px) + 16px))}}.g-dock-toggle[hidden]{display:none}.g-player{display:grid;gap:10px;padding:12px 14px 15px;width:min(400px,36vw)}.g-player-main{display:flex;align-items:center;gap:12px}.g-player-avatar{position:relative;flex-shrink:0}.g-player-level{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;border:3px solid #fff;background:linear-gradient(180deg,#72de86,var(--grass));color:#fff;font-family:var(--pu-title);font-size:.95rem;text-shadow:0 1px 0 rgba(0,0,0,.2)}.g-player-meta{display:grid;gap:3px;flex:1;min-width:0}.g-player-name{font-family:var(--pu-title);font-weight:400;font-size:1.2rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-player-title{font-size:.8rem;color:var(--ink-soft)}.g-xp{position:relative;display:block;height:18px;border-radius:999px;background:#e3ebf8;box-shadow:inset 0 2px #12264e1f;overflow:hidden}.g-xp-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(180deg,#8de89c,var(--grass));box-shadow:inset 0 -3px 0 var(--grass-dark);transition:width .6s ease}.g-xp-text{position:relative;display:block;text-align:center;font-size:.72rem;line-height:18px;font-weight:900;color:var(--ink)}.g-coins{cursor:default;font-size:1.05rem;padding:5px 13px 5px 6px}.g-player-actions{display:flex;gap:8px;align-items:center}.g-player-actions .pu-btn{flex:1;white-space:nowrap}.g-audio{position:relative}.g-player-actions .g-audio-btn{flex:none;width:42px;padding:0}.g-audio-btn.is-muted{color:var(--berry)}.pu-music{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;flex-direction:column;align-items:center}.pu-music-btn{color:#fff;position:relative;display:grid;place-items:center;width:52px;height:52px;padding:0;border:none;border-radius:50%;background:radial-gradient(ellipse 60% 34% at 50% 20%,#ffffff8c,#fff0 70%),linear-gradient(180deg,#72de86,#3cc35a);box-shadow:inset 0 -5px #23913c,0 4px 10px #23913c59;filter:drop-shadow(0 1px 0 rgba(0,0,0,.08));cursor:pointer;transition:transform .15s cubic-bezier(.3,1.6,.5,1),box-shadow .15s ease,background .2s ease}.pu-music-btn svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.pu-music-btn:hover{transform:translateY(-2px) scale(1.05)}.pu-music-btn:active{transform:translateY(2px);box-shadow:inset 0 -2px #23913c,0 2px 6px #23913c59}.pu-music.is-muted .pu-music-btn{background:radial-gradient(ellipse 60% 34% at 50% 20%,#ffffff80,#fff0 70%),linear-gradient(180deg,#ff8a9c,#ef4f6b);box-shadow:inset 0 -5px #b72a45,0 4px 10px #b72a4559}.pu-music.is-muted .pu-music-btn:active{box-shadow:inset 0 -2px #b72a45,0 2px 6px #b72a4559}.pu-music-pop{position:absolute;bottom:64px;left:50%;padding:14px 12px;border-radius:999px;background:linear-gradient(90deg,#ffffff4d,#fff0 45%),linear-gradient(180deg,#72de869e,#3cc35a8c);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 -4px #23913cb3,0 4px 10px #23913c4d;opacity:0;pointer-events:none;transform:translate(-50%,14px) scale(.85);transform-origin:50% 100%;transition:opacity .18s ease,transform .25s cubic-bezier(.3,1.6,.5,1)}.pu-music-pop:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.pu-music.is-open .pu-music-pop{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.pu-music-track{position:relative;width:14px;height:128px;border-radius:999px;background:#145a2473;box-shadow:inset 0 2px 4px #00000059;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.pu-music.is-inline .pu-music-track:before{content:"";position:absolute;top:-12px;right:-16px;bottom:-12px;left:-16px}.pu-music-fill{position:absolute;left:0;right:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#9cf0ad,#3cc35a 60%,#23913c)}.pu-music-knob{position:absolute;left:50%;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#fff,#e3f6e7);box-shadow:inset 0 -3px #b9dcc0,0 2px 6px #0000004d;transform:translate(-50%,50%);pointer-events:none}.pu-music-track:focus-visible .pu-music-knob{box-shadow:inset 0 -3px #b9dcc0,0 0 0 4px #72de86cc}.pu-music.is-inline{position:relative;right:auto;bottom:auto;z-index:60;flex:0 0 auto}.pu-music.is-inline .pu-music-btn,.pu-music.is-inline.is-muted .pu-music-btn{width:38px;height:38px;color:#3cc35a;background:none;box-shadow:none;filter:none}.pu-music.is-inline.is-muted .pu-music-btn{color:#ef4f6b}.pu-music.is-inline .pu-music-btn svg{width:28px;height:28px;filter:none}.pu-music.is-inline .pu-music-pop{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-10px) scale(.85);transform-origin:50% 0}.pu-music.is-inline .pu-music-pop:after{top:auto;bottom:100%}.pu-music.is-inline.is-open .pu-music-pop{transform:translate(-50%) scale(1)}.g-audio-menu{position:absolute;bottom:calc(100% + 10px);right:0;display:grid;gap:8px;min-width:210px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:var(--pu-shadow);animation:pu-pop .2s ease both}.g-audio-menu label{display:flex;align-items:center;gap:10px;font-size:.92rem;cursor:pointer}.g-audio-menu label.is-locked{opacity:.55}.g-audio-menu input{width:18px;height:18px;accent-color:var(--grass)}.g-gear{display:grid;gap:10px;padding:12px 14px 15px;width:min(560px,46vw)}.g-gear-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.gp-targets{margin-top:4px;gap:6px}.gp-targets>span{font-size:.62rem}.gp-targets li{width:30px;height:24px}.gp-targets img{width:26px;height:20px}.g-slot{position:relative;display:grid;justify-items:center;gap:2px;padding:8px 6px 9px;border-radius:16px;background:var(--paper-2);box-shadow:inset 0 -3px #d8e3f4;min-width:0}button.g-slot{border:0;font:inherit;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button.g-slot:hover{transform:translateY(-2px);box-shadow:inset 0 -3px #d8e3f4,0 6px 12px #12264e29}button.g-slot:active{transform:translateY(1px)}.gp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;display:grid;place-items:center;padding:16px;animation:pu-fade .2s ease both}.gp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#0e20428c;cursor:pointer}.gp-card{position:relative;display:flex;flex-direction:column;gap:12px;width:min(520px,100%);max-height:calc(100dvh - 32px);padding:18px 16px;border-radius:26px;background:linear-gradient(180deg,#fff,#f2f7ff);box-shadow:inset 0 -6px #d6e3f6,0 26px 50px #0006;animation:cc-pop .35s cubic-bezier(.3,1.5,.6,1) both;overflow:hidden}.gp-head{display:flex;align-items:center;gap:10px}.gp-head h2{flex:1;margin:0;font-family:var(--pu-title);font-weight:400;font-size:1.6rem}.gp-close{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:var(--paper-2);color:var(--ink);font-size:1rem;font-weight:900;box-shadow:inset 0 -3px #d3dff2;cursor:pointer}.gp-empty{margin:0;padding:24px 12px;border-radius:18px;background:var(--paper-2);color:var(--ink-soft);text-align:center}.gp-head,.gp-card>.pu-toast,.gp-empty{flex:0 0 auto}.gp-list{display:grid;gap:8px;flex:1 1 auto;min-height:0;align-content:start;padding:2px 2px 4px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.gp-list::-webkit-scrollbar{display:none}.gp-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;background:var(--paper-2);box-shadow:inset 0 -3px #d8e3f4}.gp-item.is-equipped{background:#e3f9e7;box-shadow:inset 0 0 0 3px var(--grass),inset 0 -3px #a9e6b5}.gp-item.is-out{opacity:.6}.gp-item-art{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:16px;background:radial-gradient(circle at 50% 40%,#fff,color-mix(in srgb,var(--tint) 18%,#ffffff))}.gp-item-art img{width:86%;height:86%;object-fit:contain}.gp-item-qty{position:absolute;top:-5px;right:-5px;padding:1px 7px 2px;border-radius:999px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:900}.gp-item-info{display:grid;gap:3px;min-width:0}.gp-item-rarity{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--rar)}.gp-item-name{font-family:var(--pu-title);font-weight:400;font-size:1.1rem;line-height:1.1}.gp-item-info .stat-bars,.gp-item-info [class*=stat]{font-size:.75rem}@media(max-width:520px){.gp-item{grid-template-columns:56px 1fr}.gp-item-art{width:56px;height:56px}.gp-item .pu-btn{grid-column:1 / -1}}.g-slot.is-rod{background:linear-gradient(180deg,#ecfaef,#dcf3e1)}.g-slot.is-reel{background:linear-gradient(180deg,#eaf3ff,#d9e8fd)}.g-slot.is-bait{background:linear-gradient(180deg,#fff0f2,#ffdfe5)}.g-slot.is-catches{background:linear-gradient(180deg,#fff8e0,#ffeab0)}.g-slot.is-empty{opacity:.7}.g-slot-art{display:grid;place-items:center;width:58px;height:58px;font-family:var(--pu-title);font-size:1.6rem;color:var(--ink-soft)}.g-slot-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(18,38,78,.22))}.g-slot-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.g-slot-name{max-width:100%;font-size:.8rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-slot-badge{position:absolute;top:5px;right:6px;padding:1px 7px 2px;border-radius:999px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:900}.cc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#ffffff14,#0a1a36a8 72%);cursor:pointer;animation:pu-fade .25s ease both}.cc-rays{position:absolute;width:min(900px,160vw);aspect-ratio:1;background:repeating-conic-gradient(color-mix(in srgb,var(--rar) 55%,transparent) 0 9deg,transparent 9deg 18deg);mask:radial-gradient(circle,#000 10%,transparent 62%);-webkit-mask:radial-gradient(circle,#000 10%,transparent 62%);animation:pu-spin 14s linear infinite;pointer-events:none}.cc-card{position:relative;display:grid;justify-items:center;gap:6px;width:min(360px,88vw);padding:34px 22px 20px;border-radius:28px;background:linear-gradient(180deg,#fff,#f2f7ff);box-shadow:0 0 0 6px var(--rar),inset 0 -7px #d6e3f6,0 0 60px var(--rar-glow),0 26px 50px #0006;animation:cc-pop .55s cubic-bezier(.3,1.6,.6,1) both}.cc-ribbon{position:absolute;top:-22px;left:50%;transform:translate(-50%);padding:8px 24px 11px;border-radius:16px;background:var(--rar);box-shadow:inset 0 -5px #0003,0 8px 16px #00000040;color:#fff;font-family:var(--pu-title);font-size:1.25rem;letter-spacing:.03em;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.22)}.cc-art{position:relative;display:grid;place-items:center;width:100%;height:190px}.cc-art-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rar) 40%,#ffffff),transparent 70%)}.cc-fish{position:relative;width:92%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(18,38,78,.28));animation:cc-fish .7s cubic-bezier(.3,1.8,.6,1) .15s both,pu-bob 2.4s ease-in-out .9s infinite}.cc-rarity{padding:3px 14px 5px;border-radius:999px;background:color-mix(in srgb,var(--rar) 18%,#ffffff);color:color-mix(in srgb,var(--rar) 75%,#1b2a4a);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.cc-name{margin:0;font-family:var(--pu-title);font-weight:400;font-size:2.1rem;line-height:1;text-align:center}.cc-weight{font-family:var(--pu-title);font-size:3rem;line-height:1;color:var(--sky-dark);animation:pu-rise .4s ease .25s both}.cc-weight small{margin-left:6px;font-size:.45em;color:var(--ink-soft)}.cc-rewards{display:flex;gap:8px;margin-top:4px;animation:pu-rise .4s ease .35s both}.cc-reward{display:inline-flex;align-items:center;gap:6px;padding:5px 14px 7px;border-radius:999px;font-family:var(--pu-title);font-size:1.1rem}.cc-reward.is-coins{background:#fff3c4;color:#7a4b00;box-shadow:inset 0 -3px #f0bf4a}.cc-reward.is-xp{background:#e3f9e7;color:#1c6b2e;box-shadow:inset 0 -3px #a9e6b5}.cc-tap{margin-top:8px;font-size:.8rem;color:var(--ink-soft)}.g-results{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:20px;background:#0a1a3699;animation:pu-fade .25s ease both}.g-results-card{position:relative;display:grid;justify-items:center;gap:10px;width:min(480px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:26px 22px 22px;border-radius:28px;background:linear-gradient(180deg,#fff,#f2f7ff);box-shadow:inset 0 -7px #d6e3f6,0 26px 50px #0006;animation:cc-pop .5s cubic-bezier(.3,1.6,.6,1) both}.g-results-trophy{width:96px;height:96px;object-fit:contain;animation:pu-bob 2.4s ease-in-out infinite}.g-results-title{margin:0;font-family:var(--pu-title);font-weight:400;font-size:2rem}.g-results-room{display:inline-flex;align-items:center;gap:5px;margin:0;color:var(--ink-soft)}.g-results-winner{margin:0;padding:10px 16px;border-radius:16px;background:#fff6d6;color:#6a4100;text-align:center}.g-results-list{display:grid;gap:6px;width:100%;margin:4px 0 0;padding:0;list-style:none}.g-results-list li{display:grid;grid-template-columns:30px 32px 1fr auto auto;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:14px;background:var(--paper-2)}.g-results-list li.is-me{background:#e3f9e7;box-shadow:inset 0 0 0 2px var(--grass)}.g-results-rank{font-family:var(--pu-title);font-size:1.1rem;text-align:center}.g-results-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-results-score{font-family:var(--pu-title);color:var(--sky-dark)}.g-results-prize{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#fff3c4;color:#7a4b00;font-size:.85rem}.g-results-actions{display:flex;gap:10px;margin-top:6px}.g-toast{position:fixed;top:96px;left:50%;z-index:50;transform:translate(-50%);max-width:calc(100vw - 32px);padding:11px 20px 13px;border-radius:16px;background:#fff;color:var(--ink);font-weight:900;text-align:center;box-shadow:inset 0 -4px #d6e3f6,0 14px 28px #0a1e464d;animation:g-toast-in .3s cubic-bezier(.3,1.5,.6,1) both;pointer-events:none}.g-perk{position:fixed;top:96px;left:50%;z-index:49;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 18px 8px 8px;border-radius:20px;background:linear-gradient(180deg,#fff9,#f1f6ff80);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);box-shadow:inset 0 -4px #d6e3f699,0 14px 28px #0a1e4638;transform:translate(-50%);animation:g-perk 4.2s cubic-bezier(.3,1.4,.6,1) both;pointer-events:none}.g-perk-art{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:14px;background:radial-gradient(circle at 50% 35%,#f3ecffb3,#ddd0fb99)}.g-perk-art .pu-item-art{width:86%;height:86%;object-fit:contain}.g-perk-body{display:grid;gap:4px;min-width:0}.g-perk-name{font-size:.82rem;font-weight:800;opacity:.7}.g-perk-list{display:flex;flex-wrap:wrap;gap:6px}.g-perk-list b{padding:3px 10px 4px;border-radius:999px;background:#3cb55a;color:#fff;font-size:.95rem;font-weight:900;box-shadow:inset 0 -3px #0000002e;white-space:nowrap}@keyframes g-perk{0%{opacity:0;transform:translate(-50%,-16px) scale(.85)}9%{opacity:1;transform:translate(-50%) scale(1)}88%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.96)}}@media(max-width:520px){.g-perk{top:84px;gap:10px;padding:6px 14px 6px 6px}.g-perk-art{width:46px;height:46px}.g-perk-list b{font-size:.85rem}}@media(max-width:1000px){.g-board{transition:opacity .25s ease,visibility .25s}body.perk-open .g-board{opacity:0;visibility:hidden;transition:none}}@keyframes g-throb{0%,to{transform:translate(var(--tx, 0)) scale(1)}50%{transform:translate(var(--tx, 0)) scale(1.05)}}.g-timer.is-critical{--tx: -50%}@keyframes g-toast-in{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@keyframes cc-pop{0%{opacity:0;transform:scale(.4) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes cc-fish{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}@media(max-width:1100px){.g-room{max-width:36vw}.g-player{width:min(360px,44vw)}.g-gear{width:min(480px,50vw)}}@media(max-width:760px){.g-topstack{position:absolute;top:max(10px,env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.g-top{position:static;align-self:stretch;align-items:stretch;gap:8px}.g-room-meta{flex-wrap:nowrap;gap:5px}.g-room{flex:1;min-width:0;max-width:none;padding:6px 10px 9px 6px;gap:8px}.g-room .pu-emblem{width:38px!important;height:38px!important;font-size:15px!important}.g-room-name{font-size:1.05rem}.g-chip{font-size:.74rem;padding:2px 8px 3px}.g-timer{position:static;transform:none;flex-shrink:0;align-self:stretch;justify-content:center;gap:6px;padding:6px 12px 9px 9px;border-radius:20px}.g-timer-text{gap:5px}.g-timer-text small{font-size:.56rem}.g-timer.is-critical{--tx: 0}.g-timer svg{width:22px;height:22px}.g-timer-text strong{font-size:1.3rem}.g-board,.g-board.is-hidden{display:none}.g-chip.is-rank{display:inline-flex}.g-board-list{max-height:30vh}.g-dock-wrap{left:max(12px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));bottom:max(30px,calc(env(safe-area-inset-bottom,0px) + 18px))}.g-dock{flex-direction:column;align-items:stretch;gap:8px}.g-player,.g-gear{width:auto;padding:9px 10px 12px}.g-gear{order:-1;grid-template-columns:1fr}.g-gear-slots{grid-template-columns:repeat(2,1fr)}.g-slot.is-catches{grid-column:1 / -1}.g-slot{grid-template-columns:36px 1fr;justify-items:start;align-items:center;padding:5px 6px;column-gap:6px}.g-slot-art{grid-row:span 2;width:36px;height:36px}.g-slot-label{font-size:.58rem}.g-slot-name{font-size:.7rem}.g-slot-badge{top:-6px;right:-2px;font-size:.62rem}.g-player .pu-avatar{width:44px!important;height:44px!important}.g-coins{font-size:.9rem}.g-toast{top:150px}}@media(max-width:480px){.g-room .pu-emblem{width:30px!important;height:30px!important;font-size:12px!important}.g-room-name{font-size:.95rem}.g-chip{gap:3px;font-size:.68rem;padding:2px 6px 3px}.g-chip .weather-icon-svg{width:14px;height:14px}.g-timer svg{display:none}.g-timer{padding:6px 10px 9px}.g-timer-text strong{font-size:1.15rem}.g-board-head{font-size:.98rem;padding:4px 6px}.g-board-icon{width:24px;height:24px}}@media(max-width:480px){.g-room-meta{gap:4px}.g-room-meta .g-chip{padding:2px 6px 3px}.g-room-meta .g-chip.is-rank{padding:3px 8px 5px}}@media(max-width:480px){.g-chip.is-sky{display:none}}@media(max-width:340px){.g-room-meta{gap:3px}.g-room-meta .g-chip{padding:2px 5px 3px;font-size:.7rem}.g-room-meta .g-chip.is-rank{padding:3px 7px 5px}.g-chip.is-rank span{display:none}}@media(prefers-reduced-motion:reduce){.cc-rays{animation:none!important}}.gc-item.is-best{background:#fff6dc;box-shadow:inset 0 0 0 3px #ffd447,inset 0 -3px #f1c232}.gc-new{background:#8a3df0;font-size:.64rem}.gc-weight{display:flex;align-items:baseline;gap:4px;font-family:var(--pu-title);font-size:1.5rem;line-height:1;color:#1d63b8}.gc-weight small{font-family:inherit;font-size:.8rem;color:var(--ink-soft)}.gc-weight em{margin-left:6px;padding:1px 7px 2px;border-radius:999px;background:#ffd447;color:#6a4300;font-family:var(--pu-body, inherit);font-size:.62rem;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.gc-pills{display:flex;gap:6px}.gc-pill{padding:1px 8px 2px;border-radius:999px;font-size:.74rem;font-weight:900}.gc-pill.is-coins{background:#ffefb0;color:#7a5200}.gc-pill.is-xp{background:#d9f6df;color:#1b6b32}@media(max-width:520px){.gc-item{grid-template-columns:56px 1fr auto;gap:10px}.gc-item .pu-btn{grid-column:auto;padding-inline:14px}}