*{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#06191e;--bg:#0b3040;--bg-panel:#082832f0;--bg-card:#0a2e3c;--stroke:#1a6a7a;--stroke-soft:#7ec8d447;--text:#f0f8ff;--muted:#9ec5cf;--accent:#2ec4b6;--accent-deep:#1a9b90;--gold:#ffd166;--coral:#ff5e57;--coral-light:#ff8a82;--coral-deep:#c93a30;--violet:#c77dff;--shadow:0 12px 40px #0006;--radius:16px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--ui-panel:none;--ui-play:none;--ui-hud:none;--ui-secondary:none;--ui-gift:none;--ui-settings:none;--ui-offer:none;--ui-tab:none;--ui-ok:none;--ui-close:none;--pixel:auto;--font-bubble:"Fredoka", "Segoe UI Rounded", "Nunito", system-ui, sans-serif;font-family:var(--font-bubble)}img.pixel,.pixel-bg{image-rendering:auto}html[data-theme=dark]{--bg-deep:#030d11;--bg:#071f2a;--bg-panel:#03141cf7;--bg-card:#051f2b;--stroke:#0f4a58;--stroke-soft:#60a8b833;--text:#cfe6ee;--muted:#7ea6b2}html[data-theme=dark] body,html[data-theme=dark] #app{background:radial-gradient(120% 80% at 50% -10%,#123f4c 0%,#0000 55%),linear-gradient(#071f2a 0%,#030d11 100%)}html[data-theme=dark] .hub-bg{background:radial-gradient(120% 50% at 50% -8%,#ff5e572e,#0000 52%),radial-gradient(80% 45% at 10% 100%,#ff7f501a,#0000 50%),radial-gradient(70% 40% at 92% 88%,#ff5e5714,#0000 50%),radial-gradient(60% 35% at 50% 52%,#2ec4b60f,#0000 60%),linear-gradient(#12212b 0%,#081c26 38%,#030d11 100%)}html[data-theme=dark] .shop-screen,html[data-theme=dark] .pass-screen,html[data-theme=dark] .settings-screen,html[data-theme=dark] .scores-screen{background:linear-gradient(#06222c 0%,#030d11 100%)}html,body,#app{width:100%;height:100%;color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 80% at 50% -10%,#1a6a7a 0%,#0000 55%),linear-gradient(#0b3040 0%,#06191e 100%);overflow:hidden}#game-root,#ui-root{position:absolute;inset:0}#game-root{touch-action:none;overscroll-behavior:none;contain:layout paint}#game-root canvas{touch-action:none;max-width:100%;max-height:100%;display:block}#ui-root{z-index:10;pointer-events:none}#ui-root .panel{pointer-events:auto}#ui-root .screen{overscroll-behavior:contain}.screen{background:var(--bg-panel);flex-direction:column;animation:.28s ease-out fade-in;display:flex;position:absolute;inset:0;overflow:hidden}.screen[hidden]{display:none!important}.hub-screen{background:0 0}.hub-bg{z-index:0;background:radial-gradient(120% 50% at 50% -8%,#ff5e5752,#0000 52%),radial-gradient(80% 45% at 10% 100%,#ff7f502e,#0000 50%),radial-gradient(70% 40% at 92% 88%,#ff5e5724,#0000 50%),radial-gradient(60% 35% at 50% 52%,#2ec4b61a,#0000 60%),linear-gradient(#1a2e3a 0%,#0b2a36 38%,#06191e 100%);position:absolute;inset:0;overflow:hidden}.hub-bg-glow{pointer-events:none;background:radial-gradient(circle,#ff5e5726 0%,#2ec4b61a 50%,#0000 72%);border-radius:50%;width:320px;height:320px;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)}.hub-bg-wave{pointer-events:none;opacity:.35;border-radius:50% 50% 0 0;height:28%;position:absolute;left:-20%;right:-20%}.hub-bg-wave-a{background:linear-gradient(#ff5e572e,#2ec4b61f,#0000);animation:5s ease-in-out infinite wave-shift;bottom:-4%}.hub-bg-wave-b{background:linear-gradient(#08202c8c,#0000);animation:6.5s ease-in-out infinite reverse wave-shift;bottom:-10%}.hub-top{z-index:1;padding:calc(14px + var(--safe-t)) 14px 0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.hub-top .currency-bar{flex:auto;min-width:0;margin:0}.hub-top .currency-pill{flex:auto;width:auto;min-width:0;max-width:132px;padding:0 10px 3px}.hub-top .hub-settings{border-radius:12px;flex:0 0 44px;width:44px;height:44px;font-size:17px;box-shadow:0 3px #0a28304d}.hub-main{z-index:1;padding:16px 18px calc(20px + var(--safe-b));overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:0;display:flex;position:relative;overflow-y:auto}.hub-main::-webkit-scrollbar{display:none}.villa-card{text-align:center;background-color:#f5ead0;background-image:var(--ui-panel);border:3px solid var(--coral);filter:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:24px;flex:none;width:min(340px,94vw);padding:14px 14px 18px;animation:4s ease-in-out infinite villa-breathe;box-shadow:inset 0 0 0 2px #ffdcc866,0 0 0 5px #ff5e571f,0 16px 36px #00000073}@keyframes villa-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.008)}}.villa-inner{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.villa-art{background:linear-gradient(#f96 0%,#ff6b5e 22%,#c8548a 42%,#5a8abf 62%,#2a9aaa 80%,#165868 100%);border:2px solid #ff5e5766;border-radius:18px;width:calc(100% - 26px);height:160px;margin-top:6px;position:relative;overflow:hidden;transform:translate(1px);box-shadow:0 4px #b43c3233,inset 0 0 30px #ff645026}.villa-scene{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.villa-copy{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:2px 4px 0;display:flex}.hub-kicker{color:#8a6a56;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.hub-title{letter-spacing:.01em;color:var(--coral);text-shadow:0 2px #fff0ea,0 4px #b4281e2e,0 0 24px #ff5e574d;margin:0;font-size:clamp(28px,8vw,34px);font-weight:800}.hub-level{color:#c4920a;text-shadow:0 1px #ffffff8c;margin:0;font-size:17px;font-weight:800}.hub-streak{color:#4a3a30;margin:2px 0 0;font-size:13px;font-weight:700}.hub-streak.muted{color:#8a7060}.hub-controls{flex-direction:column;flex-shrink:0;align-items:stretch;gap:12px;width:min(320px,92vw);display:flex}.hub-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.hub-actions .btn-secondary{width:100%;padding:0 8px;font-size:13px}.currency-bar{width:auto;box-shadow:none;filter:none;background:0 0;border:none;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:0;display:flex}.currency-pill{box-sizing:border-box;background-color:#efe2c0;background-image:linear-gradient(180deg, #f7ecd0, #e8d5a8), var(--ui-secondary);filter:none;background-position:50%,50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%;border:2px solid #1a6a7a;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:132px;height:48px;padding:0 14px 3px;display:flex;box-shadow:0 4px #0a28304d}.pill-icon{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;line-height:1;display:inline-flex}img.pill-shell{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px #2a181073)drop-shadow(0 2px 3px #0000004d);width:30px;height:30px}.coin-gem{object-fit:contain;image-rendering:auto;vertical-align:-3px;filter:drop-shadow(0 1px #2a181059);width:18px;height:18px}.coin-gem--lg{vertical-align:-5px;width:22px;height:22px}.lives-control{align-items:center;gap:4px;min-width:0;display:inline-flex}.lives-plus{color:#3a2a00;width:30px;height:30px;font-family:var(--font-bubble);cursor:pointer;background:linear-gradient(#ffe08a,#dcae3c);border:2px solid #8a6a10;border-radius:50%;flex:0 0 30px;padding:0 0 2px;font-size:22px;font-weight:800;line-height:1;transition:transform .12s,filter .12s;box-shadow:0 3px #a07a18}.lives-plus:hover{filter:brightness(1.08);transform:scale(1.05)}.lives-plus:active{transform:translateY(2px)scale(.98);box-shadow:0 1px #a07a18}.lives-toggle{cursor:pointer;transition:width .2s,box-shadow .2s;position:relative}.lives-toggle.lives-expanded{justify-content:flex-start;width:min(260px,62vw)}.lives-countdown{color:#8a6a10;white-space:nowrap;margin-left:4px;font-size:11px;font-weight:800}.lives-countdown[hidden]{display:none}.pill-heart{color:#e83b4a;text-shadow:0 0 1px #5a1018,0 1px #5a1018,0 2px 3px #0000004d;width:28px;height:28px;font-size:22px}.pill-value{font-family:var(--font-bubble);color:#1a1410;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px #ffffffa6;align-items:center;height:30px;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.btn{appearance:none;cursor:pointer;min-height:44px;font-family:var(--font-bubble);color:#2a2418;image-rendering:var(--pixel);background:0 0;border:none;border-radius:0;padding:12px 18px;font-size:15px;font-weight:700;line-height:1.1;transition:transform .12s,filter .12s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.15)}.btn-play{letter-spacing:.12em;text-transform:uppercase;color:#fff8f6;text-shadow:0 1px #b4281e99,0 2px 8px #0000004d;background-color:var(--coral);background-image:linear-gradient(180deg, #ff8a82 0%, #ff5e57 45%, #d93b34 100%), var(--ui-play);filter:none;background-position:50%,50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%;border:3px solid #8a2520;border-radius:18px;width:100%;height:64px;padding:0 20px 4px;font-size:24px;font-weight:800;box-shadow:inset 0 2px #ffc8be80,0 8px #8a2520,0 12px 28px #c8281e59,0 0 40px #ff5e5733}.btn-play:active:not(:disabled){transform:translateY(4px)scale(.99);box-shadow:inset 0 1px #ffc8be66,0 4px #8a2520,0 6px 14px #c8281e47}.btn-secondary{background-color:#f0e4c8;background-image:linear-gradient(180deg, #f8ecd4, #ead8ae), var(--ui-secondary);color:#2a1c10;text-shadow:0 1px #fffae6b3;filter:none;background-position:50%,50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%;border:2px solid #c05040;border-radius:13px;height:50px;padding:0 10px 2px;font-size:14px;font-weight:800;box-shadow:0 4px #96281e4d}.btn-ghost{border:1px solid var(--stroke-soft);color:var(--muted);background:0 0}.btn-danger{background:linear-gradient(180deg, #ff8585, var(--coral));color:#3a0a0a;border:none;width:100%}.btn-icon{background-color:#f0e4c8;background-image:linear-gradient(180deg, #f8ecd4, #ead8ae), var(--ui-settings);color:#2a1c10;filter:none;background-position:50%,50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%;border:2px solid #c05040;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:18px;display:inline-flex;box-shadow:0 4px #96281e4d}.btn-small{border-radius:10px;padding:8px 12px;font-size:12px}.btn-buy{background:var(--ui-ok) center / 100% 100% no-repeat;color:#062028;min-height:44px;image-rendering:var(--pixel);text-shadow:0 1px #ffffff40;border:none;font-weight:800}.btn-gift{color:#fff5f4;text-shadow:0 1px 2px #8c1e1480;filter:none;background-color:#ff7b6a;background-image:linear-gradient(#ff9c8e,#ff6b5e 55%,#e04840);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:2px solid #8a2820;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;padding:0 14px 2px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 5px #8a2820,0 0 20px #ff5e5733}.btn-gift .gift-icon{object-fit:contain;filter:drop-shadow(0 1px 1px #00000040);width:22px;height:22px}.btn-gift.gift-claimed{color:#d8e8ec;text-shadow:none;background-image:linear-gradient(#6a8a90,#4a6a70);border-color:#2a4048;box-shadow:0 4px #2a4048}.gift-ready{animation:1.6s ease-in-out infinite gift-bob}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.modal-screen{z-index:20;background:0 0;justify-content:center;align-items:center;padding:12px}.modal-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020c109e;position:absolute;inset:0}.modal-card{z-index:1;background:var(--ui-panel) center / 100% 100% no-repeat;width:min(320px,94vw);max-height:min(90vh,640px);image-rendering:var(--pixel);box-shadow:none;filter:drop-shadow(0 12px 28px #0006);color:#2a2418;border:none;border-radius:0;padding:0;animation:.35s cubic-bezier(.2,1.1,.4,1) card-pop;position:relative;overflow:hidden}.level-start-card{aspect-ratio:auto;width:min(300px,92vw);height:min(88vh,520px)}.level-start-inner{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:9% 9% 8% calc(9% + 3px);display:flex}.level-start-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:6px;min-height:0;padding:2px 2px 8px;display:flex;overflow:hidden auto}.level-start-play{flex-shrink:0;margin-top:6px;height:50px!important;font-size:16px!important}.next-level-card{aspect-ratio:auto;width:min(300px,92vw);height:min(88vh,560px)}.next-level-inner{box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:9% 9% 8% calc(9% + 3px);display:flex}.next-level-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:6px;min-height:0;padding:2px 2px 8px;display:flex;overflow:hidden auto}.next-level-actions{flex-direction:column;flex-shrink:0;gap:8px;margin-top:8px;display:flex}.next-level-menu{letter-spacing:.06em;color:#1f8a96;cursor:pointer;background:#ffffff73;border:2px solid #1f8a964d;border-radius:14px;width:100%;height:44px;font-size:15px;font-weight:700;transition:background .12s,transform .12s}.next-level-menu:active{background:#fff9;transform:translateY(2px)}.next-level-play{width:100%;height:50px!important;font-size:16px!important}.modal-head{flex-shrink:0;grid-template-columns:1fr 40px;align-items:center;gap:8px;margin-bottom:4px;display:grid}.level-start-inner .modal-head{margin-top:7px}.modal-head .currency-bar{justify-content:flex-start;gap:6px;width:100%;min-width:0}.modal-head .currency-pill{flex:1 1 0;gap:6px;width:auto;min-width:0;max-width:118px;height:44px;padding:0 8px 2px}.modal-head img.pill-shell{width:26px;height:26px}.modal-head .pill-heart{width:24px;height:24px;font-size:18px}.modal-head .pill-value{height:26px;font-size:13px}.modal-head .btn-icon.modal-close{justify-self:end;width:44px;height:44px;font-size:14px}.modal-close{margin-left:0}.modal-kicker{color:#5a6a72;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin:0;font-size:11px;font-weight:600}.modal-title{text-align:center;color:#1f6f7c;text-shadow:0 1px #ffffff59;font-size:22px;font-weight:700;font-family:var(--font-bubble);margin:0 0 4px}.level-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 6px;display:flex}.pill{color:#2a2418;background:#ffffff59;border:1px solid #3c646e40;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.pill-hard{color:#a04030;border-color:#ff6b6b73}.pill-superHard{color:#6a30a0;border-color:#c77dff80}.goal-list{gap:6px;margin:0 0 4px;padding:0;list-style:none;display:grid}.goal-list li,.goal-row{color:#2a2418;background:#ffffff6b;border:1px solid #3c646e2e;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.goal-text{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;display:inline-flex}.goal-text strong{color:#1a5a68;font-weight:700}.icon-badge{background:linear-gradient(160deg,#1a4a58 0%,#0c2e38 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 2px 6px #0003}.icon-badge img,.goal-gem,.booster-icon,.diff-badge{image-rendering:auto;image-rendering:-webkit-optimize-contrast;object-fit:contain;filter:drop-shadow(0 1px 2px #00000059);flex-shrink:0;width:34px;height:34px}.booster-badge{border-radius:14px;width:48px;height:48px}.booster-badge .booster-icon{width:40px;height:40px}.section-label{letter-spacing:.1em;text-transform:uppercase;color:#5a6a72;text-align:left;margin:4px 0 2px;font-size:11px;font-weight:700}.booster-list{flex:1;gap:6px;min-height:0;margin:0;display:grid}.booster-row{cursor:pointer;color:#2a2418;background:#ffffff6b;border:1px solid #3c646e29;border-radius:12px;grid-template-columns:18px 48px 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.booster-row input{accent-color:#1f8a96;width:16px;height:16px}.booster-row.is-empty{opacity:.4}.booster-info{flex-direction:column;gap:1px;min-width:0;display:flex}.booster-info strong{font-size:13px;font-weight:700;line-height:1.15}.booster-info small{color:#5a6a72;font-size:10px;line-height:1.2}.booster-count{color:#b8860b;font-size:13px;font-weight:700}.fail-copy{text-align:center;color:var(--muted);margin-bottom:14px;line-height:1.4}.fail-nearmiss{text-align:center;color:#b4691e;background:#ffd16629;border:1px dashed #b4691e59;border-radius:10px;margin:0 0 10px;padding:7px 10px;font-size:15px;font-weight:700;line-height:1.35}.fail-card .btn{width:100%;margin-bottom:8px}.win-card{width:min(320px,94vw);overflow:visible}.win-inner{box-sizing:border-box;flex-direction:column;align-items:stretch;min-height:0;padding:12% 11% 10%;display:flex}.win-kicker{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#5a6a72;margin:0 0 4px;font-size:11px;font-weight:700}.win-title{text-align:center;font-family:var(--font-bubble);color:#1f8a96;text-shadow:0 2px #fff8e7,0 3px #2a24181f;margin:0 0 10px;font-size:30px;font-weight:800;line-height:1.05;animation:.5s cubic-bezier(.2,1.4,.4,1) both win-title-pop}.win-stars{justify-content:center;align-items:flex-end;gap:4px;min-height:68px;margin:2px 0 14px;display:flex}.win-star{place-items:center;width:64px;height:64px;display:grid;position:relative}.win-star:nth-child(2){width:72px;height:72px;transform:translateY(-8px)}.win-star-img{object-fit:contain;filter:drop-shadow(0 3px #2a241833);width:100%;height:100%}.win-star-on{animation:.5s cubic-bezier(.2,1.5,.4,1) both star-slam;animation-delay:calc(var(--i,1) * .12s)}.win-star-on .win-star-img{filter:drop-shadow(0 0 10px #ffd166bf)drop-shadow(0 3px #2a241840)}.win-star-on:after{content:"";pointer-events:none;border:3px solid #ffd166e6;border-radius:50%;animation:.5s ease-out both star-ring;position:absolute;inset:-4px}.win-star-off{opacity:.28;filter:grayscale(.85);transform:scale(.88)}.win-star-off .win-star-img{filter:grayscale()brightness(.85)}.starfish-idle{image-rendering:auto;image-rendering:-webkit-optimize-contrast;background-position:0 0;background-repeat:no-repeat;background-size:1000% 100%;animation:1.5s steps(9,end) infinite starfish-undulate;display:inline-block}@keyframes starfish-undulate{0%{background-position:0 0}to{background-position:100% 0}}.win-score{color:#eaf6ff;background:linear-gradient(#0f3f4aeb,#092e39f0);border-radius:14px;margin:0 0 12px;padding:10px 14px;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #041e2659}.win-score-row{justify-content:space-between;align-items:center;gap:10px;padding:3px 0;display:flex}.win-score-label{letter-spacing:.3px;color:#9ecfe0;font-size:12px;font-weight:600}.win-score-label em{color:#6fb0c4;font-size:10px;font-style:normal}.win-score-val{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px #00000059;font-size:17px;font-weight:800}.win-total-row{border-top:1px solid #ffffff24;margin-top:4px;padding-top:7px}.win-total-val{color:#ffd166;font-size:20px}.win-total-show{animation:.4s cubic-bezier(.2,1.4,.4,1) both win-total-pop}.win-rewards{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.win-reward{animation:.4s ease-out both reward-slide;animation-delay:calc(.25s + var(--ri,0) * 60ms);background:linear-gradient(#ffffff8c,#fff8e759);border:2px solid #2a241824;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex;box-shadow:0 2px #2a241814}.win-reward:first-child{--ri:0}.win-reward:nth-child(2){--ri:1}.win-reward:nth-child(3){--ri:2}.win-reward-left{color:#2a2418;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:700;display:flex}.win-reward-icon{object-fit:contain;filter:drop-shadow(0 2px #2a241826);flex-shrink:0;width:36px;height:36px}.win-reward-val{color:#1f8a96;text-shadow:0 1px #fff9;white-space:nowrap;font-size:18px;font-weight:800}.win-streak-gift{text-align:center;color:#b8860b;background:#ffd16647;border:2px solid #b8860b59;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 0 12px;padding:8px 10px;font-size:13px;font-weight:800;line-height:1.25;animation:1.5s ease-in-out infinite pulse-glow;display:flex}.win-streak-gift img{filter:drop-shadow(0 2px #2a241833);flex-shrink:0}.win-continue{margin-top:2px;animation:.45s ease-out .45s both reward-slide;width:100%!important;height:52px!important;font-size:17px!important}.win-confetti-layer{pointer-events:none;z-index:2;height:70%;position:absolute;inset:-20% -10% auto;overflow:hidden}.win-confetti{top:-8px;left:var(--left,50%);background:var(--c,#ffd166);width:8px;height:12px;animation:win-confetti-fall var(--dur,1.8s) ease-in var(--delay,0s) both;opacity:0;border-radius:2px;position:absolute;box-shadow:0 0 0 1px #00000026}.star-row{justify-content:center;gap:10px;margin:8px 0 16px;font-size:42px;line-height:1;display:flex}.star-on{color:var(--gold);text-shadow:0 0 16px #ffd166b3;animation:.45s cubic-bezier(.2,1.4,.4,1) both star-slam;animation-delay:calc(var(--i,1) * .1s)}.star-off{color:#e8f4ff2e}.reward-list{gap:8px;margin-bottom:16px;list-style:none;display:grid}.reward-list li{border:1px solid var(--stroke-soft);background:#00000038;border-radius:12px;justify-content:space-between;padding:10px 12px;display:flex}.streak-gift{text-align:center;color:var(--gold);margin-bottom:12px;font-weight:700;animation:1.5s ease-in-out infinite pulse-glow}.shop-screen,.pass-screen,.settings-screen,.scores-screen{background:linear-gradient(#0b3d4a 0%,#062028 100%)}.shop-screen-inner,.pass-inner,.settings-inner,.scores-inner{width:min(380px,100%);height:100%;padding:calc(10px + var(--safe-t)) 14px calc(12px + var(--safe-b));box-sizing:border-box;flex-direction:column;gap:12px;margin:0 auto;display:flex;overflow:hidden}.shop-header{grid-template-columns:44px 1fr;align-items:center;gap:8px;display:grid}.shop-header .currency-bar{grid-column:1/-1;justify-self:center}.shop-title{font-family:var(--font-bubble);color:#e8f4ff;font-size:22px;font-weight:700}.shop-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.shop-tab{color:#e8f4ff;min-width:72px;height:44px;font-family:var(--font-bubble);cursor:pointer;background:linear-gradient(#2a6a78 0%,#154858 100%);border:2px solid #7ec8d473;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:700;box-shadow:0 3px 8px #00000040}.shop-tab.is-active{color:#1a2410;background:linear-gradient(#ffe08a 0%,#e0b84a 100%);border-color:#ffd166b3}.shop-grid{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:stretch;gap:12px;padding:4px 2px 12px;display:flex;overflow:auto}.offer-card{color:#2a1a08;box-sizing:border-box;background:linear-gradient(165deg,#f5e6c8 0%,#e8d4a8 55%,#dcc898 100%);border:3px solid #2a7a88;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:360px;margin:0 auto;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff73,0 6px 16px #00000047}.offer-card--featured{border-color:#d4a017;box-shadow:inset 0 1px #ffffff80,0 0 0 2px #ffd16659,0 8px 18px #0000004d}.offer-body{text-align:left}.offer-title{font-family:var(--font-bubble);color:#1a1208;margin:0;font-size:17px;font-weight:700}.offer-desc{color:#4a3a28;margin:4px 0 0;font-size:13px;line-height:1.3}.offer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.offer-card .btn-buy{color:#3a2a00;min-width:96px;height:44px;min-height:44px;font-family:var(--font-bubble);image-rendering:auto;background:linear-gradient(#ffe08a 0%,#e0b84a 100%);border:2px solid #8a6a10;border-radius:999px;flex:auto;padding:0 16px;font-size:15px;font-weight:700;box-shadow:0 3px #a07a18}.offer-card .btn-buy:active{transform:translateY(2px);box-shadow:0 1px #a07a18}.offer-coin-btn{flex:auto;min-width:96px;height:44px!important;padding:0 12px!important;font-size:13px!important}.offer-card{position:relative}.offer-card--best{border-color:#d4a017}.offer-badge{z-index:1;color:#3a2a00;font-family:var(--font-bubble);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#ffe08a,#e0b84a);border:2px solid #a07a18;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:800;position:absolute;top:-11px;right:12px;box-shadow:0 2px 6px #00000040}.offer-owned{color:#1a5a68;min-height:42px;font-family:var(--font-bubble);background:#ffffff59;border:2px solid #2a7a8873;border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.cv-confirm__item{font-size:15px}.pay-methods{text-align:left;gap:8px;margin:4px 0 2px;display:grid}.pay-method{cursor:pointer;background:#ffffff6b;border:2px solid #2a24182e;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.pay-method input{accent-color:#1f8a96;flex-shrink:0;width:16px;height:16px}.pay-method.is-selected{background:#1f8a961f;border-color:#1f8a96}.pay-icon{font-size:18px}.pay-name{font-family:var(--font-bubble);color:#2a1a08;font-size:13px;font-weight:700}.order-summary{text-align:left;background:#ffffff4d;border:1px solid #2a24181f;border-radius:12px;margin:6px 0 2px;padding:8px 12px}.order-line{color:#5a4a38;justify-content:space-between;padding:1px 0;font-size:12px;display:flex}.order-line span:last-child{color:#3a2a18;font-weight:700}.order-total{border-top:1px solid #2a24182e;margin-top:3px;padding-top:4px;font-size:13px}.order-total span:last-child{color:#1a5a68;font-size:14px}.cv-confirm--processing{justify-content:center;min-height:220px}.pay-spinner{border:4px solid #1f8a9633;border-top-color:#1f8a96;border-radius:50%;width:42px;height:42px;margin:6px auto 12px;animation:.8s linear infinite pay-spin}.cv-confirm--success{min-height:240px}.pay-check{color:#fff;background:linear-gradient(#7ee0b0,#2ec4b6);border:3px solid #1a9b90;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:4px auto 12px;font-size:32px;font-weight:800;animation:.45s cubic-bezier(.2,1.4,.4,1) both pay-pop;display:flex;box-shadow:0 4px 14px #2ec4b666}.pay-grant{color:#1f8a96;font-weight:700}@keyframes pay-spin{to{transform:rotate(360deg)}}@keyframes pay-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.hs-best{text-align:center;color:#2a1a08;background:linear-gradient(165deg,#f5e6c8 0%,#e8d4a8 55%,#dcc898 100%);border:3px solid #d4a017;border-radius:18px;padding:14px 16px;box-shadow:inset 0 1px #ffffff73,0 6px 16px #00000047}.hs-best-label{letter-spacing:.12em;text-transform:uppercase;color:#8a6a20;margin:0 0 2px;font-size:11px;font-weight:700}.hs-best-score{font-family:var(--font-bubble);color:#1a5a68;text-shadow:0 2px #fff8e7;margin:0;font-size:34px;font-weight:800;line-height:1.1}.hs-best-meta{color:#4a3a28;margin:4px 0 0;font-size:13px;font-weight:700}.hs-best-meta .hs-star-img{width:14px;height:14px}.hs-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;margin:0;padding:2px 2px 8px;list-style:none;display:flex;overflow:auto}.hs-row{border:1px solid var(--stroke-soft);color:#e8f4ff;background:#00000038;border-radius:14px;grid-template-columns:34px 56px 1fr auto 64px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:grid}.hs-row.hs-top{background:linear-gradient(#ffd16638,#b8860b29);border-color:#ffd1668c}.hs-rank{text-align:center;font-size:18px}.hs-num{font-family:var(--font-bubble);color:#9ec5cf;font-size:14px;font-weight:800}.hs-level{color:#cfe8f0;font-weight:700}.hs-stars{align-items:center;gap:2px;display:inline-flex}.hs-star{align-items:center;line-height:0;display:inline-flex}.hs-star-img{object-fit:contain;image-rendering:auto;width:18px;height:18px}.hs-star.on .hs-star-img{filter:drop-shadow(0 0 5px #ffd166cc)drop-shadow(0 1px #2a24184d)}.hs-star.off .hs-star-img{opacity:.32;filter:grayscale()brightness(.85)}.hs-score{font-family:var(--font-bubble);color:#ffd166;text-align:right;font-size:16px;font-weight:800}.hs-date{color:var(--muted);text-align:right;font-size:11px}.hs-empty{text-align:center;color:var(--muted);padding:36px 16px;font-size:14px}.hs-foot{text-align:center;color:var(--muted);flex-shrink:0;font-size:11px}.win-highscore{text-align:center;color:#b8860b;background:linear-gradient(#ffd16666,#b8860b4d);border:2px solid #b8860b80;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 0 12px;padding:10px;font-size:15px;font-weight:800;line-height:1.25;animation:1.4s ease-in-out infinite pulse-glow;display:flex}#shop-confirm.confirm-sheet,.lives-screen{padding:18px}.lives-card{z-index:1;color:#2a1a08;background:linear-gradient(165deg,#f5e6c8 0%,#e8d4a8 55%,#dcc898 100%);border:3px solid #2a7a88;border-radius:22px;width:min(380px,94vw);max-height:min(88vh,680px);padding:28px 20px 22px;animation:.28s cubic-bezier(.2,1.1,.4,1) card-pop;position:relative;overflow-y:auto;box-shadow:0 16px 36px #0000007a}.lives-close{width:44px;height:44px;font-size:14px;position:absolute;top:12px;right:12px}.lives-balance,.lives-regen,.lives-status,.lives-stored-empty{text-align:center;color:#5a4a38;margin:6px 0;font-size:13px;line-height:1.35}.lives-regen{color:#a07010;font-weight:800}.lives-offers{gap:10px;margin-top:8px;display:grid}.lives-offer{background:#ffffff6b;border:1px solid #3c646e3d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.lives-offer-copy{min-width:0}.lives-offer-copy h3{color:#1a5a68;font-size:15px}.lives-offer-copy p{color:#5a4a38;margin-top:3px;font-size:11px}.lives-offer-actions{flex-direction:column;flex:0 0 92px;gap:6px;display:flex}.lives-offer-actions .btn{width:100%;min-height:44px;padding:0 6px;font-size:12px}.lives-inventory{margin:10px 0 4px}.lives-stored-row{color:#2a4a50;background:#2ec4b629;border:1px solid #1f8a9652;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.lives-stored-row .btn{min-height:44px;padding:0 10px}.lives-choice{margin-top:8px}.lives-choice strong{color:#1a5a68}.lives-choice-actions{gap:8px;margin-top:8px;display:flex}.lives-choice-actions .btn{flex:1;min-height:44px;padding:0 8px;font-size:13px}@media (width<=420px){.lives-screen{padding:10px}.lives-card{padding-inline:14px}.lives-offer{align-items:stretch}.lives-offer-actions{flex-basis:84px}}.confirm-sheet{z-index:40;pointer-events:auto;background:#020c10b3;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:absolute;inset:0}.confirm-sheet[hidden]{display:none!important}.cv-confirm{animation:.28s cubic-bezier(.2,1.1,.4,1) card-pop;color:#2a1a08!important;text-align:center!important;box-sizing:border-box!important;image-rendering:auto!important;filter:none!important;background:linear-gradient(165deg,#f5e6c8 0%,#e8d4a8 55%,#dcc898 100%)!important;border:3px solid #2a7a88!important;border-radius:20px!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:min(300px,92vw)!important;max-width:300px!important;margin:0!important;padding:22px 18px 18px!important;display:flex!important;box-shadow:inset 0 1px #ffffff73,0 14px 32px #00000073!important}.cv-confirm__title{font-family:var(--font-bubble);color:#1a5a68;margin:0;font-size:18px;font-weight:700}.cv-confirm__item{font-family:var(--font-bubble);color:#1a1208;margin:0;font-size:17px;font-weight:700}.cv-confirm__price{font-family:var(--font-bubble);color:#a07010;margin:2px 0;font-size:28px;font-weight:700}.cv-confirm__note{color:#5a4a38;margin:0 0 8px;font-size:12px;line-height:1.35}.cv-confirm__actions{grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;display:grid!important}.cv-confirm__cancel,.cv-confirm__buy{appearance:none;cursor:pointer;width:100%!important;height:48px!important;font-family:var(--font-bubble)!important;image-rendering:auto!important;filter:none!important;box-sizing:border-box!important;background-image:none!important;border-radius:999px!important;margin:0!important;padding:0 12px!important;font-size:15px!important;font-weight:700!important;line-height:1!important}.cv-confirm__cancel{color:#fff!important;text-shadow:0 1px #00000040!important;background:linear-gradient(#3a8a98 0%,#256a78 100%)!important;border:2px solid #1a4a58!important;box-shadow:0 3px #1a4a58!important}.cv-confirm__buy{text-transform:uppercase;letter-spacing:.04em;color:#3a2a00!important;background:linear-gradient(#ffe08a 0%,#e0b84a 100%)!important;border:2px solid #8a6a10!important;font-size:16px!important;box-shadow:0 3px #a07a18!important}.cv-confirm__cancel:active,.cv-confirm__buy:active{transform:translateY(2px);box-shadow:0 1px #0000!important}.pass-summary{border:1px solid var(--stroke-soft);background:#00000038;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.pass-keys{color:var(--gold);font-size:18px;font-weight:800}.pass-unlocked{color:var(--muted);font-size:12px}.pass-list{-webkit-overflow-scrolling:touch;flex:1;gap:8px;display:grid;overflow:auto}.pass-step{border:1px solid var(--stroke-soft);background:#0000002e;border-radius:14px;grid-template-columns:36px 1fr;gap:8px;padding:10px;display:grid}.pass-step.is-locked{opacity:.55}.pass-step-num{width:36px;height:36px;color:var(--accent);background:#2ec4b633;border-radius:10px;justify-content:center;align-items:center;font-weight:800;display:flex}.pass-tracks{gap:6px;display:grid}.pass-track{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.pass-track.premium span{color:#e0b0ff}.pass-track.is-dim{opacity:.7}.btn-prem{color:#fff;background:linear-gradient(#9b6dff,#6b3fd4);border:none}.settings-card{border:1px solid var(--stroke-soft);background:#00000038;border-radius:16px;gap:12px;padding:14px;display:grid}.toggle-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-weight:600;display:flex}.toggle-row input{width:22px;height:22px;accent-color:var(--accent)}.settings-divider{border:none;border-top:1px solid var(--stroke-soft)}.settings-warn{color:var(--muted);font-size:12px;line-height:1.4}.settings-foot{text-align:center;color:var(--muted);margin-top:auto;font-size:11px}.help-screen{background:linear-gradient(#0b3d4a 0%,#062028 100%)}html[data-theme=dark] .help-screen{background:linear-gradient(#0a1a20 0%,#060e12 100%)}.help-inner{width:100%;max-width:720px;height:100%;padding:calc(10px + var(--safe-t)) max(8px, env(safe-area-inset-left)) calc(12px + var(--safe-b)) max(8px, env(safe-area-inset-right));box-sizing:border-box;flex-direction:column;gap:10px;margin:0 auto;display:flex;overflow:hidden}.help-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:18px;padding-bottom:20px;display:flex;overflow-y:auto}.help-section-title{font-family:var(--font-bubble);color:#e8f4ff;margin:0 0 2px;font-size:18px;font-weight:700}.help-section-sub{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.3}.help-grid{flex-direction:column;gap:6px;display:flex}.help-card{border:1px solid var(--stroke-soft);box-sizing:border-box;background:#00000038;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 14px;display:flex}.help-icon{object-fit:contain;width:54px;height:54px;image-rendering:pixelated;flex:0 0 54px}.help-card-body{flex-direction:column;gap:1px;min-width:0;display:flex}.help-card-name{font-size:13px;font-weight:700}.help-card-desc{color:var(--muted);font-size:12px;line-height:1.35}.help-card-desc strong{color:#e8f4ff;font-weight:600}.help-tips{flex-direction:column;gap:6px;display:flex}.help-tips p{color:var(--muted);border:1px solid var(--stroke-soft);background:#00000038;border-radius:10px;margin:0;padding:12px 14px;font-size:12px;line-height:1.4}.help-tips p strong{color:#e8f4ff;font-weight:600}@media (width>=560px){.help-inner{padding-inline:16px}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.help-card--wide{grid-column:1/-1}}.toast{left:50%;bottom:calc(72px + var(--safe-b));z-index:50;color:var(--text);border:1px solid var(--stroke);box-shadow:var(--shadow);text-align:center;pointer-events:none;background:#0a3a48;border-radius:12px;max-width:min(90vw,320px);padding:12px 18px;font:600 14px/1.3 inherit;animation:.25s ease-out toast-in;position:absolute;transform:translate(-50%)}.confetti-layer{pointer-events:none;z-index:40;position:absolute;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;width:8px;height:12px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.2,.6,.3,1);animation-fill-mode:forwards;position:absolute;top:-12px}.cascade-float{z-index:35;color:var(--gold);text-shadow:0 4px 16px #00000073;pointer-events:none;font:800 28px/1 inherit;animation:1.1s ease-out forwards cascade-rise;position:absolute;top:38%;left:50%;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-pop{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes star-slam{0%{opacity:0;transform:scale(0)rotate(-20deg)}60%{opacity:1;transform:scale(1.25)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes star-ring{0%{opacity:.95;transform:scale(.55)}to{opacity:0;transform:scale(1.7)}}@keyframes win-total-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes win-title-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes reward-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes win-confetti-fall{0%{opacity:0;transform:translate(0,0)rotate(0)scale(.6)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--dx,16px), 140px, 0) rotate(var(--rot,280deg)) scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--dx,20px), 110vh, 0) rotate(var(--rot,360deg));opacity:.85}}@keyframes cascade-rise{0%{opacity:0;transform:translate(-50%,12px)scale(.8)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-48px)scale(1.1)}}@keyframes pulse-glow{0%,to{filter:brightness()drop-shadow(0 6px 10px #00000047)}50%{filter:brightness(1.08)drop-shadow(0 8px 18px #ff5e5773)}}@keyframes gift-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes wave-shift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width>=480px){.hub-title{font-size:32px}.modal-card:not(.level-start-card){padding:0}.settings-inner{width:min(520px,100%);padding-inline:24px}.settings-card{gap:14px;padding:18px 20px}}.btn{transition:transform .12s,filter .12s,box-shadow .12s}.btn:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)scale(.97)}.btn-play:not(:disabled):hover{box-shadow:0 8px 20px #00000059,0 0 0 3px #ffd16647}.booster-row{cursor:pointer;transition:transform .12s,background .12s,opacity .12s}.booster-row:not(.is-empty):hover{background:#ffffff8c;transform:translate(3px)}.booster-row:has(input:checked){outline-offset:-1.5px;background:#ffd1662e;outline:1.5px solid #b8860b80}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #2ec4b6}:focus:not(:focus-visible){outline:none}.toggle-row input:focus-visible,.volume-row input[type=range]:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #2ec4b6}.modal-card:focus,.cv-confirm:focus,.confirm-sheet:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn:not(:disabled):hover{filter:brightness(1.06)}.btn-secondary:not(:disabled):hover,.btn-icon:not(:disabled):hover,.btn-gift:not(:disabled):hover{transform:translateY(-2px)}.btn-play{position:relative;overflow:hidden}.btn-play:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:40%;height:140%;animation:3.2s ease-in-out infinite shine-sweep;position:absolute;top:-20%;left:-60%;transform:skew(-24deg)}@keyframes shine-sweep{0%,55%{left:-60%}85%,to{left:130%}}.hub-bg:before,.hub-bg:after{content:"";pointer-events:none;position:absolute;inset:0}.hub-bg:before{background-image:radial-gradient(circle at 12% 78%,#ffffff59 2.5px,#0000 3.5px),radial-gradient(circle at 30% 92%,#ffffff47 2px,#0000 3px),radial-gradient(circle at 48% 74%,#ffffff4d 3px,#0000 4px),radial-gradient(circle at 66% 88%,#ffffff42 2px,#0000 3px),radial-gradient(circle at 84% 76%,#ffffff52 2.5px,#0000 3.5px),radial-gradient(circle at 20% 95%,#ffffff38 1.5px,#0000 2.5px),radial-gradient(circle at 58% 96%,#ffffff40 2px,#0000 3px),radial-gradient(circle at 92% 92%,#ffffff3d 1.8px,#0000 2.8px);animation:16s linear infinite bubbles-rise}.hub-bg:after{background-image:radial-gradient(circle at 22% 85%,#bfeef280 2px,#0000 3px),radial-gradient(circle at 44% 97%,#bfeef26b 1.6px,#0000 2.6px),radial-gradient(circle at 62% 82%,#bfeef275 2.4px,#0000 3.4px),radial-gradient(circle at 80% 94%,#bfeef266 1.8px,#0000 2.8px),radial-gradient(circle at 8% 90%,#bfeef266 1.6px,#0000 2.6px),radial-gradient(circle at 36% 100%,#bfeef261 2px,#0000 3px);animation:22s linear infinite reverse bubbles-rise}@keyframes bubbles-rise{0%{opacity:0;transform:translateY(12vh)}12%{opacity:1}to{opacity:0;transform:translateY(-110vh)}}@media (prefers-reduced-motion:reduce){.btn-play:after,.hub-bg:before,.hub-bg:after,.gift-ready,.pulse-glow,.win-streak-gift,.win-highscore,.starfish-idle{animation:none!important}}.offer-card{cursor:pointer;-webkit-tap-highlight-color:#ffd1662e;transition:transform .12s,box-shadow .12s,border-color .12s}.offer-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff73,0 10px 22px #00000059}.offer-card:active{transition-duration:50ms;transform:translateY(1px)scale(.985)}.volume-row{gap:6px;padding:2px 0;display:grid}.volume-row__head{justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;display:flex}.volume-row output{text-align:right;font-variant-numeric:tabular-nums;min-width:40px;color:var(--accent);font-size:12px;font-weight:700}.volume-row input[type=range]{width:100%;height:28px;accent-color:var(--accent);cursor:pointer}.install-screen{z-index:30}.install-card{text-align:center;width:min(320px,92vw);animation:.32s cubic-bezier(.2,1.05,.4,1) sheet-up}.install-hero{justify-content:center;padding:20px 0 2px;display:flex}.install-icon{image-rendering:auto;border-radius:18px;width:72px;height:72px;animation:2.6s ease-in-out infinite install-bob;box-shadow:0 8px 20px #000c1259,0 0 0 3px #2ec4b640}.install-title{margin:12px 14px 0;font-size:19px}.install-copy{color:#4a4030;margin:8px 18px 4px;font-size:13.5px;line-height:1.5}.install-copy .ios-share{color:#04222a;background:#2ec4b6;border-radius:6px;padding:0 5px;font-weight:700;display:inline-block}.install-perks{gap:5px;margin:6px 18px 12px;padding:0;list-style:none;display:grid}.install-perks li{text-align:left;color:#3d3526;background:#2ec4b614;border-radius:10px;align-items:center;gap:8px;padding:5px 10px;font-size:13px;display:flex}.install-perks .perk-ic{font-size:16px;line-height:1}.install-cta{width:calc(100% - 40px);margin:2px 20px 8px;height:46px!important;font-size:16px!important}.install-later{width:calc(100% - 40px);margin:0 20px 18px}@keyframes install-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.install-card,.install-icon{animation:none}}.villa-pool,.villa-corals,.villa-lanterns,.villa-pier,.villa-fountain,.villa-garden,.villa-beacon{display:none}.villa-tier-1 .villa-pool,.villa-tier-2 .villa-pool,.villa-tier-3 .villa-pool,.villa-tier-4 .villa-pool,.villa-tier-5 .villa-pool,.villa-tier-6 .villa-pool,.villa-tier-7 .villa-pool,.villa-tier-2 .villa-corals,.villa-tier-3 .villa-corals,.villa-tier-4 .villa-corals,.villa-tier-5 .villa-corals,.villa-tier-6 .villa-corals,.villa-tier-7 .villa-corals,.villa-tier-3 .villa-lanterns,.villa-tier-4 .villa-lanterns,.villa-tier-5 .villa-lanterns,.villa-tier-6 .villa-lanterns,.villa-tier-7 .villa-lanterns,.villa-tier-4 .villa-pier,.villa-tier-5 .villa-pier,.villa-tier-6 .villa-pier,.villa-tier-7 .villa-pier,.villa-tier-5 .villa-fountain,.villa-tier-6 .villa-fountain,.villa-tier-7 .villa-fountain,.villa-tier-6 .villa-garden,.villa-tier-7 .villa-garden,.villa-tier-7 .villa-beacon{display:block}.villa-pool{pointer-events:none;z-index:0;background:#06263440;border-radius:8px;height:26%;position:absolute;bottom:8%;left:6%;right:6%;overflow:hidden}.villa-pool-fill{background:linear-gradient(#2ec4b6bf,#106876e6);height:32%;transition:height 1.4s cubic-bezier(.2,.8,.3,1);position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 2px #bfeef299}.villa-tier-2 .villa-pool-fill{height:46%}.villa-tier-3 .villa-pool-fill{height:58%}.villa-tier-4 .villa-pool-fill{height:70%}.villa-tier-5 .villa-pool-fill{height:82%}.villa-tier-6 .villa-pool-fill{height:92%}.villa-tier-7 .villa-pool-fill{height:100%}.villa-corals{z-index:1;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:30%;left:12%;right:12%}.villa-coral{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 3px #00000059);transform-origin:50% 100%;width:34px;height:34px;animation:3.6s ease-in-out infinite coral-sway}.villa-coral-b{width:26px;height:26px;animation-delay:-1.2s}.villa-coral-c{width:30px;height:30px;animation-delay:-2.4s}@keyframes coral-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}.villa-lanterns{z-index:1;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:12%;left:10%;right:10%}.villa-lantern{background:#ffd166;border-radius:50%;width:9px;height:9px;animation:2.4s ease-in-out infinite lantern-glow;box-shadow:0 0 12px 4px #ffd166a6}.villa-lantern-b{animation-delay:-.8s}.villa-lantern-c{animation-delay:-1.6s}@keyframes lantern-glow{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}.villa-pier{z-index:1;pointer-events:none;background:linear-gradient(#b98a5a,#7a5230);border-radius:4px;width:44%;height:7px;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 2px #0000004d}.villa-fountain{transform-origin:50% 100%;z-index:1;pointer-events:none;background:linear-gradient(#bfeef200,#bfeef2e6);border-radius:4px;width:8px;height:34px;animation:1.8s ease-in-out infinite fountain-pulse;position:absolute;bottom:32%;left:50%;transform:translate(-50%)}@keyframes fountain-pulse{0%,to{opacity:.6;transform:translate(-50%)scaleY(.8)}50%{opacity:1;transform:translate(-50%)scaleY(1.15)}}.villa-garden{z-index:1;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:20%;left:4%;right:4%}.villa-garden-flower{object-fit:contain;width:26px;height:26px;animation:2.8s ease-in-out infinite gift-bob}.villa-garden-flower-b{animation-delay:-1.4s}.villa-beacon{z-index:1;pointer-events:none;background:radial-gradient(circle,#fff6e6,#ffd166 60%,#0000 75%);border-radius:50%;width:18px;height:18px;animation:1.6s ease-in-out infinite sun-pulse;position:absolute;top:6%;left:50%;transform:translate(-50%);box-shadow:0 0 26px 10px #ffd1668c}.villa-tier-3 .villa-art:after,.villa-tier-4 .villa-art:after,.villa-tier-5 .villa-art:after,.villa-tier-6 .villa-art:after,.villa-tier-7 .villa-art:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 40%,#ffd1661f,#0000 70%);position:absolute;inset:0}.hub-guide{flex-shrink:0;align-items:center;gap:10px;width:min(350px,94vw);display:flex}.hub-guide-avatar{background-color:#eaf6f4;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #2a7f92;border-radius:50%;flex:0 0 40px;width:40px;height:40px;animation:3.2s ease-in-out infinite gift-bob;box-shadow:0 3px #0003}.hub-guide-bubble{color:#2f2216;overflow-wrap:anywhere;background:#f7ecd4;border:2px solid #c9a36a;border-radius:14px;flex:1;align-items:center;min-width:0;min-height:46px;margin:0;padding:10px 14px;font-size:15px;font-weight:700;line-height:1.4;display:flex;position:relative;box-shadow:0 3px #00000024}.hub-guide-bubble:before{content:"";border:6px solid #0000;border-right-color:#d9b98a;position:absolute;top:14px;left:-9px}.hub-guide-bubble:after{content:"";border:5px solid #0000;border-right-color:#f7ecd4;position:absolute;top:15px;left:-5px}.guide-pop{animation:.3s cubic-bezier(.2,1.2,.4,1) guide-pop}@keyframes guide-pop{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.hub-panels{flex-direction:column;flex-shrink:0;align-items:stretch;width:min(340px,94vw);display:flex}.starfish-well{background:#f5ead0;border:2px solid #d9b98a;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 4px #00000024}.starfish-well-well{background:#0a3a48;border:3px solid #7a5230;border-radius:50%;flex:0 0 52px;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:inset 0 4px 8px #00000059}.starfish-well-fill{background:linear-gradient(#2ec4b6,#137085);transition:height .5s;position:absolute;bottom:0;left:0;right:0}.starfish-well-count{color:#fff6e6;text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex;position:absolute;inset:0}.starfish-well-copy{flex:1;min-width:0}.starfish-well-title{color:#4a3a30;align-items:center;gap:6px;margin:0 0 2px;font-size:13px;font-weight:800;display:flex}.well-hint-btn{appearance:none;color:#1a6a7a;width:18px;height:18px;font-family:var(--font-bubble);cursor:pointer;background:#eaf6f4;border:1.5px solid #2a7f92;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:900;line-height:1;transition:transform .12s,filter .12s;display:inline-flex;box-shadow:0 1px #00000026}.well-hint-btn:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)scale(1.1)}.well-hint-scrim{z-index:90;background:#02121a73;animation:.2s well-hint-fade;position:fixed;inset:0}.well-hint{z-index:91;background:#f7ecd4;border:3px solid #2a7f92;border-radius:16px;width:min(260px,100vw - 48px);padding:14px 16px 16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 34px #00000080}.well-hint-title{color:#1a6a7a;margin:0 0 6px;font-size:14px;font-weight:900}.well-hint-line{color:#4a3a30;margin:0 0 4px;font-size:12px;line-height:1.4}.well-hint-gotit{color:#e8f4ff;background:linear-gradient(#2ec4b6,#0f8f8a);border:2px solid #0a5f5c;border-radius:9px;margin-top:8px;padding:7px 18px;font-size:12px;font-weight:800;box-shadow:0 3px #0a5f5c}.well-hint-pop{animation:.22s cubic-bezier(.2,1.2,.4,1) well-hint-in}@keyframes well-hint-in{0%{opacity:0;transform:translate(-50%,-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)}}@keyframes well-hint-fade{0%{opacity:0}to{opacity:1}}.starfish-well-blurb{color:#8a7060;margin:0 0 6px;font-size:11px;line-height:1.3}.starfish-well-rewards{align-items:center;gap:4px;margin:0 0 8px;display:flex}.well-reward{background:#efe2c0;border:2px solid #c9a36a;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;box-shadow:0 2px #0000001f}.well-reward-icon{object-fit:contain;width:22px;height:22px}#hub-toss{color:#e8f4ff;background:linear-gradient(#9aa8b0,#6a7a82);border:2px solid #3a4a52;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:800;box-shadow:0 3px #3a4a52}#hub-toss.toss-ready{background:linear-gradient(#2ec4b6,#0f8f8a);border-color:#0a5f5c;animation:1.6s ease-in-out infinite sun-pulse;box-shadow:0 3px #0a5f5c}#hub-toss:disabled{cursor:not-allowed}.well-splash .starfish-well-well:after{content:"";border:3px solid #2ec4b6;border-radius:50%;animation:.7s cubic-bezier(.2,.8,.3,1) forwards well-splash;position:absolute;inset:-6px}@keyframes well-splash{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.well-jackpot .starfish-well-well:before,.well-jackpot .starfish-well-well:after{content:"";border-radius:50%;animation:.9s cubic-bezier(.2,.8,.3,1) forwards well-jackpot;position:absolute;inset:-10px}.well-jackpot .starfish-well-well:before{border:4px solid #ffd166}.well-jackpot .starfish-well-well:after{border:2px solid #ffb703;animation-delay:.12s}@keyframes well-jackpot{0%{opacity:1;transform:scale(.5)}70%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(1.8)}}.reef-map-screen{background:radial-gradient(120% 90% at 50% -10%,#1e82968c,#0000 60%),linear-gradient(#0a3a4a 0%,#0d5268 55%,#0a3a4a 100%);overflow:hidden}.reef-map-bg{opacity:.8;background-image:radial-gradient(2px 2px at 12% 22%,#ffffff80,#0000 60%),radial-gradient(1.5px 1.5px at 34% 58%,#ffffff59,#0000 60%),radial-gradient(2px 2px at 62% 16%,#ffffff73,#0000 60%),radial-gradient(1.5px 1.5px at 78% 44%,#fff6,#0000 60%),radial-gradient(2px 2px at 88% 72%,#ffffff59,#0000 60%),radial-gradient(1.5px 1.5px at 22% 84%,#fff6,#0000 60%);background-size:420px 420px;animation:40s linear infinite reef-drift;position:absolute;inset:0}@keyframes reef-drift{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:420px 210px,420px 210px,420px 210px,420px 210px,420px 210px,420px 210px}}.reef-map-main{z-index:1;flex-direction:column;flex:1;min-height:0;padding:2px 10px 14px;display:flex;position:relative}.reef-map-hud{top:calc(8px + var(--safe-t));z-index:6;pointer-events:none;position:absolute;left:0;right:0}.reef-map-hud .currency-pill{gap:6px;width:118px;height:44px;padding:0 10px 2px;position:absolute;top:38px}.reef-map-hud img.pill-shell{width:26px;height:26px}.reef-map-hud .pill-heart{width:24px;height:24px;font-size:19px}.reef-map-hud .pill-value{height:26px;font-size:14px}.reef-map-hud .chip-coins{left:8px;transform:none}.reef-map-hud .chip-hearts{left:auto;right:64px;transform:none}.reef-map-sea-name{color:#fff6e6;text-align:center;text-shadow:0 2px #00000059,0 0 12px #00000059;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(20px,6vw,28px);font-weight:900;line-height:1.05;overflow:hidden}.reef-hud-progress{color:#d9f2f8;letter-spacing:.14em;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#031a228c;border:1px solid #a0dce659;border-radius:999px;margin:0;padding:3px 12px 4px;font-size:12px;font-weight:800;position:absolute;top:88px;left:50%;transform:translate(-50%)}.reef-close{top:calc(8px + var(--safe-t));z-index:7;position:absolute;right:8px}.reef-map-screen:not(.reef-art-screen) .reef-map-main{padding-top:118px}.reef-map-scroll{scrollbar-width:none;background:linear-gradient(#0428348c,#04283440);border:1px solid #a0dce640;border-radius:14px;flex:1;min-height:0;overflow:auto;box-shadow:inset 0 6px 18px #0000004d}.reef-map-scroll::-webkit-scrollbar{display:none}.reef-map-track{min-width:100%;height:150%;position:relative}.reef-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.reef-path line{stroke:#beebf58c;stroke-width:4px;stroke-dasharray:2 10;stroke-linecap:round;animation:1.4s linear infinite path-flow}@keyframes path-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24px}}.reef-node{cursor:pointer;--node-gate:#ffffff29;width:46px;height:46px;box-shadow:inset 0 0 0 2px var(--node-gate), 0 3px 0 #00000059;background:radial-gradient(circle at 32% 26%,#ffffff80,#fff0 44%),linear-gradient(#ecc08a,#c98a4e);border:3px solid #8a5a2e;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.reef-node.node-wait{opacity:.55;transform:translate(-50%,-50%)scale(.72)}.reef-node.node-reveal{opacity:1;transition:transform .34s cubic-bezier(.2,.9,.3,1.12),opacity .3s;transition-delay:calc(var(--pop-i,0) * 26ms);transform:translate(-50%,-50%)scale(1)}.reef-node:hover{box-shadow:inset 0 0 0 2px var(--node-gate), 0 5px 0 #00000059, 0 0 10px #ffd66666;transition:transform .15s,box-shadow .15s;transform:translate(-50%,-50%)scale(1.12)}.reef-node:active{transform:translate(-50%,-50%)scale(.96)}.reef-node.node-cleared{background:radial-gradient(circle at 32% 26%,#ffffff8c,#fff0 45%),linear-gradient(#bde8c5,#6fbf8a);border-color:#2e6b4a}.reef-node.node-frontier{background:radial-gradient(circle at 32% 26%,#fff9,#fff0 46%),linear-gradient(#ffe29a,#f0a630);border-color:#9a5c14;animation:2s ease-in-out infinite node-frontier-pulse}.reef-node.node-frontier:before{content:"";pointer-events:none;border:2px solid #ffd166cc;border-radius:50%;animation:2s ease-out infinite node-frontier-ring;position:absolute;inset:-7px}.reef-node.node-locked{cursor:not-allowed;opacity:.85;background:radial-gradient(circle at 32% 26%,#ffffff38,#fff0 44%),linear-gradient(#8fa6ae,#5c767e);border-color:#334b52}.reef-node.node-locked:hover{transform:translate(-50%,-50%);box-shadow:0 3px #00000059}.reef-node.node-boss{--node-gate:#ffd66659;width:56px;height:56px;box-shadow:inset 0 0 0 2px var(--node-gate), 0 4px 0 #00000059;background:radial-gradient(circle at 30% 24%,#ffffff80,#fff0 44%),linear-gradient(#ffb284,#e0542e);border-color:#8c2a12;border-radius:16px}.reef-node.node-boss.node-cleared{--node-gate:#ffffff47;box-shadow:inset 0 0 0 2px var(--node-gate), 0 4px 0 #00000059, 0 0 10px #ffd16666;background:radial-gradient(circle at 30% 24%,#ffffff8c,#fff0 44%),linear-gradient(#ffe29a,#e0922a);border-color:#8c5c10}.reef-node.node-just-cleared:after{content:"";border:3px solid #ffd166;border-radius:50%;animation:.9s ease-out 2 node-just-ping;position:absolute;inset:-8px}@keyframes node-just-ping{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}@keyframes node-frontier-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--node-gate), 0 3px 0 #00000059, 0 0 0 #ffd16600}50%{box-shadow:inset 0 0 0 2px var(--node-gate), 0 3px 0 #00000059, 0 0 10px #ffd16673}}@keyframes node-frontier-ring{0%{opacity:.9;transform:scale(.85)}70%,to{opacity:0;transform:scale(1.3)}}.reef-node-num{color:#fff6e6;text-shadow:0 1px 2px #00000080;font-size:15px;font-weight:900}.reef-node-stars{letter-spacing:.05em;color:#ffd166;text-shadow:0 1px 1px #0009;white-space:nowrap;background:#02161eb8;border:1px solid #ffd16659;border-radius:999px;margin-top:5px;padding:2px 8px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.reef-node-stars.empty{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;background:#02161e8c;border-color:#ffffff26;font-size:8.5px;font-weight:800}.reef-node-sun{background:radial-gradient(circle at 35% 35%,#fff3b0,#ffd166 70%);border-radius:50%;width:14px;height:14px;animation:2.6s ease-in-out infinite sun-pulse;position:absolute;top:-9px;right:-9px;box-shadow:0 0 6px #ffd16680}.reef-node-bubble{background:radial-gradient(circle at 30% 25%,#a0dceb80,#78c3d7d9);border-radius:50%;justify-content:center;align-items:center;animation:2.6s ease-in-out infinite bubble-bob;display:flex;position:absolute;inset:4px;overflow:hidden}.reef-node-bubble:before{content:"";background:#ffffffd9;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:12px}.reef-node-bubble-q{color:#fffffff2;text-shadow:0 1px 2px #001e2880;font-size:16px;font-weight:900}@keyframes bubble-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.reef-storm{pointer-events:none;background:linear-gradient(#46606ee6,#283e4af2);border-radius:50%;position:absolute;inset:-4px;overflow:hidden}.reef-storm-cloud{background:#2e4552;border-radius:12px;width:34px;height:14px;animation:4s ease-in-out infinite alternate storm-drift;position:absolute;top:8px;left:4px;box-shadow:12px 3px 0 -2px #2e4552,22px 6px 0 -3px #2e4552}.reef-storm-drop{background:linear-gradient(#beebfae6,#96d2eb4d);border-radius:2px;width:3px;height:9px;animation:.9s linear infinite storm-fall;position:absolute}.reef-storm-drop-a{animation-delay:0s;top:22px;left:10px}.reef-storm-drop-b{animation-delay:.3s;top:22px;left:20px}.reef-storm-drop-c{animation-delay:.6s;top:22px;left:30px}@keyframes storm-drift{0%{transform:translate(0)}to{transform:translate(6px)}}@keyframes storm-fall{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(14px)}}.reef-map-screen{flex-direction:column;display:flex}.reef-map-cta{text-align:center;margin-top:10px}.reef-badge{z-index:2;filter:drop-shadow(0 1px 2px #00000080);pointer-events:none;border-radius:5px;position:absolute;top:-8px;left:-8px}.reef-node .reef-node-bubble{animation:2.6s ease-in-out infinite bubble-bob}.reef-node.bubble-wobble .reef-node-bubble{animation:.4s ease-in-out bubble-wobble}@keyframes bubble-wobble{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-4px)rotate(-6deg)}50%{transform:translate(4px)rotate(5deg)}75%{transform:translate(-3px)rotate(-3deg)}}.tide-log-screen{background:radial-gradient(130% 80% at 50% -10%,#1e829680,#0000 60%),linear-gradient(#082e3c 0%,#0d4a5c 55%,#082e3c 100%)}.tide-screen-top{z-index:1;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 4px;display:flex;position:relative}.tide-screen-main{z-index:1;overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:2px 14px 22px;position:relative;overflow-y:auto}.tide-screen-main::-webkit-scrollbar{display:none}.tide-kicker{letter-spacing:.14em;text-transform:uppercase;color:#7fd4e0;margin:0 0 2px;font-size:11px;font-weight:800}.tide-title{color:#fff6e6;text-shadow:0 2px #00000059;margin:0 0 10px;font-size:26px;font-weight:900}.tide-hero{background:linear-gradient(#0a3c4cd9,#062a36e6);border:1px solid #beebf547;border-radius:16px;margin-bottom:12px;padding:14px 16px 12px;box-shadow:0 6px 18px #00000047}.tide-hero-head{align-items:center;gap:12px;display:flex}.tide-hero-icon{background:radial-gradient(circle at 32% 28%,#7bdff2,#2a7f92);border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 3px #0000004d,0 0 14px #7bdff280}.tide-hero-icon img{image-rendering:pixelated;filter:drop-shadow(0 1px 1px #0006)}.tide-hero-copy{flex-direction:column;flex:1;min-width:0;display:flex}.tide-hero-label{letter-spacing:.08em;text-transform:uppercase;color:#9fd8e2;font-size:11px;font-weight:800}.tide-hero-value{color:#ffd166;text-shadow:0 2px #0006,0 0 18px #ffd16659;letter-spacing:.01em;font-size:34px;font-weight:900;line-height:1.05}.tide-tier-badge{letter-spacing:.1em;text-transform:uppercase;color:#fff6e6;white-space:nowrap;background:#2a7f92;border:2px solid #7bdff2;border-radius:999px;align-self:flex-start;margin-top:4px;padding:4px 10px;font-size:10px;font-weight:900;animation:2.2s ease-in-out infinite tide-badge-glow}.tide-tier-badge.mega{color:#4a2f17;background:linear-gradient(#ffd166,#e0922a);border-color:#fff6e6;font-size:11px}@keyframes tide-badge-glow{0%,to{box-shadow:0 0 #7bdff200}50%{box-shadow:0 0 12px #7bdff2b3}}.tide-hero-track{background:#021820b3;border:1px solid #a0dce64d;border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.tide-hero-fill{background:linear-gradient(90deg,#2ec4b6,#ffd166);border-radius:999px;height:100%;transition:width .6s;box-shadow:0 0 10px #ffd16680}.tide-hero-fill.pass{background:linear-gradient(90deg,#7bdff2,#2ec4b6);box-shadow:0 0 10px #7bdff280}.tide-hero-hint{color:#9fd8e2;margin:7px 0 0;font-size:11.5px;font-weight:700}.tide-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}.tide-card{background:linear-gradient(#0a3c4cd9,#062a36e6);border:1px solid #beebf540;border-radius:14px;margin-bottom:12px;padding:12px 14px;box-shadow:0 4px 12px #00000038}.tide-card-title{letter-spacing:.12em;text-transform:uppercase;color:#7fd4e0;border-bottom:1px dashed #a0dce640;margin:0 0 8px;padding-bottom:6px;font-size:12px;font-weight:900}.tide-stats{flex-direction:column;gap:7px;display:flex}.tide-stat{align-items:baseline;gap:6px;font-size:12.5px;display:flex}.tide-stat-icon{text-align:center;width:16px;font-size:13px}.tide-stat-label{color:#cfeef4;flex:1;min-width:0;font-weight:700}.tide-stat-val{color:#fff6e6;white-space:nowrap;font-weight:900}.tide-stat-sub{color:#8fb6c2;flex-basis:100%;margin:-3px 0 0 22px;font-size:10.5px}.tide-pass-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tide-pass-head .tide-card-title{border-bottom:none;margin-bottom:2px;padding-bottom:0}.tide-pass-sub{color:#9fd8e2;margin:0;font-size:11.5px}.tide-pass-keys{color:#ffd166;white-space:nowrap;font-size:14px;font-weight:900}.tide-pass-next{color:#9fd8e2;margin:7px 0 0;font-size:11.5px;font-weight:700}.tide-chart-sub{color:#9fd8e2;margin:-4px 0 8px;font-size:11.5px}.tide-chart-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px;display:grid}.tide-chart-row{background:#02182080;border:1px solid #a0dce62e;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 4px;display:flex}.tide-chart-num{color:#cfeef4;font-size:10px;font-weight:800}.tide-chart-stars{letter-spacing:.03em;color:#ffd166;text-shadow:0 1px 1px #00000080;font-size:10px}.tide-chart-stars.empty{color:#ffffff4d}.tide-facts-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.tide-facts-list li{color:#cfeef4;padding-left:14px;font-size:12.5px;font-weight:700;line-height:1.4;position:relative}.tide-facts-list li:before{content:"✦";color:#ffd166;position:absolute;top:0;left:0}.reef-map-view{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.reef-map-track{-webkit-user-select:none;user-select:none;cursor:grab}.reef-map-track.reef-dragging{cursor:grabbing}.reef-depth{pointer-events:none;will-change:transform;background:radial-gradient(70% 42% at 30% 18%,#2ec4b624,#0000 70%),radial-gradient(60% 38% at 72% 30%,#ffd16612,#0000 70%),linear-gradient(#0a3a4a00 0%,#082e3a47 52%,#031c2699 100%);height:100%;position:absolute;top:0}.reef-bubbles{pointer-events:none;opacity:.8;will-change:transform;background-image:radial-gradient(circle at 22px 18%,#c8f0fa8c 2.5px,#0000 3.5px),radial-gradient(circle at 74px 62%,#c8f0fa59 2px,#0000 3px),radial-gradient(circle at 130px 34%,#ffffff80 1.5px,#0000 2.5px);background-repeat:repeat-x;background-size:240px 100%,300px 100%,360px 100%;height:100%;animation:7s linear infinite reef-bubble-rise;position:absolute;top:0}@keyframes reef-bubble-rise{0%{background-position:0 0,0 0,0 0}to{background-position:0 -260px,0 -220px,0 -300px}}.reef-seabed{pointer-events:none;will-change:transform;background:linear-gradient(#09344200 0%,#0628348c 70%,#041e28cc 100%);height:34%;position:absolute;bottom:0}.reef-plant{transform-origin:50% 100%;filter:drop-shadow(0 0 2px #0000004d);animation-name:reef-plant-sway;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:4px}.reef-plant.p0{background:linear-gradient(#3cc4a0,#1e8a6f);border-radius:60% 60% 30% 30%;width:13px;box-shadow:inset -3px 0 #00000026}.reef-plant.p1{background:radial-gradient(circle at 32% 28%,#ffab7a,#d95f3c);border-radius:50% 50% 45% 45%;width:26px}.reef-plant.p2{background:linear-gradient(#2ec4b6,#0f8f8a);border-radius:90% 10%;width:24px;transform:scaleX(.65)rotate(8deg);height:60%!important}@keyframes reef-plant-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}.reef-crown{z-index:3;filter:drop-shadow(0 1px 2px #0000008c);pointer-events:none;animation:2.6s ease-in-out infinite sun-pulse;position:absolute;top:-9px;right:-9px}.reef-node .reef-boss-crown{z-index:4;clip-path:polygon(0 100%,0 45%,16% 64%,16% 8%,33% 62%,50% 4%,67% 62%,84% 8%,84% 64%,100% 45%,100% 100%);filter:drop-shadow(0 2px 3px #00000080)drop-shadow(0 0 6px #ffd1668c);pointer-events:none;background:linear-gradient(#fff2bd 0%,#ffd166 45%,#e09a24 100%);width:26px;height:17px;animation:2.8s ease-in-out infinite crown-bob;display:none;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.reef-node.node-boss.node-cleared .reef-boss-crown{display:block}.reef-node.node-boss.node-cleared .reef-crown{display:none}.reef-node.node-boss.node-cleared:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff80 50%,#0000 60%) 200% 0/250% 100%;border-radius:13px;animation:2.6s ease-in-out infinite boss-shimmer;position:absolute;inset:0}@keyframes boss-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes crown-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}.reef-artmap-view{touch-action:none;background:linear-gradient(#042834b3,#031c26e6);position:absolute;inset:0;overflow:hidden}.reef-artmap-frame{transform-origin:0 0;aspect-ratio:1376/768;will-change:transform;cursor:grab;transition:transform .85s cubic-bezier(.22,.9,.3,1);position:absolute;top:0;left:0}.reef-artmap-frame.art-panning,.reef-artmap-frame.art-dragging{transition:none}.reef-artmap-frame.art-dragging{cursor:grabbing}.reef-artmap-img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.reef-art-screen .reef-map-main{padding:0}@media (width<=380px){.reef-map-hud .currency-pill{gap:4px;width:104px;padding-inline:7px}.reef-map-hud .chip-coins{left:8px}.reef-map-hud .chip-hearts{right:60px}.reef-map-hud .pill-value{font-size:13px}}@media (width<=260px){.reef-map-hud .currency-pill{width:88px;height:44px;padding-inline:5px}.reef-map-hud img.pill-shell{width:22px;height:22px}.reef-map-hud .pill-heart{width:21px;height:21px;font-size:17px}.reef-map-hud .pill-value{font-size:12px}.reef-map-hud .chip-hearts{right:58px}}.reef-art-screen .reef-map-cta{z-index:5;text-align:center;margin:0;position:absolute;bottom:14px;left:0;right:0}.reef-art-screen .reef-map-cta .btn-play{width:min(340px,86vw);margin:0 auto}.reef-art-screen .reef-jump{bottom:96px;right:12px}.reef-art-details{z-index:30;pointer-events:none;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.reef-art-details[hidden]{display:none}.reef-art-details-card{pointer-events:auto;opacity:0;background:#f7ecd4;border:2px solid #c9a36a;border-radius:16px;width:min(300px,88vw);padding:12px 16px 14px;position:relative;transform:translateY(10px)scale(.96);box-shadow:0 16px 40px #0000008c}.reef-art-details.art-details-pop .reef-art-details-card{opacity:1;transition:transform .24s cubic-bezier(.2,1.2,.4,1),opacity .18s;transform:translateY(0)scale(1)}.reef-art-details-close{width:44px;height:44px;font-size:16px;position:absolute;top:8px;right:8px}.reef-art-details-title{color:#2f2216;align-items:center;gap:6px;margin:0 0 8px;padding-right:40px;font-size:16px;font-weight:900;display:flex}.reef-art-details-title em{color:#b26a10;font-style:normal}.reef-art-details .reef-preview-goals{margin-bottom:8px}.reef-art-details-dive{margin-top:10px}.reef-art-rating{background:#184a5c14;border:1px solid #184a5c2e;border-radius:10px;gap:5px;margin-top:8px;padding:8px 10px 9px;display:grid}.reef-art-rating-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.reef-art-rating-tag{letter-spacing:.08em;text-transform:uppercase;color:#fff;border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:900}.reef-art-rating-best-tag{background:#e0922a}.reef-art-rating-last-tag{background:#2e7d9e}.reef-art-rating-stars{gap:2px;font-size:16px;line-height:1;display:inline-flex}.reef-art-star{transform-origin:50% 62%;animation:.34s cubic-bezier(.2,1.6,.4,1) both reef-star-pop;animation-delay:calc(var(--i,0) * 70ms + 50ms);display:inline-block}.reef-art-star.on{color:#f0a832;text-shadow:0 1px #00000040,0 0 6px #f0a8328c}.reef-art-star.off{color:#b8a88c;opacity:.4}@keyframes reef-star-pop{0%{opacity:0;transform:scale(0)rotate(-90deg)}70%{transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.reef-art-check{cursor:pointer;background:radial-gradient(circle at 32% 26%,#ffffff80,#fff0 46%),linear-gradient(#ff7070,#d92828);border:3px solid #fff6e6f2;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px #00000059,0 0 10px #00000040}.reef-art-check:hover{transform:translate(-50%,-50%)scale(1.15);box-shadow:0 4px #00000059,0 0 12px #ffd66673}.reef-art-check:active{transform:translate(-50%,-50%)scale(.94)}.reef-art-check-num{color:#fff8ee;text-shadow:0 1px 2px #0000008c;font-size:15px;font-weight:900}.reef-art-check.art-check-cleared{background:radial-gradient(circle at 32% 26%,#ffffff8c,#fff0 46%),linear-gradient(#bde8c5,#5fae76);border-color:#eafff0}.reef-art-check.art-check-frontier{border-color:#ffe9a3;animation:1.8s ease-in-out infinite art-check-pulse}.reef-art-check.art-check-locked{cursor:not-allowed;opacity:.85;background:radial-gradient(circle at 32% 26%,#ffffff40,#fff0 46%),linear-gradient(#a0b0b6,#5c767e);border-color:#ffffff80}.reef-art-check.art-check-locked:hover{transform:translate(-50%,-50%);box-shadow:0 3px #00000059}.reef-art-check-star{color:#ffd166;text-shadow:0 1px 2px #0009;pointer-events:none;font-size:11px;line-height:1;position:absolute;top:-11px;right:-9px}@keyframes art-check-pulse{0%,to{box-shadow:0 0 0 3px #ffd6668c,0 3px #00000059}50%{box-shadow:0 0 0 8px #ffd66633,0 3px #00000059}}.reef-art-check.art-cam-ping,.reef-art-end.art-cam-ping{z-index:6}.reef-art-check.art-cam-ping{box-shadow:0 0 0 5px #ffd66659,0 3px #00000059}.reef-art-check.art-cam-ping:after,.reef-art-end.art-cam-ping:after{content:"";pointer-events:none;border:3px solid #ffd666f2;border-radius:50%;animation:.75s ease-out forwards art-cam-ping;position:absolute;inset:-8px}@keyframes art-cam-ping{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(2)}}.reef-art-check.art-shake{animation:.4s ease-in-out art-shake}@keyframes art-shake{0%,to{transform:translate(-50%,-50%)translate(0)rotate(0)}25%{transform:translate(-50%,-50%)translate(-4px)rotate(-6deg)}50%{transform:translate(-50%,-50%)translate(4px)rotate(5deg)}75%{transform:translate(-50%,-50%)translate(-3px)rotate(-3deg)}}.reef-art-chest{cursor:pointer;image-rendering:auto;filter:drop-shadow(0 4px 6px #00000073);background-color:#0000;background-position:0 0;background-repeat:no-repeat;background-size:1000% 100%;border:0;width:62px;height:62px;padding:0;transition:filter .2s;position:absolute;transform:translate(-50%,-50%)}.reef-art-chest.chest-ready{animation:2.2s ease-in-out infinite chest-bob}.reef-art-chest.chest-ready:hover{filter:drop-shadow(0 0 10px #ffd666cc)drop-shadow(0 4px 6px #00000073)}.reef-art-chest.chest-locked{cursor:not-allowed;opacity:1;filter:grayscale(.55)brightness(.82)drop-shadow(0 3px 4px #0006);animation:3.4s ease-in-out infinite chest-bob-slow}.reef-art-chest.chest-claimed{cursor:default;opacity:1;filter:saturate(.5)brightness(.9)drop-shadow(0 3px 4px #00000059);animation:none}.reef-art-chest.chest-shake{animation:.75s steps(9,end) chest-shake}@media (prefers-reduced-motion:reduce){.reef-art-chest.chest-ready,.reef-art-chest.chest-locked,.reef-art-chest.chest-shake{animation:none}}.reef-chest-badge{color:#ffe9a3;text-shadow:0 1px 2px #0009;pointer-events:none;font-size:15px;line-height:1;position:absolute;top:-8px;right:-8px}@keyframes chest-bob{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-4px)}}@keyframes chest-bob-slow{0%,to{transform:translate(-50%,-50%)translateY(0)rotate(0)}50%{transform:translate(-50%,-50%)translateY(-3px)rotate(1.5deg)}}.chest-reward-screen{z-index:30}.chest-reward-card{z-index:1;text-align:center;color:#2a2418;background:radial-gradient(circle at 50% -20%,#fffc,#0000 42%),linear-gradient(165deg,#fff3d2 0%,#f1d89c 56%,#d9b96b 100%);border:3px solid #9b681f;border-radius:24px;width:min(344px,100vw - 24px);padding:28px 20px 20px;animation:.48s cubic-bezier(.2,1.25,.4,1) both chest-reward-pop;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffe08a80,0 0 0 7px #ffd16629,0 18px 42px #00000080}.chest-reward-sparkle{color:#fff7c2;text-shadow:0 0 12px #ffd166f2;pointer-events:none;font-size:58px;line-height:1;animation:1.1s ease-in-out infinite chest-reward-sparkle;position:absolute;top:4px;left:50%;transform:translate(-50%)}.chest-reward-kicker{color:#9b681f;letter-spacing:.16em;text-transform:uppercase;margin:8px 0 3px;font-size:11px;font-weight:800;position:relative}.chest-reward-title{color:#8a5715;font-family:var(--font-bubble);text-shadow:0 2px #fff7c2cc;margin:0;font-size:28px;font-weight:800;line-height:1.05;position:relative}.chest-reward-copy{color:#6f5632;margin:8px 0 16px;font-size:13px;line-height:1.35}.chest-reward-items{gap:9px;margin-bottom:18px;display:grid}.chest-reward-item{text-align:left;background:#fff9e19e;border:2px solid #9b681f3d;border-radius:15px;align-items:center;gap:12px;min-height:66px;padding:8px 12px;animation:.42s ease-out both chest-reward-item-in;display:flex;box-shadow:0 3px #774d131f}.chest-reward-item:nth-child(2){animation-delay:.1s}.chest-reward-icon{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px #4b30102e);flex:0 0 52px;width:52px;height:52px}.chest-reward-shell{animation:1.2s ease-in-out .3s infinite chest-shell-bounce}.chest-reward-item-label{color:#8b6a3a;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.chest-reward-item strong{color:#1f8a96;margin-top:2px;font-size:20px;font-weight:800;line-height:1.1;display:block}.chest-reward-item--booster strong{color:#9a5c1a;font-size:17px}.chest-reward-ok{letter-spacing:.08em;margin:0;height:54px!important;font-size:19px!important}@keyframes chest-reward-pop{0%{opacity:0;transform:translateY(18px)scale(.78)rotate(-2deg)}70%{transform:translateY(-3px)scale(1.025)rotate(.5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes chest-reward-sparkle{0%,to{opacity:.5;transform:translate(-50%)scale(.82)rotate(-8deg)}50%{opacity:1;transform:translate(-50%)scale(1.08)rotate(8deg)}}@keyframes chest-reward-item-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes chest-shell-bounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-4px)rotate(3deg)}}@keyframes chest-shake{0%{background-position:0 0}to{background-position:100% 0}}.reef-art-end{color:#5b3a05;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#ffd166,#e0922a);border:3px solid #ffe9a3;border-radius:999px;align-items:center;gap:5px;padding:7px 14px 8px;font-size:14px;font-weight:900;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px #00000059}.reef-art-end:hover{transform:translate(-50%,-50%)scale(1.1)}.reef-art-end:active{transform:translate(-50%,-50%)scale(.95)}.reef-art-end.art-end-ready{animation:1.8s ease-in-out infinite art-end-pulse}.reef-art-end.art-end-locked{cursor:not-allowed;color:#ffffffbf;box-shadow:none;background:linear-gradient(#8fa6ae,#5c767e);border-color:#fff6}.reef-art-end-locked:hover{transform:translate(-50%,-50%)}.reef-art-end-label{font-size:13px}.reef-art-end-arrow{font-size:16px;line-height:1}@keyframes art-end-pulse{0%,to{box-shadow:0 0 0 3px #ffd66680,0 3px #00000059}50%{box-shadow:0 0 0 9px #ffd66633,0 3px #00000059}}.reef-locator{cursor:pointer;touch-action:none;background:#021820a6;border:1px solid #a0dce659;border-radius:999px;height:12px;margin:10px 4px 0;position:relative}.reef-locator:before{content:"";background:repeating-linear-gradient(90deg,#7bdff22e 0 3px,#0000 3px 26px);border-radius:999px;position:absolute;inset:3px}.reef-locator-marker{pointer-events:none;background:linear-gradient(#ffd166,#e0922a);border:2px solid #fff6e6;border-radius:3px;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffd166cc}.reef-locator-dot{pointer-events:none;background:#bfeef2;border:1px solid #0a3a4a;border-radius:50%;width:8px;height:8px;transition:left .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #bfeef2e6}.reef-jump{z-index:6;color:#062a34;background:linear-gradient(#2ec4b6,#0f8f8a);border:2px solid #0a5f5c;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;position:absolute;bottom:10px;right:10px;box-shadow:0 3px #0000004d}.reef-jump:not([hidden]):hover{filter:brightness(1.08)}.reef-preview{z-index:60;background:#f7ecd4;border:2px solid #c9a36a;border-radius:14px;width:236px;padding:12px 14px;animation:.18s cubic-bezier(.2,1.2,.4,1) reef-preview-in;position:fixed;box-shadow:0 10px 26px #00000073}@keyframes reef-preview-in{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.reef-preview-title{color:#2f2216;align-items:center;gap:6px;margin:0 0 8px;font-size:15px;font-weight:900;display:flex}.reef-preview-title em{color:#b26a10;font-style:normal}.reef-preview-badge .reef-badge{filter:drop-shadow(0 1px 1px #0000004d);margin-left:auto;position:static}.reef-preview-goals{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.reef-preview-goal{color:#4a3a30;background:#d9b98a66;border:1px solid #d9b98a;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:800;display:flex}.reef-preview-goal img{width:20px;height:20px;image-rendering:pixelated}.reef-preview-moves{color:#6a5a4a;margin:0 0 6px;font-size:12px;font-weight:800}.reef-preview-best{color:#6a5a4a;margin:0 0 10px;font-size:12px;font-weight:800}.reef-preview-stars{color:#e0922a;letter-spacing:.05em}.reef-preview-note{color:#8a2a1a;margin:0;font-size:12px;font-weight:800}.reef-preview-dive{width:100%;margin-top:4px}.reef-sea-bands{pointer-events:none;position:absolute;inset:0;overflow:hidden}.reef-sea-band{pointer-events:none;position:absolute;top:0;bottom:0}.reef-sea-banner{border:1.5px solid var(--sea-accent,#7fd4e0);white-space:nowrap;pointer-events:none;background:#02161ec7;border-radius:999px;align-items:center;gap:7px;padding:5px 13px 6px 9px;animation:.4s cubic-bezier(.2,1.2,.4,1) both reef-sea-banner-in;display:inline-flex;position:absolute;top:7%;transform:translate(-50%);box-shadow:0 3px 10px #00000059}.reef-sea-banner:after{content:"";border:7px solid #0000;border-top-color:var(--sea-accent,#7fd4e0);filter:drop-shadow(0 1px 1px #0000004d);border-bottom:none;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.reef-sea-icon{filter:drop-shadow(0 1px 2px #0006);font-size:15px;line-height:1}.reef-sea-name{font-family:var(--font-bubble);letter-spacing:.04em;color:#fff6e6;text-shadow:0 1px 2px #00000073;font-size:12.5px;font-weight:900}@keyframes reef-sea-banner-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.reef-locator-tick{pointer-events:none;background:#b4e1eb4d;border-radius:1px;width:1px;height:5px;position:absolute;top:50%;transform:translate(-50%,-50%)}.reef-locator-sea{background:var(--sea-accent,#7fd4e0);width:2.5px;height:11px;box-shadow:0 0 4px var(--sea-accent,#7fd4e0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}