*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-deep: #04222e;--panel: rgba(8, 32, 44, .92);--panel-light: rgba(20, 56, 74, .85);--line: rgba(120, 200, 240, .18);--text: #e7f4fb;--text-dim: #8fb6c9;--gold: #ffc94d;--accent: #35c4f0;--danger: #ff5d5d;--ok: #5dd97c;--radius: 14px;--shadow: 0 10px 40px rgba(0, 0, 0, .5)}html,body{height:100%;overflow:hidden;overscroll-behavior:none}html{min-height:-webkit-fill-available}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text);user-select:none;-webkit-user-select:none;touch-action:manipulation;min-height:-webkit-fill-available;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input{font:inherit}#app,#scene3d{position:fixed;inset:0;width:100%;height:100%}#scene3d{display:block;touch-action:none}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#021018b8;backdrop-filter:blur(6px);padding:16px}.btn{--edge: #0a2c3d;font-family:inherit;font-weight:800;font-size:15px;color:var(--text);background:linear-gradient(180deg,#2c6f90,#174760);border:none;border-radius:var(--radius);min-height:48px;padding:12px 22px;cursor:pointer;box-shadow:0 5px 0 var(--edge),0 14px 28px #00000059,inset 0 1px #ffffff40;transition:transform .08s,box-shadow .08s,filter .15s;touch-action:manipulation}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--edge),0 4px 10px #0000004d,inset 0 1px #ffffff2e}.btn.gold{--edge: #8a5408;background:linear-gradient(180deg,#ffdf85,#f4ad2c 60%,#e0931a);color:#3a2402;text-shadow:0 1px 0 rgba(255,255,255,.3)}.btn.ghost{--edge: rgba(0,0,0,.4);background:#14384a9e;border:1px solid var(--line);box-shadow:0 4px 0 var(--edge),0 10px 20px #00000040,inset 0 1px #ffffff14}.btn.big{font-size:18px;padding:15px 30px;min-height:56px}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:0 3px 0 var(--edge),inset 0 1px #ffffff1a}.overlay.landing{justify-content:space-between;scroll-behavior:smooth;background:radial-gradient(120% 90% at 78% -10%,rgba(53,196,240,.16),transparent 55%),linear-gradient(180deg,#04141f,#052a3a 46%,#063347 72%,#04222e);backdrop-filter:none;overflow-y:auto;padding:0}.landing-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.lb-glow{position:absolute;top:-180px;left:50%;transform:translate(-50%);width:760px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(79,216,255,.18),transparent);animation:lb-breathe 7s ease-in-out infinite}@keyframes lb-breathe{0%,to{opacity:.7}50%{opacity:1}}.lb-wave{position:absolute;left:-60%;width:220%;height:46vh;bottom:-22vh;border-radius:42% 46% 0 0;background:#12547059;animation:lb-drift 13s ease-in-out infinite}.lb-w2{bottom:-26vh;background:#0a3e5680;animation-duration:17s;animation-delay:-4s}.lb-w3{bottom:-30vh;background:#06293ab8;animation-duration:23s;animation-delay:-9s}@keyframes lb-drift{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(4%) translateY(-2.2vh)}}.lb-fish{position:absolute;font-size:26px;opacity:.35;filter:blur(.4px);animation:lb-swim 18s linear infinite}.lb-f1{top:34%;animation-duration:26s}.lb-f2{top:58%;font-size:20px;animation-duration:34s;animation-delay:-12s}.lb-f3{top:74%;font-size:17px;animation-duration:22s;animation-delay:-7s}@keyframes lb-swim{0%{left:-8%;transform:scaleX(-1)}49%{transform:scaleX(-1) translateY(-12px)}50%{left:105%;transform:scaleX(-1)}50.01%{transform:scaleX(1)}99%{transform:scaleX(1) translateY(10px)}to{left:-8%;transform:scaleX(1)}}.landing-top{position:relative;z-index:2;width:100%;max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top)) 22px 0}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:17px;letter-spacing:2.5px}.brand-ico{font-size:24px;filter:drop-shadow(0 4px 10px rgba(53,196,240,.5))}.landing-pills{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.pill{font-size:11px;font-weight:800;color:var(--text-dim);background:#08202c9e;border:1px solid var(--line);border-radius:999px;padding:6px 12px;backdrop-filter:blur(6px)}.landing-hero{position:relative;z-index:2;width:100%;max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,72px);flex-wrap:wrap;padding:clamp(14px,4vh,44px) 22px}.hero-copy{max-width:470px;min-width:280px;flex:1 1 320px}.hero-kicker{font-size:12px;font-weight:900;letter-spacing:3.5px;color:var(--accent);margin-bottom:8px;text-shadow:0 0 18px rgba(53,196,240,.45)}.hero-copy h1{font-size:clamp(44px,7vw,74px);line-height:.95;letter-spacing:3px;font-weight:900;background:linear-gradient(180deg,#eaf8ff 8%,#9adcf8 55%,#35c4f0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 28px rgba(8,60,84,.65))}.h1-accent{display:block;background:linear-gradient(180deg,#ffe9b0,#ffc94d 60%,#e09a18);-webkit-background-clip:text;background-clip:text;color:transparent}.landing .tagline{color:var(--text-dim);font-size:14.5px;line-height:1.55;margin:14px 0 18px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:9px}.feature-list li{display:flex;align-items:center;gap:11px;font-size:13.5px;font-weight:700;color:var(--text)}.feature-list li span{width:34px;height:34px;display:grid;place-items:center;font-size:17px;background:#35c4f01a;border:1px solid rgba(53,196,240,.25);border-radius:10px}.scroll-hint{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:var(--accent);text-decoration:none;font-size:13px;font-weight:800;letter-spacing:1px;animation:hint-bob 2.2s ease-in-out infinite}.scroll-hint:hover{filter:brightness(1.25)}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.auth-card{position:relative;width:min(390px,94vw);text-align:center;flex:0 1 390px;background:linear-gradient(170deg,#0a2838eb,#061a26f0);border:1px solid rgba(120,200,240,.26);border-radius:24px;padding:26px 26px 22px;box-shadow:0 24px 70px #0000008c,inset 0 1px #ffffff12;backdrop-filter:blur(14px)}.auth-card-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.logo-wave{font-size:30px;animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-card h2{font-size:15px;letter-spacing:7px;color:var(--gold)}#auth-tabs{display:flex;gap:8px;margin-bottom:14px}.auth-tab{flex:1;padding:11px;font-weight:800;font-size:14px;cursor:pointer;background:#00000038;color:var(--text-dim);border:1px solid var(--line);border-radius:12px;transition:border-color .15s,color .15s}.auth-tab.active{background:#35c4f024;color:var(--text);border-color:var(--accent)}#auth-form{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}#auth-form input{font-family:inherit;font-size:15px;color:var(--text);background:#00000052;border:1px solid var(--line);border-radius:12px;padding:13px 15px;outline:none;transition:border-color .15s,box-shadow .15s}#auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #35c4f024}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:11.5px;font-weight:700;letter-spacing:1px;margin:12px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.btn.google{--edge: #b9c3cc;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#fff,#eef2f5);color:#1f1f1f;font-weight:700}.btn.google:hover{filter:brightness(.96)}.g-logo{flex:0 0 auto}#guest-btn{width:100%;margin-top:9px;border-color:#bee6fa47}#auth-error{color:var(--danger);font-size:13px;min-height:18px;margin-top:10px}#auth-loading{color:var(--text-dim);font-size:13px;margin-top:8px}.landing-info{position:relative;z-index:2;width:100%;max-width:1060px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:clamp(20px,5vh,54px) 22px 30px}.li-title{font-size:clamp(19px,3vw,26px);font-weight:900;letter-spacing:4px;text-align:center;background:linear-gradient(180deg,#eaf8ff,#9adcf8 70%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(53,196,240,.3));margin-top:10px}.step-cards,.region-cards{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.step-card,.region-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:linear-gradient(170deg,#0d3042db,#061a26eb);border:1px solid rgba(120,200,240,.22);border-radius:22px;padding:24px 18px 20px;box-shadow:0 16px 44px #00000059,inset 0 1px #ffffff12;backdrop-filter:blur(8px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.step-card:hover,.region-card:hover{transform:translateY(-5px);border-color:#35c4f08c;box-shadow:0 22px 54px #0000006b,0 0 34px #35c4f024,inset 0 1px #ffffff17}.sc-num{position:absolute;top:12px;left:14px;width:30px;height:30px;display:grid;place-items:center;font-size:14px;font-weight:900;color:#062b12;background:linear-gradient(180deg,#8af0b6,#2fc575);border-radius:999px;box-shadow:0 3px #0e7a42,0 6px 14px #2fc57559}.sc-ico,.rc-emoji{font-size:44px;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}.step-card h3,.region-card h3{font-size:17px;font-weight:900;letter-spacing:.5px}.step-card p,.region-card p{color:var(--text-dim);font-size:13px;line-height:1.55}.rc-tag{font-size:10px;font-weight:900;letter-spacing:2px;color:#06212d;background:linear-gradient(180deg,#9adcf8,#35c4f0);border-radius:999px;padding:4px 14px;margin-top:4px;box-shadow:0 2px #09506ee6,0 5px 12px #35c4f04d}.region-card.rc-gol{border-color:#5dd97c4d}.region-card.rc-gol .rc-tag{background:linear-gradient(180deg,#a4eebb,#41c971);box-shadow:0 2px #16713a,0 5px 12px #41c9714d}.region-card.rc-kiyi{border-color:#35c4f057}.region-card.rc-acik{border-color:#ba68e657}.region-card.rc-acik .rc-tag{background:linear-gradient(180deg,#e3b7f7,#ba68e6);box-shadow:0 2px #6c2a8e,0 5px 12px #ba68e64d}.cta-play{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:19px;letter-spacing:1px;padding:18px 44px;border-radius:20px;margin-top:8px}.landing-foot{position:relative;z-index:2;width:100%;max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 22px max(14px,env(safe-area-inset-bottom))}#apk-link{color:#06212d;text-decoration:none;font-weight:800;font-size:13px;background:linear-gradient(160deg,#6fe3a5,#2eb86b);border-radius:999px;padding:10px 18px;box-shadow:0 8px 24px #2eb86b59}.foot-copy{color:var(--text-dim);font-size:11.5px}@media(max-width:760px){.landing-pills{display:none}.landing-hero{padding-top:6px;gap:16px}.hero-copy{text-align:center}.hero-copy h1{font-size:clamp(38px,12vw,54px)}.feature-list{display:none}.landing .tagline{font-size:13px;margin:10px 0 4px}.auth-card{padding:20px 18px 16px}.landing-foot{justify-content:center;text-align:center}}.menu-screen{justify-content:flex-start;gap:clamp(14px,2.5vh,26px);background:linear-gradient(180deg,#bfe6f2,#8fcfe6 38%,#2f7c9e);padding:0;overflow:hidden}.menu-scene{position:absolute;inset:-6%;z-index:0;pointer-events:none;filter:blur(3px) saturate(1.08);transform:scale(1.06)}.menu-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06182257,#0618220d 22%,#0618222e 62%,#04121c80)}.ms-sun{position:absolute;top:9%;right:16%;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#fff7e0f2,#ffe7aab3 38%,#ffdd9600 72%);filter:blur(2px)}.ms-mountains{position:absolute;left:-5%;right:-5%;top:30%;height:26%;background:radial-gradient(60% 130% at 18% 100%,#6a93a0 0 60%,transparent 61%),radial-gradient(52% 120% at 44% 100%,#5d8693 0 60%,transparent 61%),radial-gradient(64% 150% at 74% 100%,#79a0ab 0 60%,transparent 61%),radial-gradient(50% 120% at 96% 100%,#688f9b 0 60%,transparent 61%);filter:saturate(.7)}.ms-shore{position:absolute;left:-5%;right:-5%;top:48%;height:14%;background:radial-gradient(70% 120% at 50% 0%,#3f7d4e 0 55%,#2f6740 60%,transparent 61%)}.ms-water{position:absolute;inset:54% 0 0;background:linear-gradient(180deg,#4aa0c0,#2c7ba0 40%,#185a7e);overflow:hidden}.ms-glint{position:absolute;left:8%;right:8%;top:24%;height:6px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);opacity:.5;animation:ms-shimmer 6s ease-in-out infinite}.ms-glint2{top:52%;left:18%;right:22%;animation-duration:8s;animation-delay:-2s;opacity:.35}@keyframes ms-shimmer{0%,to{transform:scaleX(.9);opacity:.25}50%{transform:scaleX(1.05);opacity:.55}}.ms-pier{position:absolute;left:50%;bottom:0;width:38%;height:30%;transform:translate(-50%);background:repeating-linear-gradient(90deg,#6b4a2a 0 16px,#5a3d22 16px 20px);border-radius:14px 14px 0 0;box-shadow:inset 0 3px #ffdcaa40,0 -2px 8px #0000004d;opacity:.92}.ms-cloud{position:absolute;height:26px;border-radius:999px;background:radial-gradient(closest-side,rgba(255,255,255,.92),rgba(255,255,255,.55) 70%,transparent);filter:blur(1px);opacity:.85}.ms-cloud1{top:16%;left:-20%;width:150px;animation:ms-drift 46s linear infinite}.ms-cloud2{top:24%;left:-30%;width:100px;height:20px;animation:ms-drift 64s linear infinite;animation-delay:-20s}@keyframes ms-drift{0%{transform:translate(0)}to{transform:translate(140vw)}}.ms-bird{position:absolute;font-size:16px;color:#1428378c}.ms-bird1{top:21%;left:26%;animation:ms-fly 30s linear infinite}.ms-bird2{top:18%;left:34%;font-size:12px;animation:ms-fly 38s linear infinite;animation-delay:-8s}@keyframes ms-fly{0%{transform:translate(0)}50%{transform:translate(40px,-12px)}to{transform:translate(90px,4px);opacity:.2}}.menu-top{position:relative;z-index:2;width:100%;max-width:880px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top)) clamp(12px,4vw,22px) 0}.profile-chip{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#fffdf7,#f4ead6);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:10px 18px 10px 11px;box-shadow:0 6px #b4966459,0 16px 34px #0a283759,inset 0 2px #ffffffe6;min-width:0}.avatar{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;font-size:27px;border-radius:16px;background:linear-gradient(160deg,#7fdcff,#2f95d6);border:2px solid #fff;box-shadow:0 4px #14507866,inset 0 2px 4px #fff9}.profile-info{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-info b{font-size:16px;font-weight:900;color:#2a3b42;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:44vw}.profile-stats{display:flex;align-items:center;gap:7px}.lv-badge{font-size:11px;font-weight:900;color:#2a4a12;background:linear-gradient(180deg,#b7f08a,#6fc73a);border-radius:999px;padding:2px 9px;box-shadow:0 2px #3c6e1480,inset 0 1px #fff9}.lv-badge b{font-size:12px}.gold-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:900;color:#6b4a06;background:linear-gradient(180deg,#ffe6a0,#ffc24d);border-radius:999px;padding:2px 10px 2px 7px;box-shadow:0 2px #a06e0a80,inset 0 1px #ffffffb3}.gp-ico{font-size:11px}.menu-xp{width:clamp(120px,38vw,160px);height:7px;border-radius:999px;background:#283c282e;overflow:hidden;box-shadow:inset 0 1px 2px #0003}#menu-xp-fill{height:100%;width:0%;background:linear-gradient(90deg,#7fe06a,#3fbf52);border-radius:999px;box-shadow:inset 0 1px #ffffff80;transition:width .4s}.menu-top-actions{display:flex;gap:9px;flex:0 0 auto}.icon-btn{width:50px;height:50px;font-size:21px;cursor:pointer;color:#eaf6ff;background:linear-gradient(180deg,#3a8fc4,#1f6694);border:2px solid rgba(255,255,255,.55);border-radius:16px;box-shadow:0 5px #134a6f,0 12px 24px #00000052,inset 0 2px #fff6;transition:transform .08s,box-shadow .08s,filter .15s;touch-action:manipulation}.icon-btn:hover{filter:brightness(1.1)}.icon-btn:active{transform:translateY(4px);box-shadow:0 1px #134a6f,0 4px 10px #00000040,inset 0 2px #ffffff4d}.menu-center{position:relative;z-index:2;width:100%;max-width:520px;margin:0 auto;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.4vh,20px);padding:clamp(8px,2vh,18px) clamp(14px,4.5vw,26px);min-height:0}.play-btn{position:relative;display:flex;align-items:center;gap:clamp(12px,3.5vw,20px);width:100%;padding:clamp(16px,2.6vh,22px) clamp(20px,5vw,30px);font-family:inherit;cursor:pointer;color:#04330f;text-align:left;background:linear-gradient(180deg,#b6f7cf,#57db8d 46%,#1faf63);border:2px solid rgba(255,255,255,.55);border-radius:28px;box-shadow:0 10px #0c7a40,0 26px 50px #14965a73,inset 0 3px #ffffffa6;transition:transform .1s ease,box-shadow .1s ease,filter .2s ease;overflow:hidden;touch-action:manipulation}.play-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.45) 48%,transparent 60%);transform:translate(-120%);animation:play-shine 3.6s ease-in-out infinite;pointer-events:none}@keyframes play-shine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(130%)}}.play-btn:hover{filter:brightness(1.05)}.play-btn:active{transform:translateY(8px);box-shadow:0 2px #0c7a40,0 8px 20px #14965a52,inset 0 3px #ffffff80}.play-btn:disabled{filter:saturate(.4) brightness(.85);cursor:default;transform:none;box-shadow:0 7px #0c7a40,0 14px 30px #0000004d,inset 0 3px #fff6}.play-disc{flex:0 0 auto;width:clamp(56px,15vw,70px);height:clamp(56px,15vw,70px);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff,#e8fff0 40%,#9af0c0);box-shadow:0 5px #0c7a408c,inset 0 2px 4px #ffffffe6,inset 0 -4px 8px #14965a66}.play-ico{font-size:clamp(24px,6.5vw,30px);line-height:1;color:#15a058;margin-left:4px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.play-text{display:flex;flex-direction:column;gap:2px;min-width:0;z-index:1}.play-label{font-size:clamp(20px,5.6vw,26px);font-weight:900;letter-spacing:1.5px;text-shadow:0 2px 0 rgba(255,255,255,.4)}.play-btn small{font-size:clamp(11px,3vw,13px);font-weight:800;opacity:.9}.play-deco-fish{position:absolute;right:14px;bottom:-6px;font-size:42px;opacity:.35;transform:rotate(-18deg);pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.play-bubbles{position:absolute;right:26px;top:10px;width:40px;height:40px;pointer-events:none;background:radial-gradient(circle 4px at 8px 30px,rgba(255,255,255,.7) 60%,transparent 62%),radial-gradient(circle 3px at 22px 18px,rgba(255,255,255,.6) 60%,transparent 62%),radial-gradient(circle 2px at 33px 28px,rgba(255,255,255,.55) 60%,transparent 62%);animation:play-bub 4s ease-in-out infinite}@keyframes play-bub{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:.9}}.menu-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,2.6vw,14px)}.mg-btn{--c1: #58c8ef;--c2: #1d7eae;--edge: #0c4a6b;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:clamp(82px,13vh,108px);padding:12px 8px;font-family:inherit;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--c1),var(--c2));border:2px solid rgba(255,255,255,.4);border-radius:24px;box-shadow:0 7px 0 var(--edge),0 16px 30px #00000047,inset 0 2px #ffffff80;transition:transform .09s ease,box-shadow .09s ease,filter .15s ease;touch-action:manipulation}.mg-btn:hover{filter:brightness(1.08)}.mg-btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--edge),0 6px 14px #00000042,inset 0 2px #ffffff59}.mg-ico{font-size:clamp(30px,8vw,40px);line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.mg-label{font-size:clamp(13px,3.6vw,15px);font-weight:900;letter-spacing:.3px;text-shadow:0 2px 5px rgba(0,0,0,.35)}.mg-btn[data-mpanel=shop]{--c1: #ffd76e;--c2: #ec9c1d;--edge: #95600a;color:#3a2402}.mg-btn[data-mpanel=shop] .mg-label{text-shadow:0 1px 0 rgba(255,255,255,.45)}.mg-btn[data-mpanel=shop] .mg-ico{filter:drop-shadow(0 4px 6px rgba(120,80,0,.35))}.mg-btn[data-mpanel=inventory]{--c1: #6fd9f5;--c2: #1d8cc2;--edge: #0c5279}.mg-btn[data-mpanel=collection]{--c1: #c98bf0;--c2: #8d3fc9;--edge: #5a1f8a}.mg-btn[data-mpanel=quests]{--c1: #ffb16e;--c2: #ed7a22;--edge: #9c4a0e}.mg-btn[data-mpanel=leaderboard]{--c1: #ff8aa8;--c2: #e04467;--edge: #95203c}.mg-btn[data-mpanel=regions]{--c1: #6fe6c4;--c2: #1aa9a0;--edge: #0c6f68}.mg-tag{position:absolute;top:8px;right:8px;font-size:8.5px;font-weight:900;letter-spacing:1px;color:#2b1a02;background:linear-gradient(180deg,#fff3cf,#ffd76e);border-radius:999px;padding:3px 8px;box-shadow:0 2px #95600acc,0 4px 10px #00000040}.settings-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;padding:12px 20px;font-family:inherit;cursor:pointer;color:#2c3a44;background:linear-gradient(180deg,#fbfdff,#d8e2ea);border:2px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 6px #9aabb8,0 14px 26px #00000038,inset 0 2px #fffc;transition:transform .09s ease,box-shadow .09s ease,filter .15s ease;touch-action:manipulation}.settings-btn:hover{filter:brightness(1.03)}.settings-btn:active{transform:translateY(4px);box-shadow:0 2px #9aabb8,0 5px 12px #0003,inset 0 2px #ffffffb3}.set-ico{font-size:26px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.set-label{font-size:16px;font-weight:900;letter-spacing:.5px}@keyframes anim-pop-in{0%{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-screen:not(.hidden) .anim-pop{animation:anim-pop-in .5s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(.06s * var(--i, 0) + .04s)}@media(prefers-reduced-motion:reduce){.menu-screen:not(.hidden) .anim-pop{animation:none}.ms-glint,.ms-cloud,.ms-bird,.play-bubbles,.play-btn:after{animation:none}}.menu-load{position:relative;z-index:2;width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 22px max(16px,env(safe-area-inset-bottom))}.ml-bar{width:min(320px,80vw);height:6px;border-radius:999px;background:#04182273;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}#ml-fill{height:100%;width:0%;background:linear-gradient(90deg,#7fe0ff,#5dd97c);border-radius:999px;transition:width .35s ease}#ml-text{font-size:11.5px;color:#d4ecf7;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.menu-load.ready #ml-fill{background:var(--ok)}.menu-load.ready #ml-text{color:#c6f3cf}@media(max-height:560px)and (orientation:landscape){.menu-screen{justify-content:center}.menu-center{max-width:920px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;grid-template-areas:"play grid" "play settings";gap:12px 18px}.play-btn{grid-area:play;flex-direction:column;text-align:center;align-self:stretch;justify-content:center}.play-btn .play-text{align-items:center}.play-deco-fish,.play-bubbles{display:none}.menu-grid{grid-area:grid;grid-template-columns:repeat(3,1fr);gap:9px}.settings-btn{grid-area:settings;min-height:46px}.mg-btn{min-height:72px;gap:4px;border-radius:18px;box-shadow:0 5px 0 var(--edge),0 12px 22px #0000004d,inset 0 1px #fff6}.mg-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--edge),0 5px 12px #00000042,inset 0 1px #ffffff4d}.menu-load{display:none}}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud>*{pointer-events:auto}#topbar{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:calc(max(10px,env(safe-area-inset-right)) + 134px);display:flex;align-items:stretch;gap:8px;pointer-events:none}.hud-card{display:flex;align-items:center;gap:4px;min-height:24px;background:#0619228a;border:1px solid rgba(190,230,250,.12);border-radius:999px;padding:3px 7px;font-size:10.5px;font-weight:750;backdrop-filter:blur(8px);box-shadow:0 4px 18px #0000002e}.tb-card{display:flex;align-items:center;min-height:50px;padding:7px 13px;border-radius:16px;background:linear-gradient(165deg,#e4f3fd38,#96c8eb1a);border:1px solid rgba(255,255,255,.42);box-shadow:0 10px 26px #061c2c4d,inset 0 1px #ffffff73;backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);color:#eef7ff}.tb-level{gap:9px;flex:0 0 auto;padding-left:6px}.hud-avatar{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;font-size:21px;border-radius:11px;background:linear-gradient(160deg,#78cdf58c,#2878a580);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #fff6}.tb-lv{display:flex;flex-direction:column;line-height:1.05;min-width:0}.tb-lv-label{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#ffffffb8}.tb-lv b{font-size:17px;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,40,70,.5)}.tb-xp{flex:1 1 auto;min-width:0;max-width:360px;flex-direction:column;align-items:stretch;justify-content:center;gap:5px}.tb-xp-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tb-xp-label{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#ffffffc7}#hud-xp-text{font-size:11px;font-weight:800;color:#eaf6ff;font-variant-numeric:tabular-nums;white-space:nowrap}#xp-bar{width:100%;height:8px;border-radius:999px;background:#061c2c73;overflow:hidden;border:1px solid rgba(255,255,255,.25)}#xp-fill{position:relative;height:100%;width:0%;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,#35c4f0,#5dd97c);box-shadow:0 0 12px #5dd97c66;transition:width .7s cubic-bezier(.25,1,.35,1)}#xp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:xp-shimmer 2.6s ease-in-out infinite}@keyframes xp-shimmer{0%,38%{transform:translate(-100%)}70%,to{transform:translate(260%)}}.tb-level.levelup{animation:hud-levelup 1.1s ease-out}@keyframes hud-levelup{0%{box-shadow:0 10px 26px #061c2c4d,0 0 #ffc94d00;border-color:#ffffff6b}30%{box-shadow:0 10px 30px #061c2c4d,0 0 32px #ffc94dd1;border-color:#ffc94de6}to{box-shadow:0 10px 26px #061c2c4d,0 0 #ffc94d00;border-color:#ffffff6b}}.tb-level.levelup .tb-lv b{display:inline-block;animation:lv-pop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes lv-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}.tb-gold{flex:0 0 auto;gap:7px;font-weight:900;font-size:17px;color:#ffe49a;font-variant-numeric:tabular-nums;white-space:nowrap}.tb-gold .hg-ico{font-size:18px;filter:drop-shadow(0 0 7px rgba(255,201,77,.6))}.tb-gold.bump{animation:gold-bump .45s cubic-bezier(.2,1.6,.4,1)}@keyframes gold-bump{0%{transform:scale(1)}45%{transform:scale(1.16);color:#fff3c4}to{transform:scale(1)}}.reward-orb{position:fixed;left:0;top:0;z-index:81;pointer-events:none;width:19px;height:19px;border-radius:50%;will-change:transform,opacity}.reward-orb.gold{background:radial-gradient(circle at 34% 28%,#fff6d0,#f7bf45 52%,#c08321);box-shadow:0 0 10px #ffc94dd9,inset 0 1px 1px #fff9}.reward-orb.xp{background:radial-gradient(circle at 34% 28%,#dffaff,#5cd9ff 52%,#1f9ad4);box-shadow:0 0 10px #4fd8ffd9,inset 0 1px 1px #fff9}.reward-orb:after{content:"";position:absolute;inset:-3px;border-radius:50%;opacity:.55;filter:blur(5px);transform:scale(1.6)}.reward-orb.gold:after{background:radial-gradient(circle,rgba(255,201,77,.9),transparent 70%)}.reward-orb.xp:after{background:radial-gradient(circle,rgba(79,216,255,.9),transparent 70%)}.reward-burst{position:fixed;left:0;top:0;z-index:80;pointer-events:none;width:30px;height:30px;border-radius:50%;will-change:transform,opacity}.reward-burst.gold{background:radial-gradient(circle,rgba(255,233,160,.95),rgba(255,201,77,.35) 55%,transparent 72%)}.reward-burst.xp{background:radial-gradient(circle,rgba(170,242,255,.95),rgba(79,216,255,.35) 55%,transparent 72%)}.reward-ring{position:fixed;left:0;top:0;z-index:80;pointer-events:none;width:20px;height:20px;border-radius:50%;border:2px solid;will-change:transform,opacity}.reward-ring.gold{border-color:#ffd56ee6;box-shadow:0 0 12px #ffc94db3}.reward-ring.xp{border-color:#7ce9ffe6;box-shadow:0 0 12px #4fd8ffb3}.reward-spark{position:fixed;left:0;top:0;z-index:82;pointer-events:none;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 7px #ffffffe6;will-change:transform,opacity}.reward-float{position:fixed;left:0;top:0;z-index:82;pointer-events:none;display:inline-flex;align-items:center;gap:5px;font-weight:900;font-size:19px;white-space:nowrap;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.65);will-change:transform,opacity}.reward-float .rf-ico{font-size:17px;filter:drop-shadow(0 0 6px currentColor)}.reward-float.gold{color:#ffd76a}.reward-float.xp{color:#7fe9ff}.reward-hit{animation:reward-hit .5s cubic-bezier(.2,1.4,.4,1)}@keyframes reward-hit{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.14);filter:brightness(1.7) saturate(1.3)}to{transform:scale(1);filter:brightness(1)}}#quest-tracker{position:absolute;top:96px;left:10px;flex-direction:column;align-items:flex-start;max-width:250px;gap:4px;font-size:12px}.qt-title{color:var(--gold);font-size:11px;letter-spacing:1px}.qt-bar{width:100%;height:5px;background:#0006;border-radius:3px;overflow:hidden}#qt-fill{height:100%;width:0%;background:var(--gold);transition:width .4s}#side-menu{position:absolute;right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:8px}#menu-head{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.online-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#051620d1;border:1px solid rgba(93,217,124,.35);font-size:12px;font-weight:900;color:var(--text);box-shadow:0 8px 20px #0000004d}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px #5dd97ccc;animation:online-pulse 2s ease-in-out infinite}@keyframes online-pulse{0%,to{opacity:1}50%{opacity:.45}}#menu-back-btn,.menu-action-btn{width:50px;height:50px;font-size:24px;line-height:1;cursor:pointer;color:var(--text);background:linear-gradient(170deg,#20546ee0,#092432f0);border:1px solid rgba(190,230,250,.2);border-radius:15px;box-shadow:0 12px 28px #00000052,inset 0 1px #ffffff29;backdrop-filter:blur(12px);transition:transform .16s cubic-bezier(.33,1,.45,1),border-color .18s ease,filter .18s ease,box-shadow .2s ease;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.menu-action-btn{font-size:19px}#menu-back-btn:hover,.menu-action-btn:hover{border-color:#35c4f08c;filter:brightness(1.12);box-shadow:0 12px 30px #0000005c,0 0 18px #35c4f024,inset 0 1px #ffffff2e}#menu-back-btn:active,.menu-action-btn:active{transform:scale(.93)}#menu-back-btn{width:auto;height:auto;min-height:50px;gap:8px;padding:7px 15px 7px 11px;border-radius:16px;background:linear-gradient(165deg,#e4f3fd38,#96c8eb1a);border:1px solid rgba(255,255,255,.42);box-shadow:0 10px 26px #061c2c4d,inset 0 1px #ffffff73;backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);color:#eef7ff}.mbb-ico{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;font-size:19px;border-radius:11px;background:linear-gradient(160deg,#78cdf58c,#2878a580);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #fff6}.mbb-label{font-size:13px;font-weight:900;letter-spacing:1.4px;text-shadow:0 1px 4px rgba(0,40,70,.5)}#camera-tools{position:absolute;z-index:24;left:max(10px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;padding:5px;background:#0619229e;border:1px solid rgba(190,230,250,.14);border-radius:14px;backdrop-filter:blur(9px);box-shadow:0 8px 28px #0000003d;pointer-events:auto;touch-action:manipulation}#camera-tools button{width:42px;height:42px;border:1px solid rgba(190,230,250,.16);border-radius:12px;background:linear-gradient(170deg,#245872e6,#0e2c3cf2);color:var(--text);font-size:13px;font-weight:900;cursor:pointer;box-shadow:inset 0 1px #ffffff24;transition:transform .14s cubic-bezier(.33,1,.45,1),border-color .15s ease,filter .15s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none}#camera-tools button:not(#camera-mode-btn){font-size:21px}#camera-tools button:hover{border-color:#35c4f080;filter:brightness(1.12)}#camera-mode-btn.active{background:linear-gradient(170deg,#5fd4f7,#2bb3e8);color:#06212d;border-color:#fff6;box-shadow:0 4px 14px #35c4f059,inset 0 1px #ffffff73}#camera-tools button:active{transform:scale(.93)}body.left-handed #touch-joystick{left:max(16px,env(safe-area-inset-left));right:auto}body.left-handed #camera-tools{right:max(10px,env(safe-area-inset-right));left:auto}#touch-joystick{position:absolute;z-index:28;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:160px;height:160px;display:none;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;--power: 0%}body.game-active.mobile-controls[data-mode=idle] #touch-joystick,body.game-active.mobile-controls[data-mode=waiting] #touch-joystick,body.game-active.mobile-controls[data-mode=hooking] #touch-joystick,body.game-active.mobile-controls[data-mode=fighting] #touch-joystick{display:flex}body.game-active.mobile-controls #cast-zone,body.game-active.mobile-controls[data-mode=fighting] #fight-controls,body.game-active.mobile-controls[data-mode=hooking] #fight-controls{display:none}.joy-base{position:relative;width:152px;height:152px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(8,32,44,.48) 0 34%,rgba(8,32,44,.28) 35% 48%,transparent 49%),conic-gradient(from -90deg,rgba(255,201,77,.76) var(--power),rgba(190,230,250,.1) 0),radial-gradient(circle at 32% 24%,rgba(255,255,255,.22),transparent 38%),linear-gradient(145deg,#35c4f02e,#05162057 58%,#ffc94d14);border:1px solid rgba(190,230,250,.26);box-shadow:0 12px 30px #00000047,0 0 0 1px #35c4f014,inset 0 1px #ffffff2e,inset 0 -18px 32px #00000024;backdrop-filter:blur(14px) saturate(1.18);-webkit-backdrop-filter:blur(14px) saturate(1.18);transition:border-color .15s ease,box-shadow .2s ease,background .2s ease}#touch-joystick.active .joy-base{border-color:#79dcff9e;box-shadow:0 14px 34px #00000052,0 0 28px #35c4f03d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff38,inset 0 -18px 32px #00000029}.joy-base:before,.joy-base:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,rgba(225,247,255,.34),transparent);transform:translate(-50%,-50%)}.joy-base:before{width:86px;height:1px}.joy-base:after{width:1px;height:86px;background:linear-gradient(180deg,transparent,rgba(225,247,255,.34),transparent)}.joy-stick{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 24%,#ffffffb3,#fff0 32%),linear-gradient(160deg,#4fd8ffc7,#1d9cd89e);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 22px #35c4f042,0 0 0 5px #35c4f014,inset 0 1px #ffffff6b,inset 0 -10px 18px #06273a38;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .32s cubic-bezier(.22,1.65,.36,1),filter .12s ease}#touch-joystick.active .joy-stick{filter:brightness(1.12);transition:none}.joy-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:27px;line-height:1;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));transition:opacity .2s ease}.joy-icon.waiting{opacity:.68;animation:joy-sand 2.6s ease-in-out infinite}@keyframes joy-sand{0%,60%{transform:translate(-50%,-50%) rotate(0)}78%,to{transform:translate(-50%,-50%) rotate(180deg)}}.joy-icon.control{opacity:1;animation:joy-rod 1.1s ease-in-out infinite}@keyframes joy-rod{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}50%{filter:drop-shadow(0 0 8px rgba(255,201,77,.8))}}.joy-label{position:absolute;left:50%;bottom:12px;min-width:54px;transform:translate(-50%);color:#e7f4fb;font-size:10px;font-weight:900;letter-spacing:.5px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8);pointer-events:none}#bottombar{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:0 12px}.gear-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:linear-gradient(170deg,#1a465ee0,#08202cf0);border:1px solid rgba(190,230,250,.18);border-radius:15px;padding:10px 13px;cursor:pointer;color:var(--text);min-width:88px;box-shadow:0 12px 28px #0000004d,inset 0 1px #ffffff24;backdrop-filter:blur(10px);transition:transform .16s cubic-bezier(.33,1,.45,1),border-color .18s ease,filter .18s ease;touch-action:manipulation}.gear-btn:hover{border-color:#35c4f080;filter:brightness(1.1)}.gear-btn:active{transform:scale(.95)}.gear-ico{font-size:22px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.gear-lbl{font-size:11px;font-weight:800;letter-spacing:.2px}.gear-cnt{font-size:10px;color:var(--gold);font-weight:800}#cast-zone{display:flex;flex-direction:column;align-items:center;gap:6px}#power-gauge{width:190px;height:12px;border-radius:999px;overflow:hidden;background:#00000085;border:1px solid rgba(190,230,250,.2);box-shadow:inset 0 2px 5px #0006;opacity:0;transition:opacity .15s}#power-gauge.active{opacity:1}#power-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#5dd97c,#ffc94d,#ff5d5d);box-shadow:0 0 12px #ffc94d73}.big-action{position:relative;overflow:hidden;font-family:inherit;font-weight:800;font-size:17px;letter-spacing:.4px;color:#06212d;cursor:pointer;background:linear-gradient(160deg,#4fd8ff,#1d9cd8);border:1px solid rgba(255,255,255,.32);border-radius:17px;padding:15px 34px;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 10px 28px #35c4f061,inset 0 1px #ffffff73;transition:transform .14s cubic-bezier(.33,1,.45,1),box-shadow .2s ease,filter .2s ease;touch-action:manipulation}.big-action:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.3) 48%,transparent 62%);transform:translate(-130%);animation:action-sheen 4.4s ease-in-out infinite}@keyframes action-sheen{0%,62%{transform:translate(-130%)}92%,to{transform:translate(130%)}}.big-action small{font-size:10px;font-weight:600;opacity:.78}.big-action:hover{filter:brightness(1.06)}.big-action:active{transform:scale(.95);box-shadow:0 5px 16px #35c4f04d,inset 0 1px #ffffff59}body[data-mode=waiting] #power-gauge,body[data-mode=hooking] #power-gauge{display:none}#cast-btn.as-reel{min-width:150px;color:#2a1700;background:linear-gradient(160deg,#ffe074,#f0a420);border-color:#ffffff6b;box-shadow:0 10px 28px #ffc94d73,inset 0 1px #ffffff85}#cast-btn.as-reel small{color:#2a1700c7}#cast-btn.reeling-home{pointer-events:none;animation:reel-home-pulse .5s infinite alternate}#cast-btn.fish-on,#cast-btn.bite-shake{color:#fff4c7;background:linear-gradient(160deg,#ff5d5d,#d42929);border-color:#ffe8a0d9;box-shadow:0 0 38px #ff46469e,0 10px 28px #ffc94d5c,inset 0 1px #ffffff6b}#cast-btn.bite-shake{animation:cast-button-shake .14s linear infinite}#cast-btn.fish-on small,#cast-btn.bite-shake small{color:#fff4c7e6}body.game-active:not(.mobile-controls)[data-mode=fighting] #cast-btn.action-reel-ready{overflow:visible}body.game-active:not(.mobile-controls)[data-mode=fighting] #cast-btn.action-reel-ready:after{display:none}body.game-active:not(.mobile-controls)[data-mode=fighting] #cast-btn.action-reel-ready:active{transform:none;box-shadow:0 0 38px #ff46469e,0 10px 28px #ffc94d5c,inset 0 1px #ffffff6b}body.game-active:not(.mobile-controls)[data-mode=fighting] #bottombar{transform:translate(-46px)}#cast-btn .action-reel{position:absolute;left:calc(100% + 12px);top:50%;width:92px;height:112px;transform:translateY(-50%);pointer-events:none;z-index:3;filter:drop-shadow(0 12px 18px rgba(0,0,0,.38))}#cast-btn .action-reel-shadow{position:absolute;left:18px;right:12px;bottom:0;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.34),transparent 70%);filter:blur(2.4px)}#cast-btn .action-reel-rod{position:absolute;left:40px;top:2px;width:7px;height:103px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 42%),linear-gradient(180deg,#161a1d 0 57%,#6b3e24 57% 76%,#191514 76% 100%);box-shadow:0 4px 9px #00000073,inset 1px 0 #ffffff29,inset -2px 0 3px #00000059}#cast-btn .action-reel-line{position:absolute;left:43px;top:4px;width:1px;height:92px;background:linear-gradient(180deg,#e6f8ff33,#e6f8ffd6,#e6f8ff1a);box-shadow:0 0 5px #bee6fa6b}#cast-btn .action-reel-guide{position:absolute;width:13px;height:9px;border:2px solid rgba(218,232,238,.92);border-left-width:3px;border-radius:50%;box-shadow:0 2px 4px #00000057}#cast-btn .action-reel-guide.guide-a{left:34px;top:16px;transform:scale(.76)}#cast-btn .action-reel-guide.guide-b{left:35px;top:39px;transform:scale(.58)}#cast-btn .action-reel-seat{position:absolute;left:34px;top:63px;width:19px;height:26px;border-radius:999px;background:linear-gradient(90deg,#22282b,#d8e4ea 45%,#5d6b70 66%,#1b2023);box-shadow:inset 0 1px #ffffff6b,0 2px 4px #0006}#cast-btn .action-reel-stem{position:absolute;left:48px;top:73px;width:21px;height:9px;border-radius:6px;transform:rotate(-6deg);background:linear-gradient(180deg,#e4edf0,#68767c 50%,#2b3236);box-shadow:inset 1px 0 #ffffff5c,0 2px 5px #00000061}#cast-btn .action-reel-body{position:absolute;left:59px;top:63px;width:30px;height:38px;border-radius:48% 52%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.58),transparent 30%),linear-gradient(145deg,#eef7fa 0 10%,#8d9ba1 38%,#3a4247 72%,#15191b);border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 12px #0000005c,inset 0 1px #ffffff6b;z-index:2}#cast-btn .action-reel-spool{position:absolute;left:45px;top:60px;width:31px;height:48px;border-radius:48% 52% 52% 48%;background:repeating-linear-gradient(0deg,#23292cc7 0 2px,#ecf4f7eb 2px 4px),linear-gradient(90deg,#f6fbfd,#76858c 48%,#252c30);border:2px solid #2b3236;box-shadow:inset 0 0 0 4px #e1eef4ad,inset 7px 0 8px #00000038,0 4px 8px #00000057;z-index:4}#cast-btn .action-reel-rotor{position:absolute;left:39px;top:58px;width:45px;height:52px;border-radius:50%;transform-origin:50% 50%;z-index:6}#cast-btn .action-reel-rotor:before{content:"";position:absolute;left:19px;top:3px;width:7px;height:46px;border-radius:999px;background:linear-gradient(180deg,#f3fbff,#67757b 45%,#202529);box-shadow:inset 1px 0 #ffffff73,0 2px 5px #00000047}#cast-btn .action-reel-bail{position:absolute;left:38px;top:57px;width:51px;height:55px;border:2px solid rgba(225,238,244,.86);border-top-color:#e1eef45c;border-left-color:#e1eef438;border-radius:50%;transform:rotate(18deg);box-shadow:2px 0 4px #00000038;z-index:5}#cast-btn .action-reel-handle{position:absolute;left:71px;top:80px;width:28px;height:5px;border-radius:999px;transform:rotate(-18deg);transform-origin:left center;background:linear-gradient(180deg,#ecf6fa,#616d72 58%,#252b2e);box-shadow:inset 0 1px #ffffff80,0 2px 5px #00000057;z-index:7}#cast-btn .action-reel-knob{position:absolute;right:-9px;top:-5px;width:14px;height:15px;border-radius:45%;background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.42),transparent 34%),linear-gradient(160deg,#2d3438,#0e1113);border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 5px #0006}#cast-btn.action-reeling .action-reel-rotor{animation:action-reel-rotor-turn .42s linear infinite}#cast-btn.action-reeling .action-reel-handle{animation:action-reel-handle-turn .42s linear infinite}#cast-btn.action-reeling .action-reel-spool{animation:action-reel-spool-pulse .42s ease-in-out infinite}@keyframes action-reel-rotor-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes action-reel-handle-turn{0%{transform:rotate(-18deg)}to{transform:rotate(342deg)}}@keyframes action-reel-spool-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}@keyframes cast-button-shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(2.5px,-2px) rotate(.9deg)}50%{transform:translate(-2px,2.5px) rotate(-.9deg)}75%{transform:translate(2px,1.5px) rotate(.6deg)}to{transform:translate(-2.5px,-1.5px) rotate(0)}}#wait-hint{position:absolute;bottom:110px;left:50%;transform:translate(-50%);min-width:min(420px,calc(100vw - 28px));background:linear-gradient(135deg,#071f2bf0,#0c3544db),radial-gradient(circle at 18% 12%,rgba(53,196,240,.25),transparent 38%);border:1px solid rgba(190,230,250,.22);border-radius:18px;padding:12px 14px;font-size:14px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 44px #0000006b,inset 0 1px #ffffff14;backdrop-filter:blur(12px)}.wait-glass{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:linear-gradient(165deg,#e4f3fd2e,#96c8eb12);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff52}.wait-hourglass{font-size:25px;line-height:1;opacity:.62;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));animation:wait-sand 2.6s ease-in-out infinite}@keyframes wait-sand{0%,60%{transform:rotate(0)}78%,to{transform:rotate(180deg)}}.wait-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wait-copy strong{font-size:14px;letter-spacing:.4px}.wait-copy span{color:var(--text-dim);font-size:12px}.wait-reel-tip{color:#8fe0ff;font-size:11px;font-weight:800;letter-spacing:.2px;margin-top:1px}#sonar-hint{color:var(--gold);font-style:normal;font-weight:800}#recall-btn{font-family:inherit;background:linear-gradient(170deg,#2c6f90,#174760);color:var(--text);border:1px solid rgba(190,230,250,.24);border-radius:12px;min-height:42px;padding:8px 14px;cursor:pointer;font-size:12px;font-weight:850;letter-spacing:.3px;box-shadow:0 8px 20px #00000042,inset 0 1px #ffffff2e;transition:transform .14s cubic-bezier(.33,1,.45,1),border-color .15s ease,filter .15s ease;touch-action:manipulation}#recall-btn:hover{border-color:#35c4f080;filter:brightness(1.1)}#recall-btn:active{transform:scale(.95)}#recall-btn.reeling-home{pointer-events:none;border-color:#4fd8ff8c;animation:reel-home-pulse .5s infinite alternate}@keyframes reel-home-pulse{0%{filter:brightness(1)}to{filter:brightness(1.35)}}@keyframes wait-ping{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.2)}}#wait-hint.bite{border-color:#ffc94d99;box-shadow:0 18px 44px #0000006b,0 0 26px #ffc94d6b,inset 0 1px #ffffff14;animation:wait-bite-flash .42s ease-in-out 3}#wait-hint.bite .wait-hourglass{opacity:.9;animation-duration:1.1s}#wait-hint.bite .wait-reel-tip{color:#ffe49a}@keyframes wait-bite-flash{0%,to{filter:brightness(1);transform:translate(-50%)}50%{filter:brightness(1.32);transform:translate(-50%) translateY(-2px)}}#bite-alert{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:clamp(24px,5vw,40px);font-weight:900;color:#fff;background:#dc2828eb;border-radius:16px;padding:14px 30px;animation:pulse .35s ease-in-out infinite alternate;box-shadow:0 0 50px #ff3c3cb3;z-index:20}#bite-alert small{display:block;font-size:clamp(11px,2vw,14px);font-weight:700;opacity:.92;margin-top:4px;letter-spacing:.4px}@keyframes pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.08)}}#cast-counter{position:absolute;z-index:60;pointer-events:none;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:5px;padding:7px 16px;border-radius:999px;font-family:inherit;font-weight:900;font-variant-numeric:tabular-nums;color:#eafaff;background:linear-gradient(165deg,#0d2a3ad1,#051620e0);border:1.5px solid rgba(79,216,255,.7);box-shadow:0 6px 22px #00000073,0 0 22px #4fd8ff73;backdrop-filter:blur(5px);text-shadow:0 2px 6px rgba(0,0,0,.65);white-space:nowrap;opacity:0;transition:opacity .9s ease}#cast-counter.show{opacity:1;transition:opacity .16s ease}#cast-counter #cast-counter-m{font-family:inherit;font-size:clamp(26px,5vw,34px);line-height:1;color:#7fe9ff;text-shadow:0 0 16px rgba(79,216,255,.5)}#cast-counter small{font-family:inherit;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim, #9fc3d8)}#cast-counter.hidden{display:none}#cast-feedback{--cast-accent: #4fd8ff;position:absolute;top:22%;left:50%;z-index:24;pointer-events:none;transform:translate(-50%,-8px);display:flex;align-items:center;gap:14px;max-width:min(420px,calc(100vw - 34px));padding:12px 18px 12px 14px;border-radius:18px;color:var(--text, #e8f6ff);background:linear-gradient(165deg,#0d2a3aeb,#051620f0);border:1px solid color-mix(in srgb,var(--cast-accent) 55%,transparent);box-shadow:0 18px 44px #0000006b,0 0 26px color-mix(in srgb,var(--cast-accent) 30%,transparent);backdrop-filter:blur(8px);animation:cast-feedback-pop 2.25s cubic-bezier(.2,1,.2,1) both}#cast-feedback[data-tier="1"]{--cast-accent: #90a4ae}#cast-feedback[data-tier="2"]{--cast-accent: #81d4fa}#cast-feedback[data-tier="3"]{--cast-accent: #4fd8ff}#cast-feedback[data-tier="4"]{--cast-accent: #ffd54f}#cast-feedback[data-tier="5"]{--cast-accent: #e040fb}.cast-meters{display:flex;align-items:baseline;gap:4px;padding-right:14px;border-right:1px solid rgba(190,230,250,.18)}.cast-meters span{font-size:clamp(28px,6vw,38px);font-weight:900;line-height:1;color:var(--cast-accent);text-shadow:0 0 18px color-mix(in srgb,var(--cast-accent) 55%,transparent)}.cast-meters small{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--text-dim, #9fc3d8);text-transform:uppercase}.cast-detail{display:flex;flex-direction:column;gap:4px;min-width:0}#cast-feedback-text{font-size:clamp(13px,2.5vw,16px);font-weight:900;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cast-feedback-stars{font-size:12px;letter-spacing:3px;line-height:1;color:var(--cast-accent)}.cast-gauge{width:132px;height:6px;border-radius:999px;overflow:hidden;background:#00000080;border:1px solid rgba(190,230,250,.16)}#cast-gauge-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--cast-accent) 55%,#0b3a50),var(--cast-accent));box-shadow:0 0 10px color-mix(in srgb,var(--cast-accent) 60%,transparent);transition:width .5s cubic-bezier(.2,1,.3,1)}@keyframes cast-feedback-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.92)}12%,78%{opacity:1;transform:translate(-50%,-8px) scale(1)}to{opacity:0;transform:translate(-50%,-22px) scale(.98)}}#fight-ui{position:absolute;bottom:0;left:0;right:0;background:transparent;padding:18px 14px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px}#fight-distance{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:150px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}#fight-distance label{font-size:10px;letter-spacing:1px;color:var(--text-dim);font-weight:700}#fight-dist-meters{min-width:52px;text-align:center;padding:4px 8px;border-radius:999px;font-size:14px;font-weight:900;font-variant-numeric:tabular-nums;color:#aee6ff;background:#051620d1;border:1px solid rgba(190,230,250,.22);text-shadow:0 0 12px rgba(79,216,255,.45)}.vbar{position:relative;width:20px;height:min(19vh,150px);border-radius:999px;overflow:visible;background:linear-gradient(90deg,#000000b3,#3c5a6e73 45%,#000000b3),#00000080;border:1px solid rgba(190,230,250,.28);box-shadow:inset 3px 0 6px #0000008c,inset -3px 0 6px #0000008c,0 8px 20px #00000059}.vbar:after{content:"";position:absolute;inset:0;border-radius:999px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 23%,rgba(190,230,250,.22) 23% 25%);pointer-events:none}.vbar-danger{position:absolute;top:0;left:0;right:0;height:16%;border-radius:999px 999px 0 0;background:repeating-linear-gradient(-45deg,#ef535059 0 5px,#ef535024 5px 10px)}#dist-fill{position:absolute;bottom:0;left:2px;right:2px;height:100%;border-radius:999px;background:linear-gradient(90deg,#083c5ae6,#81d4faf2 45%,#083c5ae6),linear-gradient(0deg,#29b6f6,#81d4fa);box-shadow:0 0 12px #4fd8ff8c;transition:height .08s linear}#dist-fill.danger{background:linear-gradient(90deg,#781412e6,#ff9691f2 45%,#781412e6),linear-gradient(0deg,#e53935,#ef9a9a);animation:blink .25s infinite alternate}@keyframes blink{0%{filter:brightness(1)}to{filter:brightness(1.6)}}#dist-fish{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%) scaleX(-1);font-size:17px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7));transition:bottom .08s linear;pointer-events:none}#reel-meter{position:absolute;z-index:27;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:168px;display:none;flex-direction:column;align-items:center;gap:6px;pointer-events:none;font-family:inherit}body.game-active[data-mode=fighting] #reel-meter{display:flex}body.game-active.mobile-controls[data-mode=fighting] #touch-joystick{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 56px)}#reel-meter-m{font-weight:900;font-size:13px;color:#aee6ff;padding:2px 12px;border-radius:999px;font-variant-numeric:tabular-nums;background:#051620b8;border:1px solid rgba(190,230,250,.22);text-shadow:0 0 10px rgba(79,216,255,.4)}.reel-track{position:relative;width:150px;height:7px;border-radius:999px;background:#051620b3;border:1px solid rgba(190,230,250,.22);box-shadow:inset 0 1px 3px #00000080}.reel-anchor{position:absolute;left:-15px;top:50%;transform:translateY(-50%);font-size:11px;opacity:.75}#reel-progress{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:999px;background:linear-gradient(90deg,#1d9cd8,#7fe9ff);box-shadow:0 0 10px #4fd8ff8c;transition:width .1s linear}#reel-fish{position:absolute;top:50%;left:100%;transform:translate(-50%,-50%) scaleX(-1);font-size:15px;line-height:1;transition:left .1s linear;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}#reel-meter.danger #reel-progress{background:linear-gradient(90deg,#e53935,#ff8a80);box-shadow:0 0 12px #e5393599}#reel-meter.danger #reel-meter-m{color:#ffb4ad;border-color:#ef535080}#reel-meter.danger .reel-track{border-color:#ef535099;animation:blink .25s infinite alternate}#empty-flash{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:40;pointer-events:none;width:0;height:0}#empty-flash.hidden{display:none}.ef-ring{position:absolute;left:0;top:0;border-radius:50%;border:2px solid rgba(126,233,255,.8);opacity:0}.ef-hook{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font-size:38px;opacity:0;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}.ef-msg{position:absolute;left:0;top:38px;transform:translate(-50%);white-space:nowrap;font-family:inherit;font-weight:800;font-size:16px;color:#d7f3ff;text-shadow:0 2px 8px rgba(0,0,0,.7);opacity:0}#empty-flash.play .ef-hook{animation:ef-hook 1.6s ease-out both}#empty-flash.play .ef-msg{animation:ef-msg 1.6s ease-out both}#empty-flash.play .ef-ring{animation:ef-ring 1.5s ease-out both}#empty-flash.play .ef-ring:nth-child(2){animation-delay:.3s}@keyframes ef-ring{0%{opacity:.85;width:16px;height:16px;margin:-8px 0 0 -8px}to{opacity:0;width:150px;height:150px;margin:-75px 0 0 -75px}}@keyframes ef-hook{0%{opacity:0;transform:translate(-50%,-160%)}22%,78%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-30%)}}@keyframes ef-msg{0%{opacity:0;transform:translate(-50%) translateY(6px)}25%,75%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(0)}}#fight-info{display:flex;gap:14px;font-size:14px;font-weight:800;min-height:20px}#fight-dir{color:var(--gold)}#fight-rarity-hint{color:var(--accent)}#fight-controls{display:flex;align-items:center;gap:14px}.dir-btn{width:62px;height:62px;font-size:25px;cursor:pointer;color:var(--text);background:linear-gradient(170deg,#1a465ee0,#08202cf0);border:1px solid rgba(190,230,250,.18);border-radius:16px;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff24;backdrop-filter:blur(10px);transition:transform .14s cubic-bezier(.33,1,.45,1),border-color .15s ease;touch-action:manipulation}.dir-btn:active{transform:scale(.94)}.dir-btn.active{background:linear-gradient(170deg,#7ce2ff,#1d9cd8);color:#06212d;border-color:#fff6;box-shadow:0 8px 22px #35c4f059,inset 0 1px #fff6}#reel-btn{padding:16px 40px}#reel-btn .reel-main{display:block;white-space:nowrap}#reel-btn .reel-label-short{display:none}#reel-btn.reeling{background:linear-gradient(160deg,#ffd76e,#f0a420);border-color:#ffffff6b;box-shadow:0 10px 28px #ffc94d73,inset 0 1px #ffffff80}#fight-tip{font-size:11px;color:var(--text-dim)}#fight-ui.hooking .fight-bars,#fight-ui.hooking #fight-info,#fight-ui.hooking #fight-tip,#fight-ui.hooking .dir-btn{display:none}#fight-ui.hooking{bottom:max(18px,env(safe-area-inset-bottom));background:none;padding:0 14px}#fight-ui.hooking #fight-controls{background:none;box-shadow:none;justify-content:center}#fight-ui.hooking #reel-btn{animation:reel-pop .28s ease-out both}@keyframes reel-pop{0%{transform:translateY(18px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.result-card{position:relative;width:min(340px,90vw);text-align:center;--rc1: rgba(120, 200, 240, .6);--rglow: rgba(53, 196, 240, .22);background:linear-gradient(178deg,#092230f7,#04111afc);border:1px solid color-mix(in srgb,var(--rc1) 42%,transparent);border-radius:22px;padding:18px;box-shadow:0 24px 70px #0009,0 0 46px var(--rglow);display:flex;flex-direction:column;align-items:center;gap:9px;max-height:92vh;overflow:hidden}.result-card[data-rarity=nadir]{--rc1: rgba(79, 195, 247, .85);--rglow: rgba(79, 195, 247, .3)}.result-card[data-rarity=cokNadir]{--rc1: rgba(186, 104, 230, .9);--rglow: rgba(186, 104, 230, .34)}.result-card[data-rarity=efsanevi]{--rc1: rgba(255, 201, 77, .95);--rglow: rgba(255, 201, 77, .4)}.result-card[data-rarity=mitik]{--rc1: rgba(255, 110, 110, .95);--rglow: rgba(255, 140, 90, .46)}.rc-glow{position:absolute;inset:-1px;border-radius:22px;pointer-events:none;z-index:0;background:radial-gradient(125% 65% at 50% -5%,var(--rglow),transparent 72%)}.result-card>*:not(.rc-glow){position:relative;z-index:1}.rc-stage{position:relative;width:calc(100% + 36px);margin:-18px -18px 2px;height:184px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--rc1) 16%,#073040),#04161f 76%)}#fish-view{display:block;max-width:100%;height:auto;background:transparent}.rc-splash{position:absolute;left:50%;top:54%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--rc1) 75%,#fff);opacity:0}.result-card.reveal .rc-splash{animation:rc-splash 1s ease-out .06s}.result-card.reveal .rc-splash2{animation:rc-splash 1.15s ease-out .24s}@keyframes rc-splash{0%{opacity:.6;transform:scale(.25)}to{opacity:0;transform:scale(3.4)}}#result-badges{position:absolute;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.badge{font-size:10px;font-weight:900;color:#06212d;background:linear-gradient(180deg,#ffe9b0,var(--gold));border-radius:999px;padding:4px 10px;box-shadow:0 5px 14px #0006}.rc-kicker{font-size:10px;font-weight:900;letter-spacing:3px;color:color-mix(in srgb,var(--rc1) 75%,#fff)}.rc-name{font-size:24px;font-weight:900;letter-spacing:.3px;line-height:1}.rc-rarity{font-size:10px;font-weight:800;letter-spacing:2.5px;border-radius:999px;padding:3px 14px;border:1px solid currentColor;text-shadow:0 0 12px currentColor}.rc-specs{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-dim);font-weight:700}.rc-specs b{color:var(--text);font-weight:900;font-variant-numeric:tabular-nums}.rc-sep{width:4px;height:4px;border-radius:50%;background:var(--text-dim);opacity:.5}.rc-rewards{display:flex;gap:8px;width:100%}.rc-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:12px;font-weight:900;font-size:17px;font-variant-numeric:tabular-nums}.rc-chip span{font-size:15px}.rc-chip.gold{color:#ffe6a3;background:#ffc94d1f;border:1px solid rgba(255,201,77,.35)}.rc-chip.xp{color:#b9e8ff;background:#35c4f01f;border:1px solid rgba(53,196,240,.34)}#result-actions{display:flex;gap:10px;width:100%}#result-actions .btn{flex:1}.result-card.reveal{animation:rc-card-in .46s cubic-bezier(.2,1.3,.35,1) both}@keyframes rc-card-in{0%{transform:translateY(18px) scale(.94);opacity:0}to{transform:none;opacity:1}}.result-card.reveal .rc-stage{animation:rc-stage-in .55s cubic-bezier(.2,1.45,.35,1) both .04s}@keyframes rc-stage-in{0%{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}.result-card.reveal .rc-kicker,.result-card.reveal .rc-name,.result-card.reveal .rc-rarity,.result-card.reveal .rc-specs,.result-card.reveal .rc-rewards,.result-card.reveal #result-actions{animation:rc-row-in .4s cubic-bezier(.2,1,.3,1) both}.result-card.reveal .rc-kicker{animation-delay:.16s}.result-card.reveal .rc-name{animation-delay:.24s}.result-card.reveal .rc-rarity{animation-delay:.32s}.result-card.reveal .rc-specs{animation-delay:.4s}.result-card.reveal .rc-rewards{animation-delay:.48s}.result-card.reveal #result-actions{animation-delay:.58s}@keyframes rc-row-in{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.result-card.reveal #result-badges .badge{animation:badge-pop .5s cubic-bezier(.2,1.6,.4,1) both .62s}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.rarity-tag{font-size:11px;font-weight:800;letter-spacing:2.5px;border-radius:999px;padding:4px 16px;background:#ffffff12;border:1px solid currentColor;text-shadow:0 0 14px currentColor}#result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.rstat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:linear-gradient(170deg,#ffffff0b,#00000047);border:1px solid rgba(190,230,250,.1);border-radius:12px;font-size:10px;letter-spacing:1.2px;color:var(--text-dim);font-weight:800}.rstat b{font-size:16px;letter-spacing:0;color:var(--text)}.result-card.fail #fail-banner{font-size:24px;font-weight:900;color:var(--danger)}.result-card.fail p{color:var(--text-dim)}#panel-box{width:min(560px,96vw);max-height:88vh;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;background:linear-gradient(170deg,#0b2a3af5,#051620f7) padding-box,linear-gradient(165deg,#78c8f073,#78c8f014 45%,#78c8f04d) border-box;border:1px solid transparent;border-radius:22px;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0f;backdrop-filter:blur(14px);overflow:hidden;animation:panel-pop .28s cubic-bezier(.22,1.2,.36,1) both}@keyframes panel-pop{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(120,200,240,.14);font-size:17px;font-weight:900;letter-spacing:1.5px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)}#panel-close{width:42px;height:42px;font-size:17px;cursor:pointer;color:var(--text);background:linear-gradient(170deg,#2c6f90cc,#174760e6);border:1px solid rgba(190,230,250,.22);border-radius:12px;box-shadow:inset 0 1px #ffffff29;transition:transform .14s cubic-bezier(.33,1,.45,1),border-color .15s ease,filter .15s ease;touch-action:manipulation}#panel-close:hover{border-color:#35c4f08c;filter:brightness(1.12)}#panel-close:active{transform:scale(.92)}#panel-body{padding:14px 18px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.list-item{display:flex;align-items:center;gap:12px;background:linear-gradient(170deg,#ffffff0a,#00000042);border:1px solid rgba(190,230,250,.13);border-radius:14px;padding:12px 14px;margin-bottom:10px;transition:border-color .18s ease,background .18s ease}.list-item:hover{border-color:#78c8f052}.list-item .li-ico{font-size:26px;width:38px;text-align:center;flex-shrink:0}.li-main{flex:1;min-width:0}.li-title{font-weight:800;font-size:14px}.li-sub{font-size:11.5px;color:var(--text-dim);margin-top:2px}.li-action{flex-shrink:0}.li-action .btn{padding:8px 14px;font-size:13px}.li-bar{height:5px;background:#0006;border-radius:3px;overflow:hidden;margin-top:6px}.li-bar>div{height:100%;background:var(--gold)}.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:linear-gradient(120deg,#402a0680,#08202c99),#00000040;border:1px solid rgba(255,201,77,.35);border-radius:14px;padding:12px 16px;margin-bottom:12px;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #0003}.sb-gold{display:flex;align-items:baseline;gap:6px;font-size:15px}.sb-gold b{color:var(--gold);font-size:19px;text-shadow:0 0 16px rgba(255,201,77,.4)}.sb-gold span{color:var(--text-dim);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.sb-bonus{font-size:12px;color:var(--text-dim);font-weight:700}.sb-bonus b{color:var(--ok)}.shop-ad{width:100%;display:flex;align-items:center;gap:12px;text-align:left;font-family:inherit;cursor:pointer;margin-bottom:12px;padding:11px 14px;border-radius:14px;color:var(--text);background:linear-gradient(120deg,#5dd97c29,#08202c99),#00000040;border:1px solid rgba(93,217,124,.4);box-shadow:inset 0 1px #ffffff12,0 8px 22px #00000038;transition:transform .12s ease,border-color .15s ease,filter .15s ease}.shop-ad:not(:disabled):hover{filter:brightness(1.08);border-color:#5dd97cb3}.shop-ad:not(:disabled):active{transform:scale(.985)}.shop-ad.done{opacity:.55;cursor:default;border-color:#bee6fa2e;background:linear-gradient(120deg,#283c4666,#08202c99)}.sad-ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:radial-gradient(circle at 35% 25%,#ffffff29,#0000002e);border:1px solid rgba(93,217,124,.45);box-shadow:inset 0 1px #ffffff2e}.shop-ad.done .sad-ico{border-color:#bee6fa33}.sad-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sad-main b{font-size:13.5px}.sad-main small{font-size:11px;color:var(--text-dim);font-weight:700}.sad-cta{flex:0 0 auto;font-weight:900;font-size:15px;color:#0a2c1a;padding:7px 13px;border-radius:10px;background:linear-gradient(170deg,#8cf0a6,#45c46a);box-shadow:0 4px 12px #45c46a66,inset 0 1px #fff6}.shop-ad.done .sad-cta{background:#bee6fa2e;color:var(--text-dim);box-shadow:none}#ad-overlay{z-index:120;background:#020a10e6}#ad-card{position:relative;width:min(340px,90vw);background:linear-gradient(170deg,#0e3244fa,#061824fc);border:1px solid rgba(120,200,240,.25);border-radius:22px;padding:30px 24px 22px;text-align:center;box-shadow:0 30px 70px #0009,inset 0 1px #ffffff14;animation:toast-in .34s cubic-bezier(.22,1.4,.36,1)}.ad-badge{position:absolute;top:12px;right:12px;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#cfe9f6;padding:3px 8px;border-radius:6px;background:#0006;border:1px solid rgba(190,230,250,.2)}.ad-stage{position:relative;width:96px;height:96px;margin:4px auto 16px;display:grid;place-items:center}.ad-coin{font-size:56px;filter:drop-shadow(0 6px 14px rgba(255,201,77,.45));animation:ad-coin-spin 2.2s ease-in-out infinite}@keyframes ad-coin-spin{0%,to{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.08)}}.ad-shine{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(255,201,77,.22),transparent 65%);animation:ad-pulse 2.2s ease-in-out infinite}@keyframes ad-pulse{0%,to{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:1}}.ad-title{font-size:17px;font-weight:900;margin-bottom:6px}.ad-sub{font-size:12.5px;color:var(--text-dim);margin-bottom:16px}.ad-sub b{color:var(--gold)}.ad-progress{height:7px;border-radius:999px;background:#0006;border:1px solid rgba(190,230,250,.16);overflow:hidden;margin-bottom:18px}#ad-progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#45c46a,#8cf0a6);box-shadow:0 0 12px #5dd97c80}#ad-skip{width:100%}#ad-skip:disabled{opacity:.55;cursor:default}.shop-sec{font-size:12px;letter-spacing:2.5px;font-weight:900;margin:14px 0 9px;background:linear-gradient(90deg,var(--gold),rgba(255,201,77,.4));-webkit-background-clip:text;background-clip:text;color:transparent}.shop-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;padding:5px;background:#00000052;border:1px solid rgba(190,230,250,.12);border-radius:14px}.shop-tab{padding:11px 8px;cursor:pointer;border:none;border-radius:10px;font-family:inherit;font-size:13.5px;font-weight:900;letter-spacing:.4px;color:var(--text-dim);background:transparent;transition:background .15s ease,color .15s ease,box-shadow .15s ease;touch-action:manipulation}.shop-tab.active{color:#06212d;background:linear-gradient(180deg,#ffe9b0,var(--gold));box-shadow:0 6px 18px #f2b53a52,inset 0 1px #ffffff80}.shop-card{--tint: #4fd8ff;display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:9px;background:linear-gradient(120deg,color-mix(in srgb,var(--tint) 9%,transparent),transparent 38%),linear-gradient(170deg,#ffffff0a,#00000047);border:1px solid color-mix(in srgb,var(--tint) 26%,transparent);border-radius:16px;box-shadow:0 8px 22px #00000038,inset 0 1px #ffffff0d;transition:border-color .15s ease,transform .15s ease}.shop-card:hover{border-color:color-mix(in srgb,var(--tint) 55%,transparent)}.shop-card.maxed{border-color:#5dd97c66}.shop-card.selected{border-color:#5dd97c8c;box-shadow:0 0 22px #5dd97c24,0 8px 22px #00000038}.gear-list{display:flex;flex-direction:column;gap:9px}.shop-card.gear-card{width:100%;display:block;padding:10px;margin-bottom:0;color:inherit;text-align:left;border-radius:12px}.gear-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px}.gear-card .sc-ico{width:42px;height:42px;border-radius:10px;font-size:21px}.gear-card-head .shop-buy{min-height:36px;padding:6px 11px}.gear-card-head .shop-buy small{font-size:8px}.gear-mini-upgrade{display:grid;grid-template-columns:48px 16px 48px minmax(0,1fr);align-items:center;gap:7px;margin-top:8px;padding:6px;border-radius:10px;background:radial-gradient(circle at 28% 20%,color-mix(in srgb,var(--tint) 16%,transparent),transparent 42%),linear-gradient(180deg,#ffffff0a,#0000002e);border:1px solid rgba(190,230,250,.1)}.gear-mini-model{position:relative;min-width:0;height:48px;display:grid;place-items:center;border-radius:10px;background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.16),transparent 30%),linear-gradient(155deg,color-mix(in srgb,var(--tint) 18%,#0a2430),#00000057);border:1px solid color-mix(in srgb,var(--tint) 24%,transparent);box-shadow:inset 0 1px #ffffff1c,0 5px 12px #0003;overflow:hidden}.gear-mini-model:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 1px,transparent 1px 6px),radial-gradient(circle at 70% 70%,rgba(255,255,255,.07),transparent 34%);mix-blend-mode:screen;pointer-events:none}.gear-mini-model.next{border-color:color-mix(in srgb,var(--tint) 42%,transparent);box-shadow:inset 0 1px #ffffff21,0 0 14px color-mix(in srgb,var(--tint) 14%,transparent),0 5px 12px #0003}.gear-mini-model span{position:absolute;left:5px;bottom:4px;z-index:2;padding:1px 5px;border-radius:999px;color:var(--text);background:#00000073;font-size:9px;font-weight:900}.gear-svg{position:relative;z-index:1;display:block;width:43px;height:auto;filter:drop-shadow(0 5px 8px rgba(0,0,0,.28))}.gear-mini-arrow{color:color-mix(in srgb,var(--tint) 82%,#fff);font-size:14px;font-weight:900;text-align:center}.gear-mini-info{min-width:0;display:flex;flex-direction:column;gap:5px}.gear-mini-next{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--tint) 82%,#fff);font-size:10.5px;font-weight:900}.gear-mini-gains{display:flex;flex-wrap:wrap;gap:5px}.mini-gain{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:5px;min-width:0;padding:3px 6px;border-radius:8px;background:#00000038;border:1px solid rgba(190,230,250,.1)}.mini-gain span{color:var(--text-dim);font-size:9px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.mini-gain b{color:var(--text);font-size:10.5px;font-weight:900;white-space:nowrap}.mini-gain em{padding:1px 5px;border-radius:999px;color:#06212d;background:linear-gradient(180deg,#fff1b8,var(--gold));font-style:normal;font-size:9px;font-weight:900;white-space:nowrap}.mini-gain.muted{display:block;color:var(--text-dim);font-size:11px;font-weight:800}.sc-ico{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;font-size:26px;border-radius:14px;background:radial-gradient(circle at 38% 28%,color-mix(in srgb,var(--tint) 38%,transparent),#0000004d 72%);border:1px solid color-mix(in srgb,var(--tint) 40%,transparent);box-shadow:inset 0 1px #ffffff2e}.sc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}.sc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-top b{font-size:11px;letter-spacing:1.4px;color:var(--text-dim);text-transform:uppercase}.sc-name{font-size:14.5px;font-weight:900}.sc-sub{font-size:11.5px;color:var(--text-dim)}.sc-next{font-size:11px;font-weight:800;color:color-mix(in srgb,var(--tint) 80%,#fff)}.sc-next.ok{color:var(--ok)}.sel-tag{font-size:9.5px;font-weight:900;letter-spacing:1px;color:var(--ok);border:1px solid rgba(93,217,124,.45);border-radius:999px;padding:2px 8px}.sc-action{flex:0 0 auto;display:flex;align-items:center}.sc-action.col{flex-direction:column;gap:6px;align-items:stretch}.sc-action .shop-buy{display:flex;flex-direction:column;gap:1px;align-items:center;padding:8px 14px;line-height:1.1}.sc-action .shop-buy small{font-size:8.5px;letter-spacing:1.2px;opacity:.85}.sc-action .shop-buy.cant{filter:grayscale(.6) brightness(.7)}.shop-item{background:linear-gradient(170deg,#ffffff09,#00000042);border-color:#bee6fa29;transition:border-color .15s}.shop-item:hover{border-color:#ffc94d66}.shop-item.maxed{border-color:#5dd97c59}.shop-ico{width:46px;height:46px;display:grid;place-items:center;font-size:24px;border-radius:13px;background:radial-gradient(circle at 40% 30%,#ffffff24,#35c4f014 50%,#00000038);border:1px solid rgba(190,230,250,.14)}.lvl-pips{display:flex;gap:3px;margin:4px 0 2px}.lvl-pips i{width:16px;height:5px;border-radius:3px;background:#ffffff1a}.lvl-pips i.on{background:linear-gradient(90deg,#ffd76e,#f0a420);box-shadow:0 0 8px #ffc94d73}.maxed-tag{color:var(--ok);font-weight:900;font-size:12.5px;letter-spacing:1px}.shop-buy{white-space:nowrap;box-shadow:0 6px 18px #f2b53a47}.bait-shop-item{position:relative;overflow:hidden}.bait-shop-item:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent}.bait-shop-item.selected{border-color:#5dd97c80;background:linear-gradient(90deg,#5dd97c1f,#0003 42%)}.bait-shop-item.selected:before{background:var(--ok)}.list-item .bait-ico{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 45% 35%,#ffffff29,#35c4f014 45%,#0000002e);border:1px solid rgba(190,230,250,.12)}.bait-svg{width:44px;height:44px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}.bait-svg-glow{filter:drop-shadow(0 0 9px rgba(255,226,122,.42)) drop-shadow(0 5px 8px rgba(0,0,0,.22))}@media(max-width:560px){.shop-card.gear-card{padding:9px}.gear-card-head{grid-template-columns:40px minmax(0,1fr)}.gear-card .sc-ico{width:40px;height:40px;font-size:20px}.gear-card-head .sc-action{grid-column:1 / -1;width:100%;justify-content:stretch}.gear-card-head .shop-buy{width:100%}.gear-mini-upgrade{grid-template-columns:46px 14px 46px;gap:6px}.gear-mini-info{grid-column:1 / -1;padding-top:2px}.gear-mini-model{height:46px;border-radius:9px}.gear-svg{width:41px}.gear-mini-arrow{font-size:14px}.gear-mini-gains{gap:4px}.mini-gain{width:100%;grid-template-columns:minmax(78px,.9fr) minmax(0,1fr) auto;padding:4px 6px}.mini-gain b{overflow:hidden;text-overflow:ellipsis}}.fish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px}.fish-cell{background:#00000040;border:1px solid var(--line);border-radius:13px;padding:10px 6px;text-align:center;cursor:pointer;transition:transform .1s}.fish-cell:hover{transform:scale(1.04)}.fish-cell.locked{opacity:.42;filter:grayscale(.8)}.fish-svg{width:64px;height:38px;margin:0 auto}.fish-svg-glow{filter:drop-shadow(0 0 7px rgba(150,230,255,.55))}.fc-name{font-size:11.5px;font-weight:800;margin-top:4px}.fc-sub{font-size:10px;color:var(--text-dim)}.lb-tabs,.quest-tabs{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap}.lb-tab{font-family:inherit;flex:1;min-width:100px;min-height:38px;padding:9px;font-size:12px;font-weight:800;cursor:pointer;background:#0000002e;color:var(--text-dim);border:1px solid rgba(190,230,250,.14);border-radius:999px;transition:border-color .18s ease,color .18s ease,background .18s ease}.lb-tab:hover{color:var(--text)}.lb-tab.active{background:linear-gradient(180deg,#35c4f042,#35c4f01a);color:var(--text);border-color:#35c4f099;box-shadow:inset 0 1px #ffffff1a,0 4px 14px #35c4f024}.lb-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;margin-bottom:5px;font-size:13.5px;background:#0000002e}.lb-row.me{border:1px solid var(--gold)}.lb-rank{width:28px;font-weight:900;color:var(--text-dim)}.lb-rank.top{color:var(--gold)}.lb-rank.member-no{width:50px;color:var(--accent);font-variant-numeric:tabular-nums}.lb-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-val{font-weight:900;color:var(--accent)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;gap:12px}.seg{display:flex;gap:6px}.seg button{font-family:inherit;min-height:38px;padding:7px 15px;font-size:12px;font-weight:800;cursor:pointer;background:#0000002e;color:var(--text-dim);border:1px solid rgba(190,230,250,.14);border-radius:999px;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .14s cubic-bezier(.33,1,.45,1)}.seg button:hover{color:var(--text)}.seg button:active{transform:scale(.96)}.seg button.active{background:linear-gradient(180deg,#5fd4f7,#1d9cd8);color:#06212d;border-color:#ffffff59;font-weight:900;box-shadow:0 4px 14px #35c4f04d,inset 0 1px #fff6}.settings-note{margin:-4px 4px 8px;color:var(--text-dim);font-size:12px;font-weight:700;text-align:right}#toast-zone{position:fixed;top:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:100;pointer-events:none;align-items:center}.toast{--accent: #6fd0ff;--accent-soft: #bfeaff;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:13px;background:linear-gradient(152deg,#133a50f7,#061823fa),radial-gradient(120% 100% at 0% 0%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 58%);border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(170,215,240,.14));border-radius:18px;padding:12px 20px 13px 14px;font-size:14px;font-weight:700;color:var(--text);box-shadow:0 22px 52px #0000008c,0 2px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff08;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);animation:toast-in .42s cubic-bezier(.22,1.4,.36,1);max-width:min(440px,92vw);text-align:left}.toast:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--accent-soft),var(--accent));box-shadow:0 0 14px color-mix(in srgb,var(--accent) 75%,transparent)}.toast-ico{flex:0 0 auto;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 34% 24%,#ffffff38,#ffffff05 70%),linear-gradient(160deg,color-mix(in srgb,var(--accent) 30%,rgba(8,30,42,.6)),#061620b3);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 32%,transparent),inset 0 1px #ffffff47,inset 0 -3px 6px #00000052}.toast-ico-glyph{font-size:20px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));animation:toast-pop .5s cubic-bezier(.22,1.6,.4,1) .06s both}.toast-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.toast-kicker{font-size:9.5px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent-soft);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}.toast-msg{line-height:1.32;font-size:14px;font-weight:700}.toast-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.16) 47%,rgba(255,255,255,.04) 54%,transparent 70%);transform:translate(-120%);animation:toast-sheen 1.1s ease .28s 1}.toast-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;z-index:3;background:linear-gradient(90deg,var(--accent-soft),var(--accent) 55%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent);animation:toast-bar 2.6s linear forwards}@keyframes toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes toast-pop{0%{transform:scale(.4) rotate(-12deg);opacity:0}60%{transform:scale(1.12) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.toast.gold{--accent: var(--gold);--accent-soft: #ffe6a3}.toast.gold .toast-msg{color:#ffe9b0}.toast.error{--accent: var(--danger);--accent-soft: #ffb3b3}.toast.error .toast-msg{color:#ffcaca}.toast.success{--accent: var(--ok);--accent-soft: #b6f3c6}.toast.success .toast-msg{color:#c4f5d2}.toast.info{--accent: #6fd0ff;--accent-soft: #c6ecff}@keyframes toast-in{0%{opacity:0;transform:translateY(-18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.toast.out{opacity:0;transform:translateY(-10px) scale(.95);transition:opacity .4s ease,transform .4s ease}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite;margin-bottom:14px}@keyframes spin{to{transform:rotate(360deg)}}#loading-screen{background:radial-gradient(90% 70% at 50% 0%,rgba(53,196,240,.1),transparent 60%),linear-gradient(180deg,#04141f,#052a3a 60%,#04222e);backdrop-filter:none;gap:16px}.loader-stage{position:relative;width:150px;height:150px;display:grid;place-items:center}.loader-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(120,200,240,.14);border-top-color:var(--accent);animation:spin 1.15s cubic-bezier(.45,.2,.55,.8) infinite;box-shadow:0 0 34px #35c4f01f,inset 0 0 24px #35c4f00f}.loader-bobber{position:relative;z-index:2;width:44px;height:56px;animation:bobber-float 1.9s ease-in-out infinite}@keyframes bobber-float{0%,to{transform:translateY(2px) rotate(-4deg)}50%{transform:translateY(-9px) rotate(5deg)}}.lbob-antenna{position:absolute;left:50%;top:-10px;transform:translate(-50%);width:4px;height:18px;border-radius:3px;background:linear-gradient(180deg,#ff5d5d,#ffd54f)}.lbob-top{position:absolute;left:50%;top:6px;transform:translate(-50%);width:38px;height:24px;border-radius:19px 19px 5px 5px;background:linear-gradient(175deg,#ff7a70,#e53935);box-shadow:inset -4px -3px 8px #00000040,inset 4px 4px 8px #ffffff4d}.lbob-bottom{position:absolute;left:50%;top:29px;transform:translate(-50%);width:38px;height:22px;border-radius:5px 5px 19px 19px;background:linear-gradient(175deg,#fdfaf2,#d8d2c2);box-shadow:inset -4px -4px 8px #0000002e}.loader-water{position:absolute;left:8px;right:8px;bottom:22px;height:26px;border-radius:12px;overflow:hidden;opacity:.85}.lw-wave{position:absolute;left:-100%;right:-100%;top:8px;height:40px;border-radius:46% 44% 0 0;background:#35c4f066;animation:lw-roll 2.6s linear infinite}.lw-wave2{top:13px;background:#1d9cd88c;animation-duration:3.4s;animation-direction:reverse}@keyframes lw-roll{0%{transform:translate(-12%)}50%{transform:translate(0) translateY(-3px)}to{transform:translate(12%)}}.loader-bar{width:min(320px,78vw);height:7px;border-radius:6px;overflow:hidden;background:#00000080;border:1px solid var(--line)}#loader-fill{height:100%;width:0%;background:linear-gradient(90deg,#35c4f0,#5dd97c,#ffc94d);background-size:220% 100%;animation:loader-hue 2.4s linear infinite;transition:width .3s ease}@keyframes loader-hue{0%{background-position:0 0}to{background-position:220% 0}}#loading-screen p{color:var(--text);font-weight:800;letter-spacing:1px}.loading-tip{color:var(--text-dim);font-size:12px;max-width:320px;text-align:center}.mobile-guide{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:42;display:flex;align-items:center;gap:12px;width:min(520px,calc(100vw - 24px));padding:10px 12px;background:#05161edb;border:1px solid rgba(190,230,250,.18);border-radius:14px;box-shadow:0 14px 36px #00000061;backdrop-filter:blur(10px);pointer-events:auto}.mobile-guide.portrait{top:50%;bottom:auto;transform:translate(-50%,-50%)}.mobile-guide.fullscreen-needed{top:max(10px,env(safe-area-inset-top));bottom:auto}.guide-phone{width:32px;height:52px;flex:0 0 auto;border:2px solid rgba(231,244,251,.9);border-radius:9px;position:relative;animation:rotate-phone 2.4s ease-in-out infinite}.guide-phone:before{content:"";position:absolute;left:50%;bottom:4px;transform:translate(-50%);width:8px;height:2px;border-radius:2px;background:#e7f4fbe6}.guide-phone span{position:absolute;inset:7px 5px 10px;border-radius:5px;background:linear-gradient(160deg,#35c4f06b,#ffc94d38)}.mobile-guide.fullscreen-needed .guide-phone{animation:fullscreen-phone 1.8s ease-in-out infinite}.guide-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.guide-copy strong{font-size:13px;line-height:1.2}.guide-copy span{color:var(--text-dim);font-size:12px;line-height:1.3}#mobile-fullscreen-btn{width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(53,196,240,.45);border-radius:12px;background:#35c4f02e;color:var(--text);font-size:21px;cursor:pointer;animation:fullscreen-pulse 1.55s ease-in-out infinite}@keyframes rotate-phone{0%,22%{transform:rotate(0)}48%,72%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes fullscreen-phone{0%,to{transform:scale(1);box-shadow:0 0 #35c4f000}50%{transform:scale(1.08);box-shadow:0 0 22px #35c4f059}}@keyframes fullscreen-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.28)}}@media(max-width:920px){#topbar{top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));right:calc(max(6px,env(safe-area-inset-right)) + 60px);gap:6px}.tb-card{min-height:44px;padding:5px 11px;border-radius:14px}.tb-level{gap:7px;padding-left:5px}.hud-avatar{width:34px;height:34px;font-size:18px;border-radius:10px}.tb-lv b{font-size:15px}.tb-xp{max-width:none}.tb-gold{font-size:15px}#quest-tracker{display:none!important}#side-menu{top:max(8px,env(safe-area-inset-top));right:max(7px,env(safe-area-inset-right))}.menu-action-btn{width:48px;height:48px;font-size:19px;border-radius:12px}#menu-back-btn{min-height:48px;padding:6px;border-radius:13px;gap:0}#menu-back-btn .mbb-ico{width:34px;height:34px;font-size:18px}#menu-back-btn .mbb-label{display:none}.big-action{font-size:15px;padding:13px 24px}.gear-btn{min-width:68px;padding:7px 9px}#power-gauge{width:140px}#fight-ui{padding:8px 10px max(8px,env(safe-area-inset-bottom));gap:6px}.fight-bars{flex-direction:row;gap:5px;width:min(360px,92vw)}.fbar-wrap{gap:0;min-width:0}.fbar-wrap label{display:none}.fbar{height:7px;border-radius:999px;border-color:#bee6fa24;background:#0000006b}.fbar>div{border-radius:999px}.zone-mark{display:none}#fight-info{min-height:14px;max-width:92vw;gap:8px;font-size:11px;justify-content:center;text-align:center}#fight-controls{gap:8px}.dir-btn{width:52px;height:52px;font-size:20px;border-radius:13px}#reel-btn{min-width:96px;min-height:52px;padding:9px 13px;border-radius:12px;font-size:12px;line-height:1.05;box-shadow:0 4px 16px #35c4f057}#reel-btn .reel-label-full{display:none}#reel-btn .reel-label-short{display:inline}#reel-btn small{font-size:8.5px}#fight-tip,#camera-tools{display:none}body.game-active.mobile-controls[data-mode=idle] #touch-joystick,body.game-active.mobile-controls[data-mode=waiting] #touch-joystick,body.game-active.mobile-controls[data-mode=hooking] #touch-joystick,body.game-active.mobile-controls[data-mode=fighting] #touch-joystick{display:flex}body.game-active.mobile-controls #cast-zone{display:none}body.game-active.mobile-controls #bottombar{display:flex;justify-content:flex-start;gap:8px;left:max(9px,env(safe-area-inset-left));right:max(182px,calc(env(safe-area-inset-right) + 182px));padding-inline:0}body.game-active.mobile-controls #bottombar .gear-btn{max-width:96px}body.mobile-controls[data-mode=fighting] #fight-ui{bottom:max(126px,calc(env(safe-area-inset-bottom) + 126px));padding-bottom:0}body.mobile-controls[data-mode=fighting] #fight-controls,body.mobile-controls[data-mode=hooking] #fight-controls{display:none}}@media(max-width:920px)and (orientation:landscape){#bottombar{bottom:max(6px,env(safe-area-inset-bottom))}.gear-btn{min-width:62px}.gear-lbl{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#fight-ui{padding-bottom:max(6px,env(safe-area-inset-bottom))}.fight-bars{width:min(330px,70vw)}.dir-btn{width:46px;height:46px}#reel-btn{min-width:88px;padding:8px 12px;font-size:11.5px}.mobile-guide.fullscreen-needed{width:min(390px,calc(100vw - 100px))}#camera-tools{bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left))}body[data-mode=waiting] #camera-tools,body[data-mode=fighting] #camera-tools,body[data-mode=hooking] #camera-tools{bottom:max(8px,env(safe-area-inset-bottom))}}@media(max-width:560px){#bottombar{display:grid;grid-template-columns:minmax(58px,.72fr) minmax(118px,1.2fr) minmax(58px,.72fr);align-items:end;gap:8px;padding:0 8px}#cast-zone,#power-gauge,.big-action{width:100%;min-width:0}.gear-btn{min-width:0;width:100%;padding:8px 5px;min-height:54px}.gear-ico{font-size:19px}.gear-lbl{max-width:100%;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-cnt{font-size:9px}#cast-btn{min-height:56px;padding:11px 10px;font-size:14px}#power-gauge{max-width:none}#wait-hint{width:min(360px,calc(100vw - 20px));justify-content:center;bottom:92px;font-size:12px;padding:10px}.wait-glass{width:38px;height:38px}.wait-hourglass{font-size:21px}.wait-copy strong{font-size:13px}.wait-copy span{font-size:11px}#recall-btn{padding-inline:9px;min-height:36px}.settings-row{align-items:stretch;flex-direction:column}.seg{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.seg button{min-height:40px;padding-inline:8px}.settings-note{text-align:left}}@media(max-height:430px)and (orientation:landscape){#topbar{max-width:calc(100vw - 116px)}#bottombar{bottom:max(4px,env(safe-area-inset-bottom))}.gear-btn{min-height:44px;padding-block:5px}.gear-ico{font-size:16px}.gear-lbl,.gear-cnt{font-size:9px}#cast-btn{min-height:48px;padding-block:8px}#fight-ui{gap:4px}#fight-info{display:none}}@media(pointer:coarse){button{touch-action:manipulation}#fight-controls,#cast-zone{touch-action:none}#camera-tools{display:none}body.game-active.mobile-controls[data-mode=idle] #touch-joystick,body.game-active.mobile-controls[data-mode=waiting] #touch-joystick,body.game-active.mobile-controls[data-mode=hooking] #touch-joystick,body.game-active.mobile-controls[data-mode=fighting] #touch-joystick{display:flex}body.game-active.mobile-controls #cast-zone{display:none}body.mobile-controls[data-mode=fighting] #fight-ui{bottom:max(126px,calc(env(safe-area-inset-bottom) + 126px));padding-bottom:0}body.mobile-controls[data-mode=fighting] #fight-controls,body.mobile-controls[data-mode=hooking] #fight-controls{display:none}}body.mobile-controls #cast-btn{font-size:19px;padding:18px 30px}body.mobile-controls #fight-ui .dir-btn{width:50px;height:50px}body.mobile-controls #fight-ui #reel-btn{font-size:12px;padding:9px 13px}@media(max-width:560px){body.mobile-controls #cast-btn{font-size:14px;padding:11px 10px}body.mobile-controls #fight-ui .dir-btn{width:52px;height:52px}body.mobile-controls #fight-ui #reel-btn{min-width:96px;min-height:52px}}@media(max-width:560px)and (orientation:portrait){#topbar{left:max(7px,env(safe-area-inset-left));right:max(58px,calc(env(safe-area-inset-right) + 58px))}#bottombar{grid-template-columns:minmax(58px,.68fr) minmax(0,1.55fr) minmax(58px,.68fr);bottom:max(12px,env(safe-area-inset-bottom));gap:7px;padding:0 10px}.gear-btn{min-height:58px;border-radius:14px}#cast-btn{min-height:68px;border-radius:18px;font-size:16px}body.mobile-controls #cast-btn{min-height:68px;font-size:16px;padding:13px 10px}#power-gauge{height:12px}#camera-tools{left:50%;transform:translate(-50%);bottom:max(92px,calc(env(safe-area-inset-bottom) + 92px))}body[data-mode=waiting] #camera-tools{bottom:max(154px,calc(env(safe-area-inset-bottom) + 154px))}body[data-mode=fighting] #camera-tools,body[data-mode=hooking] #camera-tools{display:none}#wait-hint{bottom:max(100px,calc(env(safe-area-inset-bottom) + 100px));width:min(380px,calc(100vw - 18px))}#bite-alert{top:34%;width:calc(100vw - 36px);padding:14px 16px;text-align:center}#fight-ui{padding:8px 10px max(12px,env(safe-area-inset-bottom));gap:8px}.fight-bars{width:calc(100vw - 22px);gap:7px}.fbar{height:10px}#fight-info{width:calc(100vw - 28px);min-height:18px;font-size:12px}#fight-controls{width:calc(100vw - 22px);justify-content:space-between;gap:9px}.dir-btn,body.mobile-controls #fight-ui .dir-btn{width:64px;height:64px;font-size:24px;border-radius:16px}#reel-btn,body.mobile-controls #fight-ui #reel-btn{flex:1;max-width:190px;min-height:64px;font-size:14px;border-radius:16px}#fight-ui.hooking #reel-btn{max-width:230px}#panel-box{width:calc(100vw - 16px);max-height:calc(100dvh - 18px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:18px}.result-card{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px}#result-actions{flex-direction:column}}@media(max-width:920px)and (orientation:landscape){body.mobile-controls #fight-ui .dir-btn{width:46px;height:46px}body.mobile-controls #fight-ui #reel-btn{min-width:88px;padding:8px 12px;font-size:11.5px}}body.mobile-controls #bite-alert{display:none!important}body.game-active:not(.mobile-controls)[data-mode=fighting] #bottombar .gear-btn{visibility:hidden;pointer-events:none}body.game-active:not(.mobile-controls)[data-mode=fighting] #power-gauge,body.game-active:not(.mobile-controls)[data-mode=fighting] #fight-controls,body.game-active:not(.mobile-controls)[data-mode=fighting] #fight-tip{display:none}body.game-active:not(.mobile-controls)[data-mode=fighting] #fight-ui{bottom:max(92px,calc(env(safe-area-inset-bottom) + 92px));padding-bottom:0;pointer-events:none}#touch-joystick.bite-shake .joy-base{animation:joy-shake .14s linear infinite;border-color:#ffc94dd9;box-shadow:0 0 34px #ffc94d80,0 14px 34px #0000005c}@keyframes joy-shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(2.5px,-2px) rotate(.8deg)}50%{transform:translate(-2px,2.5px) rotate(-.8deg)}75%{transform:translate(2px,1.5px) rotate(.5deg)}to{transform:translate(-2.5px,-1.5px) rotate(0)}}@media(orientation:portrait){body.game-active.mobile-controls #touch-joystick{bottom:max(92px,calc(env(safe-area-inset-bottom) + 92px))}body.game-active.mobile-controls #bottombar{right:max(9px,env(safe-area-inset-right));justify-content:center}body.game-active.mobile-controls #wait-hint{bottom:max(100px,calc(env(safe-area-inset-bottom) + 100px))}body.game-active.mobile-controls[data-mode=fighting] #fight-ui,body.game-active.mobile-controls[data-mode=hooking] #fight-ui{bottom:max(260px,calc(env(safe-area-inset-bottom) + 260px));padding-bottom:0}}