: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:30vh;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:19px}.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:13vh}.keypad{gap:6px}.key{padding:9px;font-size:19px;border-radius:12px}.keypad-actions{gap:6px;margin-top:6px}.keypad-display{font-size:20px;padding:5px 14px;min-width:120px}.keypad-display-wrap{margin-bottom:6px}.ws-toggle-row{gap:6px;margin-bottom:6px}.ws-toggle{padding:7px;font-size:14px}.level-pill{padding:4px 10px;font-size:13px}.mode-toggle{padding:4px 11px;font-size:12px}.rush-stage{gap:6px}.rush-middle{gap:4px}.rush-fish{height:46px;min-height:24px}.rush-fish .creature-svg{height:100%;width:auto}.rush-name{font-size:14px}}@media (max-height: 700px){.rush-fish{display:none}}.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;padding:10px 12px}.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;height:100%;display:flex;flex-direction:column;gap:8px}.rush-middle{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow-y:auto}.rush-middle .prompt{flex:0 0 auto}.rush-fish{flex:0 1 auto}.rush-stage .answer-area{flex:none}.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}.play-screen.rarity-rare:after,.play-screen.rarity-shiny:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;animation:rarity-aura 2.1s ease-in-out infinite}.play-screen.rarity-rare:after{box-shadow:inset 0 0 120px 18px #a05adc8c}.play-screen.rarity-shiny:after{box-shadow:inset 0 0 150px 26px #ffd1669e}@keyframes rarity-aura{0%,to{opacity:.5}50%{opacity:1}}.rarity-reveal{position:absolute;top:5%;left:50%;z-index:6;transform:translate(-50%,-14px) scale(.8);opacity:0;transition:transform .3s cubic-bezier(.2,1.35,.5,1),opacity .3s ease;text-align:center;pointer-events:none;padding:14px 28px;border-radius:22px;box-shadow:0 12px 36px #00000061;max-width:88vw}.rarity-reveal.show{transform:translate(-50%) scale(1);opacity:1}.rarity-reveal.rare{background:linear-gradient(135deg,#8148b6,#b06fe0);color:#fff}.rarity-reveal.shiny{background:linear-gradient(135deg,#ffd166,#ff9a3c);color:#3a2a00}.rarity-reveal-icon{font-size:44px;line-height:1}.rarity-reveal-text{font-size:25px;font-weight:900;letter-spacing:1px;margin-top:2px}.rarity-reveal-sub{font-size:12.5px;font-weight:700;opacity:.92;margin-top:3px}.rarity-reveal.shiny .rarity-reveal-icon{animation:shimmer 1.1s ease-in-out infinite}.rush-fish.rare .creature-svg{filter:drop-shadow(0 0 6px rgba(160,90,220,.85))}.rush-fish.shiny .creature-svg{filter:drop-shadow(0 0 7px rgba(255,209,102,1));animation:shimmer 1.1s ease-in-out infinite}.rush-rarity{font-weight:900;font-size:12px;padding:2px 10px;border-radius:999px;letter-spacing:.5px;margin:3px auto 0;width:max-content}.rush-rarity.rare{background:#8148b6;color:#fff;box-shadow:0 0 10px #a05adcb3}.rush-rarity.shiny{background:linear-gradient(90deg,#ffd166,#ff9a3c);color:#3a2a00;box-shadow:0 0 12px #ffd166e6}@media (prefers-reduced-motion: reduce){.play-screen.rarity-rare:after,.play-screen.rarity-shiny:after,.rush-fish.shiny .creature-svg,.rarity-reveal.shiny .rarity-reveal-icon{animation:none}.rarity-reveal{transition:opacity .2s ease;transform:translate(-50%) scale(1)}}.rush-lobby-card{text-align:center;max-width:460px}.rush-lobby-card .field-label{font-weight:800;color:var(--sea-mid);margin:14px 0 6px;text-align:left}.rush-lobby-card .field{display:flex;align-items:center;gap:10px;margin:6px 0}.rush-lobby-card .field-cap{font-weight:700;color:var(--ink);min-width:78px;text-align:left}.rush-msg{margin-top:8px;min-height:18px}.seg-row{display:flex;gap:6px;flex:1;flex-wrap:wrap}.seg{font-family:var(--font);cursor:pointer;border:none;border-radius:12px;padding:10px 0;flex:1 1 0;min-width:42px;font-size:16px;font-weight:800;background:#eef6f8;color:var(--sea-mid);box-shadow:0 3px #0000001f}.seg.active{background:var(--sun);color:var(--ink)}.code-input{width:100%;box-sizing:border-box;text-align:center;letter-spacing:3px;text-transform:uppercase;font-family:var(--font);font-weight:800;font-size:22px;padding:12px;border-radius:12px;border:2px solid #cfe6ee;margin:6px 0;color:var(--ink)}.code-input:focus{outline:none;border-color:var(--sea-light)}.or-rule{display:flex;align-items:center;text-align:center;color:var(--sea-mid);margin:14px 0 4px;font-weight:700}.or-rule:before,.or-rule:after{content:"";flex:1;height:2px;background:#d8ecf1}.or-rule span{padding:0 12px}.room-code{font-size:40px;font-weight:900;letter-spacing:4px;color:var(--coral);margin:6px 0}.player-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 4px}.player-row{display:flex;align-items:center;gap:8px;background:#eef6f8;border-radius:12px;padding:10px 12px;text-align:left}.player-row.you{background:var(--sun)}.player-name{font-weight:800;color:var(--ink);flex:1}.player-rank{font-weight:900;font-size:20px;min-width:34px;text-align:center}.player-stat{font-weight:900;color:var(--coral-dark)}.player-sub{font-size:12px;color:var(--sea-mid);font-weight:700;margin-left:8px}.results-board .result-row{gap:6px}.rush-count{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;color:#fff}.count-num{font-size:96px;font-weight:900;color:var(--sun);text-shadow:0 4px 0 rgba(0,0,0,.25);animation:pop .35s ease}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.mini-standings{width:100%;display:flex;flex-direction:column;gap:3px;margin-bottom:4px}.mini-row{display:flex;align-items:center;gap:8px;background:#ffffff24;border-radius:8px;padding:3px 10px;color:#fff;font-weight:700;font-size:13px}.mini-row.you{background:#ffd166d9;color:var(--ink)}.mini-rank{min-width:16px;font-weight:900}.mini-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-score{font-weight:900}.pass-btn{color:#fff;margin-top:8px}.rush-stage .pass-btn{align-self:center}@media (max-height: 640px){.mini-standings{display:none}.count-num{font-size:72px}}.lvl-badge{font-weight:900;font-size:12px;padding:2px 9px;border-radius:999px;background:var(--sea-mid);color:#fff;white-space:nowrap}.player-row.you .lvl-badge{background:var(--coral)}.mini-lvl{font-weight:800;font-size:11px;padding:1px 6px;border-radius:999px;background:#ffffff40;color:#fff;white-space:nowrap}.mini-row.you .mini-lvl{background:#0000002e;color:var(--ink)}.rush-adult-note{font-size:12px;margin:6px 0 2px}.review-screen{justify-content:flex-start;overflow-y:auto}.rush-review-card{max-width:560px;text-align:center}.review-list{display:flex;flex-direction:column;gap:10px;margin:10px 0;text-align:left}.review-card{background:#eef6f8;border-radius:14px;padding:10px 12px;border-left:6px solid var(--good)}.review-card.bad{border-left-color:var(--bad)}.review-head{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--sea-mid)}.review-n{background:var(--sea-mid);color:#fff;border-radius:999px;padding:1px 9px;font-size:12px}.review-topic{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-correct{color:var(--good);font-weight:900;white-space:nowrap}.review-prompt{margin:6px 0}.review-prompt .q-text{font-size:17px;font-weight:800;color:var(--ink);line-height:1.3}.review-prompt .q-svg{color:var(--sea-mid);margin-bottom:4px}.review-prompt .q-svg svg{max-height:90px}.review-lines{display:flex;flex-direction:column;gap:4px;margin-top:4px}.review-line{display:flex;align-items:center;gap:8px;background:#fff;border-radius:9px;padding:5px 9px;font-size:14px}.review-line.you{background:var(--sun)}.review-line .rl-icon{font-weight:900;width:16px;text-align:center}.review-line.correct .rl-icon{color:var(--good)}.review-line.wrong .rl-icon,.review-line.timeout .rl-icon{color:var(--bad)}.review-line.pass .rl-icon{color:var(--sea-mid)}.review-line .rl-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-line .rl-given{font-weight:800;color:var(--ink)}.review-line .rl-time{color:var(--sea-mid);font-weight:700;min-width:42px;text-align:right}.review-line .rl-pts{font-weight:900;min-width:44px;text-align:right}.review-exp{margin-top:6px;font-size:13px;color:var(--ink);background:#fffef2;border-radius:8px;padding:6px 9px}.review-note{margin-top:6px;font-size:12px}.school-meter{display:flex;gap:3px;justify-content:center;margin-top:5px}.school-pip{width:8px;height:8px;border-radius:50%;background:#06303f29;transition:background .2s}.school-pip.on{background:var(--sea-light)}.school-meter.out .school-pip{background:#06303f1f}.creature.fished-out{opacity:.5;filter:grayscale(.7);cursor:not-allowed}.creature.fished-out:active{transform:none}.fished-out-tag{margin-top:5px;font-size:11px;font-weight:800;color:var(--sea-mid)}.rec-strip,.revise-strip{display:flex;align-items:center;gap:10px;width:100%;border:none;cursor:pointer;text-align:left;font-family:var(--font);background:#ffffff29;color:var(--foam);border-radius:14px;padding:9px 13px;box-shadow:0 3px #00000024;transition:transform .06s,filter .15s}.rec-strip:active,.revise-strip:active{transform:translateY(2px);box-shadow:0 1px #00000024}.rec-strip{background:#ffd16638}.rec-emoji{font-size:24px;line-height:1}.rec-strip strong{font-size:15px}.rec-reason{font-size:12.5px}.rec-go{margin-left:auto;font-weight:900;white-space:nowrap;color:var(--sun)}.revise-strip{background:#a05adc3d}.revise-strip .rec-go{color:#e6c8ff}.revise-strip>span:first-child{font-weight:800;font-size:14.5px}.mode-badge.revise{background:#a05adc4d;color:#f0dcff}.pond-empty{text-align:center}.pond-empty-emoji{font-size:54px}.pond-empty h2{margin:8px 0 4px;color:var(--sea-mid)}.pond-empty p{margin:0 0 16px;font-size:14px}.calm-toggle{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13px;font-weight:700;color:var(--sea-mid);cursor:pointer;justify-content:center}.calm-check{width:20px;height:20px;accent-color:var(--coral);cursor:pointer}.intro-scrim{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#06303f9e;padding:16px;animation:fade .2s ease}.intro-card{background:var(--card);border-radius:22px;padding:20px;width:min(440px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 16px 44px #0006}.intro-title{margin:0 0 12px;color:var(--sea-mid);text-align:center}.intro-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.intro-step{display:flex;gap:12px;align-items:flex-start}.intro-icon{font-size:30px;line-height:1;flex:none;width:38px;text-align:center}.intro-step-title{font-weight:800;color:var(--ink);font-size:15px}.intro-step-body{font-size:13.5px;color:#38606e;line-height:1.35}.intro-card .btn{width:100%}.calm-visuals .wave{animation:none}.calm-visuals .fish-wrap.shiny .creature-svg,.calm-visuals .rush-fish.shiny .creature-svg,.calm-visuals .play-screen.rarity-rare:after,.calm-visuals .play-screen.rarity-shiny:after{animation:none}.calm-visuals .fish-wrap.heaving .retch-body,.calm-visuals .fish-wrap.heaving .retch-cheek,.calm-visuals .fish-wrap.heaving .retch-mouth,.calm-visuals .fish-wrap.heaving .retch-spew>*{animation:none}.calm-visuals .creature-concept{color:#37535e}.calm-visuals .muted{opacity:.85}.calm-visuals .rec-strip,.calm-visuals .revise-strip,.calm-visuals .feed-strip{color:#fff}