*{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}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:space-between;background:linear-gradient(180deg,#031018c7,#04162080 30% 70%,#031018d6);backdrop-filter:blur(2px);padding:0}.menu-top{width:100%;max-width:880px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 18px 0}.profile-chip{display:flex;align-items:center;gap:12px;background:#08202cc7;border:1px solid var(--line);border-radius:18px;padding:9px 16px 9px 10px;box-shadow:0 10px 30px #0000004d;backdrop-filter:blur(10px);min-width:0}.avatar{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;font-size:25px;border-radius:14px;background:linear-gradient(160deg,#35c4f047,#08202c99);border:1px solid rgba(53,196,240,.4)}.profile-info{display:flex;flex-direction:column;gap:3px;min-width:0}.profile-info b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.profile-info span{font-size:12px;color:var(--text-dim);font-weight:700}.menu-xp{width:130px;height:4px;border-radius:4px;background:#00000073;overflow:hidden}#menu-xp-fill{height:100%;width:0%;background:linear-gradient(90deg,#35c4f0,#5dd97c);transition:width .4s}.menu-top-actions{display:flex;gap:8px}.icon-btn{width:50px;height:50px;font-size:20px;cursor:pointer;color:var(--text);background:linear-gradient(180deg,#1e4e66f2,#0a2634f2);border:none;border-radius:14px;box-shadow:0 4px #021018e6,0 10px 22px #0000004d,inset 0 1px #ffffff29;backdrop-filter:blur(8px);transition:transform .08s,box-shadow .08s,filter .15s;touch-action:manipulation}.icon-btn:hover{filter:brightness(1.18)}.icon-btn:active{transform:translateY(3px);box-shadow:0 1px #021018e6,0 4px 10px #00000040,inset 0 1px #ffffff1f}.menu-center{position:relative;width:calc(100% - 24px);max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3vh,26px);padding:clamp(20px,4vh,34px) clamp(16px,3.5vw,32px);border-radius:24px;background:linear-gradient(180deg,#3a210e4d,#180c0485),url(/assets/textures/wood_diffuse.jpg);background-size:auto,480px 240px;border:1px solid rgba(255,214,150,.22);box-shadow:0 26px 64px #0000008c,inset 0 1px #ffebc838,inset 0 0 90px #00000061}.menu-center:before{content:"";position:absolute;inset:9px;border-radius:17px;border:2px solid rgba(38,20,8,.55);box-shadow:inset 0 1px #ffebc81a;pointer-events:none}.menu-center:after{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle 4px at 19px 19px,#1d0f05 58%,rgba(255,225,180,.28) 62%,transparent 70%),radial-gradient(circle 4px at calc(100% - 19px) 19px,#1d0f05 58%,rgba(255,225,180,.28) 62%,transparent 70%),radial-gradient(circle 4px at 19px calc(100% - 19px),#1d0f05 58%,rgba(255,225,180,.28) 62%,transparent 70%),radial-gradient(circle 4px at calc(100% - 19px) calc(100% - 19px),#1d0f05 58%,rgba(255,225,180,.28) 62%,transparent 70%);pointer-events:none}.play-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:min(400px,90vw);padding:24px 30px 19px;font-family:inherit;cursor:pointer;color:#04300f;background:linear-gradient(180deg,#a4f7c6,#45d585 48%,#1cab60);border:none;border-radius:26px;box-shadow:0 9px #0d7a40,0 26px 60px #2fc5756b,inset 0 2px #ffffff8c;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 30%,rgba(255,255,255,.4) 48%,transparent 62%);transform:translate(-120%);animation:play-shine 3.4s ease-in-out infinite}@keyframes play-shine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(130%)}}.play-btn:hover{filter:brightness(1.06)}.play-btn:active{transform:translateY(7px);box-shadow:0 2px #0d7a40,0 8px 22px #2fc5754d,inset 0 2px #fff6}.play-btn:disabled{filter:saturate(.35) brightness(.8);cursor:default;transform:none;box-shadow:0 6px #0d7a40,0 14px 30px #0000004d,inset 0 2px #ffffff4d}.play-ico{font-size:30px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.play-label{font-size:24px;font-weight:900;letter-spacing:3.5px;text-shadow:0 1px 0 rgba(255,255,255,.35)}.play-btn small{font-size:11.5px;font-weight:800;opacity:.85}.menu-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:13px}.mg-btn{--c1: #58c8ef;--c2: #1d7eae;--edge: #0c4a6b;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:112px;padding:14px 8px;font-family:inherit;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--c1),var(--c2));border:none;border-radius:22px;box-shadow:0 7px 0 var(--edge),0 18px 38px #00000052,inset 0 2px #fff6;transition:transform .09s ease,box-shadow .09s ease,filter .15s ease;touch-action:manipulation}.mg-btn:hover{filter:brightness(1.1)}.mg-btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--edge),0 6px 16px #00000047,inset 0 2px #ffffff4d}.mg-ico{font-size:38px;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.mg-label{font-size:14px;font-weight:900;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.4)}.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,.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: #84e8a8;--c2: #2cae60;--edge: #156e38}.mg-btn[data-mpanel=settings]{--c1: #93a9c7;--c2: #4a6791;--edge: #2a3d5c}.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}.menu-load{width:100%;max-width:620px;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(360px,84vw);height:5px;border-radius:4px;background:#00000080;overflow:hidden}#ml-fill{height:100%;width:0%;background:linear-gradient(90deg,#35c4f0,#5dd97c);transition:width .35s ease}#ml-text{font-size:11.5px;color:var(--text-dim);font-weight:700}.menu-load.ready #ml-fill{background:var(--ok)}.menu-load.ready #ml-text{color:var(--ok)}@media(max-height:560px)and (orientation:landscape){.menu-center{flex-direction:row;align-items:center;max-width:880px;gap:18px}.play-btn{width:240px;flex:0 0 auto;padding:16px 18px 13px}.play-label{font-size:17px}.menu-grid{grid-template-columns:repeat(4,1fr);gap:9px}.mg-btn{min-height:80px;gap:4px;box-shadow:0 5px 0 var(--edge),0 12px 26px #0000004d,inset 0 1px #ffffff59}.mg-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--edge),0 5px 12px #00000042,inset 0 1px #ffffff4d}.mg-ico{font-size:25px}.mg-label{font-size:11.5px}}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud>*{pointer-events:auto}#topbar{position:absolute;top:max(8px,env(safe-area-inset-top));left:10px;right:70px;display:flex;align-items:center}.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}.hud-profile{display:flex;align-items:center;gap:12px;background:linear-gradient(170deg,#0d2c3cb8,#061922a8);border:1px solid rgba(190,230,250,.2);border-radius:18px;padding:8px 18px 8px 8px;backdrop-filter:blur(12px);box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff14}.hud-avatar{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;font-size:30px;border-radius:16px;background:linear-gradient(160deg,#35c4f04d,#08202ca6);border:1px solid rgba(53,196,240,.45)}.hud-level-wrap{display:flex;flex-direction:column;gap:7px;min-width:0}.hud-lv{font-size:13px;font-weight:900;letter-spacing:1.5px;color:var(--text-dim)}.hud-lv b{color:var(--gold);font-size:17px;margin-left:2px}#xp-bar{width:min(52vw,300px);height:11px;border-radius:999px;background:#00000080;overflow:hidden;border:1px solid rgba(190,230,250,.15)}#xp-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#35c4f0,#5dd97c);box-shadow:0 0 12px #5dd97c66;transition:width .4s}#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)}#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)}#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=hooking] #touch-joystick,body.game-active.mobile-controls[data-mode=fighting] #touch-joystick{display:flex}body.game-active.mobile-controls #cast-zone{display:none}.joy-base{position:relative;width:152px;height:152px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(8,32,44,.82) 0 43%,transparent 44%),conic-gradient(from -90deg,rgba(255,201,77,.95) var(--power),rgba(190,230,250,.14) 0);border:1px solid rgba(190,230,250,.2);box-shadow:0 14px 34px #0000005c,inset 0 1px #ffffff14;backdrop-filter:blur(10px);transition:border-color .15s ease,box-shadow .2s ease}#touch-joystick.active .joy-base{border-color:#35c4f08c;box-shadow:0 16px 38px #0006,0 0 32px #35c4f047,inset 0 1px #ffffff1a}.joy-base:before,.joy-base:after{content:"";position:absolute;left:50%;top:50%;background:#bee6fa2e;transform:translate(-50%,-50%)}.joy-base:before{width:82px;height:1px}.joy-base:after{width:1px;height:82px}.joy-stick{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(160deg,#4fd8ff,#1d9cd8);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 22px #35c4f057,inset 0 1px #ffffff59;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-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}#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-pulse{width:38px;height:38px;flex:0 0 auto;border-radius:999px;background:radial-gradient(circle,#ffc94df2 0 16%,#35c4f052 19% 44%,#35c4f014 47% 100%);box-shadow:0 0 24px #35c4f052;animation:wait-ping 1.45s ease-in-out infinite}.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}#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)}}#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-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}#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(420px,94vw);text-align:center;--rc1: rgba(120, 200, 240, .35);--rc2: rgba(120, 200, 240, .08);--rglow: rgba(53, 196, 240, .18);background:linear-gradient(170deg,#0a2838f7,#051620fb) padding-box,linear-gradient(160deg,var(--rc1),var(--rc2) 45%,var(--rc1)) border-box;border:2px solid transparent;border-radius:24px;padding:22px;box-shadow:0 26px 80px #0009,0 0 60px var(--rglow);display:flex;flex-direction:column;align-items:center;gap:10px;max-height:92vh;overflow-y:auto;animation:card-pop .42s cubic-bezier(.22,1.4,.36,1) both}@keyframes card-pop{0%{transform:translateY(26px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.result-card[data-rarity=nadir]{--rc1: rgba(76, 175, 240, .8);--rc2: rgba(76, 175, 240, .12);--rglow: rgba(76, 175, 240, .26)}.result-card[data-rarity=epik]{--rc1: rgba(186, 104, 230, .85);--rc2: rgba(186, 104, 230, .12);--rglow: rgba(186, 104, 230, .3)}.result-card[data-rarity=efsanevi]{--rc1: rgba(255, 201, 77, .9);--rc2: rgba(255, 201, 77, .14);--rglow: rgba(255, 201, 77, .32)}.result-card[data-rarity=mitik]{--rc1: rgba(255, 110, 110, .92);--rc2: rgba(255, 201, 77, .2);--rglow: rgba(255, 130, 90, .38)}.result-aura{position:absolute;inset:-40%;pointer-events:none;z-index:0;opacity:0;background:conic-gradient(from 0deg,transparent 0 12%,var(--rglow) 17%,transparent 24% 44%,var(--rglow) 52%,transparent 58% 80%,var(--rglow) 86%,transparent 94%);animation:aura-spin 7s linear infinite}.result-card[data-rarity=efsanevi] .result-aura,.result-card[data-rarity=mitik] .result-aura{opacity:.5}@keyframes aura-spin{to{transform:rotate(360deg)}}.result-card>*:not(.result-aura){position:relative;z-index:1}.result-ribbon{width:calc(100% + 44px);margin:-22px 0 0;padding:13px 10px 11px;border-radius:24px 24px 0 0;font-size:17px;font-weight:900;letter-spacing:2px;color:#06212d;background:linear-gradient(180deg,color-mix(in srgb,var(--rc1) 88%,#fff),color-mix(in srgb,var(--rc1) 92%,#000));box-shadow:0 6px 22px var(--rglow),inset 0 1px #ffffff73;text-shadow:0 1px 0 rgba(255,255,255,.25)}.fish-stage{position:relative;width:calc(100% + 44px);overflow:hidden;background:radial-gradient(circle at 50% 42%,#0a3950,#041e2b 78%);border-bottom:1px solid color-mix(in srgb,var(--rc1) 35%,transparent)}.fish-rays{position:absolute;left:50%;top:42%;width:560px;height:560px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 14deg,var(--rglow) 20deg,transparent 26deg 50deg,var(--rglow) 56deg,transparent 62deg 86deg,var(--rglow) 92deg,transparent 98deg 122deg,var(--rglow) 128deg,transparent 134deg 158deg,var(--rglow) 164deg,transparent 170deg 194deg,var(--rglow) 200deg,transparent 206deg 230deg,var(--rglow) 236deg,transparent 242deg 266deg,var(--rglow) 272deg,transparent 278deg 302deg,var(--rglow) 308deg,transparent 314deg 338deg,var(--rglow) 344deg,transparent 350deg);animation:aura-spin 14s linear infinite;opacity:.8}#fish-view{position:relative;display:block;margin:0 auto;max-width:100%;background:transparent}.fish-view-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 48%,transparent 60%);transform:translate(-130%);animation:card-shine 3.2s ease-in-out infinite}@keyframes card-shine{0%,45%{transform:translate(-130%)}75%,to{transform:translate(130%)}}#result-badges{position:absolute;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.badge{font-size:10.5px;font-weight:900;color:#06212d;background:linear-gradient(180deg,#ffe9b0,var(--gold));border:none;border-radius:999px;padding:5px 11px;box-shadow:0 6px 16px #0006;animation:badge-pop .5s cubic-bezier(.2,1.6,.4,1) both .25s}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.result-title-row{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:2px}#result-name{font-size:26px;font-weight:900;letter-spacing:.5px;line-height:1.05}.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-rewards{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.rreward{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border-radius:14px}.rreward span{font-size:20px}.rreward b{font-size:19px;font-weight:900}.rreward small{font-size:9px;font-weight:900;letter-spacing:1.5px;opacity:.75;align-self:center}.rreward.gold{color:#ffe9b0;background:linear-gradient(170deg,#ffc94d29,#78500a2e);border:1px solid rgba(255,201,77,.4);box-shadow:inset 0 1px #ffffff14,0 0 22px #ffc94d1a}.rreward.xp{color:#b9e8ff;background:linear-gradient(170deg,#35c4f024,#0a3c5a33);border:1px solid rgba(53,196,240,.38);box-shadow:inset 0 1px #ffffff14,0 0 22px #35c4f01a}#result-actions{display:flex;gap:10px;width:100%}#result-actions .btn{flex:1}.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-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}.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)}.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))}.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-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:8px;z-index:100;pointer-events:none;align-items:center}.toast{background:linear-gradient(170deg,#0d3042eb,#061a26f2);border:1px solid rgba(120,200,240,.28);border-radius:14px;padding:12px 22px;font-size:14px;font-weight:700;box-shadow:0 16px 44px #00000073,inset 0 1px #ffffff14;backdrop-filter:blur(10px);animation:toast-in .28s cubic-bezier(.22,1.2,.36,1);max-width:90vw;text-align:center}.toast.gold{border-color:var(--gold);color:var(--gold)}.toast.error{border-color:var(--danger);color:#ffb3b3}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast.out{opacity:0;transition:opacity .4s}.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:6px;right:60px}.hud-profile{gap:9px;padding:6px 14px 6px 6px;border-radius:15px}.hud-avatar{width:46px;height:46px;font-size:26px;border-radius:13px}.hud-lv{font-size:11px;letter-spacing:1px}.hud-lv b{font-size:14px}#xp-bar{width:min(48vw,240px);height:9px}#quest-tracker{display:none!important}#side-menu{top:max(8px,env(safe-area-inset-top));right:max(7px,env(safe-area-inset-right))}#menu-back-btn,.menu-action-btn{width:48px;height:48px;font-size:19px;border-radius:12px}#menu-back-btn{font-size:23px}.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=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-pulse{width:32px;height:32px}.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=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}#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}}