:root{--ink: #12275e;--c-common: #aab7c8;--c-uncommon: #2fd573;--c-rare: #2e86ff;--c-legend: #ffb300;--c-secret: #ff3ec8;--font-title: "Press Start 2P", monospace;--font-body: "Fredoka", sans-serif;--bounce: cubic-bezier(.34, 1.56, .64, 1)}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-body);color:#fff;background:#041c47;overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:var(--font-body)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:1.05rem;border:4px solid var(--ink);border-radius:16px;padding:13px 24px;color:#fff;cursor:pointer;background:linear-gradient(180deg,#37c1ff,#0a6ecf);box-shadow:0 6px 0 var(--ink),0 10px 18px #00000040;transition:transform .12s var(--bounce),box-shadow .12s,filter .2s;text-shadow:0 2px 0 rgba(0,0,0,.25);text-decoration:none}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{filter:grayscale(.65);opacity:.7;cursor:not-allowed}.btn.green{background:linear-gradient(180deg,#2fd573,#0fa14e)}.btn.red{background:linear-gradient(180deg,#ff6b6b,#d92b3f)}.btn.gold{background:linear-gradient(180deg,#ffd94d,#ff9d00);color:#4d2e00;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn.small{padding:8px 14px;font-size:.9rem;border-radius:12px;border-width:3px;box-shadow:0 4px 0 var(--ink)}.btn.small:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn.google{background:#fff;color:#333;text-shadow:none}input{border:3px solid var(--ink);border-radius:12px;padding:11px 13px;font-family:var(--font-body);font-size:15px;font-weight:600;background:#f4f8ff;color:var(--ink);width:100%}input:focus{outline:3px solid #37c1ff}.tabs{display:flex;border:3px solid var(--ink);border-radius:12px;overflow:hidden}.tabs button{flex:1;padding:10px;background:#e8eefb;color:var(--ink);font-weight:700;font-size:14px;border:none;cursor:pointer;transition:.15s}.tabs button.sel{background:linear-gradient(180deg,#37c1ff,#0a6ecf);color:#fff}.tabs.big{margin:0 auto 14px;max-width:380px}.loading{height:100dvh;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px;background:linear-gradient(180deg,#041c47,#0a3d91)}.loading-fish{font-size:54px;animation:fishBob .9s var(--bounce) infinite alternate}.crash{height:100dvh;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;text-align:center;padding:28px;background:linear-gradient(180deg,#041c47,#0a3d91)}.crash-fish{font-size:62px;animation:fishBob .9s var(--bounce) infinite alternate}.crash h2{font-size:22px;font-weight:800}.crash p{font-size:15px;font-weight:600;opacity:.9;max-width:380px;line-height:1.5}.toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;width:min(92vw,460px);pointer-events:none}.toast{background:#0b2c6b;border:3.5px solid var(--ink);border-radius:14px;box-shadow:0 6px #00000059;padding:12px 16px;font-weight:700;font-size:14.5px;animation:toastIn .45s var(--bounce)}.toast.success{background:#0c5c34}.toast.error{background:#7a1330}.shell{height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#041c47,#0a3d91)}.shell-screen{flex:1;position:relative;overflow:hidden}.nav{display:flex;z-index:30;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#071c44;border-top:4px solid var(--ink)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8fa5cf;text-decoration:none;font-size:11px;font-weight:700;transition:transform .2s var(--bounce),color .2s}.nav-emoji{font-size:23px;position:relative;filter:grayscale(.55);transition:filter .2s}.nav-item.active{color:#fff;transform:translateY(-4px)}.nav-item.active .nav-emoji{filter:none;animation:navBounce .4s var(--bounce)}.badge{position:absolute;top:-7px;right:-13px;background:#ff3b3b;border:2px solid #fff;color:#fff;border-radius:999px;font-size:9px;padding:1px 5px}.page{height:100%;overflow-y:auto;padding:18px 16px 44px;position:relative}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap;position:relative;z-index:1}.page-title{font-family:var(--font-title);font-size:clamp(15px,4.5vw,22px);color:#fff;text-shadow:0 3px 0 var(--ink),0 7px 14px rgba(0,0,0,.45);animation:titleIn .5s var(--bounce);line-height:1.4}.page-title.small{font-size:clamp(11px,3.2vw,15px)}.hint{opacity:.9;font-size:14px;margin-bottom:12px;font-weight:600;position:relative;z-index:1}.empty{opacity:.7;font-style:italic;font-size:14px;padding:8px 0}.card-panel{position:relative;z-index:1;background:#071c44c7;border:4px solid var(--ink);border-radius:18px;padding:15px;margin-bottom:16px}.card-panel h3{font-size:17px;font-weight:800;margin-bottom:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;padding:20px;background:#020a22d1;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s}.modal-body{display:flex;flex-direction:column;align-items:center;gap:14px;animation:popIn .4s var(--bounce)}.detail-stats{background:#ffffff1f;border:3px solid var(--ink);border-radius:14px;padding:11px 18px;display:flex;flex-direction:column;gap:6px;font-size:15px}.gcard-wrap{--rc: var(--c-common);width:var(--cw, 160px);padding:5px;border-radius:20px;background:var(--rc);container-type:inline-size;position:relative;flex:none}.gcard-wrap.r-UNCOMMON{--rc: var(--c-uncommon)}.gcard-wrap.r-RARE{--rc: var(--c-rare);box-shadow:0 0 12px #2e86ff59}.gcard-wrap.r-LEGENDARY{--rc: var(--c-legend);background:conic-gradient(from var(--angle),#ffd94d,#ff9d00,#ff5f8f,#ffe45f,#7cf0ff,#ffd94d);animation:spinAngle 3.5s linear infinite;box-shadow:0 0 18px #ffb3008c}.gcard-wrap.r-SECRET{--rc: var(--c-secret);animation:secretPulse 1.6s ease-in-out infinite}.gcard-wrap.locked{background:#5a6a84;box-shadow:none;animation:none}.gcard{width:100%;aspect-ratio:63/88;border-radius:15px;border:3px solid var(--ink);background:linear-gradient(180deg,#fdfeff,#eef6ff);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;position:relative}.locked .gcard{background:linear-gradient(180deg,#dbe3f0,#bcc9dc)}.ghead{display:flex;justify-content:space-between;align-items:baseline;gap:4px;padding:6cqw 7cqw 3cqw}.gname{font-weight:700;font-size:8.6cqw;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gnum{font-size:6.4cqw;font-weight:700;opacity:.55;flex:none}.gart{flex:1;margin:0 6cqw;border-radius:9cqw;border:2.5px solid color-mix(in srgb,var(--rc) 55%,var(--ink));background:radial-gradient(circle at 50% 42%,#fff,color-mix(in srgb,var(--rc) 30%,#fff) 65%,color-mix(in srgb,var(--rc) 52%,#fff));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.gem{font-size:34cqw;line-height:1;filter:drop-shadow(0 4px 3px rgba(0,0,0,.2))}.locked .gem{filter:brightness(0) opacity(.8)}.gq{position:absolute;font-family:var(--font-title);font-size:20cqw;color:#fff;text-shadow:0 3px 0 var(--ink)}.gfoot{padding:4cqw 7cqw 6cqw}.gstars{display:flex;justify-content:space-between;align-items:center;font-size:7cqw;font-weight:800}.stars{color:var(--rc);letter-spacing:1px;text-shadow:0 1px 0 rgba(0,0,0,.15)}.locked .stars{color:#7f8ca3}.grarity{font-size:5.4cqw;text-transform:uppercase;letter-spacing:.5px;opacity:.65}.gdesc{font-style:italic;font-size:6.1cqw;line-height:1.3;color:#3a4a6b;margin-top:2cqw;height:2.6em;overflow:hidden}.gcount{position:absolute;right:5cqw;bottom:32cqw;background:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:1cqw 5cqw;font-weight:800;font-size:7.5cqw;color:var(--ink);box-shadow:0 3px #0003}.gcard-wrap{perspective:640px}.gcard-wrap.fancy .gcard{transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .18s ease-out;will-change:transform}.gcard-wrap.r-UNCOMMON:not(.locked){box-shadow:0 0 10px #2fd57359}.foil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:color-dodge;background-size:300% 300%;animation:foilShift 7s ease-in-out infinite alternate}.r-UNCOMMON .foil{opacity:.2;background-image:linear-gradient(115deg,transparent 15%,#2fd573 38%,#7cf0ff 52%,#b8ffc2 62%,transparent 85%)}.r-RARE .foil{opacity:.3;background-image:linear-gradient(115deg,#2e86ff 10%,#7cf0ff,#b48cff,#2fd5c8,#2e86ff 90%)}.r-LEGENDARY .foil{opacity:.42;background-image:linear-gradient(115deg,#ff5f5f,#ffb300 18%,#ffe45f 33%,#2fd573 50%,#7cf0ff,#b48cff 82%,#ff5f8f)}.r-SECRET .foil{opacity:.38;background-image:linear-gradient(115deg,#ff3ec8 5%,#8b5cf6 30%,#2e86ff 50%,#ff8fd8 72%,#ff3ec8 95%)}.glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .25s;mix-blend-mode:overlay;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 30%),rgba(255,255,255,.65),transparent 46%)}.gcard-wrap.fancy:hover .glare{opacity:1}.spark{position:absolute;z-index:4;pointer-events:none;font-style:normal;color:#fff;opacity:0;text-shadow:0 0 6px #fff,0 0 14px rgba(124,240,255,.9);animation:sparkTwinkle 1.9s ease-in-out infinite}.r-LEGENDARY .spark{color:#fff7d8;text-shadow:0 0 6px #fff3c2,0 0 14px rgba(255,217,77,.95)}.r-SECRET .spark{color:#ffdaf5;text-shadow:0 0 6px #ffbdf0,0 0 14px rgba(255,62,200,.9)}.gcount{z-index:5}@container (max-width: 128px){.gdesc{display:none}.gname{font-size:10.5cqw}.gnum{font-size:7.5cqw}.gstars{font-size:8.5cqw}.grarity{font-size:6.4cqw}.gcount{bottom:19cqw;font-size:8.5cqw}}.holo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.5) 41%,rgba(124,240,255,.35) 49%,transparent 63%);transform:translate(-130%);animation:holoSweep 2.6s ease-in-out infinite}.cardback{width:min(62vw,240px);aspect-ratio:63/88;border-radius:18px;border:5px solid #0c1d4d;background:repeating-linear-gradient(45deg,#123a8c 0,#123a8c 14px,#0e2f74 14px,#0e2f74 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:inset 0 0 40px #00000059,0 14px 30px #00000080}.cb-logo{font-family:var(--font-title);color:#7cf0ff;font-size:15px;letter-spacing:2px;text-shadow:0 2px 0 #06122e}.cb-fish{font-size:52px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}.flipv{transform:rotate(180deg)}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;--sea-hi: #40e8d8;--sea-mid: #18b5d8;--sea-lo: #0a6ecf;--deep: #0a3d91}.zone-gouffre{--sea-hi: #2c5f8a;--sea-mid: #17395c;--sea-lo: #0c2038;--deep: #060f1d}.zone-recif{--sea-hi: #ffd97a;--sea-mid: #2fc4c9;--sea-lo: #0a86af;--deep: #085a80}.zone-volcans{--sea-hi: #ff7a59;--sea-mid: #c22b46;--sea-lo: #5e1030;--deep: #2b0715}.zone-secrete{--sea-hi: #8b5cf6;--sea-mid: #3b1d6e;--sea-lo: #160a33;--deep: #07031a}.sky{position:absolute;left:0;right:0;top:0;height:46%;transition:filter 1s}.phase-day .sky{background:linear-gradient(180deg,#2f9dff,#8fd9ff 70%,#c8efff)}.phase-dawn .sky{background:linear-gradient(180deg,#7f6ec9,#ff9d6f 55%,#ffd59e)}.phase-dusk .sky{background:linear-gradient(180deg,#3b2a72,#a04a8c 50%,#ff8f5f)}.phase-night .sky{background:linear-gradient(180deg,#04081f,#0b1740 70%,#14265c)}.zone-gouffre .sky{filter:brightness(.72) saturate(.85)}.zone-secrete .sky{filter:brightness(.4) saturate(.5) hue-rotate(30deg)}.zone-recif .sky{filter:saturate(1.25) brightness(1.05)}.zone-volcans .sky{filter:hue-rotate(-18deg) saturate(1.3)}.sky-stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s;background-image:radial-gradient(2px 2px at 12% 25%,#fff,transparent),radial-gradient(1.6px 1.6px at 30% 60%,#fff,transparent),radial-gradient(2px 2px at 47% 18%,#fff,transparent),radial-gradient(1.4px 1.4px at 62% 45%,#fff,transparent),radial-gradient(2px 2px at 78% 22%,#fff,transparent),radial-gradient(1.6px 1.6px at 90% 55%,#fff,transparent),radial-gradient(1.4px 1.4px at 22% 78%,#fff,transparent),radial-gradient(1.8px 1.8px at 70% 80%,#fff,transparent);animation:twinkle 3.2s ease-in-out infinite}.phase-night .sky-stars{opacity:1}.phase-dusk .sky-stars{opacity:.45}.orb{position:absolute;width:76px;height:76px;border-radius:50%;transition:left 2s,top 2s}.orb.sun{background:radial-gradient(circle,#fff7c9,#ffd94d 58%,#ffd94d00 72%);box-shadow:0 0 70px 26px #ffd94d73;animation:orbGlow 4s ease-in-out infinite alternate}.orb.moon{background:radial-gradient(circle at 40% 40%,#fff,#cfd8ff 62%,#cfd8ff00 74%);box-shadow:0 0 44px 14px #cfd8ff59}.cloud{position:absolute;font-size:64px;opacity:.95;filter:drop-shadow(0 6px 8px rgba(0,0,0,.08));animation:drift linear infinite}.cloud.c1{top:7%;animation-duration:65s}.cloud.c2{top:19%;font-size:44px;animation-duration:90s;animation-delay:-35s}.cloud.c3{top:3%;font-size:54px;animation-duration:75s;animation-delay:-58s}.phase-night .cloud{filter:brightness(.45)}.sea{position:absolute;left:0;right:0;top:42%;bottom:0;background:linear-gradient(180deg,var(--sea-hi),var(--sea-mid) 28%,var(--sea-lo) 58%,var(--deep));transition:background 1s}.shimmer{position:absolute;top:0;height:36%;left:0;right:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(100deg,transparent 0 26px,rgba(255,255,255,.13) 26px 30px,transparent 30px 58px);background-size:200% 100%;animation:shimmerMove 7s linear infinite;mix-blend-mode:screen}.zone-volcans .sea:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 105%,rgba(255,90,40,.4),transparent 62%);animation:lavaGlow 2.6s ease-in-out infinite alternate}.zone-recif .sea:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,rgba(255,217,77,.18),transparent 65%)}.wavestrip{position:absolute;left:0;width:200%;height:46px;display:flex;pointer-events:none}.wavestrip svg{width:50%;height:100%;flex:none}.wavestrip.w1{top:-24px;color:color-mix(in srgb,var(--sea-hi) 65%,#fff);opacity:.8;animation:waveScroll 11s linear infinite}.wavestrip.w2{top:-11px;color:var(--sea-hi);animation:waveScroll 8s linear infinite}.wavestrip.w3{top:3px;color:color-mix(in srgb,var(--sea-mid) 82%,#000);opacity:.55;animation:waveScroll 6s linear infinite;z-index:2}.underwater{position:absolute;top:42px;bottom:0;left:0;right:0}.pixi-ocean{position:absolute;top:0;right:0;bottom:0;left:0}.pixi-ocean canvas{display:block}.boat-anchor{position:absolute;right:5%;top:45%;width:min(46vw,400px);transform:translateY(-76%);z-index:3}.boat{width:100%;height:auto;display:block;animation:rock 4.6s ease-in-out infinite;transform-origin:50% 92%}.boat.skin-neon{filter:saturate(2.4) hue-rotate(120deg) drop-shadow(0 0 12px rgba(124,240,255,.8))}.boat.skin-corsaire{filter:sepia(.35) saturate(1.4) hue-rotate(-25deg) brightness(.82)}.boat .rod{transition:transform .3s var(--bounce);transform-box:fill-box;transform-origin:100% 100%}.boat.phase-arming .rod{transform:rotate(-42deg)}.boat.phase-casting .rod{transform:rotate(30deg)}.boat.phase-splash .rod,.boat.phase-waiting .rod{transform:rotate(12deg)}.boat.phase-bite .rod{animation:rodJitter .16s linear infinite}.boat.phase-reeling .rod{transform:rotate(-10deg)}.line-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.line-layer path{stroke:#f4f8ff;stroke-width:2.5;fill:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.bobber{position:absolute;width:22px;height:22px;border-radius:50%;z-index:4;background:linear-gradient(180deg,#ff3b3b 50%,#fff 50%);border:3px solid var(--ink);animation:bob 1.5s ease-in-out infinite}.cast-bite .bobber{animation:bobBite .18s linear infinite}.splash{position:absolute;font-size:58px;z-index:4;animation:splashPop .5s var(--bounce);pointer-events:none}.touche{position:absolute;top:30%;left:50%;z-index:8;font-family:var(--font-title);font-size:clamp(30px,9vw,64px);color:#ff3b3b;-webkit-text-stroke:3px #fff;text-shadow:0 6px 0 var(--ink),0 12px 24px rgba(0,0,0,.5);animation:touchePop .4s var(--bounce) both,toucheShake .12s .4s linear infinite}.scene.shake{animation:sceneShake .5s linear}.zonefx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:radial-gradient(circle at 50% 50%,#062a63f5,#041434fa);animation:zoneFade .95s ease both}.hud{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;gap:10px;align-items:flex-start;padding:12px 14px}.hud-user{display:flex;gap:8px;align-items:center;background:#06163abf;border:3px solid var(--ink);border-radius:16px;padding:6px 12px 6px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-avatar{font-size:26px}.hud-name{font-weight:800;font-size:14px;display:flex;align-items:center}.hud-boat{font-size:11.5px;opacity:.9}.pro-badge{margin-left:6px;display:inline-block;background:linear-gradient(180deg,#ffd94d,#ff9d00);color:#5a3300;font-size:9.5px;font-weight:800;padding:1px 6px;border-radius:8px;border:2px solid var(--ink)}.hud-progress{flex:1;max-width:400px;margin-left:auto;padding-top:3px}.hud-progress-label{font-size:12px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.55);margin-bottom:4px;text-align:right}.pbar{height:15px;border:3px solid var(--ink);border-radius:999px;background:#06163ab8;overflow:hidden}.pbar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2fd573,#7cf08a);box-shadow:inset 0 -4px #0000002e;transition:width .9s var(--bounce)}.mute{background:#06163abf;border:3px solid var(--ink);border-radius:12px;font-size:17px;padding:6px 9px;cursor:pointer}.controls{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 12px 16px}.zonebar{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:4px 2px;scrollbar-width:none}.zonebar::-webkit-scrollbar{display:none}.zone-chip{flex:none;display:flex;align-items:center;gap:6px;border:3px solid var(--ink);border-radius:14px;padding:7px 12px;background:#06163ac7;color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:transform .18s var(--bounce),background .2s,box-shadow .2s}.zone-chip .zc-emoji{font-size:17px}.zone-chip.sel{background:linear-gradient(180deg,#37c1ff,#0a6ecf);transform:scale(1.08);box-shadow:0 0 16px #37c1ff8c}.zone-chip.lock{opacity:.55;filter:grayscale(.7)}.baitbar{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.5)}.bait-chip{border:3px solid var(--ink);border-radius:12px;padding:5px 11px;background:#06163ac7;color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:transform .15s var(--bounce),background .2s}.bait-chip.sel{background:linear-gradient(180deg,#2fd573,#0fa14e);transform:scale(1.08)}.cast-btn{font-size:1.3rem;letter-spacing:1px;padding:16px 40px;border-radius:22px;background:linear-gradient(180deg,#ff8f3d,#ff5f2c);animation:castPulse 1.8s ease-in-out infinite}.cast-btn:disabled{animation:none}.cast-count{background:#ffffff40;padding:2px 11px;border-radius:999px;font-size:1rem}.reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center}.reveal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020a22db;animation:fadeIn .5s}.reveal.r-LEGENDARY .reveal-backdrop{background:#000}.reveal-stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px}.flip3d{perspective:1100px}.rphase-in .flip3d{animation:tremble .16s linear infinite}.flip-inner{position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.35,.1,.25,1);width:fit-content}.flip3d.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{position:relative}.flip-front{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:1;animation:flashFx .55s ease-out both}.fx-halo{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(24px);z-index:1;animation:haloPulse 1.4s ease-in-out infinite}.fx-halo.green{background:radial-gradient(circle,rgba(47,213,115,.65),transparent 70%)}.fx-halo.blue{background:radial-gradient(circle,rgba(46,134,255,.7),transparent 70%)}.fx-halo.pink{background:radial-gradient(circle,rgba(255,62,200,.65),transparent 70%)}.fx-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.fx-particles .pt{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#7cf0ff;box-shadow:0 0 12px 4px #7cf0ffb3;animation:ptFly 1.1s ease-out var(--d) both}.fx-goldburst{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;z-index:1;background:radial-gradient(circle,#fff7c9,#ffd94d 55%,#ff9d0099);animation:goldBoom .9s ease-out both}.fx-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.fx-confetti span{position:absolute;top:-22px;left:var(--x);width:10px;height:15px;border-radius:3px;background:var(--c);animation:confFall 2.8s var(--d) ease-in both}.fx-question{position:absolute;z-index:3;font-family:var(--font-title);font-size:120px;color:#ff3ec8;text-shadow:0 0 30px rgba(255,62,200,.8);animation:qFade 1.7s ease-out both;pointer-events:none}.reveal-info{display:flex;flex-direction:column;align-items:center;gap:10px;animation:popIn .4s var(--bounce)}.tag-new{font-family:var(--font-title);font-size:13px;background:linear-gradient(180deg,#ffd94d,#ff9d00);color:#4d2e00;border:3px solid var(--ink);border-radius:12px;padding:9px 15px;animation:popIn .5s var(--bounce)}.tag-dup{background:#ffffff29;border:3px solid var(--ink);border-radius:12px;padding:7px 14px;font-weight:800;font-size:14px}.tag-boat{font-family:var(--font-title);font-size:11px;background:linear-gradient(180deg,#7cf0ff,#2e86ff);color:#06213f;border:3px solid var(--ink);border-radius:12px;padding:9px 14px;animation:popIn .6s var(--bounce)}.reveal-actions{display:flex;gap:12px;margin-top:4px}.tank{background:linear-gradient(180deg,#06315f,#041c47 60%,#02102c)}.tank-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.ray{position:absolute;top:-20%;width:130px;height:150%;background:linear-gradient(180deg,rgba(124,240,255,.13),transparent 80%);transform:rotate(16deg);animation:raySway 8s ease-in-out infinite alternate}.ray.r1{left:12%}.ray.r2{left:58%;animation-delay:-4s;width:90px}.lb{position:absolute;bottom:-30px;left:var(--x);width:var(--s);height:var(--s);border:2.5px solid rgba(255,255,255,.45);border-radius:50%;animation:bubbleUp var(--d) linear var(--dl) infinite}.tank-counter{margin-left:auto;font-family:var(--font-title);font-size:clamp(13px,3.6vw,18px);color:#7cf0ff;text-shadow:0 3px 0 var(--ink)}.tc-num{color:#ffd94d}.filterbar{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;position:relative;z-index:1;scrollbar-width:none}.filterbar::-webkit-scrollbar{display:none}.filter-chip{flex:none;border:3px solid var(--ink);border-radius:999px;padding:8px 14px;background:#071c44cc;color:#cdd9f2;font-weight:800;font-size:12px;letter-spacing:.5px;cursor:pointer;transition:transform .18s var(--bounce),background .2s,color .2s}.filter-chip.sel{color:#fff;transform:scale(1.1)}.filter-chip.f-ALL.sel{background:linear-gradient(180deg,#37c1ff,#0a6ecf)}.filter-chip.f-LEGENDARY.sel{background:linear-gradient(180deg,#ffd94d,#ff9d00);color:#4d2e00}.filter-chip.f-RARE.sel{background:linear-gradient(180deg,#5aa2ff,#2e60d8)}.filter-chip.f-UNCOMMON.sel{background:linear-gradient(180deg,#2fd573,#0fa14e)}.filter-chip.f-COMMON.sel{background:linear-gradient(180deg,#b8c4d6,#8494ac);color:#1d2b4d}.tank-grid{display:grid;gap:13px;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));position:relative;z-index:1}.tank-cell{animation:cellIn .55s var(--bounce) both;animation-delay:var(--dl)}.tank-cell .gcard-wrap{width:100%;cursor:pointer;transition:transform .2s var(--bounce)}.tank-cell .gcard-wrap:hover{transform:translateY(-5px) rotate(-1deg)}.tank-cell .gcard-wrap.locked{cursor:default}.btn.back{padding:8px 12px}.cocotte{background:linear-gradient(180deg,#2b1245,#150a2e 70%,#0a0520)}.cocotte-hero{position:relative;display:flex;justify-content:center;margin:4px 0 14px}.cauldron{width:170px;overflow:visible}.cauldron .fire{animation:fireFlick .45s linear infinite alternate;transform-origin:center}.cauldron .soup-bubble{animation:soupBub 1.5s ease-in-out infinite}.cauldron .soup-bubble.b2{animation-delay:.4s}.cauldron .soup-bubble.b3{animation-delay:.9s}.steam{position:absolute;top:-4px;width:26px;height:26px;border-radius:50%;background:#dcffe466;filter:blur(6px);animation:steamUp 3s ease-out infinite}.steam.s1{margin-left:-60px}.steam.s2{animation-delay:1s}.steam.s3{margin-left:55px;animation-delay:2s}.mini-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;position:relative;z-index:1}.mini-cell{display:flex;flex-direction:column;gap:8px;align-items:center;position:relative}.mini-cell.selectable{cursor:pointer;border-radius:26px;padding:5px;transition:.15s}.mini-cell.selectable.sel{outline:4px solid #7cf08a;background:#7cf08a21}.check{position:absolute;top:-7px;right:-7px;z-index:2;background:#2fd573;border:3px solid #fff;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;animation:popIn .25s var(--bounce)}.mix-action{display:flex;justify-content:center;margin:18px 0}.cook-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#04081ceb;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s}.cook-stage{position:relative;width:min(92vw,430px);height:74vh}.cook-cards{position:absolute;top:5%;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.cook-card{animation:cookDrop .9s ease-in calc(var(--i) * .15s) both}.cook-pot{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:250px}.cook-pot .cauldron{width:100%}.cphase-cook .cook-pot{animation:potShake .45s linear infinite}.smoke{position:absolute;bottom:40%;left:50%;margin-left:-20px;width:44px;height:44px;border-radius:50%;background:#beffcd66;filter:blur(9px);opacity:0}.cphase-cook .smoke{animation:smokePuff 1.1s ease-out infinite}.smoke.sm1{margin-left:-70px}.smoke.sm3{margin-left:30px;animation-delay:.5s}.smoke.sm2{animation-delay:.25s}.cook-result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;animation:popIn .45s var(--bounce)}.cr-flash{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(34px);z-index:-1;animation:haloPulse 1.5s ease-in-out infinite}.cr-flash.r-UNCOMMON{background:radial-gradient(circle,rgba(47,213,115,.6),transparent 70%)}.cr-flash.r-RARE{background:radial-gradient(circle,rgba(46,134,255,.65),transparent 70%)}.cr-flash.r-LEGENDARY{background:radial-gradient(circle,rgba(255,179,0,.7),transparent 70%)}.market{background:linear-gradient(180deg,#0a3d63,#06284a 60%,#041c35)}.trade-quota{margin-left:auto;font-weight:800;font-size:13px;background:#ffd94d26;border:3px solid #ffd94d;color:#ffd94d;border-radius:999px;padding:6px 13px}.trade-section{position:relative;z-index:1;margin-bottom:22px}.trade-section h3{font-size:17px;font-weight:800;margin-bottom:10px}.friend-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.friend-chip{border:3px solid var(--ink);border-radius:14px;padding:8px 14px;background:#071c44d9;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:transform .15s var(--bounce),background .2s}.friend-chip.sel{background:linear-gradient(180deg,#37c1ff,#0a6ecf);transform:scale(1.06)}.trade-builder{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;background:#071c44c7;border:4px solid var(--ink);border-radius:18px;padding:14px}.tb-col h4{font-size:14px;font-weight:800;margin-bottom:8px}.tb-scroll{display:flex;gap:8px;overflow-x:auto;padding:6px 2px;scrollbar-width:thin}.tb-card{flex:none;border-radius:24px;padding:3px;cursor:pointer;transition:transform .15s var(--bounce)}.tb-card.sel{transform:translateY(-5px) scale(1.04);outline:4px solid #7cf08a}.tb-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.trade-arrow{font-size:26px;color:#ffd94d;text-shadow:0 3px 0 var(--ink)}.trade-arrow.big{font-size:38px;animation:fishBob 1.2s ease-in-out infinite alternate}.trade-row{background:#071c44c7;border:4px solid var(--ink);border-radius:18px;padding:12px;margin-bottom:10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.trade-cards{display:flex;align-items:center;gap:12px}.trade-side{display:flex;flex-direction:column;align-items:center;gap:4px}.ts-label{font-size:12px;font-weight:700;opacity:.85}.trade-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.trade-hist{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#071c4480;border:2.5px solid rgba(18,39,94,.8);border-radius:12px;padding:9px 13px;margin-bottom:7px;font-size:13.5px;font-weight:600}.friends{background:linear-gradient(180deg,#0a4a63,#06304a 60%,#041c35)}.logout{margin-left:auto}.invite-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.invite-link{flex:1;font-size:12px;background:#00000052;padding:9px 11px;border-radius:10px;overflow-wrap:anywhere;line-height:1.35}.add-row{display:flex;gap:8px}.add-row input{flex:1;width:auto}.rank-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:12px;cursor:pointer;transition:transform .15s var(--bounce),background .2s}.rank-row:hover{background:#7cf0ff14;transform:translate(4px)}.rank-row.is-me{background:#7cf0ff1a;border:2.5px dashed rgba(124,240,255,.5);cursor:default}.rank-pos{width:34px;font-weight:800;font-size:17px;text-align:center}.rank-avatar{font-size:24px}.rank-name{font-weight:800;font-size:15px;display:flex;align-items:center}.rank-score{margin-left:auto;font-weight:700;font-size:13.5px;color:#7cf0ff}.rank-go{font-size:15px}.notif-row{display:flex;align-items:baseline;gap:9px;padding:8px 6px;border-radius:10px;font-size:14px}.notif-row.new{background:#ffd94d1f}.notif-emoji{font-size:17px}.notif-text{flex:1;font-weight:600}.notif-date{font-size:11px;opacity:.6;flex:none}.shop{background:linear-gradient(180deg,#4a1a63,#2b1045 55%,#150a2e)}.shop-banner{background:#ffd94d24;border:3px dashed #ffd94d;color:#ffd94d;border-radius:14px;padding:11px 15px;font-weight:700;font-size:14px;margin-bottom:16px;position:relative;z-index:1}.shop-section{margin-bottom:22px;position:relative;z-index:1}.shop-section h3{font-size:17px;font-weight:800;margin-bottom:10px}.shop-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.shop-grid.wide{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.shop-card{position:relative;border:4px solid var(--ink);border-radius:18px;padding:15px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;transition:transform .18s var(--bounce);box-shadow:0 6px #0000004d}.shop-card:hover{transform:translateY(-4px)}.shop-card:hover .sc-emoji{animation:navBounce .4s var(--bounce)}.sc-lancers{background:linear-gradient(180deg,#1d6fd8,#0c3f8c)}.sc-appats{background:linear-gradient(180deg,#14915c,#0a5c3a)}.sc-skins{background:linear-gradient(180deg,#8a4ad8,#55258f)}.sc-abos{background:linear-gradient(180deg,#d88a1d,#8f5209)}.sc-emoji{font-size:44px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}.shop-card h4{font-size:15.5px;font-weight:800}.shop-card p{font-size:12.5px;opacity:.88;flex:1;line-height:1.35}.sc-foot{margin-top:4px}.sc-owned{font-weight:800;font-size:13.5px;color:#7cf08a}.sc-active{position:absolute;top:-11px;right:-7px;transform:rotate(7deg);background:linear-gradient(180deg,#7cf08a,#2fd573);color:#06301a;border:3px solid var(--ink);border-radius:999px;font-size:11px;font-weight:800;padding:4px 10px}.shop-card.active{outline:3px solid #7cf08a}.login{position:relative;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:20px;background:linear-gradient(180deg,#0a6ecf,#0a3d91 45%,#062a63);background-size:100% 160%;animation:oceanShift 11s ease-in-out infinite alternate}.login-waves:before,.login-waves:after{content:"";position:absolute;left:50%;bottom:-160px;width:200vw;height:220px;margin-left:-100vw;background:#ffffff12;border-radius:43%;animation:spin 9s linear infinite}.login-waves:after{bottom:-175px;background:#7cf0ff14;animation-duration:13s;border-radius:46%}.login-bubbles,.login-swim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.swimmer{position:absolute;top:var(--t);left:0;font-size:30px;opacity:.85;animation:swim var(--d) linear var(--dl) infinite}.logo{display:flex;gap:5px;z-index:2}.logo span{display:inline-block;font-family:var(--font-title);font-size:clamp(36px,11vw,66px);color:#ffd94d;text-shadow:0 5px 0 var(--ink),0 12px 26px rgba(0,0,0,.45);animation:logoIn .7s var(--bounce) calc(var(--i) * .1s) both,logoWob 2.4s ease-in-out calc(1s + var(--i) * .16s) infinite alternate}.tagline{z-index:2;font-weight:700;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.4);animation:popIn .8s var(--bounce) .5s both}.invite-banner{z-index:2;background:linear-gradient(180deg,#ffd94d,#ff9d00);color:#4d2e00;border:3px solid var(--ink);border-radius:14px;padding:10px 16px;font-weight:800;font-size:14px;animation:popIn .6s var(--bounce) .7s both}.login-card{z-index:2;width:min(92vw,385px);animation:popIn .7s var(--bounce) .35s both}.login-card .gcard{aspect-ratio:auto}.login-inner .ghead{padding:12px 14px 6px}.login-inner .gname{font-size:14px}.login-inner .gnum{font-size:12px}.login-body{padding:12px 15px 17px;display:flex;flex-direction:column;gap:12px}.login-body form{display:flex;flex-direction:column;gap:10px}.or{text-align:center;color:#5a6f96;font-size:13px;font-weight:700}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}}@keyframes titleIn{0%{opacity:0;transform:translateY(-14px) scale(.85)}}@keyframes cellIn{0%{opacity:0;transform:translateY(26px) scale(.85)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-18px) scale(.9)}}@keyframes navBounce{0%{transform:scale(.7)}55%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes fishBob{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-9px) rotate(6deg)}}@keyframes logoIn{0%{opacity:0;transform:translateY(-90px) scale(.4)}60%{opacity:1;transform:translateY(10px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes logoWob{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes oceanShift{0%{background-position:0 0}to{background-position:0 55%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bubbleUp{0%{transform:translateY(0) translate(0);opacity:0}8%{opacity:.9}to{transform:translateY(-105vh) translate(24px);opacity:0}}@keyframes swim{0%{transform:translate(-12vw) scaleX(-1)}to{transform:translate(112vw) scaleX(-1)}}@keyframes waveScroll{to{transform:translate(-50%)}}@keyframes shimmerMove{to{background-position:-200% 0}}@keyframes drift{0%{left:-16%}to{left:112%}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.55}}@keyframes orbGlow{0%{transform:scale(1)}to{transform:scale(1.07)}}@keyframes lavaGlow{0%{opacity:.65}to{opacity:1}}@keyframes raySway{0%{transform:rotate(13deg)}to{transform:rotate(20deg)}}@keyframes rock{0%,to{transform:rotate(-2.4deg) translateY(0)}50%{transform:rotate(2.4deg) translateY(-7px)}}@keyframes rodJitter{0%,to{transform:rotate(-22deg)}50%{transform:rotate(-15deg)}}@keyframes bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(6px) rotate(4deg)}}@keyframes bobBite{0%,to{transform:translateY(4px)}50%{transform:translateY(11px)}}@keyframes splashPop{0%{transform:scale(.2);opacity:0}40%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:.9}}@keyframes touchePop{0%{transform:translate(-50%,-50%) scale(.2)}60%{transform:translate(-50%,-50%) scale(1.25)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes toucheShake{0%,to{margin-left:-4px}50%{margin-left:4px}}@keyframes sceneShake{0%,to{transform:translate(0)}15%{transform:translate(-7px,4px)}30%{transform:translate(6px,-5px)}45%{transform:translate(-5px,-4px)}60%{transform:translate(5px,5px)}75%{transform:translate(-4px,2px)}90%{transform:translate(3px,-2px)}}@keyframes zoneFade{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes castPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes tremble{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1px) rotate(-.8deg)}75%{transform:translate(2px,-1px) rotate(.8deg)}}@keyframes holoSweep{0%{transform:translate(-130%)}55%,to{transform:translate(130%)}}@keyframes foilShift{0%{background-position:0% 20%}to{background-position:100% 80%}}@keyframes sparkTwinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(28deg)}}@keyframes spinAngle{to{--angle: 360deg}}@keyframes secretPulse{0%,to{box-shadow:0 0 10px #ff3ec866}50%{box-shadow:0 0 26px #ff3ec8d9}}@keyframes haloPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.16);opacity:1}}@keyframes flashFx{0%{opacity:0}25%{opacity:.95}to{opacity:0}}@keyframes ptFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@keyframes goldBoom{0%{transform:scale(1);opacity:1}to{transform:scale(38);opacity:0}}@keyframes confFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(var(--r));opacity:.7}}@keyframes qFade{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.2);opacity:1}to{transform:scale(2);opacity:0}}@keyframes cookDrop{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}75%{opacity:1}to{transform:translateY(40vh) rotate(220deg) scale(.15);opacity:0}}@keyframes potShake{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(calc(-50% - 5px)) rotate(-2deg)}75%{transform:translate(calc(-50% + 5px)) rotate(2deg)}}@keyframes smokePuff{0%{transform:translateY(0) scale(.5);opacity:0}30%{opacity:.8}to{transform:translateY(-90px) scale(1.8);opacity:0}}@keyframes steamUp{0%{transform:translateY(0) scale(.6);opacity:0}30%{opacity:.75}to{transform:translateY(-56px) scale(1.5);opacity:0}}@keyframes soupBub{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.25)}}@keyframes rotateNudge{0%,to{transform:rotate(0)}50%{transform:rotate(-88deg)}}@keyframes bannerIn{0%{opacity:0;transform:translateY(90px) scale(.9)}}@keyframes fireFlick{0%{transform:scaleX(1) scaleY(1);opacity:.85}to{transform:scaleX(1.12) scaleY(.85);opacity:1}}.install-banner{flex:none;z-index:40;width:min(540px,calc(100% - 20px));margin:0 auto 8px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#37c1ff,#0a6ecf);border:4px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink),0 12px 26px #00000073;animation:bannerIn .55s var(--bounce) both}.ib-fish{font-size:30px;animation:fishBob 1.4s ease-in-out infinite alternate;flex:none}.ib-text{display:flex;flex-direction:column;line-height:1.3;min-width:0}.ib-text b{font-size:14.5px}.ib-text span{font-size:12px;opacity:.92}.install-banner .btn.small{margin-left:auto;flex:none}.ib-close{flex:none;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:#fff;font-size:17px;font-weight:800;opacity:.75}.ib-close:hover{opacity:1}.ios-help{background:#0b2c6b;border:4px solid var(--ink);border-radius:20px;padding:20px;max-width:min(92vw,420px);gap:16px}.ios-help h3{font-size:18px;font-weight:800}.ios-help ol{display:flex;flex-direction:column;gap:11px;padding-left:20px;text-align:left}.ios-help li{font-size:14.5px;font-weight:600;line-height:1.45}.ios-ico{display:inline-block;padding:0 2px}.rotate-hint{display:none}@media(hover:none)and (orientation:landscape)and (max-height:540px){.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,#0a3d91,#062a63);text-align:center;padding:24px}.rotate-hint .rh-phone{font-size:64px;animation:rotateNudge 2s ease-in-out infinite}.rotate-hint h2{font-family:var(--font-title);font-size:16px;line-height:1.6;text-shadow:0 3px 0 var(--ink)}.rotate-hint p{font-weight:600;font-size:15px;opacity:.9}}@media(max-width:720px){.trade-builder{grid-template-columns:1fr}.tb-mid{flex-direction:row}.tank-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:9px}.boat-anchor{width:min(58vw,320px);right:2%}.hud-progress-label{font-size:10.5px}.zone-chip .zc-name{font-size:11.5px}.cast-btn{font-size:1.12rem;padding:14px 30px}.bait-chip{padding:11px 14px}.mute{padding:9px 11px}.filter-chip{padding:11px 15px}.zone-chip{padding:10px 13px}.btn.small{padding:11px 16px}.tabs button{padding:13px 10px}.friend-chip{padding:11px 15px}.page{padding-bottom:30px}}@media(max-width:420px){.hud{flex-wrap:wrap}.hud-progress{max-width:none;width:100%;order:3}.cloud{font-size:44px}}