:root{--sea-deep: #063a52;--sea-mid: #0b6e8f;--sea-light: #16a6b8;--foam: #eafaff;--coral: #ff6b4a;--coral-dark: #e2512f;--sun: #ffd166;--ink: #06303f;--card: rgba(255, 255, 255, .94);--good: #2fae6a;--bad: #ff6b4a;--font: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:linear-gradient(180deg,#17a6b8 0%,var(--sea-mid) 40%,var(--sea-deep) 100%);overflow:hidden;overscroll-behavior:none}#app{height:100vh;height:100dvh}.screen{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.water{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.wave{position:absolute;left:-50%;width:200%;height:200px;border-radius:45%;background:#ffffff0f;animation:spin linear infinite}.w1{bottom:-120px;animation-duration:22s}.w2{bottom:-150px;background:#ffffff0d;animation-duration:30s}.w3{bottom:-180px;background:#ffffff0a;animation-duration:40s}@keyframes spin{to{transform:rotate(360deg)}}.btn{font-family:var(--font);font-weight:700;border:none;cursor:pointer;border-radius:16px;padding:14px 20px;font-size:17px;color:#fff;background:var(--sea-mid);box-shadow:0 4px #0000002e;transition:transform .06s,filter .15s}.btn:active{transform:translateY(2px);box-shadow:0 2px #0000002e}.btn.primary{background:var(--coral);box-shadow:0 4px 0 var(--coral-dark)}.btn.secondary{background:var(--sea-light)}.btn.ghost{background:transparent;color:#fff;box-shadow:none;text-decoration:underline}.btn.danger{background:transparent;color:var(--bad);box-shadow:none;text-decoration:underline;font-size:14px}.btn.big{font-size:20px;padding:16px 26px;width:100%}.btn.small{padding:9px 12px;font-size:14px;border-radius:12px}.card .btn.ghost,.tally-card .btn.ghost{color:var(--sea-mid)}.btn-stack{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:6px}.card{position:relative;z-index:1;background:var(--card);color:var(--ink);border-radius:24px;padding:24px;width:min(440px,94vw);box-shadow:0 18px 40px #0000004d;text-align:center;max-height:92vh;overflow-y:auto}.title-block h1{margin:6px 0 2px;font-size:34px;color:var(--sea-mid);letter-spacing:.5px}.tagline{margin:0 0 12px;color:#46707f;font-size:15px}.boat{display:flex;justify-content:center}.form-block{display:flex;flex-direction:column;gap:10px;margin:8px 0;text-align:left}.form-block label{font-weight:700;color:#46707f;font-size:14px}.text-input{font-family:var(--font);font-size:17px;padding:13px 14px;border:2px solid #cfe6ee;border-radius:14px;width:100%;background:#fff}.text-input:focus{outline:none;border-color:var(--sea-light)}.row{display:flex;gap:8px}.row .text-input{flex:1}.divider{margin:14px 0;color:#8fb2be;font-weight:700}.status{min-height:20px;color:var(--coral-dark);font-size:14px}.welcome{font-size:20px;font-weight:700;margin:8px 0}.code-chip{display:inline-block;background:#eaf6fa;color:var(--sea-mid);font-weight:700;padding:6px 12px;border-radius:999px;margin-bottom:14px;letter-spacing:1px}.code-chip.small{font-size:12px;padding:3px 9px;margin:0}.map-container{position:relative;z-index:1;width:min(760px,96vw);display:flex;flex-direction:column;gap:12px;height:100%;padding:8px 0}.map-header{display:flex;justify-content:space-between;align-items:center;color:#fff;flex-wrap:wrap;gap:8px}.hdr-left{display:flex;align-items:center;gap:8px;min-width:0}.hdr-left strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-right{display:flex;align-items:center;gap:8px}.trip-tally{background:#0003;padding:6px 12px;border-radius:999px;font-size:14px;white-space:nowrap}.dock-btn{white-space:nowrap}.muted{opacity:.7;font-weight:400}.level-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.level-pill{border:none;cursor:pointer;padding:5px 12px;border-radius:999px;font-weight:800;background:#ffffff2e;color:#fff;font-size:14px;line-height:1.2}.level-pill.active{background:var(--sun);color:var(--ink)}.mode-row{display:flex;gap:8px;justify-content:center}.mode-toggle{border:2px solid rgba(255,255,255,.28);cursor:pointer;padding:5px 14px;border-radius:999px;font-family:var(--font);font-weight:800;font-size:13px;background:#ffffff1a;color:#fff;line-height:1.2}.mode-toggle.active{background:#fff;color:var(--sea-mid);border-color:#fff}.mode-hint{text-align:center;color:var(--foam);opacity:.8;font-size:12px;font-weight:700;margin-top:-4px}.sea{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px}.strand-label{color:var(--foam);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;opacity:.85}.shoal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.creature{cursor:pointer;border:none;text-align:center;border-radius:18px;padding:12px 8px;background:var(--card);color:var(--ink);box-shadow:0 5px #00000026;transition:transform .08s;display:flex;flex-direction:column;gap:2px}.creature:active{transform:translateY(2px)}.creature-emoji{font-size:34px}.creature-name{font-weight:800;font-size:15px;color:var(--sea-mid)}.creature-concept{font-size:11px;color:#5c7c88;min-height:26px}.creature-meta{font-size:11px;color:#93582f;font-weight:700}.map-footer{display:flex;gap:10px;flex-wrap:wrap}.map-footer .btn{flex:1 1 40%;min-width:130px}.map-footer .btn.primary{flex-basis:100%}.play-stage{position:relative;z-index:1;width:min(520px,96vw);display:flex;flex-direction:column;gap:12px;margin:auto 0}.play-top{display:flex;align-items:center;gap:12px;color:#fff}.back-chip{flex:none;width:40px;height:40px;border:none;border-radius:14px;cursor:pointer;background:#00000038;color:#fff;font-size:20px;font-weight:800;line-height:1}.back-chip:active{transform:translateY(1px)}.fish-wrap{flex:none;width:76px;height:66px}.creature-svg{width:100%;height:100%;overflow:visible}.creature-scale{transform-box:fill-box;transform-origin:60% 60%;transition:transform .1s linear}.catch-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.catch-info-row{display:flex;align-items:center;gap:8px}.catch-label{font-weight:800;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-badge{flex:none;font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px}.mode-badge.race{background:#ffd16640;color:var(--sun)}.mode-badge.practice{background:#ffffff38;color:#eafaff}.weight-readout{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;transition:color .3s;line-height:1}.fish-wrap .retch-body{transform-box:fill-box;transform-origin:58% 62%}.fish-wrap.heaving .retch-body{animation:heave .55s ease}.fish-wrap.heaving .retch-cheek{animation:queasy .55s ease}.fish-wrap.heaving .retch-mouth{transform-box:fill-box;transform-origin:center;animation:gulp .55s ease}.fish-wrap .retch-spew>*{opacity:0}.fish-wrap.heaving .retch-spew>*{animation:spew .55s ease-out}.fish-wrap.heaving .retch-spew>*:nth-child(2){animation-delay:.05s}.fish-wrap.heaving .retch-spew>*:nth-child(3){animation-delay:.1s}@keyframes heave{0%,to{transform:none}35%{transform:translateY(1px) scale(1.06,.9)}60%{transform:translateY(-1.5px) scale(.95,1.08)}80%{transform:none}}@keyframes queasy{0%,to{opacity:.16}45%{opacity:.9}}@keyframes gulp{0%,to{transform:scale(1)}45%{transform:scale(.6,1.28)}}@keyframes spew{0%{opacity:0;transform:translate(0) scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@media (prefers-reduced-motion: reduce){.fish-wrap.heaving .retch-body,.fish-wrap.heaving .retch-cheek,.fish-wrap.heaving .retch-mouth,.fish-wrap.heaving .retch-spew>*{animation:none}}.prompt{background:var(--card);border-radius:18px;padding:14px 18px;width:100%;text-align:center;box-shadow:0 6px 18px #0003}.q-text{font-size:24px;font-weight:800;color:var(--ink);line-height:1.3}.q-svg{color:var(--sea-mid);margin-bottom:8px;display:flex;justify-content:center}.q-svg svg{max-width:100%;max-height:34vh;width:auto;height:auto}.answer-area{width:100%}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-btn{font-family:var(--font);cursor:pointer;border:none;border-radius:16px;padding:20px 10px;font-size:24px;font-weight:800;color:#fff;background:var(--sea-mid);box-shadow:0 5px #0003}.choice-btn:nth-child(2n){background:var(--sea-light)}.choice-btn:active{transform:translateY(2px)}.keypad-display-wrap{display:flex;justify-content:center;margin-bottom:8px}.keypad-display{background:#fff;border-radius:12px;padding:10px 18px;font-size:28px;font-weight:800;min-width:160px;text-align:center;color:var(--ink)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{font-family:var(--font);cursor:pointer;border:none;border-radius:14px;padding:16px;font-size:22px;font-weight:800;background:var(--card);color:var(--ink);box-shadow:0 4px #00000026}.key:active{transform:translateY(2px)}.keypad-actions{display:flex;gap:8px;margin-top:8px}.key.wide{flex:1}.key.submit{flex:2;background:var(--coral);color:#fff;box-shadow:0 4px 0 var(--coral-dark)}.ws-toggle-row{display:flex;gap:8px;margin-bottom:8px}.ws-toggle{flex:1;font-family:var(--font);cursor:pointer;border:none;border-radius:12px;padding:10px;font-size:15px;font-weight:800;background:#ffffff59;color:#fff}.ws-toggle.active{background:var(--card);color:var(--ink);box-shadow:0 3px #00000026}.ws-panel{background:var(--card);border-radius:16px;padding:10px;box-shadow:0 6px 18px #0003}.ws-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:8px}.ws-tool{font-family:var(--font);cursor:pointer;border:2px solid transparent;border-radius:12px;padding:8px 12px;font-size:20px;line-height:1;background:#eef6f8;color:var(--ink)}.ws-tool.active{border-color:var(--coral);background:#fff}.ws-tool:active{transform:translateY(1px)}.ws-sep{flex:1}.ws-canvas-wrap{position:relative;width:100%;height:220px;border-radius:12px;background:#fff;background-image:linear-gradient(#e6f0f3 1px,transparent 1px);background-size:100% 28px;overflow:hidden;touch-action:none}.ws-canvas{position:absolute;inset:0;touch-action:none}.ws-ink{z-index:1}.ws-overlay{z-index:2}.ws-hint{margin-top:6px;font-size:12px;color:#4b6b76;text-align:center}.ref-wrap{display:flex;align-items:center;margin-right:8px}.ref-thumb{max-height:52px;max-width:120px;border-radius:8px;border:2px solid var(--coral);background:#fff}.result-overlay{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#fff;animation:fade .2s ease}.result-overlay.good{background:#0f7850f0}.result-overlay.bad{background:#782819f0}.result-emoji{font-size:72px}.result-title{font-size:28px;font-weight:900}.result-answer{font-size:18px;opacity:.9}.result-learn{background:#ffffff24;border-radius:16px;padding:14px 16px;max-width:min(420px,86vw);display:flex;flex-direction:column;gap:6px}.learn-answer{font-size:20px;font-weight:900}.learn-steps{font-size:15.5px;font-weight:600;line-height:1.45;opacity:.95}.result-overlay .btn{width:min(320px,80vw)}@keyframes fade{0%{opacity:0}to{opacity:1}}.tally-card h1{color:var(--sea-mid);margin:0 0 6px}.big-total{font-size:46px;font-weight:900;color:var(--coral)}.best-badge{color:var(--sun);background:var(--sea-mid);display:inline-block;padding:6px 14px;border-radius:999px;font-weight:800;margin:6px 0}.practice-note{color:#6b7f88;font-size:13px;font-weight:700;margin:4px 0 2px}.stat-row{display:flex;justify-content:space-around;margin:16px 0}.stat-value{font-size:26px;font-weight:900;color:var(--sea-mid)}.stat-label{font-size:12px;color:#5c7c88}.heaviest{font-weight:700;color:#46707f;margin-bottom:10px}.catch-list-wrap{max-height:32vh;overflow-y:auto;border-top:1px solid #dcefF4;margin-top:8px}.catch-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #eef6f9}.c-emoji{font-size:24px}.c-name{flex:1;text-align:left;font-weight:700}.c-kg{font-weight:800;color:var(--sea-mid);font-variant-numeric:tabular-nums}.tally-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.leaderboard-card h1{color:var(--sea-mid);margin:0 0 12px}.leader-tabs{display:flex;gap:8px;margin-bottom:12px}.leader-tab{flex:1;font-family:var(--font);font-weight:800;cursor:pointer;border:2px solid #cfe6ee;background:#fff;color:var(--sea-mid);border-radius:999px;padding:10px 12px;font-size:15px}.leader-tab.active{background:var(--sea-mid);color:#fff;border-color:var(--sea-mid)}.leader-list{display:flex;flex-direction:column;gap:4px;max-height:52vh;overflow-y:auto}.leader-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f4fbfd}.leader-row.me{background:var(--sun)}.leader-rank{font-weight:900;min-width:30px;text-align:center;font-size:18px;color:var(--sea-mid)}.leader-name{flex:1;text-align:left;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-kg{font-weight:800;color:var(--sea-mid);font-variant-numeric:tabular-nums}.leader-empty{color:#5c7c88;padding:24px 8px}.leader-gap{color:#8fb2be;font-weight:900;text-align:center;padding:2px}.crew-card h1{color:var(--sea-mid);margin:0 0 8px}.crew-intro{color:#46707f;font-size:14px;margin:0 0 14px}.crew-section-label{text-align:left;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#6a8b96;margin:6px 0}.crew-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.crew-chip{display:flex;align-items:center;gap:10px;width:100%;border:2px solid #cfe6ee;background:#f4fbfd;border-radius:14px;padding:12px 14px;cursor:pointer;font-family:var(--font)}.crew-chip:active{transform:translateY(1px)}.crew-chip-name{flex:1;text-align:left;font-weight:800;color:var(--sea-mid);font-size:16px}.crew-chip-code{font-weight:700;color:#7d99a1;font-size:12px;letter-spacing:.5px}.crew-chip-go{font-weight:900;color:var(--sea-light);font-size:20px}.crew-form{display:flex;flex-direction:column;gap:8px;text-align:left;margin:10px 0}.crew-form label{font-weight:700;color:#46707f;font-size:14px}.crew-form .row{display:flex;gap:8px}.crew-form .row .text-input{flex:1}.crew-share{font-size:14px;color:#46707f;font-weight:700;margin-bottom:10px}.crew-share .code-chip{margin:0}.season-banner{display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(120deg,#ffd16638,#16a6b829);border:1px solid #e6d7a6;border-radius:12px;padding:8px 12px;margin-bottom:12px;font-weight:800;font-size:13px;color:#7a5a1e}.season-reset{color:var(--sea-mid)}.trophy-card h1{color:var(--sea-mid);margin:0 0 6px}.trophy-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.trophy-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f4fbfd}.trophy-row.podium{background:linear-gradient(120deg,#ffd16647,#f4fbfd 70%)}.trophy-medal{font-size:22px;min-width:28px;text-align:center}.trophy-week{flex:1;text-align:left;font-weight:800;color:var(--sea-mid)}.trophy-place{font-weight:800;color:#93582f;font-size:14px}.trophy-kg{font-weight:800;color:var(--sea-mid);font-variant-numeric:tabular-nums;min-width:68px;text-align:right}.ghost-bar{background:#0000002e;border-radius:12px;padding:6px 12px;color:#fff}.ghost-bar.beat{background:#ffd16647}.ghost-label{font-weight:800;font-size:12px;margin-top:4px;text-align:center}.ghost-track{height:8px;border-radius:999px;background:#ffffff38;overflow:hidden}.ghost-fill{height:100%;background:var(--sun);border-radius:999px;transition:width .3s ease}.ghost-bar.beat .ghost-fill{background:#7fe0a0}.feed-strip{background:#ffffff24;color:var(--foam);border-radius:12px;padding:7px 12px;font-size:13px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-container{position:relative;z-index:1;width:min(680px,96vw);height:100%;display:flex;flex-direction:column;gap:10px;padding:8px 0}.studio-header{color:#fff}.studio-header h1{margin:6px 0 2px}.sound-rows{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:2px}.sound-row{background:var(--card);border-radius:16px;padding:14px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;box-shadow:0 4px #0000001f}.sound-label{font-weight:800;font-size:17px;color:var(--sea-mid)}.sound-hint{font-size:13px}.sound-state{font-size:13px;font-weight:700;margin-top:4px}.sound-status{font-size:12px;min-height:16px}.sound-actions{display:flex;gap:6px;flex-wrap:wrap}.btn.rec.recording{background:var(--bad);animation:pulse 1s infinite}@keyframes pulse{50%{filter:brightness(1.3)}}@media (max-width: 480px){.q-text{font-size:20px}.choice-btn{font-size:20px;padding:14px 8px}.big-total{font-size:38px}.play-stage,.rush-stage{gap:8px}.prompt{padding:10px 14px}.q-svg{margin-bottom:4px}.q-svg svg{max-height:26vh}.keypad{gap:6px}.key{padding:11px;font-size:20px;border-radius:12px}.keypad-actions{gap:6px;margin-top:6px}.keypad-display{font-size:22px;padding:7px 14px;min-width:130px}.keypad-display-wrap{margin-bottom:6px}.ws-toggle-row{gap:6px;margin-bottom:6px}.ws-toggle{padding:8px;font-size:14px}.level-pill{padding:4px 10px;font-size:13px}.mode-toggle{padding:4px 11px;font-size:12px}.rush-fish,.rush-fish .creature-svg{height:64px}}.collect-chip{display:flex;align-items:center;gap:10px;width:100%;background:#ffffff1f;color:#fff;border:none;cursor:pointer;border-radius:14px;padding:8px 12px;font-family:var(--font);font-weight:800;font-size:13px;margin-top:2px}.collect-chip:active{transform:translateY(1px)}.collect-chip-track{flex:1;height:8px;border-radius:999px;background:#00000038;overflow:hidden}.collect-chip-fill{display:block;height:100%;background:linear-gradient(90deg,var(--sun),var(--coral));border-radius:999px;transition:width .3s}.collect-chip-fill.full{background:var(--good)}.aquarium-screen{justify-content:flex-start}.aquarium-container{width:100%;max-width:760px;display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.aquarium-header{text-align:center;color:#fff}.aquarium-header h1{margin:6px 0 2px;font-size:26px}.aquarium-header .btn.ghost{color:#fff}.collect-summary{background:#ffffff1a;border-radius:14px;padding:10px 14px;color:#fff}.collect-summary-label{font-weight:800;font-size:14px;margin-bottom:6px}.collect-track{height:10px;border-radius:999px;background:#00000040;overflow:hidden}.collect-fill{height:100%;background:linear-gradient(90deg,var(--sun),var(--coral));border-radius:999px;transition:width .3s}.collect-fill.full{background:var(--good)}.collect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.collect-card{background:var(--card);border-radius:16px;padding:10px;text-align:center;box-shadow:0 4px 12px #0000002e;position:relative}.collect-card.mastered{outline:2px solid var(--sun)}.collect-art{height:70px;display:flex;align-items:center;justify-content:center}.collect-art .creature-svg{height:70px;width:auto}.collect-art.locked{filter:grayscale(1) brightness(.5);opacity:.45}.collect-badge{font-weight:800;font-size:12px;margin:4px 0 2px;color:var(--sea-mid)}.collect-card.undiscovered .collect-badge{color:#8aa}.collect-name{font-weight:800;font-size:15px;color:var(--ink)}.collect-concept{font-size:11px;line-height:1.25;margin:2px 0}.collect-stats{font-size:11px}.aquarium-footer{display:flex;justify-content:center;margin-top:6px}.aquarium-footer .btn{width:min(320px,80vw)}.result-badge{display:inline-block;padding:6px 14px;border-radius:999px;font-weight:800;font-size:14px}.result-badge.new-species{background:var(--sun);color:var(--ink)}.result-badge.discovery{background:#ffffff2e;color:#fff}.rush-screen{justify-content:flex-start}.rush-intro{text-align:center}.rush-intro h1{color:var(--sea-mid);margin-bottom:6px}.rush-best{font-weight:800;color:var(--coral-dark);margin:10px 0}.rush-stage{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:10px}.rush-hud{width:100%;position:relative}.rush-timer-track{height:12px;border-radius:999px;background:#00000040;overflow:hidden}.rush-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--good),var(--sun));border-radius:999px}.rush-hud-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:#fff;font-weight:900}.rush-time{font-size:20px}.rush-time.low{color:var(--sun)}.rush-score{font-size:18px}.rush-fish{height:92px;display:flex;align-items:center;justify-content:center}.rush-fish .creature-svg{height:92px;width:auto}.rush-name{color:#fff;font-weight:800;font-size:15px}.rush-prompt{margin-top:2px}.rush-flash{position:fixed;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;color:#fff;animation:fade .15s ease}.rush-flash.good{background:#0f78508c}.rush-flash.bad{background:#782819c7}.rush-flash-emoji{font-size:64px}.rush-flash-sub{font-size:20px;font-weight:800}.rush-results .btn{width:min(320px,80vw)}.has-tabbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:stretch;background:#06303feb;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -6px 18px #00000047;padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;color:#fff;font-family:var(--font);padding:8px 2px 10px}.tab:active{transform:translateY(1px)}.tab-icon{font-size:21px;line-height:1;filter:saturate(.7) opacity(.85)}.tab-label{font-size:10px;font-weight:800;letter-spacing:.3px;opacity:.7}.tab.active{background:#ffffff14}.tab.active .tab-icon{filter:none}.tab.active .tab-label{opacity:1;color:var(--sun)}.rarity-chip{font-weight:900;font-size:11px;padding:2px 8px;border-radius:999px;letter-spacing:.5px;white-space:nowrap}.rarity-chip.rare{background:#8148b6;color:#fff;box-shadow:0 0 10px #a05adcb3}.rarity-chip.shiny{background:linear-gradient(90deg,#ffd166,#ff9a3c);color:#3a2a00;box-shadow:0 0 12px #ffd166e6}.fish-wrap.rare .creature-svg{filter:drop-shadow(0 0 6px rgba(160,90,220,.85))}.fish-wrap.shiny .creature-svg{filter:drop-shadow(0 0 7px rgba(255,209,102,1));animation:shimmer 1.1s ease-in-out infinite}@keyframes shimmer{0%,to{filter:drop-shadow(0 0 5px rgba(255,209,102,.8))}50%{filter:drop-shadow(0 0 11px rgba(255,235,150,1))}}.result-overlay.reel{background:#141e3cf5}.result-overlay.reel.shiny{background:#3c2c06f5}.reel-track{width:min(320px,80vw);height:20px;border-radius:999px;background:#ffffff2e;overflow:hidden}.reel-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--good),var(--sun));border-radius:999px;transition:width .08s linear}.reel-btn{width:min(320px,80vw)}.result-overlay.good.rare{background:#461e6ef2}.result-overlay.good.shiny{background:#5a420af5}.result-badge.rare{background:#8148b6;color:#fff}.result-badge.shiny{background:linear-gradient(90deg,#ffd166,#ff9a3c);color:#3a2a00}.dex-pips{display:flex;justify-content:center;gap:6px;margin:4px 0 2px}.dex-pips .pip{font-size:13px;filter:grayscale(1);opacity:.35}.dex-pips .pip.on{filter:none;opacity:1}