@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--deep-1: #04263f;--deep-2: #0b4870;--deep-3: #145f8c;--sand: #f3e2c7;--coral: #ff8358;--coral-dark: #e85f32;--glow: #5ce1e6;--glow-soft: rgba(92, 225, 230, .35);--foam: #eaf7f4;--ink: #062033;--panel: rgba(6, 32, 51, .55);--panel-solid: #0a3352;--font-display: "Baloo 2", sans-serif;--font-body: "Nunito", sans-serif;--font-mono: "Space Mono", monospace}.reef-builder-root,.reef-builder-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.reef-builder-root{height:100vh;min-height:600px;overflow:hidden;position:relative;color:var(--foam);background:radial-gradient(120% 100% at 50% 0%,var(--deep-3) 0%,var(--deep-2) 45%,var(--deep-1) 100%);font-family:var(--font-body);-webkit-user-select:none;user-select:none}.reef-builder-root button{font:inherit}.reef-screen-splash{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 0%,var(--deep-3) 0%,var(--deep-1) 100%);transition:opacity .6s ease,visibility .6s ease}.reef-screen-splash.hidden{opacity:0;visibility:hidden;pointer-events:none}.reef-splash-bubbles{position:absolute;inset:0;overflow:hidden}.reef-splash-bubbles:before,.reef-splash-bubbles:after{content:"";position:absolute;bottom:-10%;width:14px;height:14px;border-radius:50%;background:var(--glow-soft);animation:reef-rise 6s linear infinite}.reef-splash-bubbles:before{left:30%}.reef-splash-bubbles:after{left:65%;width:10px;height:10px;animation-delay:2s}.reef-splash-logo{text-align:center}.reef-splash-fish{display:inline-block;font-size:64px;filter:drop-shadow(0 0 18px var(--glow-soft));animation:reef-bob 2.4s ease-in-out infinite}.reef-splash-logo h1{margin:8px 0 4px;color:var(--sand);font-family:var(--font-display);font-size:38px;letter-spacing:.5px}.reef-splash-tag{margin:0;color:var(--glow);font-size:14px;letter-spacing:.5px}.reef-splash-loader{width:140px;height:6px;margin-top:34px;overflow:hidden;border-radius:4px;background:#ffffff1f}.reef-splash-loader-bar{width:40%;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--glow),var(--coral));animation:reef-load 1.1s ease-in-out infinite}.reef-app{height:100%;display:flex;flex-direction:column;opacity:1;transition:opacity .4s ease}.reef-app.hidden{opacity:0;pointer-events:none}.reef-topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 16px;background:linear-gradient(180deg,#04263fd9,#04263f00);position:relative;z-index:10}.reef-topbar-day,.reef-topbar-currency{padding:6px 12px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:var(--panel)}.reef-topbar-day{font-family:var(--font-display);font-size:14px}.reef-topbar-currency{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-weight:700}.reef-shell-icon{font-size:16px}.reef-icon-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:var(--foam);background:var(--panel);font-size:15px;cursor:pointer}.reef-xp-bar-wrap{display:flex;align-items:center;gap:8px;padding:0 16px 6px;flex-shrink:0}.reef-xp-level{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--glow);white-space:nowrap;min-width:34px}.reef-xp-track{flex:1;height:6px;border-radius:6px;background:#ffffff1a;overflow:hidden}.reef-xp-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--glow) 0%,#a78bfa 100%);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.reef-xp-fill--max{background:linear-gradient(90deg,#ffd166,#ff8c42);animation:reef-pulse 1.8s ease-in-out infinite}.reef-rebirth-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;color:#ffd166;background:#ffd16626;border:1px solid rgba(255,209,102,.3);border-radius:20px;padding:1px 5px;margin-right:3px;white-space:nowrap}.reef-rebirth-btn{font-size:11px;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#ffd166,#ff8c42);border:none;border-radius:20px;padding:3px 10px;cursor:pointer;white-space:nowrap;animation:reef-pulse 1.4s ease-in-out infinite;letter-spacing:.2px}.reef-rebirth-btn:hover{opacity:.88}.reef-rebirth-confirm-btn{background:linear-gradient(135deg,#ffd166,#ff8c42)!important;color:#1a1a1a!important}.reef-xp-numbers{font-family:var(--font-mono);font-size:9px;color:#eaf7f480;white-space:nowrap;min-width:56px;text-align:right}.reef-topbar{justify-content:space-between}.reef-topbar-left{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.reef-topbar-right{display:flex;align-items:center;gap:6px}.reef-topbar-center{display:flex;align-items:center;justify-content:center;flex:1}.reef-streak-badge{padding:4px 10px;border-radius:20px;background:#ff64002e;border:1px solid rgba(255,100,0,.4);font-family:var(--font-display);font-size:12px;font-weight:700;color:#ff8c40}.reef-event-badge{padding:3px 10px;border-radius:20px;background:#ffd1662e;border:1px solid rgba(255,209,102,.5);font-family:var(--font-display);font-size:11px;font-weight:700;color:#ffd166;white-space:nowrap;animation:reef-pulse 2s ease-in-out infinite}.reef-missions-view{overflow-y:auto;padding:0 12px 24px;gap:12px;flex-direction:column}.reef-missions-meta{display:flex;flex-direction:column;gap:8px}.reef-missions-streak{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:14px;background:#ff64001f;border:1px solid rgba(255,100,0,.25);font-family:var(--font-display);font-size:13px;font-weight:700;color:#ff8c40}.reef-streak-mult{font-family:var(--font-mono);font-size:11px;color:#ffd166;background:#ffd16626;padding:2px 8px;border-radius:10px}.reef-event-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:14px;background:#ffd1661a;border:1px solid rgba(255,209,102,.3);font-family:var(--font-display);font-size:13px;font-weight:700;color:#ffd166}.reef-event-bonus{font-size:11px;font-family:var(--font-mono);color:#ffd166bf}.reef-mission-cards{display:flex;flex-direction:column;gap:10px}.reef-mission-card{padding:12px 14px;border-radius:16px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:8px;transition:border-color .2s}.reef-mission-card.complete{border-color:#5ce1e666;background:#5ce1e612}.reef-mission-card.claimed{opacity:.55}.reef-mission-card-top{display:flex;align-items:center;gap:8px}.reef-mission-icon{font-size:18px;flex-shrink:0}.reef-mission-label{flex:1;font-family:var(--font-body);font-size:13px;color:var(--sand)}.reef-mission-reward{font-family:var(--font-mono);font-size:12px;color:var(--glow);flex-shrink:0}.reef-mission-bar-wrap{height:5px;border-radius:5px;background:#ffffff1a;overflow:hidden}.reef-mission-bar{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--glow),#a78bfa);transition:width .5s ease}.reef-mission-card-bottom{display:flex;align-items:center;justify-content:space-between}.reef-mission-progress{font-family:var(--font-mono);font-size:11px;color:#eaf7f480}.reef-mission-done{font-family:var(--font-display);font-size:12px;font-weight:700;color:#5ce1e6b3}.reef-mission-claim-btn{padding:5px 14px;border-radius:20px;border:none;background:var(--glow);color:var(--ink);font-family:var(--font-display);font-size:12px;font-weight:700;cursor:pointer;transition:transform .12s}.reef-mission-claim-btn:hover{transform:scale(1.05)}.reef-best-round{margin-top:4px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.reef-best-round-title{font-family:var(--font-display);font-size:12px;font-weight:700;color:#eaf7f480;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.reef-best-round-stats{display:flex;gap:12px;font-family:var(--font-mono);font-size:12px;color:var(--sand);flex-wrap:wrap}.reef-achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 0 12px}.reef-ach-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);text-align:center;transition:border-color .2s}.reef-ach-cell.unlocked{border-color:#5ce1e64d;background:#5ce1e60f}.reef-ach-cell.locked{opacity:.45}.reef-ach-icon{font-size:22px}.reef-ach-name{font-family:var(--font-body);font-size:11px;color:var(--sand);line-height:1.3}.reef-views{flex:1;position:relative;overflow:hidden}.reef-view{position:absolute;inset:0;display:none;flex-direction:column}.reef-view.view-active{display:flex}.reef-tank-wrap{flex:1;position:relative;margin:4px 12px 0;overflow:hidden;border:2px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,#ffffff0d,#fff0 30%),var(--panel-solid);box-shadow:inset 0 0 60px #00000059}.reef-tank-canvas,.reef-aquarium-canvas{width:100%;height:100%;display:block;touch-action:none}.reef-tank-hint{position:absolute;top:14px;left:50%;z-index:3;transform:translate(-50%);color:#eaf7f4a8;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;pointer-events:none}.reef-tank-warning,.reef-freeze-btn{position:absolute;left:50%;z-index:4;transform:translate(-50%)}.reef-tank-warning{top:14px;padding:8px 16px;border-radius:20px;color:var(--foam);background:var(--coral-dark);font-family:var(--font-display);font-size:14px;box-shadow:0 4px 14px #0000004d;animation:reef-pulse 1s ease-in-out infinite}.reef-freeze-btn{bottom:16px;border:none;border-radius:26px;padding:12px 22px;color:var(--ink);background:var(--glow);font-family:var(--font-display);font-size:15px;cursor:pointer;box-shadow:0 6px 18px var(--glow-soft)}.reef-tank-cooldown{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:26px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#eaf7f499;font-family:var(--font-display);font-size:14px;white-space:nowrap;pointer-events:none;z-index:4}.reef-hidden{display:none!important}.reef-next-fish-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0 14px;color:#eaf7f4bf;font-size:13px}.reef-next-fish-preview{width:28px;height:28px;border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 0 0 3px #ffffff0d}.reef-aquarium-view{overflow:hidden;background:var(--panel-solid)}.reef-aquarium-caption{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:7px 16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:var(--panel);font-family:var(--font-display);font-size:13px;white-space:nowrap}.reef-aquarium-canvas-wrap{position:relative;flex:0 0 210px;min-height:0;margin:10px 0 0 12px;border-radius:18px;overflow:hidden;border:2px solid rgba(255,255,255,.07)}.reef-aquarium-canvas-wrap .reef-aquarium-canvas{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px)}.reef-aquarium-canvas-wrap .reef-aquarium-caption{position:absolute;bottom:8px}.reef-species-list{flex:1 1 auto;overflow-y:auto;padding:8px 14px 12px;display:flex;flex-direction:column;gap:6px}.reef-species-list-title{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#eaf7f466;padding:2px 0 4px}.reef-species-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:var(--panel);color:var(--foam);font-family:var(--font-body);font-size:14px;cursor:pointer;text-align:left;transition:background .15s}.reef-species-btn:active{background:#ffffff1a}.reef-species-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #ffffff1a}.reef-species-name{flex:1;font-weight:600}.reef-species-count{font-family:var(--font-mono);font-size:13px;color:#eaf7f48c}.reef-species-price{font-family:var(--font-mono);font-size:12px;color:var(--glow);background:#5ce1e61a;padding:2px 8px;border-radius:10px}.reef-sell-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.reef-sell-dialog{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 22px 20px;border-radius:22px;background:var(--panel);border:1px solid rgba(255,255,255,.13);box-shadow:0 16px 48px #0000008c;width:min(300px,88vw)}.reef-sell-dialog-header{display:flex;align-items:center;gap:12px}.reef-sell-fish-dot{width:40px;height:40px;border-radius:50%;box-shadow:0 0 14px #ffffff26;flex-shrink:0}.reef-sell-dialog-name{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--foam)}.reef-sell-dialog-subtitle{font-size:13px;color:#eaf7f499;text-align:center}.reef-sell-input-row{display:flex;align-items:center;gap:10px}.reef-sell-stepper{width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff12;color:var(--foam);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.reef-sell-stepper:disabled{opacity:.3;cursor:default}.reef-sell-input{width:68px;padding:8px 0;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0f;color:var(--foam);font-family:var(--font-mono);font-size:18px;text-align:center;-moz-appearance:textfield}.reef-sell-input::-webkit-inner-spin-button,.reef-sell-input::-webkit-outer-spin-button{-webkit-appearance:none}.reef-sell-total{font-family:var(--font-body);font-size:14px;color:#eaf7f499}.reef-sell-total strong{color:var(--glow)}.reef-sell-actions{display:flex;gap:10px;width:100%}.reef-sell-cancel,.reef-sell-confirm{flex:1;padding:11px 0;border:none;border-radius:14px;font-family:var(--font-display);font-size:13px;cursor:pointer}.reef-sell-cancel{background:#ffffff14;color:#eaf7f4a6}.reef-sell-confirm{background:var(--glow);color:var(--ink);font-weight:700;box-shadow:0 4px 12px var(--glow-soft)}.reef-collection-view{overflow-y:auto;padding:6px 16px 16px}.reef-section-title{margin:6px 0 14px;color:var(--sand);font-family:var(--font-display);font-size:20px}.reef-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reef-collection-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:10px 6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:var(--panel);min-height:130px}.reef-collection-lock{font-size:28px;margin:12px 0 6px;opacity:.4}.reef-collection-name{color:#eaf7f4d9;font-size:10px;font-weight:600;text-align:center;line-height:1.2}.reef-collection-cell.locked .reef-collection-name{color:#eaf7f44d}.reef-album-buy-btn{display:flex;align-items:center;gap:3px;margin-top:auto;padding:4px 8px;border:1px solid rgba(92,225,230,.45);border-radius:8px;background:#5ce1e61f;color:#5ce1e6;font-size:10px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.reef-album-buy-btn:hover:not(.disabled){background:#5ce1e638}.reef-album-buy-btn.disabled{opacity:.4;cursor:not-allowed}.reef-bottomnav{display:flex;padding-bottom:max(env(safe-area-inset-bottom),10px);border-top:1px solid rgba(255,255,255,.08);background:#041929e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reef-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;border:none;color:#eaf7f480;background:none;font-family:var(--font-body);font-size:11px;cursor:pointer}.reef-nav-btn .reef-nav-icon{font-size:20px}.reef-nav-btn.active{color:var(--glow)}.reef-modal{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#020e1899;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reef-modal-card{width:min(320px,84vw);padding:26px 22px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:var(--panel-solid);text-align:center;box-shadow:0 20px 50px #0006}.reef-modal-fish{margin-bottom:6px;font-size:40px}.reef-modal-card h2{margin:4px 0;color:var(--sand);font-family:var(--font-display);font-size:19px}.reef-modal-card p{margin:4px 0 14px;color:#eaf7f4bf;font-size:13px}.reef-modal-reward{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:18px;color:var(--glow);font-family:var(--font-mono);font-size:22px;font-weight:700}.reef-primary-btn{width:100%;border:none;border-radius:16px;padding:12px;color:var(--ink);background:var(--coral);font-family:var(--font-display);font-size:15px;cursor:pointer;box-shadow:0 6px 16px #ff835859}.reef-settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;text-align:left}.reef-settings-stats{flex-direction:column;align-items:flex-start;gap:4px;border-bottom:none;color:#eaf7f499;font-family:var(--font-mono);font-size:11px}.reef-stats-section{width:100%;margin:10px 0 4px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.reef-stats-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--foam);margin-bottom:10px;letter-spacing:.3px}.reef-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.reef-stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px 10px 8px;text-align:center}.reef-stat-card--win{border-color:#4ade8040;background:#4ade8012}.reef-stat-card--loss{border-color:#f8717140;background:#f8717112}.reef-stat-card--streak{border-color:#fb923c4d;background:#fb923c14}.reef-stat-card--best{border-color:#facc154d;background:#facc1512}.reef-stat-card--rebirth{border-color:#a78bfa4d;background:#a78bfa14}.reef-stat-value{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--foam);line-height:1.1;margin-bottom:3px}.reef-stat-label{font-size:10px;color:#c0d8f08c;letter-spacing:.2px;line-height:1.2}.reef-guide-open-btn{margin-top:14px;background:var(--deep-3);color:var(--foam);box-shadow:0 4px 12px #0000004d}.reef-guide-card{max-height:78vh;display:flex;flex-direction:column;text-align:left}.reef-guide-card h2{text-align:center;margin-bottom:12px}.reef-guide-steps{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(92,225,230,.3) transparent}.reef-guide-steps::-webkit-scrollbar{width:4px}.reef-guide-steps::-webkit-scrollbar-thumb{background:#5ce1e64d;border-radius:4px}.reef-guide-step{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07)}.reef-guide-step-icon{font-size:22px;line-height:1;flex-shrink:0;margin-top:2px}.reef-guide-step-body{display:flex;flex-direction:column;gap:3px}.reef-guide-step-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--glow)}.reef-guide-step-text{font-size:12px;line-height:1.5;color:#eaf7f4bf}.reef-switch{position:relative;width:42px;height:24px}.reef-switch input{width:0;height:0;opacity:0}.reef-switch-slider{position:absolute;inset:0;border-radius:20px;background:#ffffff26;cursor:pointer}.reef-switch-slider:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--foam);transition:.2s}.reef-switch input:checked+.reef-switch-slider{background:var(--glow)}.reef-switch input:checked+.reef-switch-slider:before{transform:translate(18px)}.reef-toast{position:absolute;top:70px;left:50%;z-index:60;transform:translate(-50%);padding:9px 18px;border-radius:20px;color:var(--ink);background:var(--glow);font-family:var(--font-display);font-size:14px;white-space:nowrap;box-shadow:0 8px 20px var(--glow-soft);animation:reef-toast-in .35s ease-out,reef-toast-out .35s ease-in 1.4s forwards}.reef-builder-root .reef-shop-view{overflow-y:auto;padding:0 12px 24px;gap:20px}.reef-builder-root .reef-shop-section{background:#ffffff0e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 14px 8px;display:flex;flex-direction:column;gap:2px}.reef-builder-root .reef-shop-subtitle{font-family:"Baloo 2",cursive;font-size:14px;font-weight:700;color:var(--cyan);margin:0 0 10px;letter-spacing:.03em}.reef-builder-root .reef-shop-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.06);gap:8px}.reef-builder-root .reef-shop-row:last-child{border-bottom:none}.reef-builder-root .reef-shop-item-info{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--sand);flex:1;min-width:0}.reef-builder-root .reef-shop-boost-info{align-items:flex-start}.reef-builder-root .reef-shop-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.reef-builder-root .reef-shop-swatch{width:36px;height:22px;border-radius:6px;flex-shrink:0;border:1.5px solid}.reef-builder-root .reef-shop-boost-icon{font-size:20px;flex-shrink:0}.reef-builder-root .reef-shop-boost-desc{font-size:11px;color:#eaf7f480;margin-top:2px}.reef-builder-root .reef-shop-item-action{display:flex;align-items:center;gap:8px;flex-shrink:0}.reef-builder-root .reef-shop-price{font-family:Space Mono,monospace;font-size:13px;color:var(--sand);white-space:nowrap}.reef-builder-root .reef-shop-btn{padding:6px 14px;border-radius:20px;border:none;background:var(--coral);color:#fff;font-size:13px;font-family:inherit;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s;white-space:nowrap}.reef-builder-root .reef-shop-btn:hover:not(.disabled){opacity:.88;transform:scale(1.04)}.reef-builder-root .reef-shop-btn.disabled{background:#ffffff1f;color:#ffffff61;cursor:not-allowed}.reef-builder-root .reef-shop-active-badge{font-size:12px;font-weight:700;color:var(--cyan);padding:4px 10px;border:1.5px solid var(--cyan);border-radius:20px;white-space:nowrap}.reef-builder-root .reef-boost-name-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.reef-builder-root .reef-boost-active-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#1a1a1a;background:#ffd166;border-radius:20px;padding:2px 10px;animation:reef-pulse 1.6s ease-in-out infinite;white-space:nowrap;margin-left:auto}.reef-builder-root .reef-lang-toggle{display:flex;gap:6px}.reef-builder-root .reef-lang-btn{padding:5px 12px;border-radius:20px;border:1.5px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--sand);font-size:13px;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s,transform .12s}.reef-builder-root .reef-lang-btn:hover{background:#ffffff24}.reef-builder-root .reef-lang-btn.active{background:var(--coral);border-color:var(--coral);color:#fff;font-weight:700;transform:scale(1.05)}@keyframes reef-rise{0%{transform:translateY(0);opacity:0}10%{opacity:.8}to{transform:translateY(-110vh);opacity:0}}@keyframes reef-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}@keyframes reef-load{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes reef-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}@keyframes reef-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes reef-toast-out{to{opacity:0;transform:translate(-50%,-8px)}}.reef-levelup-overlay{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#5ce1e62e,#050f23e0 70%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:reef-lu-fade-in .3s ease-out both}@keyframes reef-lu-fade-in{0%{opacity:0}to{opacity:1}}.reef-levelup-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 28px 28px;border-radius:28px;background:linear-gradient(160deg,#162c58fa,#081838fa);border:1.5px solid rgba(92,225,230,.45);box-shadow:0 0 0 1px #5ce1e61f,0 0 40px #5ce1e640,0 24px 60px #00000080;animation:reef-lu-card-in .45s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.08s}@keyframes reef-lu-card-in{0%{opacity:0;transform:scale(.6) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.reef-lu-stars{display:flex;gap:6px;font-size:20px;animation:reef-lu-stars-in .5s ease-out both;animation-delay:.35s}@keyframes reef-lu-stars-in{0%{opacity:0;transform:scale(.4) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.reef-lu-star{display:inline-block}.reef-lu-star.s1{animation:reef-lu-star-spin .6s ease-out .4s both}.reef-lu-star.s2{animation:reef-lu-star-spin .6s ease-out .5s both}.reef-lu-star.s3{animation:reef-lu-star-spin .6s ease-out .6s both}@keyframes reef-lu-star-spin{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.reef-lu-label{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.22em;color:var(--glow);text-transform:uppercase;text-shadow:0 0 16px rgba(92,225,230,.7);animation:reef-lu-label-in .4s ease-out .25s both}@keyframes reef-lu-label-in{0%{opacity:0;letter-spacing:.05em}to{opacity:1;letter-spacing:.22em}}.reef-lu-badge{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#5ce1e647,#0e2650e6 65%);border:2.5px solid rgba(92,225,230,.7);box-shadow:0 0 0 6px #5ce1e61a,0 0 30px #5ce1e659,inset 0 1px #ffffff1f;display:flex;align-items:center;justify-content:center;animation:reef-lu-badge-pop .55s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes reef-lu-badge-pop{0%{opacity:0;transform:scale(.3);box-shadow:0 0 #5ce1e699}60%{box-shadow:0 0 0 18px #5ce1e600,0 0 40px #5ce1e680}to{opacity:1;transform:scale(1);box-shadow:0 0 0 6px #5ce1e61a,0 0 30px #5ce1e659}}.reef-lu-level-num{font-family:var(--font-display);font-size:56px;font-weight:900;line-height:1;color:#fff;text-shadow:0 0 20px rgba(92,225,230,.9),0 2px 0 rgba(0,0,0,.4);animation:reef-lu-num-count .4s ease-out .5s both}@keyframes reef-lu-num-count{0%{transform:scale(1.4);opacity:.4}to{transform:scale(1);opacity:1}}.reef-lu-bonus{font-family:var(--font-body);font-size:13px;color:#eaf7f4cc;text-align:center;padding:8px 14px;border-radius:12px;background:#5ce1e617;border:1px solid rgba(92,225,230,.2);animation:reef-lu-bonus-in .35s ease-out .65s both}@keyframes reef-lu-bonus-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reef-lu-continue{margin-top:4px;padding:12px 36px;border-radius:24px;border:none;background:linear-gradient(135deg,var(--glow) 0%,#a78bfa 100%);color:var(--ink);font-family:var(--font-display);font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 6px 24px #5ce1e659;transition:transform .14s,box-shadow .14s;animation:reef-lu-btn-in .35s ease-out .75s both}.reef-lu-continue:hover{transform:scale(1.06);box-shadow:0 8px 30px #5ce1e680}.reef-lu-continue:active{transform:scale(.97)}@keyframes reef-lu-btn-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reef-lu-particle{position:absolute;width:10px;height:10px;border-radius:50%;pointer-events:none;animation:reef-lu-particle-up 1.2s ease-out both}.reef-lu-p0{background:#5ce1e6;left:15%;top:70%;animation-delay:.1s;width:8px;height:8px}.reef-lu-p1{background:#ffd166;left:80%;top:65%;animation-delay:.18s;width:12px;height:12px}.reef-lu-p2{background:#a78bfa;left:50%;top:80%;animation-delay:.05s;width:7px;height:7px}.reef-lu-p3{background:#5ce1e6;left:30%;top:75%;animation-delay:.25s;width:9px;height:9px}.reef-lu-p4{background:#ffd166;left:65%;top:78%;animation-delay:.12s;width:6px;height:6px}.reef-lu-p5{background:#ef4444;left:22%;top:60%;animation-delay:.3s;width:8px;height:8px}.reef-lu-p6{background:#a78bfa;left:75%;top:55%;animation-delay:.08s;width:11px;height:11px}.reef-lu-p7{background:#5ce1e6;left:45%;top:85%;animation-delay:.22s;width:7px;height:7px}.reef-lu-p8{background:#ffd166;left:10%;top:50%;animation-delay:.35s;width:9px;height:9px}.reef-lu-p9{background:#a78bfa;left:88%;top:72%;animation-delay:.15s;width:6px;height:6px}.reef-lu-p10{background:#5ce1e6;left:55%;top:60%;animation-delay:.28s;width:10px;height:10px}.reef-lu-p11{background:#ffd166;left:38%;top:55%;animation-delay:.04s;width:8px;height:8px}.reef-lu-p12{background:#ef4444;left:70%;top:45%;animation-delay:.32s;width:7px;height:7px}.reef-lu-p13{background:#a78bfa;left:25%;top:82%;animation-delay:.2s;width:11px;height:11px}@keyframes reef-lu-particle-up{0%{opacity:1;transform:translate(0) scale(1)}80%{opacity:.6}to{opacity:0;transform:translate(calc((var(--dx, 1)) * 60px),-180px) scale(.3)}}.reef-lu-p0{--dx: -1.2}.reef-lu-p1{--dx: .8}.reef-lu-p2{--dx: .1}.reef-lu-p3{--dx: -.6}.reef-lu-p4{--dx: 1.3}.reef-lu-p5{--dx: -1.5}.reef-lu-p6{--dx: .5}.reef-lu-p7{--dx: -.3}.reef-lu-p8{--dx: -1.8}.reef-lu-p9{--dx: 1.1}.reef-lu-p10{--dx: .4}.reef-lu-p11{--dx: -.9}.reef-lu-p12{--dx: 1.6}.reef-lu-p13{--dx: -.5}@media(prefers-reduced-motion:reduce){.reef-builder-root *{animation-duration:1ms!important;animation-iteration-count:1!important}}.mp-root{display:flex;flex-direction:column;height:100dvh;background:linear-gradient(160deg,#062a4a,#0d1b2a);color:#e0f0ff;font-family:var(--reef-font, system-ui, sans-serif);overflow:hidden}.mp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#00000059;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;gap:8px}.mp-back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#a0c8f0;font-size:13px;padding:5px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}.mp-back-btn:hover{background:#ffffff24}.mp-title{font-size:15px;font-weight:700;letter-spacing:.5px;color:#7fdbda}.mp-name{font-size:12px;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.mp-center-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px;gap:14px;overflow-y:auto}.mp-big-icon{font-size:56px;line-height:1}.mp-screen-title{font-size:22px;font-weight:700;text-align:center;margin:0}.mp-screen-desc{font-size:14px;color:#fff9;text-align:center;max-width:320px;margin:0;line-height:1.5}.mp-score-table{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px;width:100%;max-width:320px;display:flex;flex-direction:column;gap:4px}.mp-score-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.mp-score-pts{color:#ffffff80;font-size:12px}.mp-primary-btn{background:linear-gradient(135deg,#5ce1e6,#7b61ff);color:#fff;border:none;border-radius:14px;padding:13px 32px;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:opacity .15s}.mp-primary-btn:hover{opacity:.88}.mp-cancel-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#c0d8f0;border-radius:12px;padding:10px 24px;font-size:14px;cursor:pointer}.mp-cancel-btn:hover{background:#ffffff21}.mp-leave-overlay{position:absolute;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.mp-leave-modal{background:linear-gradient(160deg,#0e2a44,#091e36);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px 24px 24px;max-width:320px;width:100%;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #00000080}.mp-leave-icon{font-size:36px;text-align:center}.mp-leave-title{font-size:18px;font-weight:700;color:#fff;text-align:center;margin:0}.mp-leave-text{font-size:13px;color:#c0d8f0d9;line-height:1.55;text-align:center;margin:0}.mp-leave-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.mp-leave-actions .mp-primary-btn{width:100%}.mp-leave-confirm-btn{background:#ff50501f;border:1px solid rgba(255,80,80,.35);color:#ff8080;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;width:100%}.mp-leave-confirm-btn:hover{background:#ff505038}.mp-tier-badge{margin-top:12px;display:inline-block;font-size:13px;font-weight:700;color:#ffd166;background:#ffd1661f;border:1px solid rgba(255,209,102,.3);border-radius:20px;padding:5px 14px}.mp-tier-info{font-size:11px;color:#c0d8f099;margin:6px 0 4px;text-align:center}.mp-forfeit-notice{background:#ffd1661f;border:1px solid rgba(255,209,102,.3);border-radius:12px;padding:10px 14px;font-size:13px;color:#ffd166;text-align:center;line-height:1.5}.mp-spinner{font-size:48px;animation:mpSpin 1.2s linear infinite}@keyframes mpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp-vs-label{font-size:16px;color:#ffffffb3;text-align:center}.mp-countdown-num{font-size:96px;font-weight:900;color:#5ce1e6;text-shadow:0 0 40px rgba(92,225,230,.6);line-height:1;animation:mpPop .9s ease-out}@keyframes mpPop{0%{transform:scale(.4);opacity:.4}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.mp-game-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.mp-hud{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0006;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.mp-hud-score,.mp-hud-opp{display:flex;flex-direction:column;align-items:center;min-width:64px}.mp-hud-label{font-size:10px;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.mp-hud-value{font-size:20px;font-weight:800;color:#5ce1e6}.mp-hud-name{font-size:12px;font-weight:600;color:#ffffffb3}.mp-hud-timer{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.mp-timer-bar-wrap{width:100%;height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.mp-timer-bar{height:100%;border-radius:3px;transition:width .9s linear,background .5s ease}.mp-timer-txt{font-size:18px;font-weight:700;letter-spacing:1px;font-variant-numeric:tabular-nums}.mp-tank-counter{margin-left:auto;font-size:12px;font-weight:700;color:#ffffff80;letter-spacing:.5px;transition:color .3s}.mp-tank-counter--full{color:#ff6b6b;animation:mp-pulse .8s ease-in-out infinite alternate}.mp-tank-full-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}@keyframes mp-pulse{0%{opacity:.7}to{opacity:1}}.mp-reconnect-overlay{position:absolute;inset:0;z-index:10;background:#0000008c;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mp-tank-wrap{flex:1;overflow:hidden;position:relative;touch-action:none}.mp-tank-canvas{width:100%;height:100%;display:block;cursor:crosshair}.mp-next-row{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#00000059;font-size:13px;color:#fff9;flex-shrink:0}.mp-next-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.mp-result-icon{font-size:72px;line-height:1}.mp-result-title{font-size:26px;font-weight:900;text-align:center;margin:0}.mp-result-scores{display:flex;align-items:center;gap:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 20px}.mp-result-score-block{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.mp-result-score-label{font-size:12px;color:#ffffff80}.mp-result-score-val{font-size:22px;font-weight:800;color:#ffd166}.mp-result-vs{font-size:14px;color:#fff6}.mp-transfer-banner{background:linear-gradient(135deg,#7cd3a526,#5ce1e626);border:1px solid rgba(124,211,165,.3);border-radius:14px;padding:12px 18px;text-align:center;font-size:14px;font-weight:600;color:#7cd3a5;display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px}.mp-transfer-fish{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;font-size:20px}.mp-transfer-shells{font-size:18px;font-weight:700;color:#ffd166;letter-spacing:.02em}.mp-result-actions{display:flex;gap:12px;width:100%;max-width:320px}.mp-result-actions .mp-cancel-btn,.mp-result-actions .mp-primary-btn{flex:1}.reef-play-select{flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;overflow-y:auto}.reef-mode-cards{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px}.reef-mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px;border-radius:16px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);cursor:pointer;text-align:left;transition:background .15s,border-color .15s;color:inherit;width:100%}.reef-mode-card:hover{background:#ffffff1c;border-color:#5ce1e666}.reef-mode-card-mp{border-color:#7b61ff59;background:#7b61ff12}.reef-mode-card-mp:hover{background:#7b61ff24;border-color:#7b61ff99}.reef-mode-icon{font-size:32px;line-height:1}.reef-mode-name{font-size:18px;font-weight:700}.reef-mode-desc{font-size:13px;color:#ffffff8c;line-height:1.45}.reef-booster-hint{font-size:12px;color:#ffffff80;margin:-4px 0 10px;line-height:1.4}.reef-booster-row{align-items:flex-start}.reef-booster-info{gap:10px;align-items:flex-start}.reef-booster-icon{font-size:22px;flex-shrink:0;line-height:1.1}.reef-booster-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reef-booster-desc{font-size:11px;color:#ffffff80;margin-top:2px;line-height:1.35}.reef-booster-icon-img{width:44px;height:44px;object-fit:contain;flex-shrink:0;border-radius:50%}.reef-booster-slot-icon-img{width:28px;height:28px;object-fit:contain;border-radius:50%}.reef-booster-qe-icon{width:20px;height:20px;object-fit:contain;border-radius:50%;vertical-align:middle}.mp-booster-btn-img{width:36px;height:36px;object-fit:contain;border-radius:50%;display:block;margin:0 auto 2px}.mp-booster-flash-img{width:80px;height:80px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 12px rgba(255,255,255,.6))}.reef-redeem-row{display:flex;gap:8px;margin:12px 0 4px}.reef-redeem-input{flex:1;padding:8px 12px;border-radius:10px;border:1.5px solid rgba(255,255,255,.15);background:#ffffff12;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.reef-redeem-input::placeholder{color:#ffffff59}.reef-redeem-input:focus{border-color:#64c8ff80}.reef-booster-tier-group{margin-bottom:14px}.reef-booster-tier-header{display:flex;align-items:center;gap:8px;border-left:3px solid;padding:5px 8px;margin-bottom:6px;background:#ffffff0a;border-radius:0 6px 6px 0}.reef-booster-tier-badge{font-size:10px;font-weight:700;color:#000;padding:2px 7px;border-radius:20px;white-space:nowrap;opacity:.9}.reef-booster-tier-label{font-size:12px;color:#ffffffa6;flex:1}.reef-booster-tier-price{font-size:12px;font-weight:700;white-space:nowrap}.reef-booster-cost{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.reef-booster-xp-cost{font-size:11px;color:#c77dff;font-weight:600;white-space:nowrap}.reef-booster-owned-badge{font-size:11px;background:#5ce1e62e;color:#5ce1e6;border-radius:10px;padding:1px 6px;font-weight:700}.reef-booster-equip-badge{font-size:11px;background:#50c87833;color:#5eeba8;border-radius:10px;padding:1px 6px;font-weight:700}.reef-booster-equip-section{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.reef-booster-equip-label{font-size:12px;color:#ffffff80;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.reef-booster-equip-slots{display:flex;gap:8px;margin-bottom:12px}.reef-booster-slot{flex:1;min-height:56px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;position:relative;background:#ffffff08;transition:border-color .15s,background .15s}.reef-booster-slot.filled{border-color:#5ce1e666;background:#5ce1e612}.reef-booster-slot-icon{font-size:20px;line-height:1}.reef-booster-slot-name{font-size:10px;color:#ffffffb3;text-align:center;font-weight:600}.reef-booster-slot-empty{font-size:11px;color:#ffffff40}.reef-booster-slot-remove{position:absolute;top:3px;right:4px;background:#ff505033;border:none;color:#ff7070;border-radius:50%;width:16px;height:16px;font-size:9px;line-height:16px;text-align:center;cursor:pointer;padding:0}.reef-booster-quickequip{margin-top:6px}.reef-booster-quickequip-label{font-size:11px;color:#fff6;margin-bottom:6px}.reef-booster-quickequip-list{display:flex;flex-wrap:wrap;gap:6px}.reef-booster-qe-btn{background:#ffffff12;border:1.5px solid rgba(255,255,255,.12);border-radius:20px;color:#fffc;font-size:12px;padding:5px 11px;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}.reef-booster-qe-btn:hover{background:#5ce1e61f;border-color:#5ce1e666}.reef-booster-qe-btn.equipped{background:#5ce1e626;border-color:#5ce1e680;color:#5ce1e6}.mp-boosters{display:flex;gap:6px;padding:6px 10px 8px}.mp-booster-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 6px;border-radius:12px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffd9;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,opacity .2s;min-width:0}.mp-booster-btn.ready{border-color:#5ce1e659;background:#5ce1e614}.mp-booster-btn.ready:hover{background:#5ce1e62e;border-color:#5ce1e6a6}.mp-booster-btn.ready:active{transform:scale(.96)}.mp-booster-btn.used{opacity:.35;cursor:default;border-color:#ffffff14}.mp-booster-btn.empty{opacity:.25;cursor:default;border-style:dashed}.mp-booster-btn-icon{font-size:20px;line-height:1}.mp-booster-btn-label{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mp-golden-drops{font-size:13px;font-weight:700;color:#ffd166;background:#ffd16626;border:1px solid rgba(255,209,102,.35);border-radius:12px;padding:2px 8px;animation:mp-golden-pulse 1s ease-in-out infinite}@keyframes mp-golden-pulse{0%,to{box-shadow:0 0 #ffd16666}50%{box-shadow:0 0 0 4px #ffd16600}}.mp-booster-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;pointer-events:none;z-index:50;animation:mp-flash-anim .8s ease-out forwards}@keyframes mp-flash-anim{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-60%) scale(1.5)}}.mp-periscope{position:absolute;top:56px;right:8px;z-index:30;background:#06182aeb;border:1.5px solid rgba(92,225,230,.45);border-radius:12px;padding:8px 10px;min-width:120px;max-width:180px;animation:mp-periscope-in .3s ease-out}@keyframes mp-periscope-in{0%{opacity:0;transform:scale(.9) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mp-periscope-header{font-size:11px;font-weight:700;color:#5ce1e6;margin-bottom:6px;letter-spacing:.04em}.mp-periscope-fish{display:flex;flex-wrap:wrap;gap:4px;font-size:20px}.mp-periscope-empty{font-size:12px;color:#fff6}.mp-idle-boosters{margin:10px 0 14px;width:100%;max-width:340px}.mp-idle-boosters-label{font-size:12px;color:#ffffff73;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mp-idle-booster-slots{display:flex;gap:6px}.mp-idle-booster-chip{flex:1;padding:6px 8px;border-radius:10px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0a;display:flex;align-items:center;gap:5px;font-size:13px;min-width:0}.mp-idle-booster-chip.filled{border-color:#5ce1e659;background:#5ce1e612;color:#ffffffe6}.mp-idle-booster-chip.filled span{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-idle-booster-chip.empty{border-style:dashed;opacity:.4}.mp-idle-booster-empty{font-size:11px;color:#ffffff59}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#041c2e,#062a4a,#0d4272);padding:16px;position:relative;overflow:hidden}.login-card{width:100%;max-width:360px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:32px 28px 28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:1;box-shadow:0 24px 64px #00000080}.login-logo{text-align:center;margin-bottom:28px}.login-logo-icon{font-size:48px;display:block;margin-bottom:8px}.login-title{font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.5px}.login-subtitle{font-size:.82rem;color:#ffffff80;margin:0}.login-tabs{display:flex;background:#00000040;border-radius:12px;padding:4px;margin-bottom:24px;gap:4px}.login-tab{flex:1;padding:8px;border:none;border-radius:9px;background:transparent;color:#ffffff80;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.login-tab.active{background:#ffffff26;color:#fff}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:.82rem;font-weight:600;color:#ffffffb3}.login-hint{color:#fff6;font-weight:400}.login-input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0000004d;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s;box-sizing:border-box}.login-input::placeholder{color:#ffffff4d}.login-input:focus{border-color:#5ce1e6b3}.login-input:disabled{opacity:.5}.login-error{background:#ff50502e;border:1px solid rgba(255,80,80,.35);color:#ff9898;border-radius:8px;padding:8px 12px;font-size:.83rem;margin:0}.login-submit{width:100%;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#5ce1e6,#2196f3);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;margin-top:4px}.login-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-bubbles{position:absolute;bottom:0;left:0;right:0;height:80px;pointer-events:none;overflow:hidden;border-radius:0 0 24px 24px}.bubble{position:absolute;bottom:-10px;font-size:1.2rem;animation:rise 4s ease-in infinite;opacity:0}.bubble-1{left:10%;animation-delay:0s;animation-duration:3.5s}.bubble-2{left:25%;animation-delay:.7s;animation-duration:4.2s}.bubble-3{left:50%;animation-delay:1.4s;animation-duration:3.8s}.bubble-4{left:70%;animation-delay:.3s;animation-duration:4.5s}.bubble-5{left:88%;animation-delay:1.8s;animation-duration:3.2s}@keyframes rise{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:.7}to{opacity:0;transform:translateY(-70px) scale(1.1)}}.reef-logout-btn{font-size:.72rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75;padding:4px 7px}.reef-logout-btn:hover{opacity:1}.reef-profile-card{max-height:90dvh;overflow-y:auto;scrollbar-width:thin}.reef-profile-header{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.reef-profile-avatar{font-size:2.4rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:50%;border:2px solid rgba(92,225,230,.4)}.reef-profile-username{font-size:1.1rem;font-weight:700;color:#5ce1e6;letter-spacing:.5px}.reef-pw-section{display:flex;flex-direction:column;gap:8px;padding:14px 0 4px;border-top:1px solid rgba(255,255,255,.1);margin-top:4px}.reef-pw-title{font-size:.82rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.reef-pw-input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:#fff;font-size:.9rem;outline:none;box-sizing:border-box;transition:border-color .2s}.reef-pw-input:focus{border-color:#5ce1e699}.reef-pw-input:disabled{opacity:.5}.reef-pw-input::placeholder{color:#ffffff4d}.reef-pw-error{background:#ff505026;border:1px solid rgba(255,80,80,.3);color:#ff9898;border-radius:7px;padding:7px 10px;font-size:.82rem;margin:0}.reef-pw-success{background:#50dc7826;border:1px solid rgba(80,220,120,.3);color:#7eeaa8;border-radius:7px;padding:7px 10px;font-size:.82rem;margin:0}.reef-logout-full-btn{width:100%;padding:11px;border:1px solid rgba(255,80,80,.35);border-radius:10px;background:#ff50501a;color:#ff9898;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:14px;transition:background .2s,border-color .2s}.reef-logout-full-btn:hover{background:#ff505033;border-color:#ff505080}.reef-delete-section{margin-top:18px;border:1px solid rgba(255,80,80,.25);border-radius:10px;padding:0;overflow:hidden}.reef-delete-summary{padding:10px 14px;color:#ff9898;font-size:.88rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.reef-delete-summary:before{content:"🗑️"}.reef-delete-section[open] .reef-delete-summary{border-bottom:1px solid rgba(255,80,80,.2)}.reef-delete-desc{font-size:.78rem;color:#ffffff8c;margin:10px 14px 6px;line-height:1.4}.reef-delete-input{margin:0 14px 6px!important;width:calc(100% - 28px)!important;box-sizing:border-box}.reef-delete-btn{display:block;width:calc(100% - 28px);margin:4px 14px 14px;padding:10px;border:1px solid rgba(255,60,60,.5);border-radius:8px;background:#ff282826;color:#ff8080;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .2s}.reef-delete-btn:hover:not(:disabled){background:#ff282847}.reef-delete-btn:disabled{opacity:.45;cursor:not-allowed}.reef-profile-btn{font-size:.72rem;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px}.reef-shop-row--locked{opacity:.55}.reef-shop-dot--locked{width:14px;height:14px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#fff6;flex-shrink:0}.reef-shop-locked-label{font-size:.85rem;color:#ffffff59}.reef-shop-aquarium-cap{font-size:.78rem;color:#ffffff80;margin-bottom:8px;padding:5px 8px;background:#ffffff0d;border-radius:6px}.reef-shop-expand-row{border-top:1px solid rgba(255,255,255,.08);margin-top:8px;padding-top:8px}.reef-species-btn{font-size:.78rem!important;padding:6px 10px!important;min-height:unset!important}.reef-species-price{font-size:.75rem}.reef-species-name{font-size:.8rem}.reef-aquarium-slots{font-size:.75rem;color:#ffffff73}.reef-shell-img{display:inline-block;vertical-align:middle;margin-bottom:2px;object-fit:contain;flex-shrink:0}.reef-topbar-currency{display:flex;align-items:center;gap:4px}.reef-modal-reward .reef-shell-img{width:36px!important;height:36px!important;margin-bottom:0}.reef-collect-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff6;font-size:.92rem;font-weight:600;cursor:not-allowed;margin-bottom:10px;transition:all .25s ease;text-align:left}.reef-collect-btn--ready{border-color:#ffc8328c;background:#ffbe1e1f;color:#ffd966;cursor:pointer;box-shadow:0 0 14px #ffc8322e}.reef-collect-btn--ready:hover{background:#ffbe1e33;box-shadow:0 0 22px #ffc83247}.reef-collect-amount{margin-left:auto;font-size:1rem;font-weight:700;color:#ffe680}
