@import url("https://fonts.googleapis.com/css?family=Press+Start+2P");:root{--bg:#6ec6ff;--ink:#fffaf0;--muted:#d8f2ff;--line:rgba(255,255,255,0.92);--navy:#19243d;--navy-2:#243754;--cream:#fff6d6;--yellow:#ffe66d;--green:#54e078;--cyan:#62d5ff;--pink:#ff6b9a;--purple:#8b67ff;--orange:#ffb156;--blue:#3287ff;--ground:#72d65f;--shadow:rgba(11,18,38,0.36);--card-shadow:8px 9px 0 rgba(11,18,38,0.35)}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none;background:linear-gradient(180deg,#87c7f2,#ffe0b5);color:var(--ink);font-family:Press Start\ 2P,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}body:has(.admin-page){height:auto;min-height:100%;overflow:auto;touch-action:auto;-webkit-overflow-scrolling:touch}body:has(.links-page){height:auto;min-height:100%;overflow:auto;touch-action:auto;-webkit-overflow-scrolling:touch}button,input,select{font:inherit}button{border:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-shell{position:relative;min-height:100dvh;display:grid;place-items:center;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.82) 0 42px,transparent 43px),radial-gradient(circle at 84% 21%,rgba(255,255,255,.72) 0 32px,transparent 33px),linear-gradient(180deg,#87c7f2,#ffe0b5)}.loading-screen{position:relative;width:min(430px,calc(100vw - 22px));min-height:min(720px,calc(100dvh - 22px));overflow:hidden;border:4px solid #14213a;border-radius:18px;background:url(/assets/backgrounds/loading-screen-bg.webp) 50%/cover no-repeat,#04112a;box-shadow:var(--card-shadow)}.loading-fun-fact{position:absolute;right:24px;bottom:calc(max(22px, env(safe-area-inset-bottom)) + 44px);left:24px;margin:0;color:#fff6d6;font-size:clamp(.42rem,2.4vw,.56rem);line-height:1.75;text-align:center;text-shadow:0 3px 0 #14213a,2px 0 0 #14213a,-2px 0 0 #14213a,0 -2px 0 #14213a,0 7px 12px rgba(0,0,0,.62)}.loading-bar{position:absolute;right:22px;bottom:max(22px,env(safe-area-inset-bottom));left:22px;height:24px;overflow:hidden;border:4px solid #fffdf0;border-radius:9px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 8px,rgba(0,0,0,.08) 8px 16px),rgba(7,15,29,.78);box-shadow:0 4px 0 #14213a,0 10px 0 rgba(0,0,0,.24),inset 0 0 0 2px rgba(20,33,58,.65)}.loading-bar span{height:100%;display:block;border-right:3px solid rgba(20,33,58,.34);background:linear-gradient(180deg,rgba(244,255,179,.62) 0 22%,rgba(255,255,255,.2) 23% 36%,transparent 37%),linear-gradient(180deg,#b8ffc7,#37df6d 48%,#1fb957);transition:width .18s ease}.links-page{min-height:100dvh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 18% 13%,rgba(255,255,255,.82) 0 38px,transparent 39px),radial-gradient(circle at 86% 18%,rgba(255,255,255,.68) 0 30px,transparent 31px),url(/assets/backgrounds/fishing-panel-bg.png) 50% /cover no-repeat,linear-gradient(180deg,#87c7f2,#ffe0b5)}.links-card{width:min(100%,430px);display:grid;grid-gap:14px;gap:14px;padding:22px 16px 18px;border:4px solid rgba(255,255,255,.94);border-radius:18px;background:linear-gradient(180deg,rgba(25,36,61,.94),rgba(36,55,84,.9)),var(--navy);box-shadow:var(--card-shadow);text-align:center}.links-logo{width:min(150px,42vw);height:auto;justify-self:center;image-rendering:pixelated;filter:drop-shadow(5px 6px 0 rgba(11,18,38,.42))}.links-heading{display:grid;grid-gap:8px;gap:8px}.links-heading h1{margin:0;color:#ffffff;font-size:clamp(1.15rem,7vw,1.7rem);line-height:1.1;text-shadow:4px 4px 0 rgba(11,18,38,.56)}.links-heading p{margin:0;color:var(--muted);font-size:clamp(.42rem,2.4vw,.58rem);line-height:1.7}.links-list{display:grid;grid-gap:11px;gap:11px;margin-top:4px}.links-button{position:relative;display:grid;place-items:center;min-height:58px;padding:12px 14px;border:4px solid #14213a;border-radius:12px;color:#14213a;font-size:clamp(.48rem,3.2vw,.62rem);line-height:1.35;text-decoration:none;box-shadow:inset 0 0 0 3px rgba(255,255,255,.34),5px 6px 0 rgba(11,18,38,.38);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.links-button:before{content:"";position:absolute;inset:7px 10px auto;height:12px;border-radius:999px;background:rgba(255,255,255,.36);opacity:.7;pointer-events:none}.links-button span{position:relative;z-index:1}.links-button:focus-visible,.links-button:hover{filter:brightness(1.05);transform:translate(-1px,-1px)}.links-button:active{box-shadow:inset 0 0 0 3px rgba(255,255,255,.28),2px 3px 0 rgba(11,18,38,.42);transform:translate(3px,3px)}.links-button.green{background:linear-gradient(180deg,#b8ffc7,#54e078 58%,#1fb957)}.links-button.yellow{background:linear-gradient(180deg,#fff4a8,#ffe66d 48%,#ffb156)}.links-button.blue{background:linear-gradient(180deg,#bce8ff,#62d5ff 48%,#3287ff)}.links-button.cyan{background:linear-gradient(180deg,#d8faff,#62d5ff 52%,#0ea5e9)}.links-button.white{background:linear-gradient(180deg,#ffffff,#fff6d6 52%,#f6df9c)}.links-footer{margin:2px 0 0;color:var(--yellow);font-size:clamp(.38rem,2.2vw,.48rem);line-height:1.7;text-shadow:2px 2px 0 rgba(11,18,38,.55)}.entry-blurred{filter:blur(5px) saturate(.85);transform:scale(.98);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.entry-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(18,29,52,.42);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.entry-panel{width:min(100%,380px);display:grid;grid-gap:12px;gap:12px;padding:18px;border:4px solid #14213a;border-radius:14px;background:#fff6d6;color:#14213a;text-align:center;box-shadow:9px 10px 0 rgba(0,0,0,.32)}.entry-kicker,.entry-note{color:#52647e;font-size:.46rem;line-height:1.55}.entry-panel h2{margin:0;color:#14213a;font-size:1rem;line-height:1.4}.entry-panel p{margin:0;color:#243754;font-size:.52rem;line-height:1.7}.entry-actions{display:grid;grid-gap:10px;gap:10px}.guest-btn,.start-btn{min-height:54px;display:grid;place-items:center;grid-gap:3px;gap:3px;border:3px solid #14213a;border-radius:9px;color:#14213a;cursor:pointer;font-size:.72rem;line-height:1.35;box-shadow:inset 0 -6px 0 rgba(0,0,0,.13),0 6px 0 rgba(0,0,0,.25)}.start-btn{background:linear-gradient(180deg,#97ffb0,#54e078)}.guest-start-btn{background:linear-gradient(180deg,#d8f2ff,#66d9ff);font-size:.58rem}.guest-btn{background:linear-gradient(180deg,#ffe66d,#ffb156)}.guest-btn small{font-size:.42rem}.tutorial-scene{position:fixed;inset:0;z-index:80;display:grid;align-items:end;justify-items:center;padding:18px;pointer-events:auto}.tutorial-scene.trying-action{pointer-events:none}.tutorial-scene.focus-cast-button,.tutorial-scene.focus-drawer-close,.tutorial-scene.focus-market-back,.tutorial-scene.focus-market-bait,.tutorial-scene.focus-market-fish,.tutorial-scene.focus-nav-how,.tutorial-scene.focus-nav-market,.tutorial-scene.focus-nav-profile,.tutorial-scene.focus-nav-stake,.tutorial-scene.focus-nav-token,.tutorial-scene.focus-settings-button{align-items:start;padding-top:max(278px,calc(env(safe-area-inset-top) + 252px))}.tutorial-scene.focus-cast-button .tutorial-dialogue-stack,.tutorial-scene.focus-drawer-close .tutorial-dialogue-stack,.tutorial-scene.focus-market-back .tutorial-dialogue-stack,.tutorial-scene.focus-market-bait .tutorial-dialogue-stack,.tutorial-scene.focus-market-fish .tutorial-dialogue-stack,.tutorial-scene.focus-nav-how .tutorial-dialogue-stack,.tutorial-scene.focus-nav-market .tutorial-dialogue-stack,.tutorial-scene.focus-nav-profile .tutorial-dialogue-stack,.tutorial-scene.focus-nav-stake .tutorial-dialogue-stack,.tutorial-scene.focus-nav-token .tutorial-dialogue-stack,.tutorial-scene.focus-settings-button .tutorial-dialogue-stack{align-self:start}.tutorial-backdrop{position:absolute;inset:0;background:rgba(7,21,54,.12)}.tutorial-highlight-ring{position:fixed;left:var(--tour-x);top:var(--tour-y);z-index:2;width:var(--tour-width);height:var(--tour-height);border:4px solid #ffe66d;border-radius:12px;box-shadow:0 0 0 4px rgba(20,33,58,.92),0 0 0 9999px rgba(7,21,54,.26),0 0 24px rgba(255,230,109,.8);animation:tutorialPulse .9s steps(2) infinite;pointer-events:none}.tutorial-dialogue-stack{position:relative;z-index:3;width:min(430px,calc(100vw - 28px));align-self:end}.tutorial-dialogue-stack.left{justify-self:start;margin-left:max(0px,calc((100vw - 430px) / 2))}.tutorial-dialogue-stack.right{justify-self:end;margin-right:max(0px,calc((100vw - 430px) / 2))}.npc-portrait{position:absolute;z-index:3;bottom:calc(100% - 118px);width:clamp(210px,52.5vw,330px);image-rendering:pixelated;filter:drop-shadow(4px 5px 0 rgba(11,18,38,.3));animation:npcSlideLeft .26s steps(5) both;pointer-events:none}.npc-portrait.left{left:-16px}.npc-portrait.right{right:-16px;animation-name:npcSlideRight}.tutorial-scene.focus-cast-button .npc-portrait,.tutorial-scene.focus-drawer-close .npc-portrait,.tutorial-scene.focus-market-back .npc-portrait,.tutorial-scene.focus-market-bait .npc-portrait,.tutorial-scene.focus-market-fish .npc-portrait,.tutorial-scene.focus-nav-how .npc-portrait,.tutorial-scene.focus-nav-market .npc-portrait,.tutorial-scene.focus-nav-profile .npc-portrait,.tutorial-scene.focus-nav-stake .npc-portrait,.tutorial-scene.focus-nav-token .npc-portrait,.tutorial-scene.focus-settings-button .npc-portrait{bottom:calc(100% - 118px)}.npc-portrait img{width:100%;display:block;image-rendering:pixelated}.rpg-dialogue{position:relative;z-index:4;width:100%;display:grid;grid-gap:10px;gap:10px;padding:18px 14px 14px;border:4px solid #14213a;border-radius:10px;background:#fff6d6;color:#14213a;box-shadow:8px 9px 0 rgba(11,18,38,.36),inset 0 -7px 0 rgba(0,0,0,.08);animation:dialoguePop .18s steps(4) both}.rpg-dialogue.left,.rpg-dialogue.right{justify-self:stretch}.rpg-dialogue.right{text-align:right}.dialogue-name{position:absolute;top:-18px;left:12px;padding:6px 10px;border:3px solid #14213a;border-radius:8px;background:linear-gradient(180deg,#ffe66d,#ffb156);color:#14213a;font-size:.52rem;box-shadow:4px 5px 0 rgba(11,18,38,.24)}.rpg-dialogue.right .dialogue-name{right:12px;left:auto}.rpg-dialogue p{margin:0;min-height:3.4em;color:#243754;font-size:.58rem;line-height:1.7}.dialogue-link{width:-moz-fit-content;width:fit-content;color:#1459bd;font-size:.5rem;line-height:1.4;text-decoration:underline}.rpg-dialogue.right .dialogue-link{justify-self:end}.dialogue-actions{display:flex;justify-content:flex-end;gap:8px}.dialogue-actions.split{justify-content:space-between}.dialogue-next,.dialogue-skip{min-height:40px;padding:0 14px;border:3px solid #14213a;border-radius:8px;background:linear-gradient(180deg,#97ffb0,#54e078);color:#14213a;cursor:pointer;font-size:.5rem;box-shadow:inset 0 -5px 0 rgba(0,0,0,.13),0 4px 0 rgba(0,0,0,.22)}.dialogue-skip.danger{background:linear-gradient(180deg,#ff9c9c,#ef4444);color:#ffffff;text-shadow:1px 1px 0 rgba(20,33,58,.42)}.dialogue-next:disabled,.dialogue-skip:disabled{cursor:not-allowed;opacity:.55}.tutorial-register-card{align-self:end}.tutorial-register-card .field input{min-height:46px;font-size:16px;line-height:1.25}.tutorial-register-card .field small{color:#ef4444;font-size:.4rem;line-height:1.35;text-shadow:1px 1px 0 rgba(255,255,255,.72)}@keyframes npcSlideLeft{0%{opacity:0;transform:translateX(-42px) translateY(8px)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes npcSlideRight{0%{opacity:0;transform:translateX(42px) translateY(8px)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes dialoguePop{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tutorialPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.loadout-summary{display:grid;grid-gap:4px;gap:4px;padding:8px 0 0;border-top:2px dashed rgba(20,33,58,.2);margin-top:4px}.loadout-summary span{color:#243754;font-size:.38rem;line-height:1.5}.loadout-market-link{min-height:32px;margin-top:4px;padding:4px 10px;border:2px solid #14213a;border-radius:7px;background:linear-gradient(180deg,#97ffb0,#54e078);color:#14213a;cursor:pointer;font-size:.38rem;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}.tx-toast-stack{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:120;width:min(420px,calc(100vw - 28px));display:grid;grid-gap:10px;gap:10px;pointer-events:none}.tx-toast{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 30px;grid-gap:10px;gap:10px;align-items:center;min-height:86px;padding:12px 10px 13px;overflow:hidden;border:3px solid var(--tx-accent);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.12)),#0e1830;color:#fffaf0;box-shadow:0 0 0 2px rgba(255,255,255,.08),8px 9px 0 rgba(3,8,22,.42),0 0 22px color-mix(in srgb,var(--tx-accent) 28%,transparent);pointer-events:auto;image-rendering:pixelated;animation:txToastIn .22s steps(5) both}.tx-toast.pending{--tx-accent:#ffb156;--tx-soft:rgba(255,177,86,0.2);animation:txToastIn .22s steps(5) both,txPendingPulse 1.25s ease-in-out infinite}.tx-toast.success{--tx-accent:#54e078;--tx-soft:rgba(84,224,120,0.18)}.tx-toast.failed{--tx-accent:#ff5a6b;--tx-soft:rgba(255,90,107,0.18)}.tx-toast:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--tx-soft),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);pointer-events:none}.tx-toast-icon{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border:3px solid #071536;border-radius:8px;background:var(--tx-accent);color:#071536;font-size:1.2rem;box-shadow:inset 0 -5px 0 rgba(0,0,0,.16)}.tx-spinner{width:18px;height:18px;border:4px solid rgba(7,21,54,.25);border-top-color:#071536;border-radius:999px;animation:txSpin .8s linear infinite}.tx-toast-copy{position:relative;z-index:1;min-width:0;display:grid;grid-gap:5px;gap:5px}.tx-toast-copy b{color:var(--tx-accent);font-size:.58rem;line-height:1.25}.tx-toast-copy a,.tx-toast-copy span{font-size:.43rem;line-height:1.45}.tx-toast-copy span{color:#e6f2ff}.tx-toast-copy a{width:-moz-fit-content;width:fit-content;max-width:100%;color:#9ed6ff;text-decoration:underline;overflow-wrap:anywhere}.tx-toast-close{position:relative;z-index:1;width:30px;height:30px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.32);border-radius:8px;background:rgba(255,255,255,.08);color:#fffaf0;cursor:pointer}.tx-toast-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--tx-accent);transform-origin:left center;animation:txToastProgress 5s linear forwards}.tx-toast.paused .tx-toast-progress{animation-play-state:paused}@keyframes txToastIn{0%{opacity:0;transform:translateX(24px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes txToastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes txSpin{to{transform:rotate(1turn)}}@keyframes txPendingPulse{0%,to{box-shadow:0 0 0 2px rgba(255,255,255,.08),8px 9px 0 rgba(3,8,22,.42),0 0 18px rgba(255,177,86,.22)}50%{box-shadow:0 0 0 2px rgba(255,255,255,.12),8px 9px 0 rgba(3,8,22,.42),0 0 30px rgba(255,177,86,.48)}}.phone-frame{position:relative;width:min(100%,520px);height:min(100dvh - 16px,900px);min-height:0;display:grid;grid-template-rows:auto auto minmax(240px,1fr) auto auto;grid-gap:10px;gap:10px;overflow:hidden;padding:12px;background:linear-gradient(180deg,rgba(135,199,242,.18),rgba(255,224,181,.24)),url(/assets/backgrounds/fishing-panel-bg.png) 50% /cover no-repeat,linear-gradient(180deg,#87c7f2,#ffe0b5);box-shadow:var(--card-shadow);-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-frame>:not(.fishing-scene):not(.drawer){position:relative;z-index:2}.phone-frame.popup-open>:not(.drawer){visibility:hidden}.phone-frame.popup-open>.drawer{visibility:visible}.economy-panel,.topbar{border:4px solid rgba(255,255,255,.92);background:rgba(25,36,61,.9);color:var(--ink);box-shadow:var(--card-shadow)}.top-hud{z-index:18;grid-template-columns:54px minmax(0,1fr) 54px;grid-gap:8px;gap:8px;align-items:start;pointer-events:auto}.loadout-square,.top-hud{position:relative;display:grid}.loadout-square{width:54px;height:54px;place-items:center;border:4px solid rgba(255,255,255,.92);border-radius:12px;background:rgba(25,36,61,.92);color:#fffaf0;cursor:pointer;box-shadow:var(--card-shadow)}.loadout-square span{font-size:1.08rem;line-height:1}.loadout-square .asset-icon{width:34px;height:34px;border-radius:6px;object-fit:contain}.loadout-square small{position:absolute;right:-5px;bottom:-5px;min-width:21px;height:21px;display:grid;place-items:center;border:2px solid #14213a;border-radius:999px;background:#ffe66d;color:#14213a;font-size:.32rem;line-height:1}.topbar{min-height:66px;justify-content:space-between;padding:9px 10px;border-radius:16px}.brand,.topbar{display:flex;align-items:center;gap:10px;min-width:0}.brand{flex:1 1 auto}.brand>div:last-child{min-width:0}.brand-mark{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:3px solid #14213a;border-radius:10px;overflow:hidden;background:#fff6d6;box-shadow:inset 0 -5px 0 rgba(0,0,0,.16)}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated}.brand h1{margin:0;max-width:100%;overflow:hidden;color:#ffffff;font-size:.94rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;text-shadow:2px 2px 0 #14213a}.brand span,.drawer p,.field span,.split-item span,.stat span{color:var(--muted);font-size:.48rem}.brand span{display:block;max-width:100%;overflow:hidden;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.brand .phase-label{color:#ffe66d;text-shadow:1px 1px 0 #14213a}.top-actions{min-width:0;max-width:46%;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 1 auto;overflow:hidden}.top-actions>:first-child{min-width:0;max-width:calc(100% - 48px);overflow:hidden}.top-actions button,.top-actions w3m-account-button,.top-actions wui-account-button,.top-actions wui-connect-button{max-width:100%}.top-actions w3m-account-button *,.top-actions wui-account-button *,.top-actions wui-connect-button *{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}.drawer-back,.drawer-close,.menu-btn,.settings-btn{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border:3px solid #14213a;border-radius:8px;background:#ffffff;color:#14213a;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.24)}.drawer{position:absolute;inset:0;z-index:40;display:grid;align-content:start;grid-gap:10px;gap:10px;width:100%;height:100%;max-width:none;max-height:none;min-height:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:54px 14px 14px;border:4px solid #14213a;border-radius:0;background:linear-gradient(rgba(255,246,214,.9),rgba(255,246,214,.94)),url(/assets/ui/popup-panel-texture.png) 50% /cover no-repeat,var(--cream);color:#14213a;box-shadow:var(--card-shadow);overscroll-behavior:contain;visibility:visible}.drawer h2{margin:0;font-size:.82rem;line-height:1.4}.drawer p{margin:0;color:#243754;line-height:1.7}.how-guide-grid{display:grid;grid-gap:10px;gap:10px}.how-guide-card,.how-steps section{display:grid;grid-gap:7px;gap:7px;padding:10px;border:3px solid #14213a;border-radius:12px;background:#fffaf0;box-shadow:5px 6px 0 rgba(11,18,38,.24)}.how-guide-card b,.how-steps b{color:#14213a;font-size:.5rem;line-height:1.35}.how-guide-card span,.how-steps p{color:#52647e;font-size:.43rem;line-height:1.6}.how-card-deck{display:grid;grid-gap:8px;gap:8px}.how-deck-counter,.how-swipe-hint{justify-self:center;color:#52647e;font-size:.4rem}.how-stack{position:relative;min-height:284px;display:grid;place-items:stretch;overflow:hidden;padding:4px 7px 16px}.how-swipe-card{position:absolute;inset:4px 7px 16px;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;will-change:transform;transform-origin:center 82%}.how-swipe-card.active-card{z-index:2}.how-swipe-card.active-card:active{cursor:-webkit-grabbing;cursor:grabbing}.how-swipe-card.active-card.throwing{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.how-swipe-card.next-card{z-index:1;pointer-events:none;transform:translateY(12px) scale(.94);opacity:1;filter:saturate(.84)}.how-deck-empty{min-height:262px;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;padding:18px;border:3px solid #14213a;border-radius:12px;background:#fffaf0;box-shadow:5px 6px 0 rgba(11,18,38,.24);text-align:center}.how-deck-empty b{color:#14213a;font-size:.55rem}.how-deck-empty button{min-height:42px;padding:0 18px;background:linear-gradient(180deg,#75f29a,#25c568);color:#14213a;box-shadow:4px 5px 0 rgba(11,18,38,.28);font-family:inherit;font-size:.48rem;font-weight:900}.how-deck-empty button,.how-docs-cta{border:3px solid #14213a;border-radius:10px}.how-docs-cta{margin:2px 0 0;padding:9px;background:#fffaf0;box-shadow:4px 5px 0 rgba(11,18,38,.18);color:#243754;font-size:.42rem;line-height:1.6}.how-docs-cta a{color:#0d6bd8;text-decoration:underline;text-underline-offset:2px}.token-contract-wrap{padding:7px;border:3px solid #14213a;border-radius:16px;background:#fff6d6;box-shadow:5px 6px 0 rgba(11,18,38,.24)}.token-contract-pill{min-width:0;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 10px;border:3px solid #14213a;border-radius:999px;background:#ffffff}.token-contract-pill code{flex:1 1 auto;min-width:0;overflow:hidden;color:#14213a;font-family:inherit;font-size:.34rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.token-contract-pill button{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;padding:0 10px;border:2px solid #14213a;border-radius:999px;background:linear-gradient(180deg,#75f29a,#25c568);color:#14213a;box-shadow:0 3px 0 #14213a;cursor:pointer;font-family:inherit;font-size:.36rem;font-weight:900}.token-contract-pill button:active{box-shadow:0 1px 0 #14213a;transform:translateY(2px)}.token-info-grid{display:grid;grid-gap:10px;gap:10px}.token-info-card{display:grid;grid-gap:7px;gap:7px;padding:10px;border:3px solid #14213a;border-radius:12px;background:#fffaf0;box-shadow:5px 6px 0 rgba(11,18,38,.24)}.token-info-card b{color:#14213a;font-size:.5rem;line-height:1.35}.token-info-card p{color:#52647e;font-size:.43rem;line-height:1.6}.token-links-card a{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 10px;border:2px solid #14213a;border-radius:9px;background:#ffffff;color:#14213a;box-shadow:0 3px 0 rgba(20,33,58,.26);font-size:.43rem;font-weight:900;text-decoration:none}.how-demo{position:relative;min-height:154px;overflow:hidden;border:3px solid rgba(20,33,58,.85);border-radius:10px;background:#9bdcff;image-rendering:pixelated}.how-demo-sky{height:36%;background:linear-gradient(180deg,#7cc8ff,#bce8ff)}.how-demo-ocean{position:relative;height:64%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 2px,transparent 2px 10px),linear-gradient(180deg,#0e8fde,#0b5ec4)}.how-target-drag,.how-target-ghost{position:absolute;width:34px;height:34px;background:url(/assets/ui/icons/target-reticle.png) 50%/contain no-repeat;filter:drop-shadow(2px 3px 0 rgba(11,18,38,.28))}.how-target-ghost{left:15%;top:14%;opacity:.3}.how-target-drag{left:15%;top:14%;animation:howTargetDrag 2.6s ease-in-out infinite}.how-demo-loadout{display:grid;align-content:start;grid-gap:8px;gap:8px;padding:8px;background:linear-gradient(rgba(255,246,214,.32),rgba(255,246,214,.1)),linear-gradient(180deg,#50bfff 0 44%,#087fd0 44% 100%)}.how-loadout-row{display:grid;grid-template-columns:46px 1fr 46px;grid-gap:8px;gap:8px;align-items:start}.how-loadout-square{width:46px;height:46px;display:grid;place-items:center;border:3px solid rgba(255,255,255,.92);border-radius:10px;background:rgba(25,36,61,.92);box-shadow:4px 5px 0 rgba(11,18,38,.28)}.how-loadout-square.active{animation:howLoadoutPress 2.4s ease-in-out infinite}.how-loadout-square img{width:30px;height:30px;object-fit:contain}.how-demo-toast{min-height:32px;display:grid;place-items:center;align-self:center;border:3px solid rgba(255,255,255,.88);border-radius:10px;background:rgba(25,36,61,.88);color:#fff6d6!important;font-size:.42rem!important}.how-popover{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;padding:7px;border:3px solid #14213a;border-radius:10px;background:rgba(255,246,214,.96);box-shadow:4px 5px 0 rgba(11,18,38,.24);animation:howPopoverPick 2.4s ease-in-out infinite}.how-popover span{min-height:34px;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;border:2px solid rgba(20,33,58,.22);border-radius:7px;background:rgba(255,255,255,.68);color:#14213a;font-size:.34rem;line-height:1.2}.how-popover span.selected{border-color:#14213a;background:linear-gradient(180deg,#ffe66d,#ffb156);animation:howOptionGlow 2.4s ease-in-out infinite}.how-popover img{width:21px;height:21px;object-fit:contain}.how-demo-reel{display:grid;grid-template-rows:1fr 42px;background:#8bd8ff}.how-demo-reel .how-demo-ocean,.how-demo-reel .how-demo-sky{grid-column:1}.how-demo-reel .how-demo-sky{grid-row:1;height:34%}.how-demo-reel .how-demo-ocean{grid-row:1;align-self:end;width:100%;height:66%;overflow:hidden}.how-bite-ripple{position:absolute;left:50%;top:46%;width:34px;height:18px;border:4px solid #fff7d1;border-radius:50%;box-shadow:0 0 0 3px rgba(20,33,58,.28);transform:translate(-50%,-50%);animation:howBiteRipple 1.3s steps(6) infinite}.how-bite-ripple.two{animation-delay:.18s}.how-bite-ripple.three{animation-delay:.36s}.how-reel-ready,.how-slip-count{position:absolute;right:14px;top:8px;padding:5px 7px;border:2px solid #14213a;border-radius:7px;background:#ffe66d;color:#14213a;font-size:.34rem}.how-slip-count{background:#ff6b6b;color:#fff7d1;animation:howSlipShake .5s steps(4) infinite}.how-reel-button{position:relative;grid-row:2;margin:6px 8px 8px;overflow:hidden;display:grid;place-items:center;border:3px solid #14213a;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 34%),linear-gradient(90deg,#e92c37,#f04a2c 14%,#ff922e 25%,#ffe34f 36%,#7edd45 45%,#31c85d 50%,#7edd45 55%,#ffe34f 64%,#ff922e 75%,#f04a2c 86%,#e92c37);box-shadow:inset 0 3px 0 rgba(255,255,255,.18),inset 0 -5px 0 rgba(20,18,31,.28),3px 4px 0 rgba(11,18,38,.28)}.how-reel-button:before{content:"";position:absolute;inset:5px;border:2px solid rgba(20,33,58,.34);border-radius:7px;box-shadow:inset 0 3px 0 rgba(255,255,255,.14),inset 0 -4px 0 rgba(0,0,0,.12)}.how-reel-button:after{content:"";position:absolute;right:12px;bottom:4px;left:12px;height:4px;border-radius:999px;background:rgba(11,17,30,.28)}.how-reel-button b{position:relative;z-index:4;padding:3px 6px;border:2px solid #14213a;border-radius:7px;background:#fff7d1;color:#e92c37;font-size:.32rem;box-shadow:2px 3px 0 rgba(11,18,38,.28)}.how-reel-perfect-zone{position:absolute;z-index:2;top:7px;bottom:7px;left:40%;width:20%;border:3px solid rgba(255,255,255,.96);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 45%),linear-gradient(180deg,rgba(98,231,78,.74),rgba(32,174,70,.72));box-shadow:0 4px 0 rgba(20,33,58,.18),inset 0 -4px 0 rgba(0,0,0,.1)}.how-reel-marker{position:absolute;z-index:3;top:2px;left:8%;width:29px;height:26px;background:url(/assets/ui/icons/reel-marker-red.svg) 50%/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.32));transform:translateX(-50%);animation:howReelMarker 2.2s linear infinite alternate}.how-demo-escape .how-reel-marker{animation-duration:.75s}.how-demo-flow{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;grid-gap:6px;gap:6px;padding:10px;background:radial-gradient(circle at 26% 24%,rgba(255,230,109,.28),transparent 28%),linear-gradient(180deg,#69cfff,#0d82d1)}.how-flow-card{min-height:78px;display:grid;place-items:center;grid-gap:3px;gap:3px;padding:7px;border:3px solid #14213a;border-radius:10px;background:#fff7d1;box-shadow:3px 4px 0 rgba(11,18,38,.25)}.how-flow-card img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.how-flow-card span{color:#14213a;font-size:.32rem;text-align:center}.how-flow-arrow{color:#fff7d1!important;font-size:.7rem!important;text-align:center;text-shadow:2px 2px 0 #14213a;animation:howArrowNudge .8s steps(3) infinite}.how-flow-card.target{animation:howFlowPop 1.7s steps(4) infinite}.how-sol-pop{position:absolute;right:16px;top:12px;padding:4px 6px;border:2px solid #14213a;border-radius:8px;background:#75f29a;color:#14213a;font-size:.34rem;animation:howSolFloat 1.6s steps(8) infinite}.how-demo-buy-bait{display:grid;place-items:center;padding:8px;background:linear-gradient(180deg,#68cfff 0 38%,#fff0ac 38% 100%)}.how-shop-panel{width:min(100%,220px);display:grid;grid-gap:6px;gap:6px;padding:8px;border:3px solid #14213a;border-radius:10px;background:#fff7d1;box-shadow:4px 5px 0 rgba(11,18,38,.25)}.how-shop-tab{color:#14213a!important;font-size:.34rem!important}.how-shop-item{display:grid;grid-template-columns:38px 1fr;grid-column-gap:7px;column-gap:7px;align-items:center;padding:5px;border:2px solid rgba(20,33,58,.3);border-radius:8px;background:rgba(255,255,255,.6)}.how-shop-item img{grid-row:span 2;width:34px;height:34px;object-fit:contain}.how-shop-item b,.how-shop-item em{color:#14213a;font-size:.3rem;font-style:normal}.how-quantity-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:5px;gap:5px}.how-quantity-row span,.how-quantity-row strong,.how-shop-panel button{display:grid;place-items:center;min-height:24px;border:2px solid #14213a;border-radius:7px;background:#ffffff;color:#14213a;font-size:.3rem;font-family:inherit}.how-quantity-row span:last-child,.how-shop-panel button{animation:howBuyTap 1.5s steps(4) infinite}.how-shop-panel button{background:linear-gradient(180deg,#75f29a,#25c568);font-weight:900}.how-steps{display:grid;grid-gap:8px;gap:8px}@keyframes howTargetDrag{0%,12%{transform:translate(0) scale(1)}38%,58%{transform:translate(116px,18px) scale(1.08)}82%,to{transform:translate(58px,34px) scale(1)}}@keyframes howLoadoutPress{0%,18%,to{transform:translateY(0)}30%,42%{transform:translateY(3px);box-shadow:2px 2px 0 rgba(11,18,38,.28)}}@keyframes howPopoverPick{0%,20%{opacity:0;transform:translateY(-6px)}32%,to{opacity:1;transform:translateY(0)}}@keyframes howOptionGlow{0%,46%,to{filter:none}58%,76%{filter:brightness(1.12)}}@keyframes howBiteRipple{0%{transform:translate(-50%,-50%) scale(.45);opacity:0}18%{opacity:1}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@keyframes howSlipShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes howReelMarker{0%{left:8%}to{left:92%}}@keyframes howArrowNudge{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}@keyframes howFlowPop{0%,34%,to{transform:translateY(0) scale(1)}48%,70%{transform:translateY(-4px) scale(1.04)}}@keyframes howSolFloat{0%{transform:translateY(10px);opacity:0}24%,72%{opacity:1}to{transform:translateY(-12px);opacity:0}}@keyframes howBuyTap{0%,50%,to{transform:translateY(0);filter:none}64%,78%{transform:translateY(2px);filter:brightness(1.08)}}@media (prefers-reduced-motion:reduce){.how-bite-ripple,.how-flow-arrow,.how-flow-card.target,.how-loadout-square.active,.how-popover,.how-popover span.selected,.how-quantity-row span:last-child,.how-reel-marker,.how-shop-panel button,.how-slip-count,.how-sol-pop,.how-target-drag{animation:none}.how-target-drag{transform:translate(70px,28px)}}.drawer-close{position:absolute;top:12px;right:12px}.drawer-back{position:absolute;top:12px;left:12px}.drawer-back.inline-back{position:static;justify-self:start}.settings-drawer{align-content:stretch;grid-template-rows:auto auto auto minmax(0,1fr) auto}.audio-control{display:grid;grid-gap:8px;gap:8px;padding:10px;border:3px solid #14213a;border-radius:10px;background:#ffffff;box-shadow:inset 0 -5px 0 rgba(0,0,0,.1),0 4px 0 rgba(0,0,0,.16)}.audio-control-header,.audio-slider-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center}.audio-control-header span{color:#14213a;font-size:.54rem}.audio-slider-row input{width:100%;min-width:0;accent-color:#30d86b}.audio-icon-toggle{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:3px solid #14213a;border-radius:9px;background:#f7f2d6;color:#14213a;cursor:pointer;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12),0 4px 0 rgba(0,0,0,.18)}.audio-icon-toggle:active{transform:translateY(3px);box-shadow:inset 0 -2px 0 rgba(0,0,0,.12),0 1px 0 rgba(0,0,0,.18)}.settings-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;align-self:end}.settings-link-card{min-height:58px;display:grid;place-items:center;font-size:.48rem;text-decoration:none;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),0 4px 0 rgba(0,0,0,.18)}.audio-toggle,.settings-link-card{border:3px solid #14213a;border-radius:9px;background:#ffffff;color:#14213a}.audio-toggle{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:.58rem;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),0 5px 0 rgba(0,0,0,.22)}.luckbox-drawer{overflow:auto}.luckbox-list{display:grid;grid-gap:8px;gap:8px}.item-category-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.item-category-card{display:grid;grid-gap:6px;gap:6px;padding:10px;border:3px solid #14213a;border-radius:9px;color:#14213a;cursor:pointer;text-align:left;box-shadow:inset 0 -5px 0 rgba(0,0,0,.13),var(--card-shadow);transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.item-category-card:active{box-shadow:inset 0 -2px 0 rgba(0,0,0,.16),2px 3px 0 var(--shadow);filter:brightness(.98);transform:translateY(3px)}.item-category-card b{font-size:.54rem;line-height:1.35}.item-category-card span{color:#243754;font-size:.4rem;line-height:1.55}.luckbox-card{display:grid;grid-gap:6px;gap:6px;padding:10px;border:3px solid #14213a;border-radius:9px;color:#14213a;cursor:pointer;text-align:left;box-shadow:inset 0 -5px 0 rgba(0,0,0,.13),var(--card-shadow)}.luckbox-card.selected{outline:3px solid #ffffff;transform:translateY(-2px)}.chest-icon{width:58px;height:48px;display:block;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 rgba(20,33,58,.28))}.luckbox-card div{display:flex;align-items:center;justify-content:space-between;gap:8px}.luckbox-card b,.luckbox-card strong{font-size:.54rem;line-height:1.35}.luckbox-card small,.luckbox-card span{color:#243754;font-size:.4rem;line-height:1.5}.luckbox-actions{position:-webkit-sticky;position:sticky;bottom:0;display:grid;grid-gap:8px;gap:8px;padding-top:10px;background:linear-gradient(180deg,rgba(255,246,214,0),var(--cream) 22%)}.marketplace-detail{display:grid;grid-gap:10px;gap:10px}.market-item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.market-item-card{display:grid;grid-gap:7px;gap:7px;padding:10px;border:3px solid #14213a;border-radius:9px;background:rgba(255,255,255,.68);color:#14213a;box-shadow:var(--card-shadow)}.market-item-card.selectable{width:100%;text-align:left;cursor:pointer;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,outline-color .12s ease}.market-item-card.selectable.selected{outline:3px solid #22c55e;transform:translateY(-2px)}.market-item-card.selectable:active:not(:disabled){box-shadow:2px 3px 0 var(--shadow);filter:brightness(.98);transform:translateY(3px)}.market-item-card.selectable.selected:active:not(:disabled){transform:translateY(1px)}.market-item-card.selectable:disabled{cursor:not-allowed;opacity:.72}.accessory-placeholder-card{min-height:112px;place-items:center;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(219,210,255,.72))}.accessory-placeholder-card span{width:-moz-fit-content;width:fit-content;padding:5px 8px;border:3px solid #14213a;border-radius:8px;background:linear-gradient(180deg,#ffe66d,#ffb156);color:#14213a;font-size:.42rem;box-shadow:3px 4px 0 rgba(11,18,38,.2)}.chest-choice-card,.chest-inventory-card,.chest-reveal{display:grid;grid-gap:8px;gap:8px;padding:10px;border:3px solid #14213a;border-radius:9px;background:rgba(255,255,255,.76);color:#14213a;box-shadow:var(--card-shadow)}.chest-inventory-list{display:grid;grid-gap:7px;gap:7px}.mini-chest{display:flex;align-items:center;gap:8px;min-height:48px;border:3px solid #14213a;border-radius:9px;background:#fff8d8;color:#14213a;cursor:pointer;font-size:.45rem;box-shadow:inset 0 -5px 0 rgba(0,0,0,.1)}.mini-chest .chest-icon{width:42px;height:36px;flex:0 0 auto}.chest-reveal{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal-card{display:grid;grid-gap:5px;gap:5px;place-items:center;min-height:92px;padding:8px;border:3px solid #14213a;border-radius:9px;background:#ffffff;animation:reveal-pop .32s ease both;animation-delay:var(--delay)}.reveal-card b,.reveal-card span{font-size:.45rem;text-align:center}@keyframes reveal-pop{0%{opacity:0;transform:translateY(16px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}.market-product-image{width:100%;aspect-ratio:1.8;display:block;border:3px solid rgba(20,33,58,.2);border-radius:8px;background:linear-gradient(180deg,#fffdf2,#d8f2ff);object-fit:contain;image-rendering:pixelated}.market-item-card b{font-size:.54rem;line-height:1.35}.asset-title{display:inline-flex;align-items:center;gap:8px}.asset-icon{width:30px;height:30px;display:inline-block;flex:0 0 auto;object-fit:contain;vertical-align:middle}.market-item-card small,.market-item-card span{color:#243754;font-size:.4rem;line-height:1.55}.quantity-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px;border:2px solid rgba(20,33,58,.2);border-radius:8px;background:rgba(255,255,255,.64)}.quantity-row.compact{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:6px}.quantity-row>span{min-width:0;color:#243754;font-size:.34rem;line-height:1.35}.quantity-stepper{display:inline-grid;grid-template-columns:30px minmax(28px,auto) 30px;align-items:center;gap:5px}.quantity-stepper button{width:30px;height:30px;display:grid;place-items:center;border:2px solid #14213a;border-radius:7px;background:#ffffff;color:#14213a;cursor:pointer;font-size:.5rem;line-height:1;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}.quantity-stepper button:disabled{cursor:not-allowed;opacity:.42}.quantity-stepper strong{min-width:28px;color:#14213a;font-size:.42rem;line-height:1;text-align:center}.fish-collection-card{align-content:start;grid-template-rows:auto auto auto auto auto;min-height:196px;overflow:hidden}.fish-collection-card.locked{filter:grayscale(1);opacity:.68}.fish-collection-card.locked .fish-collection-icon{background:linear-gradient(180deg,#e5e7eb,#9ca3af)}.fish-collection-card.caught.tier-small{border-color:rgba(59,130,246,.52);background:linear-gradient(180deg,rgba(216,242,255,.98),rgba(147,197,253,.94))}.fish-collection-card.caught.tier-small .fish-collection-icon{border-color:rgba(37,99,235,.34);background:linear-gradient(180deg,#effbff,#bfdbfe)}.fish-collection-card.caught.tier-medium{border-color:rgba(22,163,74,.52);background:linear-gradient(180deg,rgba(220,252,231,.98),rgba(134,239,172,.94))}.fish-collection-card.caught.tier-medium .fish-collection-icon{border-color:rgba(21,128,61,.34);background:linear-gradient(180deg,#f0fdf4,#bbf7d0)}.fish-collection-card.caught.tier-large{border-color:rgba(217,119,6,.58);background:linear-gradient(180deg,rgba(254,243,199,.98),rgba(251,191,36,.9))}.fish-collection-card.caught.tier-large .fish-collection-icon{border-color:rgba(180,83,9,.36);background:linear-gradient(180deg,#fffbeb,#fde68a)}.fish-collection-card.caught.tier-legendary{border-color:rgba(190,24,93,.62);background:linear-gradient(180deg,rgba(252,231,243,.98),rgba(244,114,182,.92))}.fish-collection-card.caught.tier-legendary .fish-collection-icon{border-color:rgba(190,24,93,.38);background:linear-gradient(180deg,#fff1f2,#fbcfe8)}.fish-collection-icon{width:100%;aspect-ratio:1.36;display:grid;place-items:center;overflow:hidden;border:3px solid rgba(20,33,58,.2);border-radius:8px;background:linear-gradient(180deg,#d8f2ff,#ffffff);font-size:2.1rem;line-height:1}.fish-asset-frame{display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.06)),url(/assets/backgrounds/fish-background.png) 50% /cover no-repeat;image-rendering:pixelated}.fish-asset-image{object-fit:contain;image-rendering:pixelated;filter:drop-shadow(3px 4px 0 rgba(20,33,58,.28))}.fish-collection-frame{width:100%;height:100%;border-radius:5px}.fish-collection-image{width:78%;height:78%}.fish-reveal-label{max-width:88%;color:#14213a;font-size:.38rem;line-height:1.4;text-align:center}.fish-collection-card b{min-height:1.45em;font-size:.46rem}.fish-collection-card small,.fish-collection-card span{font-size:.34rem;line-height:1.35}.fish-collection-card .pay-btn{min-height:34px;padding:5px 4px;border-width:2px;border-radius:7px;font-size:.36rem;line-height:1.2;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),2px 3px 0 rgba(11,18,38,.2)}.game-action-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;align-self:end}.game-toast{position:relative;z-index:1;display:grid;place-items:center;width:100%;max-width:none;min-height:54px;padding:6px 9px;border:3px solid rgba(255,255,255,.92);border-radius:10px;background:rgba(25,36,61,.92);color:#97ffb0;box-shadow:var(--card-shadow);font-size:.32rem;line-height:1.45;text-align:center;animation:toastIn .18s ease-out both}.game-toast.empty{visibility:hidden}.catch-toast{position:absolute;top:43%;left:50%;z-index:16;min-width:168px;display:grid;place-items:center;grid-gap:5px;gap:5px;padding:13px 16px;border:4px solid #14213a;border-radius:16px;background:rgba(255,246,214,.94);color:#14213a;box-shadow:var(--card-shadow);text-align:center;transform:translate(-50%,-50%);animation:catchPop .24s ease-out both}.catch-toast span{font-size:1.55rem;line-height:1}.catch-toast-image{width:min(128px,42vw);height:82px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(3px 4px 0 rgba(20,33,58,.32))}.catch-toast-image.junk-image{width:min(108px,36vw)}.catch-toast-image-frame{width:min(138px,44vw);height:96px;border:3px solid rgba(20,33,58,.32);border-radius:12px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),3px 4px 0 rgba(20,33,58,.22)}.catch-toast-image-frame .catch-toast-image{width:82%;height:82%}.catch-toast b{color:#14213a;font-size:.62rem;line-height:1.35}.catch-toast small{color:#52647e;font-size:.36rem;line-height:1.35}.catch-toast.tier-small{background:linear-gradient(180deg,rgba(216,242,255,.96),rgba(147,197,253,.96))}.catch-toast.tier-medium{background:linear-gradient(180deg,rgba(220,252,231,.96),rgba(84,224,120,.96))}.catch-toast.tier-large{background:linear-gradient(180deg,rgba(255,237,169,.96),rgba(255,177,86,.96))}.catch-toast.tier-legendary{background:linear-gradient(180deg,rgba(254,226,226,.96),rgba(239,68,68,.96))}.catch-toast.tier-legendary b,.catch-toast.tier-legendary small{color:#ffffff;text-shadow:2px 2px 0 #14213a}.catch-toast.junk{background:rgba(255,230,109,.94)}.catch-toast-ok{min-width:92px;margin-top:4px;padding:7px 12px;border:3px solid #14213a;border-radius:9px;background:linear-gradient(180deg,#97ffb0,#3de06f);color:#14213a;font-family:inherit;font-size:.42rem;line-height:1;box-shadow:3px 3px 0 rgba(20,33,58,.3)}.catch-toast-ok:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(20,33,58,.3)}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes catchPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.stat{min-width:0;padding:7px 5px;border:3px solid var(--line);border-radius:9px;background:rgba(25,36,61,.84);box-shadow:3px 4px 0 var(--shadow)}.stat strong{display:block;margin-top:5px;color:var(--yellow);font-size:.54rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat span{color:#d8f2ff}.fishing-scene,.machine{position:relative;min-height:220px;overflow:hidden;border:4px solid rgba(255,255,255,.95);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 24%),linear-gradient(180deg,#72cdfd,#b9efff 56%,#76db68 0,#4fa83e);box-shadow:inset 0 0 0 4px rgba(20,33,58,.1),6px 7px 0 var(--shadow)}.fishing-scene{position:relative;z-index:0;min-height:240px;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:auto;cursor:crosshair}.fishing-scene:not(.idle){cursor:default}.bait-target-zone{position:absolute;left:5%;top:40%;z-index:9;width:90%;height:28%;border:2px dashed rgba(255,255,255,.22);border-radius:50%;opacity:0;pointer-events:none}.fishing-scene.idle .bait-target-zone{opacity:1}.bait-target-marker{position:absolute;left:var(--bait-x,64%);top:var(--bait-y,42%);z-index:18;width:42px;height:42px;opacity:.9;background:url(/assets/ui/icons/target-reticle.png) 50%/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 rgba(20,33,58,.58));transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;cursor:-webkit-grab;cursor:grab}.bait-target-marker.dragging{opacity:1;cursor:-webkit-grabbing;cursor:grabbing;transform:translate(-50%,-50%) scale(1.08)}.angler-state{bottom:34px;z-index:12;width:192px;pointer-events:none}.angler-frame,.angler-state{position:absolute;left:50%;height:177px;transform:translateX(-50%)}.angler-frame{bottom:0;max-width:none;object-fit:contain;object-position:center bottom;image-rendering:pixelated;opacity:0;transition:opacity .08s linear}.action-frame{width:122px;height:177px}.cast-frame,.catch-frame,.idle-frame,.pull-frame{width:122px}.fishing-scene.idle .idle-frame{opacity:1}.angler-state.holding-catch .idle-frame,.fishing-scene.biting .idle-frame,.fishing-scene.casting .idle-frame,.fishing-scene.reeling .idle-frame,.fishing-scene.reveal .idle-frame,.fishing-scene.waiting .idle-frame{opacity:0}.fishing-scene.biting .cast-frame,.fishing-scene.casting .cast-frame,.fishing-scene.waiting .cast-frame{opacity:1}.angler-state.pulling-line .cast-frame{opacity:0}.angler-state.pulling-line .pull-frame{opacity:1;animation:anglerPullPulse .42s steps(2) infinite}.angler-state.holding-catch .catch-frame,.fishing-scene.reveal .catch-frame{opacity:1}.angler-held-reward{position:absolute;left:50%;bottom:56px;z-index:3;width:57px;max-height:63px;object-fit:contain;image-rendering:pixelated;opacity:0;transform:translateX(-50%);pointer-events:none}.angler-state.holding-catch .angler-held-reward{opacity:1}.angler-held-reward.held-large,.angler-held-reward.held-legendary{width:74px;bottom:59px}.angler-held-reward.held-junk{width:48px;bottom:54px}.fishing-line-svg{position:absolute;z-index:18;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;overflow:visible}.fishing-line-path,.fishing-line-shadow-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.fishing-line-shadow-path{stroke:rgba(18,25,42,.94);stroke-width:3.4;opacity:.88;filter:drop-shadow(1.2px 1.8px 0 rgba(255,255,255,.52)) drop-shadow(0 0 3px rgba(18,25,42,.38))}.fishing-line-path{stroke:#fff8d8;stroke-width:1.75;filter:drop-shadow(0 0 2px rgba(255,248,215,1)) drop-shadow(0 0 5px rgba(255,230,109,.7))}.fishing-bait-icon{image-rendering:pixelated;filter:drop-shadow(0 0 2px rgba(255,248,215,.82)) drop-shadow(1px 1.4px 0 rgba(20,33,58,.68))}.fishing-scene.biting .fishing-line-svg,.fishing-scene.casting .fishing-line-svg,.fishing-scene.reeling .fishing-line-svg,.fishing-scene.waiting .fishing-line-svg{opacity:1}.fishing-scene.casting .fishing-line-path,.fishing-scene.casting .fishing-line-shadow-path{animation:castLineDraw .62s cubic-bezier(.16,1,.3,1) both}.fishing-scene.casting .casting-bait-icon{animation:baitThrowPop .62s cubic-bezier(.16,1,.3,1) both}.fishing-scene.waiting .sinking-bait-icon{transform-box:fill-box;transform-origin:center;animation:baitSink 4.2s ease-in forwards}.fishing-scene.waiting .fishing-line-svg{opacity:1}.fishing-scene.biting .fishing-line-svg,.fishing-scene.reeling .fishing-line-svg{animation:lineTension .18s steps(2) infinite}.fishing-scene.reeling .fishing-line-path,.fishing-scene.reeling .fishing-line-shadow-path{animation:lineReelDash .28s linear infinite;stroke-dasharray:.16 .06}.angler-state.pulling-line+.fishing-line-svg{opacity:1}.bait-water-effect{position:absolute;left:var(--bait-x,calc(50% + 74px));top:var(--bait-y,42%);z-index:10;width:86px;height:54px;opacity:0;transform:translate(-50%,-50%);pointer-events:none}.fishing-scene.waiting .bait-water-effect{opacity:1;animation:baitWaterFade 4.6s ease-out forwards}.bait-ripple{position:absolute;left:50%;top:50%;width:24px;height:10px;border-color:rgba(139,224,255,.76) rgba(234,252,255,.92) rgba(234,252,255,.46);border-style:solid;border-width:3px;border-radius:50%;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(0,89,150,.34)) drop-shadow(0 0 5px rgba(133,225,255,.62));transform:translate(-50%,-50%) scale(.55)}.fishing-scene.waiting .bait-ripple.ripple-one{animation:baitRipple 1.28s steps(5) 0s 3 both}.fishing-scene.waiting .bait-ripple.ripple-two{animation:baitRipple 1.42s steps(5) .28s 3 both}.bait-bubble{position:absolute;left:50%;top:50%;width:7px;height:7px;border:2px solid rgba(239,253,255,.92);background:rgba(118,219,255,.32);border-radius:50%;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 rgba(0,89,150,.34));opacity:0}.fishing-scene.waiting .bait-bubble.bubble-one{animation:baitBubble 2s steps(5) .25s 2 both}.fishing-scene.waiting .bait-bubble.bubble-two{animation:baitBubble 2.25s steps(5) .7s 2 both}.fishing-scene.waiting .bait-bubble.bubble-three{animation:baitBubble 1.9s steps(5) 1.15s 2 both}.splash-sprite{position:absolute;left:var(--bait-x,calc(50% + 74px));top:var(--bait-y,42%);z-index:11;width:76px;aspect-ratio:1;background:url(/assets/effects/water-splash-spritesheet.png) 0 0/300% 200% no-repeat;image-rendering:pixelated;opacity:0;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.16));transform:translate(-50%,-50%);pointer-events:none}.fishing-scene.biting .splash-sprite{opacity:1;animation:splashFrames .48s steps(1) infinite}.fishing-scene.reveal .splash-sprite{opacity:1;background-position:100% 0}.water{display:none}@keyframes splashFrames{0%{background-position:0 0}33%{background-position:50% 0}66%,to{background-position:100% 0}}@keyframes anglerPullPulse{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-2px)}}@keyframes castLineDraw{0%{stroke-dashoffset:1;opacity:.45}to{stroke-dashoffset:0;opacity:1}}@keyframes baitThrowPop{0%{opacity:0;transform:scale(.66)}18%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes baitSink{0%{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 0 2px rgba(255,248,215,.82)) drop-shadow(1px 1.4px 0 rgba(20,33,58,.68))}45%{opacity:.86;transform:translateY(3px) scale(.92)}72%{opacity:.42;transform:translateY(6px) scale(.78);filter:drop-shadow(0 0 2px rgba(160,230,255,.44)) drop-shadow(1px 1.4px 0 rgba(20,33,58,.4))}to{opacity:0;transform:translateY(9px) scale(.58);filter:none}}@keyframes baitWaterFade{0%,72%{opacity:1}to{opacity:0}}@keyframes baitRipple{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}14%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.28)}}@keyframes baitBubble{0%{opacity:0;transform:translate(-50%,2px) scale(.6)}20%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + 10px),-18px) scale(1)}}@keyframes lineReelDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-.22}}@keyframes lineTension{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(1px)}}@media (prefers-reduced-motion:reduce){.angler-state.pulling-line .pull-frame,.fishing-scene.biting .fishing-line-svg,.fishing-scene.casting .fishing-bait-icon,.fishing-scene.casting .fishing-line-path,.fishing-scene.reeling .fishing-line-svg,.fishing-scene.waiting .bait-bubble,.fishing-scene.waiting .bait-ripple,.fishing-scene.waiting .bait-water-effect,.fishing-scene.waiting .sinking-bait-icon{animation:none}}.sea-alert{position:absolute;left:50%;bottom:34%;z-index:25;max-width:calc(100% - 18px);overflow:visible;color:#ef233c;font-size:.36rem;line-height:1;text-align:center;text-shadow:2px 0 0 #ffffff,-2px 0 0 #ffffff,0 2px 0 #ffffff,0 -2px 0 #ffffff,2px 2px 0 #14213a,3px 3px 0 rgba(20,33,58,.32);white-space:nowrap;filter:drop-shadow(2px 3px 0 rgba(20,33,58,.26));transform:translateX(-50%);pointer-events:none;animation:seaErrorFloat 1.8s steps(12) both}@keyframes seaErrorFloat{0%{opacity:0;transform:translate(-50%,10px) scale(.92)}14%{opacity:1;transform:translate(-50%) scale(1.06)}24%{transform:translate(-50%,-4px) scale(1)}70%{opacity:1;transform:translate(-50%,-14px) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(.98)}}.machine:after,.machine:before{content:"";position:absolute;pointer-events:none}.machine:before{top:46px;left:25px;z-index:1;width:80px;height:28px;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:42px 10px 0 -2px rgba(255,255,255,.78),232px 24px 0 -3px rgba(255,255,255,.7)}.machine:after{left:0;right:0;bottom:0;z-index:2;height:62px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 8px,transparent 8px 18px),linear-gradient(180deg,transparent,rgba(34,89,30,.34))}.machine-glass{position:absolute;inset:9px;z-index:12;pointer-events:none;border:2px solid rgba(255,255,255,.26);border-radius:8px;background:linear-gradient(105deg,rgba(255,255,255,.42) 0 7%,transparent 7% 100%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.01))}.rail{top:22px;left:36px;right:36px;z-index:16;height:12px;border-radius:999px;background:#14213a;box-shadow:inset 0 3px 0 rgba(255,255,255,.28),0 4px 0 rgba(0,0,0,.2)}.claw-rig,.rail{position:absolute}.claw-rig{top:20px;left:var(--claw-x);z-index:18;width:70px;height:230px;transform:translateX(-50%);transition:left .2s ease,transform .46s cubic-bezier(.22,1,.36,1)}.claw-rig.dropping,.claw-rig.grabbing{transform:translateX(-50%) translateY(var(--claw-depth))}.claw-rig.returning{transform:translateX(-50%) translateY(0)}.cable{width:4px;height:calc(70px + var(--claw-depth, 0px));margin:0 auto;background:#14213a;transition:height .46s cubic-bezier(.22,1,.36,1)}.carriage{width:58px;height:28px;margin:-2px auto 0;border:3px solid #14213a;border-radius:8px;background:linear-gradient(180deg,#ffffff,#ffd43b);box-shadow:inset 0 -4px 0 rgba(0,0,0,.2)}.claw{position:relative;width:62px;height:48px;margin:0 auto}.claw:after,.claw:before{content:"";position:absolute;top:0;width:24px;height:46px;border:5px solid #14213a;border-top:0;transition:transform .22s ease}.claw:before{left:3px;border-right:0;border-radius:0 0 0 22px;transform:rotate(22deg)}.claw:after{right:3px;border-left:0;border-radius:0 0 22px 0;transform:rotate(-22deg)}.claw-rig.grabbing .claw:before,.claw-rig.returning .claw:before{transform:rotate(6deg)}.claw-rig.grabbing .claw:after,.claw-rig.returning .claw:after{transform:rotate(-6deg)}.box-bin{position:absolute;left:10px;right:10px;bottom:14px;z-index:5;height:238px;border-radius:20px;background:transparent}.mystery-box{position:absolute;width:58px;height:58px;border:4px solid #14213a;border-radius:8px;box-shadow:inset 0 -7px 0 rgba(0,0,0,.2),0 8px 0 rgba(0,0,0,.14);transition:transform .35s ease,opacity .25s ease}.mystery-box:after,.mystery-box:before{content:"";position:absolute;background:rgba(255,255,255,.34)}.mystery-box:before{left:24px;top:0;bottom:0;width:8px}.mystery-box:after{left:0;right:0;top:23px;height:8px}.mystery-box.captured{opacity:0;transform:translateY(-140px) scale(.75)}.yellow{background:linear-gradient(135deg,#fde047,#facc15)}.cyan{background:linear-gradient(135deg,#67e8f9,#06b6d4)}.pink{background:linear-gradient(135deg,#fda4af,#fb7185)}.green{background:linear-gradient(135deg,#86efac,#22c55e)}.purple{background:linear-gradient(135deg,#c4b5fd,#8b5cf6)}.orange{background:linear-gradient(135deg,#fdba74,#fb923c)}.blue{background:linear-gradient(135deg,#93c5fd,#3b82f6)}.box-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px}.luckbox-open{min-height:44px}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:5px;gap:5px;box-sizing:border-box;padding:6px;border:3px solid #14213a;border-radius:10px;background:rgba(255,246,214,.94);box-shadow:var(--card-shadow)}.bottom-nav,.bottom-nav button{display:grid;width:100%;min-width:0}.bottom-nav button{min-height:46px;grid-template-rows:20px minmax(0,1fr);place-items:center;grid-gap:3px;gap:3px;padding:4px 1px;border:2px solid #14213a;border-radius:8px;background:#ffffff;color:#14213a;cursor:pointer;font-size:.34rem;line-height:1.2;box-shadow:inset 0 -4px 0 rgba(0,0,0,.1);transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.bottom-nav button:active{box-shadow:inset 0 -1px 0 rgba(0,0,0,.16);filter:brightness(.98);transform:translateY(3px)}.bottom-nav button svg{display:none}.bottom-nav button span{display:block;max-width:100%;overflow:hidden;text-align:center;text-wrap:balance}.bottom-nav button:before,.drawer-close:before,.settings-btn:before{content:"";display:block;width:18px;height:18px;background-image:var(--icon-image);background-repeat:no-repeat;background-position:50%;background-size:contain;image-rendering:pixelated;filter:drop-shadow(1px 2px 0 rgba(20,33,58,.18))}.nav-how{--icon-image:url(/assets/ui/icons/nav-how.png)}.nav-token{--icon-image:url(/favicon.ico)}.nav-market{--icon-image:url(/assets/ui/icons/nav-market.png)}.nav-stake{--icon-image:url(/assets/ui/icons/nav-stake.png)}.nav-profile{--icon-image:url(/assets/ui/icons/nav-profile.png)}.drawer-close svg,.settings-btn svg{display:none}.settings-btn{--icon-image:url(/assets/ui/icons/settings.png)}.drawer-close:before,.settings-btn:before{width:24px;height:24px}.drawer-close{--icon-image:url(/assets/ui/icons/close.png)}.bottom-nav button.token{background:linear-gradient(180deg,#ffe66d,#ffb156)}.bottom-nav button.items{background:linear-gradient(180deg,#97ffb0,#54e078)}.bottom-nav button.stake{background:linear-gradient(180deg,#93c5fd,#3b82f6)}.box-detail{display:grid;grid-gap:5px;gap:5px;padding:8px;border:3px solid #14213a;border-radius:9px;background:#fff6d6;color:#14213a;box-shadow:4px 5px 0 var(--shadow)}.box-detail div{display:flex;align-items:center;justify-content:space-between;gap:8px}.box-detail b{font-size:.52rem;line-height:1.35}.box-detail small,.box-detail span{color:#52647e;font-size:.4rem;line-height:1.45}.starter-box{min-height:54px;display:grid;align-content:center;grid-gap:5px;gap:5px;padding:6px 3px;border:3px solid #14213a;border-radius:8px;color:#14213a;cursor:pointer;box-shadow:inset 0 -5px 0 rgba(0,0,0,.13),0 4px 0 rgba(0,0,0,.22)}.starter-box.selected{outline:3px solid #ffffff;transform:translateY(-2px)}.starter-box span{font-size:.42rem;line-height:1.35}.starter-box b{font-size:.38rem;line-height:1.3}.claim-chute{position:absolute;right:20px;bottom:24px;z-index:14;width:88px;height:64px;display:grid;place-items:center;border:4px solid #14213a;border-radius:8px;background:linear-gradient(180deg,#fff6d6,#ffb156);color:#14213a;font-size:.52rem;line-height:1.5;text-align:center}.controls{display:grid;grid-template-columns:52px 1fr 52px;grid-gap:10px;gap:10px;padding:0;border:0;background:transparent}.movement-controls{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;grid-gap:8px;gap:8px;padding:6px;border:4px solid rgba(255,255,255,.92);border-radius:14px;background:rgba(25,36,61,.9);box-shadow:var(--card-shadow)}.movement-controls span{min-height:56px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#fffaf0;font-size:.5rem;line-height:1;box-shadow:none}.movement-controls .icon-btn{min-height:56px;font-size:.8rem}.icon-btn,.pay-btn,.play-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:3px solid #14213a;border-radius:9px;color:#14213a;font-size:.58rem;line-height:1.35;cursor:pointer;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),var(--card-shadow);transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.icon-btn{background:#ffffff}.play-btn{background:linear-gradient(180deg,#ffe66d,#ffb156)}.cast-action{position:relative;overflow:hidden;min-height:58px;border:4px solid #14213a;border-radius:14px;font-size:.6rem;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 42%),linear-gradient(180deg,#ffe66d,#ffc85f 50%,#ffb156);box-shadow:inset 0 4px 0 rgba(255,255,255,.34),inset 0 -7px 0 rgba(125,70,28,.24),0 6px 0 rgba(20,33,58,.34)}.cast-action:before{inset:6px;border:2px solid rgba(20,33,58,.18);border-radius:9px;box-shadow:inset 0 3px 0 rgba(255,255,255,.22),inset 0 -4px 0 rgba(0,0,0,.08)}.cast-action:after,.cast-action:before{content:"";position:absolute;z-index:1;pointer-events:none}.cast-action:after{right:16px;bottom:5px;left:16px;height:4px;background:rgba(20,33,58,.18);border-radius:999px}.cast-action-biting{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 34%),linear-gradient(90deg,#e92c37,#f04a2c 14%,#ff922e 25%,#ffe34f 36%,#7edd45 45%,#31c85d 50%,#7edd45 55%,#ffe34f 64%,#ff922e 75%,#f04a2c 86%,#e92c37);border-color:#101827;box-shadow:inset 0 4px 0 rgba(255,255,255,.16),inset 0 -8px 0 rgba(20,18,31,.3),0 6px 0 rgba(20,33,58,.38)}.cast-action-biting:before{inset:7px;border-color:rgba(10,17,31,.38);box-shadow:inset 0 4px 0 rgba(255,255,255,.16),inset 0 -5px 0 rgba(0,0,0,.14)}.cast-action-biting:after{right:18px;bottom:6px;left:18px;height:5px;background:rgba(11,17,30,.3)}.hold-progress-fill,.wait-progress-fill{position:absolute;z-index:0;top:0;bottom:0;box-shadow:inset 0 -6px 0 rgba(0,0,0,.1);pointer-events:none}.wait-progress-fill{left:4%;width:28%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 48%),linear-gradient(90deg,rgba(255,177,86,0),#ffe66d 28%,#ffb156 70%,rgba(255,177,86,0));border-radius:9px;animation:wait-bite-sweep 1.55s ease-in-out infinite alternate}.hold-progress-fill{left:0;width:var(--hold-progress,0);background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 48%),linear-gradient(90deg,#4df2ff,#54e078)}@keyframes wait-bite-sweep{0%{left:4%}to{left:68%}}.reel-perfect-zone{position:absolute;z-index:2;top:9px;bottom:9px;left:40%;width:20%;border:3px solid rgba(255,255,255,.96);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 45%),linear-gradient(180deg,rgba(98,231,78,.74),rgba(32,174,70,.72));box-shadow:0 0 0 2px rgba(20,33,58,.1),0 4px 0 rgba(20,33,58,.18),inset 0 -5px 0 rgba(0,0,0,.1);pointer-events:none}.reel-timing-indicator{position:absolute;z-index:5;top:3px;left:0;width:34px;height:30px;background:url(/assets/ui/icons/reel-marker-red.svg) 50%/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.32));transform:translateX(-50%);animation:reel-indicator-sweep var(--reel-indicator-duration,2.4s) linear infinite alternate;pointer-events:none}.reel-timing-indicator.paused{left:var(--reel-indicator-hold-left,50%);animation:none}@keyframes reel-indicator-sweep{0%{left:4%}to{left:96%}}.cast-action-label{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.pay-btn{background:linear-gradient(180deg,#97ffb0,#54e078)}.pay-btn,.wide{width:100%}.icon-btn:disabled,.pay-btn:disabled,.play-btn:disabled{cursor:not-allowed;opacity:.48}.cast-action:disabled{cursor:default;opacity:1}.icon-btn:not(:disabled):active,.pay-btn:not(:disabled):active,.play-btn:not(:disabled):active{transform:translateY(3px) scale(.99);box-shadow:inset 0 -3px 0 rgba(0,0,0,.16),0 1px 0 rgba(0,0,0,.24)}.economy-panel{display:grid;grid-gap:8px;gap:8px;padding:10px;border:4px solid rgba(20,33,58,.86);border-radius:14px;background:rgba(255,250,240,.9);color:#14213a;box-shadow:6px 7px 0 var(--shadow)}.field{display:grid;grid-gap:5px;gap:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.field input,.field select,.field textarea{width:100%;min-height:38px;border:3px solid #14213a;border-radius:8px;padding:0 10px;background:#ffffff;color:#14213a;font-size:.58rem;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.field textarea{min-height:82px;padding:10px;resize:vertical;line-height:1.45}.task-submit-card{display:grid;grid-gap:8px;gap:8px;padding:10px;border:3px solid #14213a;border-radius:9px;background:rgba(255,255,255,.68);color:#14213a}.task-submit-card h3{margin:0;color:#14213a;font-size:.58rem;line-height:1.35}.daily-login-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:5px;gap:5px}.daily-login-strip button{aspect-ratio:1;min-width:0;display:grid;place-items:center;grid-gap:2px;gap:2px;padding:4px 2px;border:2px solid #14213a;border-radius:8px;background:linear-gradient(180deg,#ffffff,#d8f2ff);color:#14213a;cursor:pointer;box-shadow:0 4px 0 #14213a,inset 0 -4px 0 rgba(0,0,0,.12);transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.daily-login-strip button.claimable{background:linear-gradient(180deg,#b8ffc7,#54e078);filter:saturate(1.08)}.daily-login-strip button.claimable:active{box-shadow:0 1px 0 #14213a,inset 0 -2px 0 rgba(0,0,0,.16);transform:translateY(3px)}.daily-login-strip button.claimed{background:linear-gradient(180deg,#fffdf4,#f2ead6);color:#14213a;text-shadow:none;box-shadow:0 2px 0 #14213a,inset 0 3px 0 rgba(255,255,255,.42)}.daily-login-strip button.claimed-today{background:linear-gradient(180deg,#d89b19,#9b5f00);color:#fff6d6;text-shadow:1px 1px 0 rgba(20,33,58,.5);box-shadow:0 2px 0 #14213a,inset 0 3px 0 rgba(255,230,109,.28)}.daily-login-strip button:disabled{cursor:not-allowed;opacity:.58;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12);transform:none}.daily-login-strip button.claimed:disabled{opacity:1;box-shadow:0 2px 0 #14213a,inset 0 3px 0 rgba(255,255,255,.42)}.daily-login-strip button.claimed-today:disabled{opacity:1;box-shadow:0 2px 0 #14213a,inset 0 3px 0 rgba(255,230,109,.28)}.daily-login-strip span{font-size:.24rem;line-height:1}.daily-login-strip strong{font-size:.44rem;line-height:1}.daily-login-strip b{font-size:.28rem;line-height:1}.task-card.locked{background:rgba(255,230,109,.72)}.task-card.expandable{padding:0;overflow:hidden}.task-card-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:0;background:transparent;color:#14213a;cursor:pointer;text-align:left;transform:translateY(0);transition:transform .12s ease,filter .12s ease}.task-card-head:active{filter:brightness(.96);transform:translateY(2px)}.task-card-head:disabled{cursor:not-allowed;transform:none}.task-card-head span{display:grid;grid-gap:4px;gap:4px}.task-card-head b{color:#14213a}.task-card-head strong{font-size:.42rem}.task-inline-form{display:grid;grid-gap:8px;gap:8px;padding:0 10px 10px}.task-description{color:#52647e}.task-description,.task-rejection-note{margin:0;font-size:.4rem;line-height:1.55}.task-rejection-note{padding:7px;border:2px solid #ef4444;border-radius:8px;background:#fee2e2;color:#7f1d1d}.task-inline-form .field input,.task-inline-form .field textarea{font-size:16px}.task-inline-form .field .task-proof-input::placeholder{color:rgba(82,100,126,.72);font-size:.64rem;font-style:italic;letter-spacing:0}.task-submit-hint{margin:0;color:#7f1d1d;font-size:.38rem;line-height:1.45}.task-submit-btn{min-height:48px;border-width:4px;background:linear-gradient(180deg,#b8ffc7,#37df6d 58%,#1fb957);box-shadow:inset 0 -6px 0 rgba(0,0,0,.16),0 5px 0 rgba(20,33,58,.34);color:#14213a;font-size:.56rem}.task-submit-btn:not(:disabled){filter:saturate(1.12)}.task-submit-btn:disabled{background:linear-gradient(180deg,#e5e7eb,#9ca3af)}.task-link,.task-submit-btn:disabled{box-shadow:inset 0 -5px 0 rgba(0,0,0,.12)}.task-link{display:grid;place-items:center;min-height:38px;border:3px solid #14213a;border-radius:8px;background:linear-gradient(180deg,#ffe783,#f6b33d);color:#14213a;font-size:.5rem;text-decoration:none}.pay-btn.secondary{background:linear-gradient(180deg,#93c5fd,#3b82f6)}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.split.single{grid-template-columns:1fr}.staking-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.action-grid{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:8px;gap:8px;align-items:end}.loadout-toggle{width:100%;min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;padding:8px 10px;border:3px solid #14213a;border-radius:10px;background:#ffffff;color:#14213a;cursor:pointer;box-shadow:inset 0 -5px 0 rgba(0,0,0,.1);text-align:left}.loadout-toggle b,.loadout-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.42rem;line-height:1.35}.loadout-toggle b{justify-self:end;color:#52647e}.loadout-popover{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;display:grid;grid-gap:8px;gap:8px;width:100%;max-height:min(260px,calc(100dvh - 250px));overflow:auto;padding:8px;border:3px solid #14213a;border-radius:10px;background:rgba(255,246,214,.96);box-shadow:5px 6px 0 rgba(11,18,38,.34);animation:loadoutDrop .16s ease-out both}@keyframes loadoutDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.loadout-section{display:grid;grid-gap:6px;gap:6px}.loadout-section>span{color:#52647e;font-size:.38rem}.loadout-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.loadout-options button{min-height:36px;padding:6px;border:2px solid rgba(20,33,58,.22);border-radius:7px;background:rgba(255,255,255,.62);color:#14213a;cursor:pointer;font-size:.36rem;line-height:1.3;text-align:center}.loadout-options .asset-icon{width:22px;height:22px;margin-right:4px;vertical-align:middle}.loadout-options button.selected{border-color:#14213a;background:linear-gradient(180deg,#ffe66d,#ffb156)}.loadout-options button:disabled{cursor:not-allowed;opacity:.46}.pending-list{display:grid;grid-gap:8px;gap:8px}.nft-claim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pending-item{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px;padding:9px;border:2px solid rgba(20,33,58,.22);border-radius:8px;background:rgba(255,255,255,.58)}.nft-claim-card{align-content:start;min-height:190px}.stake-section-toggle{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:8px;gap:8px;width:100%;padding:9px 10px;border:2px solid #14213a;border-radius:8px;background:linear-gradient(180deg,#fffdf1,#f6df9c);color:#14213a;font-family:inherit;font-size:.48rem;text-align:left;box-shadow:4px 4px 0 rgba(20,33,58,.24)}.stake-section-toggle b,.stake-section-toggle small{display:inline-grid;place-items:center;min-width:30px;min-height:24px;padding:2px 6px;border:2px solid rgba(20,33,58,.18);border-radius:7px;background:rgba(255,255,255,.62)}.stake-section-toggle small{min-width:48px;color:#52647e;font-size:.34rem}.nft-claim-image{width:86%;height:86%;object-fit:contain;image-rendering:pixelated}.nft-claim-junk-image{height:auto;background:rgba(255,255,255,.72);padding:5px}.nft-claim-image-frame,.nft-claim-junk-image{width:100%;aspect-ratio:1;border:2px solid rgba(20,33,58,.22);border-radius:7px}.nft-claim-image-frame{box-shadow:inset 0 -5px 0 rgba(0,0,0,.12)}.tier-card{border-color:rgba(20,33,58,.4);box-shadow:4px 4px 0 rgba(20,33,58,.2)}.tier-card.tier-small{background:linear-gradient(180deg,rgba(216,242,255,.92),rgba(147,197,253,.74))}.tier-card.tier-medium{background:linear-gradient(180deg,rgba(220,252,231,.94),rgba(84,224,120,.82))}.tier-card.tier-large{background:linear-gradient(180deg,rgba(255,237,169,.94),rgba(255,177,86,.8))}.tier-card.tier-legendary{background:linear-gradient(180deg,rgba(254,226,226,.94),rgba(239,68,68,.8))}.tier-card.tier-junk{background:linear-gradient(180deg,rgba(243,244,246,.94),rgba(148,163,184,.74))}.tier-card .nft-claim-image-frame{border-color:rgba(255,255,255,.46)}.tier-card.tier-legendary small,.tier-card.tier-legendary span{color:#ffffff;text-shadow:2px 2px 0 #14213a}.stake-history-card{background:linear-gradient(180deg,rgba(255,253,241,.94),rgba(246,223,156,.78));border-color:rgba(20,33,58,.34);box-shadow:4px 4px 0 rgba(20,33,58,.18)}.stake-activity-list{grid-template-columns:1fr}.stake-activity-card{min-height:0;padding:10px 11px;background:linear-gradient(180deg,rgba(255,253,241,.94),rgba(246,223,156,.78));border-color:rgba(20,33,58,.34);box-shadow:4px 4px 0 rgba(20,33,58,.18)}.stake-activity-card span{color:#14213a;font-size:.42rem;line-height:1.45}.activity-tx-link{color:#1d4ed8;text-decoration:underline;text-underline-offset:2px}.history-link{display:inline-grid;place-items:center;min-height:30px;padding:6px 8px;border:2px solid #14213a;border-radius:7px;background:rgba(255,255,255,.68);color:#14213a;font-size:.36rem;line-height:1.2;text-align:center;text-decoration:none}.stake-panel-alert{padding:8px 9px;border:2px solid #ffffff;border-radius:7px;background:rgba(20,33,58,.88);color:#ffffff;font-size:.44rem;line-height:1.35;text-align:center;box-shadow:4px 4px 0 rgba(20,33,58,.28)}.stake-panel-alert.warning{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#ef233c;font-size:.44rem;line-height:1;text-align:center;text-shadow:2px 0 0 #ffffff,-2px 0 0 #ffffff,0 2px 0 #ffffff,0 -2px 0 #ffffff,2px 2px 0 #14213a,3px 3px 0 rgba(20,33,58,.32);white-space:nowrap;overflow:visible;filter:drop-shadow(2px 3px 0 rgba(20,33,58,.26));pointer-events:none;animation:stakeWarningFloat 3s steps(18) both}.stake-warning-stack{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;z-index:120;display:grid;grid-gap:8px;gap:8px;width:min(430px,calc(100vw - 24px));transform:translateX(-50%);pointer-events:none}.stake-top-warning{justify-self:center;max-width:100%;overflow:visible;color:#ef233c;font-size:.44rem;line-height:1;text-align:center;text-shadow:2px 0 0 #ffffff,-2px 0 0 #ffffff,0 2px 0 #ffffff,0 -2px 0 #ffffff,2px 2px 0 #14213a,3px 3px 0 rgba(20,33,58,.32);white-space:nowrap;filter:drop-shadow(2px 3px 0 rgba(20,33,58,.26));animation:stakeWarningFloat 3s steps(18) both}@keyframes stakeWarningFloat{0%{opacity:0;transform:translateY(10px) scale(.92)}14%{opacity:1;transform:translateY(0) scale(1.06)}24%{transform:translateY(-4px) scale(1)}70%{opacity:1;transform:translateY(-14px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.98)}}.pending-item small,.pending-item span{color:#243754;font-size:.44rem;line-height:1.45}.pending-item button{min-height:34px;border:2px solid #14213a;border-radius:7px;background:linear-gradient(180deg,#93c5fd,#3b82f6);color:#14213a;cursor:pointer;font-size:.44rem}.connect-x-card,.history-card,.profile-card,.task-card{display:grid;grid-gap:6px;gap:6px;padding:10px;border:3px solid #14213a;border-radius:10px;background:rgba(255,255,255,.7);color:#14213a;box-shadow:3px 4px 0 rgba(11,18,38,.18)}.history-card span,.profile-card span,.task-card span{color:#52647e;font-size:.38rem;line-height:1.45}.task-card.pending-task{background:rgba(255,246,214,.74)}.submission-history-card.rejected,.task-card.rejected-task{background:rgba(254,226,226,.82)}.submission-history-card.approved{background:rgba(209,250,229,.82)}.submission-history-card.pending{background:rgba(255,246,214,.82)}.task-history-title{background:rgba(219,234,254,.82)}.submission-history-card small{color:#7f1d1d;font-size:.36rem;line-height:1.45}.metric-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.metric-card-head span{min-width:0}.metric-refresh-btn{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;padding:0;border:2px solid #14213a;border-radius:7px;background:linear-gradient(180deg,#ffffff,#dbeafe);color:#14213a;box-shadow:2px 2px 0 rgba(20,33,58,.22);cursor:pointer}.metric-refresh-btn:disabled{cursor:wait;opacity:.82}.metric-refresh-btn.refreshing svg{animation:metricRefreshSpin .75s linear infinite}@keyframes metricRefreshSpin{to{transform:rotate(1turn)}}.connect-x-card,.copy-address{width:100%;cursor:pointer;text-align:left}.copy-address{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;background:transparent;color:#14213a}.copy-address:disabled{cursor:not-allowed;opacity:.62}.referral-card{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(209,250,229,.78))}.referral-copy b{overflow:hidden;text-overflow:ellipsis}.referral-card small{color:#2f5f57;font-size:.38rem;line-height:1.45}.wallet-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding-top:6px;border-top:2px solid rgba(20,33,58,.16)}.wallet-card-row b{overflow:hidden;color:#14213a;font-size:.48rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.compact-profile-field{gap:5px}.compact-profile-field input{min-height:34px}.daily-login-card{gap:8px}.profile-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;min-width:0}.profile-tooltip-wrap{display:inline-flex;align-items:center;position:relative;flex:0 0 auto}.profile-help-btn{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:#14213a;cursor:pointer;box-shadow:none;line-height:1}.profile-help-tooltip{position:absolute;bottom:calc(100% + 8px);z-index:55;width:min(240px,70vw);margin:0;padding:8px;border:2px solid #14213a;border-radius:8px;background:#fff6d6;box-shadow:3px 4px 0 rgba(11,18,38,.22);color:#14213a;font-size:.38rem;line-height:1.45;text-align:left}.profile-help-tooltip.align-right{right:0}.profile-summary-card{gap:8px}.profile-points-total-card{border-width:4px;background:linear-gradient(180deg,#fff4cf,#ffd76a 55%,#ffb156);box-shadow:5px 6px 0 rgba(20,33,58,.25)}.profile-points-total-card b,.profile-points-total-card span{color:#14213a}.profile-points-total-card>b{font-size:.9rem}.fishee-snapshot-section{display:grid;grid-gap:4px;gap:4px;padding:8px;border:2px solid #14213a;border-radius:9px;background:rgba(255,255,255,.58)}.fishee-snapshot-section b{color:#14213a;font-size:.46rem;line-height:1.35}.fishee-snapshot-section small,.fishee-snapshot-section span{color:#14213a;font-size:.38rem;line-height:1.45}.fishee-snapshot-section small{color:#52647e}.profile-nav-card{width:100%;min-height:86px;cursor:pointer;text-align:left;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.profile-nav-card:active{box-shadow:1px 2px 0 rgba(11,18,38,.22);filter:brightness(.98);transform:translateY(3px)}.profile-nav-card b{font-size:.52rem;line-height:1.3}.profile-nav-card small{color:#52647e;font-size:.36rem;line-height:1.35}.profile-inline-toggle{width:100%;min-height:34px;border:2px solid #14213a;border-radius:8px;background:rgba(255,255,255,.68);color:#14213a;cursor:pointer;font-family:inherit;font-size:.38rem;box-shadow:2px 2px 0 rgba(20,33,58,.18)}.profile-card-earn{border-width:4px;background:linear-gradient(180deg,#ffe66d,#ffbf2e 58%,#d88909);box-shadow:6px 7px 0 rgba(20,33,58,.3),inset 0 4px 0 rgba(255,255,255,.28)}.profile-card-earn small,.profile-card-earn span{color:#5f4a12}.profile-card-earn b{color:#14213a}.profile-card-stats{background:linear-gradient(180deg,#aee6ff,#1e9bef)}.profile-card-stats b,.profile-card-stats small,.profile-card-stats span{color:#14213a;text-shadow:none}.profile-card-achievements{background:linear-gradient(180deg,#6d5df6,#14213a)}.profile-card-achievements b,.profile-card-achievements small,.profile-card-achievements span{color:#ffffff;text-shadow:2px 2px 0 #14213a}.profile-card-achievements b{color:#ffd76a}.profile-card-referral{background:linear-gradient(180deg,#dfffe8,#54e078);transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.profile-card-referral:active{box-shadow:1px 2px 0 rgba(11,18,38,.22);filter:brightness(.98);transform:translateY(3px)}.profile-card-referral small,.profile-card-referral span{color:#1e5b34}.profile-card-referral b{color:#14213a}.referral-card-title{display:block}.referral-stats-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0}.referral-stats-text{gap:4px;flex-wrap:wrap;min-width:0}.referral-stats-text,.referral-tooltip-wrap{display:inline-flex;align-items:center;position:relative}.referral-help-btn{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;padding:0;border:0;background:transparent;color:#14213a;cursor:pointer;box-shadow:none;line-height:1}.referral-help-note{position:absolute;left:-8px;bottom:calc(100% + 8px);z-index:45;width:min(220px,66vw);margin:0;padding:8px;border:2px solid #14213a;border-radius:8px;background:#fff6d6;box-shadow:3px 4px 0 rgba(11,18,38,.22);color:#14213a;font-size:.38rem;line-height:1.45;text-align:left}.profile-card-referral .referral-help-note{color:#14213a}.copy-address b,.history-card b,.profile-card>b,.task-card b{font-size:.48rem;line-height:1.35}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.profile-stats div{display:grid;grid-gap:5px;gap:5px;min-width:0;padding:8px 5px;border:2px solid rgba(20,33,58,.24);border-radius:8px;background:rgba(255,255,255,.64);text-align:center}.profile-stats span{color:#52647e;font-size:.3rem}.profile-stats b{font-size:.5rem}.connect-x-card{min-height:44px;place-items:center;background:linear-gradient(180deg,#ffffff,#d8f2ff);font-size:.52rem}.achievement-section{display:grid;grid-gap:8px;gap:8px}.achievement-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:3px solid #14213a;border-radius:10px;background:linear-gradient(180deg,#fff7d7,#ffd56c);color:#14213a;cursor:pointer;text-align:left;box-shadow:3px 4px 0 rgba(11,18,38,.18)}.achievement-heading>span{display:grid;grid-gap:3px;gap:3px;min-width:0}.achievement-heading b{font-size:.54rem}.achievement-heading small{color:#52647e;font-size:.36rem}.achievement-heading strong{flex:0 0 auto;padding:5px 8px;border:2px solid rgba(20,33,58,.36);border-radius:7px;background:rgba(255,255,255,.56);font-size:.38rem}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.achievement-card{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-gap:2px 8px;gap:2px 8px;min-height:82px;padding:8px;border:3px solid #14213a;border-radius:10px;background:rgba(255,255,255,.76);color:#14213a;box-shadow:3px 4px 0 rgba(11,18,38,.16)}.achievement-card img{grid-row:1/span 3;width:48px;height:48px;object-fit:contain;image-rendering:pixelated;align-self:center}.achievement-card b{overflow:hidden;font-size:.42rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.achievement-card span{color:#52647e;font-size:.32rem;line-height:1.35}.achievement-card small{width:-moz-fit-content;width:fit-content;padding:3px 6px;border-radius:999px;background:rgba(34,197,94,.15);color:#166534;font-size:.28rem}.achievement-card.locked{background:rgba(226,233,242,.78)}.achievement-card.locked small{background:rgba(82,100,126,.14);color:#52647e}.achievement-card.locked img{filter:grayscale(1) brightness(.64);opacity:.58}.history-list,.task-list{display:grid;grid-gap:8px;gap:8px}.split-item{padding:8px;border:2px solid rgba(20,33,58,.22);border-radius:8px;background:rgba(255,255,255,.52)}.split-item b{display:flex;align-items:center;gap:5px;margin-bottom:2px;color:#14213a;font-size:.56rem;line-height:1.45}.field span,.split-item span{color:#52647e}@media (max-width:390px){.tutorial-scene{padding:10px}.tutorial-scene.focus-cast-button,.tutorial-scene.focus-drawer-close,.tutorial-scene.focus-market-back,.tutorial-scene.focus-market-bait,.tutorial-scene.focus-market-fish,.tutorial-scene.focus-nav-how,.tutorial-scene.focus-nav-market,.tutorial-scene.focus-nav-profile,.tutorial-scene.focus-nav-stake,.tutorial-scene.focus-nav-token,.tutorial-scene.focus-settings-button{padding-top:max(230px,calc(env(safe-area-inset-top) + 212px))}.tutorial-dialogue-stack{width:calc(100vw - 20px)}.tutorial-dialogue-stack.left,.tutorial-dialogue-stack.right{margin-left:0;margin-right:0}.npc-portrait{bottom:calc(100% - 96px);width:clamp(179px,55vw,215px)}.npc-portrait.left{left:-12px}.npc-portrait.right{right:-12px}.rpg-dialogue{padding:17px 12px 12px}.rpg-dialogue p{font-size:.48rem}.phone-frame{min-height:calc(100dvh - 16px);grid-template-rows:auto auto minmax(220px,1fr) auto auto;gap:8px;padding:8px}.top-hud{grid-template-columns:48px minmax(0,1fr) 48px;gap:7px}.loadout-square{width:48px;height:48px;border-radius:10px}.drawer{inset:0;padding:48px 10px 10px;border-width:3px;border-radius:0}.game-toast{font-size:.28rem;min-height:48px}.brand h1{font-size:.68rem}.brand span{font-size:.42rem}.top-actions{gap:5px;max-width:42%}.hud{gap:6px}.stat{padding:7px 5px}.stat strong{font-size:.54rem}.machine{min-height:180px}.fishing-scene{min-height:220px}.game-action-row{grid-template-columns:minmax(0,1fr)}.cast-action{min-height:56px;font-size:.58rem}.box-bin{height:236px;transform:scale(.82);transform-origin:bottom left;width:122%}.mystery-box{width:50px;height:50px}.controls{grid-template-columns:48px 1fr 48px;gap:8px}.box-row{gap:4px}.starter-box{min-height:48px;padding:5px 2px}.starter-box span{font-size:.34rem}.starter-box b{font-size:.32rem}.action-grid{grid-template-columns:1fr}.box-detail{padding:6px}.box-detail div{align-items:start;flex-direction:column;gap:3px}.loadout-options{grid-template-columns:1fr}.bottom-nav{gap:3px;padding:4px;border-width:2px}.bottom-nav button{min-height:42px;grid-template-rows:18px minmax(0,1fr);padding:3px 1px;border-width:2px;font-size:.28rem}.bottom-nav button svg{width:14px;height:14px}}@media (max-height:620px),(max-width:340px){.phone-frame{gap:6px;padding:6px;grid-template-rows:auto auto minmax(190px,1fr) auto auto}.topbar{min-height:58px;padding:7px;border-radius:12px}.brand-mark{width:42px;height:42px;font-size:.68rem}.brand h1{font-size:.58rem}.brand span{font-size:.34rem}.top-actions{max-width:38%}.drawer-back,.drawer-close,.menu-btn,.settings-btn{width:36px;height:36px}.top-hud{grid-template-columns:44px minmax(0,1fr) 44px;gap:5px}.loadout-square{width:44px;height:44px;border-width:3px}.game-toast{min-height:44px;padding:5px;font-size:.24rem}.fishing-scene{min-height:190px}.game-action-row{grid-template-columns:minmax(0,1fr)}.cast-action{min-height:48px}.bottom-nav{gap:2px;padding:3px}.bottom-nav button{min-height:38px;grid-template-rows:16px minmax(0,1fr);border-radius:6px;font-size:.23rem;line-height:1.05;box-shadow:inset 0 -3px 0 rgba(0,0,0,.1)}.bottom-nav button svg{width:12px;height:12px}.drawer{inset:0;padding:44px 8px 8px}}