/* Dedicated styling for the fishing game. */
.fishing-game-view .game-heading{margin-bottom:20px}.fishing-game-view .game-heading h1{letter-spacing:-.04em}.fishing-game-panel{padding:24px;background:linear-gradient(180deg,#fff,#fcfbff);border:1px solid #e6e1f4;box-shadow:0 25px 65px #2d1c5c13}
.fishing-hud{display:flex;align-items:center;gap:18px;margin:0 2px 18px;min-height:52px}.fishing-round{display:flex;align-items:center;gap:10px;color:#847796;font-size:11px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.fishing-round span:last-child{display:flex;flex-direction:column;gap:2px}.fishing-round strong{font:900 19px/1 system-ui;color:#39206e;letter-spacing:.02em}.fishing-round strong i{color:#c6bdd8;font-style:normal}.hud-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#f4ebff;font-size:24px}.fishing-progress{display:flex;gap:5px;align-items:center;margin-right:auto}.fishing-progress i{width:27px;height:5px;background:#e6e0f0;border-radius:20px}.fishing-progress i.current{background:#8c5dd6}.fishing-progress i.done{background:#44c7b2}.fishing-score{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.fishing-score>span{font-weight:800;font-size:12px;color:#857897;margin-right:7px}.fishing-score strong{font:900 29px/1 system-ui;color:#371970}.fishing-score small{font:800 10px system-ui;color:#9f8bb8}.fishing-sound{border:1px solid #e7def3;background:#fff;border-radius:13px;color:#63449a;min-height:42px;padding:0 13px;font-size:18px;font-weight:900;white-space:nowrap}.fishing-sound span{font-size:12px}.fishing-sound:hover{background:#f7f1ff}
.fishing-mission{position:relative;display:flex;align-items:center;gap:15px;padding:17px 20px;margin-bottom:15px;border-radius:20px;background:linear-gradient(110deg,#38216f,#5b3494 65%,#7445b1);box-shadow:0 10px 25px #49307824;overflow:hidden}.fishing-mission:after{content:"";position:absolute;width:170px;height:170px;right:-35px;top:-110px;background:#ffffff14;border-radius:50%;box-shadow:0 0 0 35px #ffffff08}.mission-icon{width:50px;height:50px;flex:none;display:grid;place-items:center;background:#ffffff20;border:1px solid #ffffff30;border-radius:15px;font-size:25px}.mission-copy{position:relative;z-index:1;min-width:0;flex:1}.mission-label{display:block;color:#e3c7ff;font-size:11px;font-weight:900;letter-spacing:.12em}.mission-label b{font:800 9px system-ui;letter-spacing:.17em;color:#cbb0eb;margin-left:6px}.mission-copy h2{margin:6px 0 0;color:white;font-size:clamp(15px,1.45vw,20px);font-weight:850;line-height:1.5}.mission-hint{position:relative;z-index:1;font-size:11px;color:#f5e9ff;white-space:nowrap;font-weight:750}.mission-hint span{display:inline-grid;place-items:center;width:22px;height:22px;background:#ffffff21;border:1px solid #ffffff36;border-radius:50%;font:800 9px system-ui}.mission-hint i{font-style:normal;opacity:.5;margin:0 3px}
.fishing-sea{position:relative;overflow:hidden;isolation:isolate;height:clamp(440px,46vw,585px);border-radius:24px;background:#108ac0 url('assets/fishing-ocean.webp') center center/cover no-repeat;box-shadow:inset 0 0 0 2px #b9f4ff99,inset 0 -35px 60px #042c7180,0 13px 32px #2186ae29;cursor:crosshair;touch-action:manipulation}.fishing-sea:after{content:"";position:absolute;inset:9px;z-index:2;border:1px solid #ffffff4a;border-radius:18px;pointer-events:none}.sea-waterlight{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% -20%,#c5fdff55,transparent 65%),linear-gradient(180deg,#55edff08 10%,transparent 45%,#003d7b35 100%)}.sea-surface{position:absolute;top:0;left:-8%;width:116%;height:30px;z-index:1;pointer-events:none;background:linear-gradient(180deg,#e4ffff70,#9feaff08);border-radius:0 0 50% 50%;filter:blur(3px);animation:surfaceFlow 5s ease-in-out infinite alternate}.sea-bubbles{position:absolute;inset:0;pointer-events:none;z-index:1}.sea-bubbles i{position:absolute;bottom:-20px;display:block;border-radius:50%;border:1px solid #e7ffff80;background:radial-gradient(circle at 30% 25%,#ffffff99,#ddffff14 60%,#ffffff09);width:10px;height:10px;animation:riseBubble 8s linear infinite}.sea-bubbles i:nth-child(1){left:9%;animation-delay:-3s;width:8px;height:8px}.sea-bubbles i:nth-child(2){left:18%;animation-delay:-6s;width:15px;height:15px}.sea-bubbles i:nth-child(3){left:37%;animation-delay:-1s}.sea-bubbles i:nth-child(4){left:55%;animation-delay:-5s;width:7px;height:7px}.sea-bubbles i:nth-child(5){left:72%;animation-delay:-2s;width:13px;height:13px}.sea-bubbles i:nth-child(6){left:83%;animation-delay:-7s}.sea-bubbles i:nth-child(7){left:93%;animation-delay:-4s;width:7px;height:7px}
.sea-top-label{position:absolute;left:23px;top:20px;z-index:3;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #d8fcff65;border-radius:100px;background:#084a80a6;box-shadow:0 4px 18px #07365d24;color:#fff;font-size:12px;font-weight:850;letter-spacing:.02em;pointer-events:none}.sea-top-label small{font-size:11px;font-weight:650;opacity:.88}.sea-pulse{height:7px;width:7px;border-radius:50%;background:#71f2d4;box-shadow:0 0 0 4px #71f2d428;animation:pulseLight 2s infinite}.sea-bottom-label{position:absolute;bottom:19px;right:22px;z-index:3;color:#eafcff;padding:6px 10px;background:#08639498;border-radius:99px;font-size:11px;font-weight:800;pointer-events:none}
.sea-fish-layer{position:absolute;inset:0;z-index:4}.sea-fish{position:absolute;display:block;width:clamp(120px,17%,190px);padding:0 0 12px;border:0;background:transparent;transform:translate(-50%,-50%);cursor:crosshair;will-change:left,top;touch-action:manipulation;line-height:1}.fish-body{display:block;animation:swimTilt 2.9s ease-in-out infinite;filter:drop-shadow(0 12px 7px #00335770)}.sea-fish:nth-child(2n) .fish-body{animation-delay:-1.3s}.sea-fish:nth-child(3n) .fish-body{animation-duration:3.4s}.fish-body img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.sea-fish:hover .fish-body,.sea-fish:focus-visible .fish-body{filter:drop-shadow(0 0 9px #fff) drop-shadow(0 12px 7px #00335770);scale:1.06}.sea-fish.is-normal{width:clamp(108px,14%,162px)}.sea-fish.is-normal .fish-body{filter:drop-shadow(0 10px 9px #06437780)}.sea-fish.is-normal:nth-child(2n) .fish-body img{filter:hue-rotate(35deg) saturate(.92)}.fish-name{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;color:#402179;padding:5px 9px;border-radius:99px;font-size:11px;line-height:1;font-weight:900;box-shadow:0 3px 7px #07396350;border:1px solid #f1e9ff}.is-normal .fish-name{background:#e9fff5;color:#147559;border-color:#b1f0d2}.sea-fish.is-hooked{visibility:hidden}
.fishing-line{position:absolute;top:0;z-index:8;width:2px;height:0;background:linear-gradient(90deg,#fff,#c6efff);box-shadow:0 0 5px #052c5660;pointer-events:none;transition:height .7s cubic-bezier(.34,.02,.43,1)}.fishing-hook{position:absolute;bottom:-27px;left:50%;width:31px;height:43px;transform:translateX(-50%);filter:drop-shadow(0 3px 3px #1b527b80)}.fishing-hook svg{width:100%;height:100%}.reeled-fish{position:absolute;width:155px;max-width:none;bottom:-55px;left:0;transform:translateX(-50%) rotate(-9deg);filter:drop-shadow(0 12px 8px #00335770);animation:reelFish .6s ease-in-out alternate infinite}.sea-splash{position:absolute;z-index:8;width:20px;height:20px;transform:translate(-50%,-50%);border:2px solid #dbffff;border-radius:50%;pointer-events:none;animation:splash .7s ease-out forwards}.sea-status{position:absolute;z-index:9;bottom:48px;left:50%;transform:translate(-50%,10px);opacity:0;background:#062d57d9;color:white;padding:10px 16px;border-radius:100px;border:1px solid #ffffff38;white-space:nowrap;max-width:90%;text-align:center;font-size:13px;font-weight:850;pointer-events:none;transition:.25s}.sea-status.visible{opacity:1;transform:translate(-50%,0)}.fishing-foot{display:flex;justify-content:space-between;gap:12px;margin:16px 4px 0;font-size:12px;line-height:1.5;color:#81748f}.fishing-foot b{color:#7755a7}
.fishing-overlay[hidden]{display:none}.fishing-overlay{position:absolute;inset:0;z-index:10;display:flex;justify-content:center;align-items:center;padding:22px;background:linear-gradient(180deg,#00284c90,#003664c7);backdrop-filter:blur(4px);overflow:auto;cursor:default;opacity:0;transition:opacity .25s}.fishing-overlay.visible{opacity:1}.catch-card,.encounter-card,.finish-card{position:relative;width:min(100%,590px);max-height:100%;overflow:auto;padding:22px 24px 24px;border-radius:24px;background:linear-gradient(155deg,#fff 55%,#f4f7ff);box-shadow:0 20px 75px #00243d80,0 3px 0 #fff8 inset;border:1px solid #ffffffd9;color:#2b2650;animation:cardSwimIn .48s cubic-bezier(.18,.86,.24,1.17) both}.catch-card-ribbon{display:flex;align-items:center;justify-content:space-between;color:#23a588;font-size:11px;font-weight:900;letter-spacing:.09em}.catch-card-ribbon>span{padding:5px 10px;background:#e9fbf4;border-radius:99px}.catch-card-ribbon button{width:31px;height:31px;border-radius:50%;border:0;background:#f0eff8;color:#837895;font-size:20px}.catch-card-heading{display:flex;align-items:center;gap:13px;margin-top:-3px}.catch-card-heading img{width:120px;flex:none;filter:drop-shadow(0 6px 5px #46658c35)}.card-kicker{font:900 10px system-ui;letter-spacing:.14em;color:#8d62c3}.catch-card-heading h3{margin:4px 0 3px;font-size:20px;color:#31205f;line-height:1.25}.catch-card-heading p{margin:0;color:#8b7e9e;font-size:12px;font-weight:700}.catch-divider{height:1px;background:#ebe7f3;margin:4px 0 15px}.quiz-micro{font-size:11px;color:#956fbc;font-weight:900}.quiz-micro b{padding:0 3px}.catch-card h2{font-size:clamp(17px,1.7vw,21px);line-height:1.48;margin:7px 0 13px;color:#2b2053;letter-spacing:-.02em}.fishing-answers{display:grid;gap:8px}.fishing-answer{display:flex;align-items:center;gap:11px;width:100%;min-height:52px;padding:9px 11px;border:1.5px solid #e9e5f1;border-radius:13px;background:#fff;color:#3e3551;text-align:left;line-height:1.4;transition:transform .18s,border-color .18s,background .18s;cursor:pointer}.fishing-answer>span{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;color:#7650ae;background:#f1ebfb;font:900 14px system-ui}.fishing-answer b{flex:1;font-size:13px}.fishing-answer i{font-style:normal;color:#bdaece}.fishing-answer:not(:disabled):hover{border-color:#a982e4;transform:translateY(-2px);box-shadow:0 5px 15px #774da015}.fishing-answer:disabled{opacity:1}.fishing-answer.is-correct{border-color:#39ba91;background:#effbf5}.fishing-answer.is-correct>span{background:#2eb88d;color:white}.fishing-answer.is-wrong{border-color:#ef999d;background:#fff3f3}.fishing-answer.is-wrong>span{background:#ef8185;color:white}.fishing-explanation:empty{display:none}.fishing-explanation{animation:answerReveal .3s ease-out both}.learning-note{margin-top:12px;border-radius:13px;padding:11px 13px;background:#eefaf7;color:#37665d;line-height:1.45}.learning-note strong{font-size:13px;color:#138463}.learning-note p{margin:5px 0 0;font-size:12px}.fishing-primary{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:46px;margin-top:12px;padding:11px 16px;border:0;border-radius:13px;background:linear-gradient(105deg,#7449c4,#9b64df);color:#fff;font-size:13px;font-weight:900;box-shadow:0 7px 14px #7246b839}.fishing-primary span{font-size:17px}.fishing-primary:hover{filter:brightness(1.08)}
.encounter-card{width:min(100%,405px);text-align:center;padding:27px}.encounter-spark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 13px;border-radius:24px;background:#e9faff;font-size:37px}.encounter-card h3{margin:7px 0 9px;font-size:23px;color:#33215d}.encounter-card p{margin:0;color:#756a83;font-size:14px;line-height:1.65}.encounter-card .fishing-primary{margin-top:19px}.finish-card{width:min(100%,510px);text-align:center}.finish-card h2{font-size:25px;margin:6px 0;color:#32205f}.finish-card>p{margin:0;color:#82768e;font-size:13px}.finish-medal{font-size:40px;margin:0 0 4px}.final-score{margin:12px 0;padding:10px;border-radius:16px;background:#f0ebff;display:flex;justify-content:center;align-items:baseline;gap:7px;color:#7651aa}.final-score small{font-size:12px;font-weight:800}.final-score strong{font:900 34px system-ui;color:#4b2789}.final-score span{font:800 10px system-ui}.finish-lessons{display:grid;gap:7px;text-align:left}.finish-lessons>div{padding:8px 11px;border-radius:11px;background:#f5f9fb;display:grid;gap:3px}.finish-lessons b{font-size:12px;color:#44316d}.finish-lessons span{font-size:11px;line-height:1.45;color:#6d6a7b}
@keyframes riseBubble{0%{transform:translateY(0);opacity:0}15%{opacity:.7}90%{opacity:.55}100%{transform:translateY(-550px) translateX(20px);opacity:0}}@keyframes surfaceFlow{to{transform:translateX(3%) scaleY(1.2)}}@keyframes pulseLight{50%{box-shadow:0 0 0 7px #71f2d408}}@keyframes swimTilt{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}@keyframes reelFish{to{transform:translateX(-50%) rotate(6deg)}}@keyframes splash{to{width:70px;height:70px;opacity:0}}@keyframes cardSwimIn{from{opacity:0;transform:translateY(32px) scale(.94) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes answerReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:960px){.mission-hint{display:none}.fishing-sea{height:500px}.fishing-score>span{display:none}}@media(max-width:600px){.fishing-game-panel{padding:14px}.fishing-hud{gap:8px;margin-bottom:12px}.hud-icon{width:38px;height:38px;font-size:20px;border-radius:12px}.fishing-round{font-size:10px;gap:6px}.fishing-round strong{font-size:16px}.fishing-progress{gap:3px}.fishing-progress i{width:15px}.fishing-score strong{font-size:23px}.fishing-sound{min-height:39px;padding:0 8px}.fishing-sound span{display:none}.fishing-mission{padding:13px;gap:10px;border-radius:16px}.mission-icon{width:38px;height:38px;font-size:20px}.mission-copy h2{font-size:14px;line-height:1.5}.mission-label{font-size:10px}.fishing-sea{height:490px;border-radius:18px}.sea-top-label{top:15px;left:14px;font-size:10px}.sea-top-label small{display:none}.sea-bottom-label{right:13px;bottom:14px;font-size:10px}.sea-fish{width:clamp(105px,29%,145px)}.sea-fish.is-normal{width:clamp(95px,25%,130px)}.fish-name{font-size:10px;padding:5px 7px}.fishing-foot{display:block;font-size:11px}.fishing-foot span{display:block;margin:3px 0}.fishing-overlay{padding:12px;align-items:safe center}.catch-card,.encounter-card,.finish-card{padding:17px;border-radius:20px}.catch-card-heading img{width:90px}.catch-card-heading h3{font-size:17px}.catch-card-heading p{font-size:11px}.catch-card h2{font-size:16px;margin:5px 0 9px}.catch-divider{margin:1px 0 9px}.fishing-answer{min-height:46px;padding:7px}.fishing-answer b{font-size:12px}.fishing-answer>span{width:27px;height:27px}.learning-note{padding:9px}.learning-note p{font-size:11px}.fishing-primary{min-height:42px;margin-top:9px}.finish-card h2{font-size:21px}.finish-lessons span{font-size:10px}}@media(prefers-reduced-motion:reduce){.fishing-sea *, .fishing-sea *:before,.fishing-sea *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Timed challenge and feedback */
.fishing-timer{min-width:130px;display:grid;gap:6px;padding:8px 12px;border-radius:14px;background:#f2edfb;color:#5b358d;font-weight:900;transition:background .2s,color .2s}.fishing-timer>div:first-child{display:flex;align-items:baseline;gap:4px}.fishing-timer span{font-size:11px;margin-right:auto;white-space:nowrap}.fishing-timer strong{font:900 22px/1 system-ui;min-width:27px;text-align:right}.fishing-timer small{font-size:11px}.timer-track{height:5px;border-radius:9px;background:#dcd2ee;overflow:hidden}.timer-fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,#42c7bd,#9265dc);border-radius:9px;transition:width .1s linear}.fishing-timer.is-urgent{background:#fff0ed;color:#d94a53;animation:timerPulse .85s ease-in-out infinite}.fishing-timer.is-urgent .timer-fill{background:#ef6765}.overlay-timer{position:absolute;z-index:3;right:16px;top:15px;border:1px solid #ffffff85;background:#103d6be8;border-radius:100px;padding:8px 13px;color:#fff;font-weight:900;font-size:12px;box-shadow:0 4px 12px #00294a5e}.overlay-timer strong{font:900 18px system-ui}.overlay-timer.is-urgent{background:#d84b58;animation:timerPulse .85s ease-in-out infinite}
.start-card{position:relative;width:min(100%,450px);max-height:100%;overflow:auto;text-align:center;padding:26px 30px;border-radius:26px;background:linear-gradient(155deg,#fff,#f5f3ff);border:1px solid #fff;box-shadow:0 22px 70px #00243d80;animation:cardSwimIn .48s cubic-bezier(.18,.86,.24,1.17) both}.start-medal{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 13px;border-radius:26px;background:linear-gradient(145deg,#e6faff,#e6eaff);font-size:38px;box-shadow:inset 0 0 0 1px #e2dffc}.start-card h2{font-size:27px;margin:7px 0 8px;color:#32205f}.start-card p{font-size:14px;color:#756a83;line-height:1.5;margin:0}.start-card>small{display:block;color:#9789a4;font-size:11px;line-height:1.6;margin:13px 0}.start-steps{display:flex;gap:7px;margin-top:17px}.start-steps span{display:grid;flex:1;gap:2px;place-items:center;background:#f1edfb;border-radius:13px;padding:9px 4px;font-size:11px;color:#7b7090;font-weight:800}.start-steps b{font:900 21px system-ui;color:#7251b3}.start-card .fishing-primary{min-height:50px;font-size:15px}.combo-badge{display:inline-flex;margin-left:8px;padding:4px 7px;border-radius:100px;background:#ffdd82;color:#855000;font-size:10px;font-weight:900;animation:comboPop .35s ease-out}.finish-card.is-victory .finish-medal{animation:medalPop .65s cubic-bezier(.2,.8,.25,1.3)}
@keyframes timerPulse{50%{transform:scale(1.04);filter:brightness(1.08)}}@keyframes comboPop{0%{transform:scale(.5);opacity:0}75%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}@keyframes medalPop{0%{transform:scale(.4) rotate(-18deg)}70%{transform:scale(1.22) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:600px){.fishing-hud{flex-wrap:wrap}.fishing-progress{margin-right:auto}.fishing-timer{order:4;flex-basis:100%;padding:6px 10px;gap:4px}.fishing-timer strong{font-size:18px}.fishing-timer span{font-size:10px}.fishing-timer>div:first-child{justify-content:flex-end}.fishing-timer span{margin-right:auto}.timer-track{height:4px}.overlay-timer{right:12px;top:10px;padding:5px 9px;font-size:10px}.overlay-timer strong{font-size:15px}.start-card{padding:18px 20px}.start-card h2{font-size:22px}.start-medal{width:58px;height:58px;font-size:30px;margin-bottom:8px}.start-card>small{margin:9px 0}}
@media(prefers-reduced-motion:reduce){.fishing-timer.is-urgent,.overlay-timer.is-urgent,.combo-badge,.finish-card.is-victory .finish-medal{animation:none}}
/* Unlimited challenge and an easy-to-find audio check. */
.fishing-spacer{flex:1}.fishing-correct{font-size:12px;font-weight:800;color:#796a91;white-space:nowrap}.fishing-correct strong{color:#68409d;font-size:16px}.fishing-audio-test{min-height:42px;padding:0 12px;background:#eef9ff;border:1px solid #c6eafa;border-radius:13px;color:#126987;font-size:12px;font-weight:900;white-space:nowrap}.fishing-audio-test:hover{background:#dbf5ff}.audio-status{margin:-5px 3px 12px;padding:9px 12px;border-radius:10px;background:#eff8fd;color:#286a80;font-size:12px;line-height:1.45}.audio-status:empty,.intro-audio-status:empty{display:none}.intro-audio-test{width:100%;min-height:42px;padding:8px 12px;border-radius:12px;border:1px solid #c5e8fa;background:#eef9ff;color:#177492;font-size:13px;font-weight:900}.intro-audio-test:hover{background:#dff5ff}.intro-audio-status{padding:7px 4px 1px;font-size:11px;line-height:1.4;color:#39758a}.milestone-badge{display:inline-flex;margin:6px 6px 0 0;padding:5px 9px;border-radius:100px;background:#ffe8a8;color:#875500;font-size:11px;font-weight:900;animation:comboPop .35s ease-out}.summary-streak{display:inline-block;padding:6px 11px;margin:-2px 0 10px;border-radius:100px;background:#fff3cd;color:#926400;font-size:12px;font-weight:900}.finish-card>p b{color:#744bb4;font-size:16px}
@media(max-width:600px){.fishing-hud{gap:7px}.fishing-round{font-size:10px}.fishing-correct{font-size:10px}.fishing-correct strong{font-size:13px}.fishing-audio-test{min-height:39px;padding:0 8px;font-size:11px}.fishing-spacer{min-width:0}.audio-status{font-size:11px}.intro-audio-test{min-height:38px;font-size:12px}}
.learning-note{position:relative}.reward-sparkles{position:absolute;inset:0;overflow:visible;pointer-events:none}.reward-sparkles i{position:absolute;left:50%;top:50%;color:#ffbd43;font-size:18px;font-style:normal;opacity:0;animation:rewardSpark .8s ease-out forwards}.reward-sparkles i:nth-child(1){--dx:-160px;--dy:-42px}.reward-sparkles i:nth-child(2){--dx:-82px;--dy:-68px;color:#b785ed}.reward-sparkles i:nth-child(3){--dx:0px;--dy:-75px}.reward-sparkles i:nth-child(4){--dx:85px;--dy:-63px;color:#62cfc4}.reward-sparkles i:nth-child(5){--dx:160px;--dy:-38px}@keyframes rewardSpark{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(40deg) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.reward-sparkles i{animation:none}}
.sea-live-hud{position:absolute;right:20px;top:18px;z-index:3;display:flex;align-items:center;gap:5px;pointer-events:none}.sea-live-hud span{display:inline-flex;align-items:center;gap:3px;padding:7px 9px;border:1px solid #d4f8ff70;border-radius:100px;background:#084a80c9;color:white;font-size:11px;font-weight:850;box-shadow:0 4px 12px #07365d30;white-space:nowrap}.sea-live-hud b{font:900 14px system-ui}.sea-live-hud .is-urgent{background:#d84b58;animation:timerPulse .85s ease-in-out infinite}
@media(max-width:600px){.sea-live-hud{right:10px;top:12px;gap:3px}.sea-live-hud span{padding:5px 7px;font-size:9px}.sea-live-hud b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sea-live-hud .is-urgent{animation:none}}