@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#030712;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f8fafc}#game-canvas{display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#0c4a6e,#030712);display:flex;justify-content:center;align-items:center;z-index:999;transition:opacity .5s ease,visibility .5s ease}.loading-content{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.loading-icon{font-size:3.8rem;animation:float-bob 2s ease-in-out infinite}.brand-logo-img{display:block;object-fit:cover;border-radius:20px;box-shadow:0 4px 22px #38bdf873;border:2px solid rgba(56,189,248,.5);transition:transform .25s ease}.loading-icon-wrapper{display:flex;justify-content:center;align-items:center}.loading-logo{width:88px;height:88px;animation:float-bob 2.2s ease-in-out infinite}.welcome-logo-wrapper{display:flex;justify-content:center;align-items:center}.welcome-logo{width:76px;height:76px;margin-bottom:4px;animation:float-bob 3s ease-in-out infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-title{font-size:2.3rem;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#38bdf8,#facc15);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loading-subtitle{color:#94a3b8;font-size:.95rem}.loading-bar-track{width:240px;height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-top:8px}.loading-bar-fill{width:30%;height:100%;background:linear-gradient(90deg,#38bdf8,#60a5fa);border-radius:999px;animation:load-pulse 1.2s ease-in-out infinite}@keyframes load-pulse{0%{transform:translate(-100%);width:30%}50%{width:60%}to{transform:translate(300%);width:30%}}.welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#030712d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:200;padding:20px;transition:opacity .4s ease,visibility .4s ease}.welcome-overlay-hidden{opacity:0;visibility:hidden;pointer-events:none}.welcome-card{background:#0f172af5;border:1px solid rgba(56,189,248,.35);border-radius:22px;width:100%;max-width:480px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 50px #000000b3,0 0 30px #38bdf833;animation:modal-pop .35s cubic-bezier(.16,1,.3,1);gap:16px}.welcome-icon{font-size:2.8rem;line-height:1}.welcome-title{font-size:1.9rem;font-weight:900;letter-spacing:1px;background:linear-gradient(135deg,#38bdf8,#facc15);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-tagline{font-size:.88rem;color:#cbd5e1;line-height:1.4}.welcome-stats-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.wstat-box{background:#1e293ba6;border:1px solid rgba(255,255,255,.1);padding:8px 6px;border-radius:10px;display:flex;flex-direction:column;gap:2px}.wstat-lbl{font-size:.68rem;color:#94a3b8;text-transform:uppercase;font-weight:600}.wstat-val{font-size:1rem;font-weight:800;color:#38bdf8}.welcome-features{display:flex;flex-direction:column;gap:6px;width:100%;background:#1e293b66;padding:10px 14px;border-radius:12px;text-align:left;font-size:.82rem;color:#e2e8f0}.wfeat{display:flex;align-items:center;gap:8px}.btn-welcome-start{width:100%;padding:12px 20px;font-size:1.1rem;font-weight:800}.welcome-auth-container{width:100%;display:flex;flex-direction:column;gap:12px}.auth-logged-in-view{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.auth-user-badge{display:flex;align-items:center;gap:12px;background:#1e293bb3;border:1px solid rgba(56,189,248,.35);border-radius:12px;padding:10px 16px;width:100%;box-shadow:0 4px 14px #00000040}.auth-user-avatar{font-size:1.8rem;line-height:1}.auth-user-info{display:flex;flex-direction:column;text-align:left}.auth-user-sub{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:700}.auth-user-name{font-size:1.15rem;font-weight:800;color:#38bdf8;letter-spacing:.5px}.auth-action-links{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.8rem;margin-top:-2px}.auth-text-btn{background:none;border:none;color:#94a3b8;font-size:.8rem;font-family:inherit;font-weight:600;cursor:pointer;text-decoration:underline;padding:2px 4px;transition:color .2s ease}.auth-text-btn:hover{color:#38bdf8}.auth-link-divider{color:#475569}.auth-form-view{width:100%;display:flex;flex-direction:column;gap:12px}.auth-nav-tabs{display:flex;gap:6px;background:#0f172ab3;padding:5px;border-radius:12px;border:1px solid rgba(255,255,255,.08);width:100%}.auth-nav-tab{flex:1;background:transparent;border:1px solid transparent;color:#94a3b8;padding:8px 10px;border-radius:8px;font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:6px}.auth-nav-tab:hover{color:#f1f5f9;background:#ffffff0d}.auth-nav-tab.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#38bdf8;box-shadow:0 4px 12px #0284c759}.auth-tab-panel{width:100%;display:flex;flex-direction:column;gap:12px}.auth-tab-desc{font-size:.82rem;color:#94a3b8;margin:0;line-height:1.4;text-align:center}.auth-inputs-form{display:flex;flex-direction:column;gap:10px;width:100%}.auth-input-group{display:flex;align-items:center;background:#1e293ba6;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:0 12px;transition:border-color .2s,box-shadow .2s}.auth-input-group:focus-within{border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d}.auth-input-icon{font-size:1rem;margin-right:8px;-webkit-user-select:none;user-select:none}.auth-input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-family:inherit;font-size:.92rem;padding:10px 0}.auth-input::placeholder{color:#64748b}.auth-feedback{font-size:.8rem;font-weight:600;min-height:18px;text-align:center;transition:all .2s}.auth-feedback.auth-error{color:#f87171}.auth-feedback.auth-success{color:#4ade80}.auth-feedback.auth-info{color:#38bdf8}.auth-feedback.auth-muted{color:#94a3b8}.welcome-creator{font-size:.72rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-top:4px;animation:creatorColorFlow 4s linear infinite;text-shadow:0 0 8px currentColor}@keyframes creatorColorFlow{0%{color:#38bdf8;text-shadow:0 0 8px #38bdf8}25%{color:#a855f7;text-shadow:0 0 8px #a855f7}50%{color:#f43f5e;text-shadow:0 0 8px #f43f5e}75%{color:#facc15;text-shadow:0 0 8px #facc15}to{color:#38bdf8;text-shadow:0 0 8px #38bdf8}}#game-hud{position:absolute;top:0;left:0;width:100%;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.hud-left{display:flex;align-items:center;gap:8px;pointer-events:auto;flex-shrink:0}.hud-right{display:flex;align-items:center;gap:6px;pointer-events:auto;flex-shrink:0}.hud-center{display:flex;align-items:center;gap:10px;pointer-events:auto}.level-display{display:inline-flex;align-items:center;gap:8px;background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(250,204,21,.5);padding:6px 12px;border-radius:9999px;box-shadow:0 4px 12px #00000059;white-space:nowrap;flex-shrink:0}.level-badge{background:linear-gradient(135deg,#f59e0b,#eab308);color:#0f172a;font-weight:900;font-size:.82rem;padding:2px 7px;border-radius:999px;letter-spacing:.5px}.xp-container{display:flex;flex-direction:column;gap:2px}.xp-bar-track{width:75px;height:4px;background:#ffffff26;border-radius:999px;overflow:hidden}.xp-bar-fill{height:100%;width:0%;background:#38bdf8;border-radius:999px;transition:width .2s ease}.xp-text{font-size:.65rem;color:#94a3b8;font-weight:600}.coin-display,.capacity-display,.shield-display{display:inline-flex;align-items:center;gap:6px;background:#0f172acc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:6px 12px;border-radius:9999px;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #00000040;white-space:nowrap;flex-shrink:0}.coin-display{border-color:#facc1573;color:#fef08a}.capacity-display{border-color:#38bdf859;color:#e0f2fe}#capacity-amount{white-space:nowrap;display:inline-block;line-height:1}.capacity-full{border-color:#f59e0b;background:#f59e0b40;color:#fef08a}.shield-display{border-color:#38bdf899;color:#38bdf8}.weather-display{display:inline-flex;align-items:center;gap:6px;background:#0f172acc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(168,85,247,.35);padding:6px 12px;border-radius:9999px;font-size:.8rem;font-weight:700;color:#e2e8f0;box-shadow:0 4px 12px #00000040;white-space:nowrap;flex-shrink:0}.weather-time{color:#fde047}.weather-sub{color:#cbd5e1;font-size:.72rem}.hud-right,.level-display,.weather-display{transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}#game-hud.hud-diving-mode .hud-right,#game-hud.hud-diving-mode .level-display,#game-hud.hud-diving-mode .weather-display{opacity:0;pointer-events:none!important;transform:translateY(-16px)}.hud-center{flex-direction:column;align-items:center;gap:4px}.depth-meter-container{display:flex;flex-direction:column;align-items:center;background:#0f172ae0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 18px;border-radius:12px;border:1px solid rgba(56,189,248,.35);box-shadow:0 4px 15px #0006;min-width:190px}.depth-number{font-size:1.3rem;font-weight:800;color:#38bdf8;letter-spacing:.5px}.zone-badge{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px}.depth-bar-track{width:100%;height:5px;background:#ffffff1f;border-radius:999px;margin-top:4px;overflow:hidden}.depth-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:999px;transition:width .1s linear}.btn-reel-dive{margin-top:6px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid #38bdf8;border-radius:8px;padding:3px 12px;font-size:.76rem;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #0284c766;transition:transform .15s,background .15s}.btn-reel-dive:hover{background:linear-gradient(135deg,#0369a1,#0284c7);transform:translateY(-1px)}.hint-message{font-size:.82rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);background:#0f172aa6;padding:3px 12px;border-radius:999px}.icon-btn{background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#f8fafc;padding:7px 11px;border-radius:10px;font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}.icon-btn:hover{background:#1e293bf2;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf840}.icon-btn:active{transform:translateY(0)}#toast-notification{position:absolute;top:72px;left:50%;transform:translate(-50%);background:#0f172af0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #38bdf8;color:#fff;padding:10px 22px;border-radius:999px;font-weight:700;font-size:.92rem;box-shadow:0 8px 24px #00000080,0 0 16px #38bdf859;z-index:100;pointer-events:none;transition:all .35s cubic-bezier(.16,1,.3,1)}.toast-hidden{opacity:0;transform:translate(-50%,-20px) scale(.95)}.toast-visible{opacity:1;transform:translate(-50%) scale(1)}#modal-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#030712b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;display:flex;justify-content:center;align-items:center;padding:20px;transition:opacity .25s ease,visibility .25s ease}.modal-overlay-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-overlay-visible{opacity:1;visibility:visible;pointer-events:auto}.modal-card{background:#0f172af5;border:1px solid rgba(255,255,255,.15);border-radius:20px;width:100%;max-width:860px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #000000a6,0 0 25px #38bdf826;animation:modal-pop .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modal-pop{0%{transform:scale(.92) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.3rem;font-weight:800;color:#f8fafc}.modal-close-btn{background:none;border:none;color:#94a3b8;font-size:1.8rem;line-height:1;cursor:pointer}.modal-close-btn:hover{color:#f8fafc}.modal-body{padding:20px 24px;overflow-y:auto}.btn{font-family:inherit;font-size:.92rem;font-weight:700;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8);transform:translateY(-2px)}.btn-secondary{background:#1e293bcc;border:1px solid rgba(255,255,255,.15);color:#f8fafc}.btn-secondary:hover{background:#334155e6;border-color:#38bdf8}.btn-buy{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 4px 12px #16a34a4d}.btn-buy:hover{background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-1px)}.btn-disabled{background:#33415566;color:#64748b;cursor:not-allowed;border:1px solid rgba(255,255,255,.05)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:6px 12px;font-size:.8rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.shop-card{background:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:all .2s ease}.shop-card:hover{border-color:#38bdf866;background:#1e293bbf}.shop-card-locked{opacity:.75;border-color:#ef444440}.shop-card-max{border-color:#facc1566}.shop-card-header{display:flex;gap:12px;align-items:flex-start}.shop-icon{font-size:1.8rem;line-height:1;background:#0f172a99;padding:8px;border-radius:10px}.shop-info h3{font-size:1rem;font-weight:700}.shop-desc{font-size:.8rem;color:#94a3b8;margin-top:2px;line-height:1.3}.shop-stat{font-size:.82rem;color:#cbd5e1;display:flex;flex-direction:column;gap:3px;background:#0f172a73;padding:8px 12px;border-radius:8px}.perk-highlight{color:#38bdf8;font-weight:600}.stat-next{color:#4ade80;font-weight:500}.stat-max{color:#facc15;font-weight:700;text-align:center}.shop-card-action .btn{width:100%}.summary-container{display:flex;flex-direction:column;gap:18px}.summary-header-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{background:#1e293b99;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:12px;text-align:center;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.78rem;color:#94a3b8;text-transform:uppercase;font-weight:600}.stat-value{font-size:1.2rem;font-weight:800;color:#38bdf8}.catch-summary-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.catch-item-card{display:flex;align-items:center;justify-content:space-between;background:#1e293b80;border-left:4px solid #64748b;border-radius:10px;padding:10px 14px;gap:12px}.catch-item-icon{font-size:1.6rem}.catch-item-details{flex:1}.catch-item-name{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.catch-item-specs{font-size:.8rem;color:#94a3b8;margin-top:2px;display:flex;gap:10px}.catch-item-price{font-size:1.15rem;font-weight:800;color:#facc15}.summary-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.total-cash{font-size:1.6rem;color:#facc15;font-weight:800}.summary-actions{display:flex;gap:10px}.empty-catch{text-align:center;padding:30px;color:#94a3b8}.empty-icon{font-size:3rem;margin-bottom:8px}.rarity-tag{font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.rarity-common{background:#a0aec040;color:#cbd5e1}.rarity-uncommon{background:#48bb7840;color:#4ade80}.rarity-rare{background:#38bdf840;color:#38bdf8}.rarity-epic{background:#a855f740;color:#c084fc}.rarity-legendary{background:#facc1540;color:#facc15}.rarity-border-common{border-left-color:#a0aec0}.rarity-border-uncommon{border-left-color:#48bb78}.rarity-border-rare{border-left-color:#38bdf8}.rarity-border-epic{border-left-color:#a855f7}.rarity-border-legendary{border-left-color:#facc15}.shiny-tag{background:linear-gradient(90deg,#f59e0b,#eab308);color:#1e1b4b;font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:4px}.fossil-tag{background:linear-gradient(90deg,#78716c,#a8a29e);color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px}.journal-logbook-container{display:flex;flex-direction:column;gap:14px}.primary-menu-tabs{display:flex;gap:10px;background:#0f172ab3;padding:5px;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.primary-tab-btn{flex:1;background:transparent;border:1px solid transparent;color:#94a3b8;padding:10px 16px;border-radius:9px;font-family:inherit;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:8px}.primary-tab-btn:hover{color:#f1f5f9;background:#ffffff0d}.primary-tab-btn.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#38bdf8;box-shadow:0 4px 14px #0284c759}.trophy-career-snapshot{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px;background:#0f172a8c;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.stat-pill-box{display:flex;flex-direction:column;gap:3px}.stat-pill-box .stat-lbl{font-size:.68rem;text-transform:uppercase;color:#94a3b8;font-weight:700;letter-spacing:.5px}.stat-pill-box .stat-val{font-size:1.05rem;font-weight:800;color:#facc15}.journal-wrapper{display:flex;flex-direction:column;gap:14px}.journal-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.tab-btn{background:#1e293b99;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:7px 14px;border-radius:8px;font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:#0284c7;color:#fff;border-color:#38bdf8}.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;max-height:520px;overflow-y:auto;padding-right:4px}.journal-card{background:#1e293b73;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.journal-visual{height:55px;display:flex;align-items:center;justify-content:center;background:#0f172a73;border-radius:8px}.silhouette{filter:brightness(0) opacity(.3)}.journal-card-info h4{font-size:.95rem;font-weight:700}.journal-lore{font-size:.78rem;color:#94a3b8;line-height:1.3}.journal-meta{font-size:.75rem;color:#cbd5e1;display:flex;flex-direction:column;gap:2px;margin-top:4px}.shiny-count{color:#facc15;font-weight:700}.fossil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;max-height:500px;overflow-y:auto}.fossil-card{background:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.fossil-pedestal{background:radial-gradient(circle,#334155,#0f172a);border:1px solid rgba(255,255,255,.15);border-radius:10px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2.2rem}.empty-pedestal{background:#0f172a66}.fossil-info h4{font-size:1rem;font-weight:700;color:#f8fafc}.fossil-lore{font-size:.8rem;color:#94a3b8;line-height:1.35}.fossil-meta{font-size:.76rem;color:#cbd5e1;display:flex;flex-direction:column;gap:3px;background:#0f172a66;padding:6px 10px;border-radius:8px}.aquarium-container{display:flex;flex-direction:column;gap:10px;align-items:center}.aquarium-controls{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#94a3b8}#aquarium-canvas{width:100%;max-width:760px;height:auto;border-radius:14px;border:2px solid rgba(56,189,248,.4);box-shadow:0 10px 30px #00000080;cursor:crosshair}.empty-aquarium{text-align:center;padding:40px;color:#94a3b8}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;max-height:520px;overflow-y:auto;padding-right:4px}.achievement-card{background:#1e293b73;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:flex;align-items:flex-start;gap:12px}.ach-unlocked{border-color:#facc1566;background:#1e293bb3}.ach-icon{font-size:1.8rem;line-height:1}.ach-details{flex:1}.ach-title-row{display:flex;justify-content:space-between;align-items:center}.ach-title-row h4{font-size:.95rem;font-weight:700}.ach-reward{font-size:.8rem;font-weight:700;color:#facc15}.ach-desc{font-size:.78rem;color:#94a3b8;margin:3px 0 6px;line-height:1.3}.ach-prog-bar{width:100%;height:4px;background:#ffffff1a;border-radius:999px;overflow:hidden}.ach-prog-fill{height:100%;background:#38bdf8;border-radius:999px}.ach-prog-label{font-size:.7rem;color:#94a3b8;margin-top:2px}.settings-wrapper{display:flex;flex-direction:column;gap:20px}.settings-section h3{font-size:1.05rem;font-weight:700;margin-bottom:12px;color:#f8fafc}.stats-table{background:#1e293b66;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;font-size:.85rem;color:#94a3b8}.stat-row strong{color:#f8fafc}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.setting-item label{font-size:.9rem;font-weight:600}.setting-item input[type=range]{width:180px;accent-color:#38bdf8}.settings-danger-warning{font-size:.82rem;color:#ef4444;margin-bottom:10px}.confirm-reset-box{text-align:center;padding:10px;display:flex;flex-direction:column;align-items:center;gap:12px}.warning-icon{font-size:3rem}.confirm-actions{display:flex;gap:14px;margin-top:8px}.tutorial-wrapper{display:flex;flex-direction:column;gap:14px}.tutorial-step{display:flex;align-items:flex-start;gap:14px;background:#1e293b73;border:1px solid rgba(255,255,255,.08);padding:12px 16px;border-radius:12px}.step-num{width:32px;height:32px;border-radius:50%;background:#0284c7;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0}.step-text h4{font-size:.98rem;font-weight:700;margin-bottom:2px}.step-text p{font-size:.84rem;color:#cbd5e1;line-height:1.4}.tutorial-footer{display:flex;justify-content:center;margin-top:6px}@media (max-width: 768px){#game-hud{padding:6px 8px}.level-display{padding:4px 8px}.xp-bar-track{width:45px}.coin-display,.capacity-display,.shield-display{padding:5px 8px;font-size:.78rem}.hud-right .icon-btn{padding:5px 7px;font-size:.75rem}.hint-message{display:none}.modal-card{max-height:94vh}}.hud-buffs-container{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:5px}.hud-buff-pill{background:#38bdf82e;border:1px solid rgba(56,189,248,.45);color:#e0f2fe;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:9999px;box-shadow:0 2px 8px #00000040;display:inline-flex;align-items:center;gap:4px;letter-spacing:.02em}.minimap-modal-container{max-width:840px}.minimap-header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172ab3;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:16px;box-shadow:inset 0 1px 1px #ffffff0d}.minimap-coords{display:flex;align-items:center;gap:12px}.compass-rose-icon{font-size:2rem;animation:spinSlow 30s linear infinite;display:inline-block}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.seas-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.sea-chart-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;display:flex;flex-direction:column;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sea-chart-card:hover{border-color:#fff3;transform:translateY(-2px)}.sea-card-active{border-color:#38bdf8!important;box-shadow:0 0 18px #38bdf840;background:#0f172ae6}.sea-card-top{display:flex;align-items:center;gap:10px;padding-left:8px;margin-bottom:8px}.sea-card-icon{font-size:1.8rem}.sea-card-title{font-weight:700;font-size:.98rem;color:#f8fafc;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.active-anchor-badge{font-size:.65rem;background:#0284c7;color:#fff;padding:2px 6px;border-radius:4px;font-weight:800;letter-spacing:.04em}.sea-card-subtitle{font-size:.76rem;color:#94a3b8;font-style:italic}.sea-card-desc{font-size:.82rem;color:#cbd5e1;line-height:1.4;margin-bottom:10px;flex:1}.sea-card-hotspots{background:#0003;border-radius:8px;padding:8px;margin-bottom:12px}.hotspots-tags{display:flex;flex-wrap:wrap;gap:5px}.hotspot-tag{font-size:.7rem;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:#7dd3fc;padding:2px 7px;border-radius:4px;font-weight:600}.sea-card-actions{display:flex;justify-content:flex-end;margin-top:auto}.gate-lock-reason{font-size:.76rem;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.25);padding:5px 8px;border-radius:6px;line-height:1.35;width:100%}.minimap-footer-note{margin-top:14px;font-size:.82rem;color:#94a3b8;text-align:center;padding:8px}.npc-encounter-modal{max-width:580px;display:flex;flex-direction:column;gap:16px}.npc-header-bar{display:flex;align-items:center;gap:16px;padding-bottom:14px}.npc-avatar-box{width:68px;height:68px;border-radius:16px;background:#0f172ae6;border:2px solid;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000059;flex-shrink:0}.npc-avatar-emoji{font-size:2.4rem}.npc-name{font-size:1.25rem;font-weight:800;margin:0 0 3px;letter-spacing:-.01em}.npc-title{font-size:.85rem;color:#94a3b8;font-style:italic}.npc-speech-bubble{background:#1e293bbf;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;padding:14px 18px;font-style:italic;color:#f1f5f9;line-height:1.45;font-size:.96rem;box-shadow:0 2px 8px #0003}.npc-speech-bubble p{margin:0}.npc-options-heading{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.npc-options-list{display:flex;flex-direction:column;gap:10px}.npc-option-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease}.npc-option-card:hover{transform:translateY(-2px);border-color:#38bdf8;background:#1e293bf2;box-shadow:0 4px 14px #38bdf840}.npc-option-label{font-weight:700;font-size:.95rem;color:#f8fafc;margin-bottom:4px}.npc-option-desc{font-size:.82rem;color:#94a3b8;line-height:1.35}.trophy-room-container{max-width:860px}.trophy-section-title{font-size:1.05rem;font-weight:800;color:#f8fafc;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}.milestones-highlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:14px}.milestone-hero-card{background:linear-gradient(135deg,#1e293bd9,#0f172af2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 4px 14px #0000004d;position:relative;transition:all .2s ease}.milestone-hero-card:hover{transform:translateY(-2px);border-color:#fff3}.milestone-unlocked{border-color:#10b9818c!important;box-shadow:0 0 18px #10b98140!important}.milestone-badge-pedestal{position:relative;width:56px;height:56px;border-radius:12px;background:#0f172acc;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.milestone-gold-star{position:absolute;top:-6px;right:-6px;font-size:1rem;filter:drop-shadow(0 0 4px #fbbf24)}.milestone-info{flex:1}.milestone-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.milestone-title-row h4{font-size:.98rem;font-weight:700;color:#f8fafc;margin:0}.milestone-bounty{font-size:.8rem;font-weight:700;color:#f59e0b;background:#f59e0b26;padding:2px 7px;border-radius:4px;letter-spacing:.02em}.milestone-desc{font-size:.82rem;color:#cbd5e1;margin:0 0 8px;line-height:1.35}.milestone-bar-container{display:flex;flex-direction:column;gap:4px}.milestone-stat-label{display:flex;justify-content:space-between;font-size:.74rem;color:#94a3b8;font-weight:600}.catch-item-price-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.catch-item-actions-row{display:flex;gap:6px}.status-badge{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:6px}.status-badge.kept-badge{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.status-badge.sold-badge{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.catch-toggle-row{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.catch-toggle-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.82rem;color:#94a3b8;-webkit-user-select:none;user-select:none}.catch-toggle-label:hover{color:#f1f5f9}.inventory-container{display:flex;flex-direction:column;gap:16px}.inventory-header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.inv-stat-box{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.inventory-controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:#1e293b73;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.inv-tabs{display:flex;gap:6px;flex-wrap:wrap}.inv-top-actions{display:flex;gap:8px;align-items:center}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;max-height:480px;overflow-y:auto;padding-right:6px}.inventory-card{background:#1e293ba6;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;position:relative;transition:transform .15s,border-color .15s,box-shadow .15s}.inventory-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.item-locked-border{border-color:#f59e0bb3!important}.inv-card-header{display:flex;align-items:center;gap:10px}.inv-card-icon{width:40px;height:40px;background:#0f172ab3;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inv-card-title-col{flex:1;overflow:hidden}.inv-card-name{font-weight:700;font-size:.95rem;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.btn-icon-lock{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 6px;cursor:pointer;font-size:.9rem;transition:all .15s}.btn-icon-lock:hover{background:#ffffff1a;transform:scale(1.1)}.inv-card-specs{display:flex;gap:12px;font-size:.78rem;color:#94a3b8}.inv-card-status-row{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;padding:4px 0;border-top:1px solid rgba(255,255,255,.05)}.badge-tank{background:#06b6d433;color:#22d3ee;border:1px solid rgba(6,182,212,.4);font-weight:800;font-size:.68rem;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.badge-lock{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4);font-weight:800;font-size:.68rem;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.inv-card-price strong{color:#facc15}.inv-card-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:auto}.empty-inventory-state{text-align:center;padding:50px 20px;color:#94a3b8}.empty-inventory-state h4{color:#f8fafc;font-size:1.25rem;margin:10px 0 6px}.inspect-item-container{display:flex;flex-direction:column;gap:16px}.inspect-item-hero{background:#0f172a99;border-radius:12px;padding:18px;display:flex;align-items:center;gap:18px}.inspect-item-titles h2{margin:0 0 6px;font-size:1.45rem;color:#f8fafc}.inspect-item-tags{display:flex;gap:6px;flex-wrap:wrap}.inspect-item-lore{font-size:.92rem;line-height:1.5;color:#cbd5e1;background:#1e293b66;border-left:3px solid #38bdf8;padding:10px 14px;border-radius:0 8px 8px 0;margin:0 0 14px}.inspect-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px}.inspect-spec{background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.inspect-spec .lbl{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.inspect-spec strong{color:#f8fafc;font-size:.95rem}.inspect-actions-row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.aquarium-locked-container{text-align:center;padding:30px 16px;background:#0f172a80;border-radius:14px;border:1px dashed rgba(56,189,248,.4)}.aquarium-perks-box{display:flex;flex-direction:column;gap:8px;max-width:520px;margin:0 auto 16px;text-align:left;background:#1e293b80;border-radius:10px;padding:14px 18px}.perk-row{display:flex;align-items:center;gap:10px;font-size:.88rem;color:#cbd5e1}.perk-row span{font-size:1.2rem}.aquarium-panel{display:flex;flex-direction:column;gap:14px}.aquarium-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:#0f172a99;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.aq-stat-pill{display:flex;align-items:center;gap:6px;font-size:.88rem;color:#cbd5e1}.aq-lbl{color:#94a3b8;font-size:.8rem}.aq-tips-pill{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);padding:4px 10px;border-radius:8px}.aq-theme-selector{display:flex;align-items:center;gap:6px}.theme-btn{background:#1e293bcc;color:#cbd5e1;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 8px;font-size:.8rem;cursor:pointer;transition:all .15s}.theme-btn:hover,.theme-btn.active{background:#0284c7;color:#fff;border-color:#38bdf8;font-weight:700}.aq-actions-col{display:flex;gap:6px}.aquarium-canvas-box{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.aquarium-canvas-hint{font-size:.75rem;color:#94a3b8;margin-top:4px}.aquarium-inhabitants-section{background:#0f172a80;border-radius:12px;padding:14px;border:1px solid rgba(255,255,255,.06)}.inhabitants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.inhabitants-header h4{margin:0;font-size:1.05rem;color:#f8fafc}.inhabitants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;max-height:240px;overflow-y:auto;padding-right:4px}.inhabitant-slot-card{border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px}.inhabitant-slot-card.filled{background:#1e293bb3}.inhabitant-slot-card.empty{background:#1e293b4d;border:1px dashed rgba(255,255,255,.15);cursor:pointer;transition:all .15s;justify-content:center;text-align:center}.inhabitant-slot-card.empty:hover{background:#38bdf81a;border-color:#38bdf866}.slot-icon{flex-shrink:0}.slot-info{flex:1;overflow:hidden}.slot-name{font-weight:700;font-size:.88rem;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-sub{font-size:.75rem;color:#94a3b8}.slot-empty-icon{font-size:1.4rem;color:#38bdf8}.slot-empty-text{font-size:.85rem;color:#94a3b8;font-weight:600}.tension-meter-container{display:flex;flex-direction:column;background:#0f172ae0;border:1px solid rgba(56,189,248,.3);box-shadow:0 4px 14px #00000073;border-radius:10px;padding:6px 12px;min-width:170px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:4px}.tension-header-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;margin-bottom:4px}.tension-title-txt{color:#cbd5e1;letter-spacing:.5px}.tension-val-txt{color:#38bdf8;font-family:monospace}.tension-bar-track{position:relative;width:100%;height:8px;background:#1e293bcc;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.tension-sweet-spot{position:absolute;top:0;height:100%;background:#22c55e59;border-left:2px solid #22c55e;border-right:2px solid #22c55e;z-index:2;box-shadow:0 0 6px #22c55e66}.tension-bar-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:#38bdf8;border-radius:4px;transition:width .08s ease-out,background .15s;z-index:1}.heat-meter-container{display:flex;flex-direction:column;background:#450a0ae0;border:1px solid rgba(239,68,68,.45);box-shadow:0 4px 14px #ef444440;border-radius:10px;padding:6px 12px;min-width:170px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:4px}.heat-header-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;margin-bottom:4px}.heat-title-txt{color:#fca5a5;letter-spacing:.5px}.heat-val-txt{color:#f87171;font-family:monospace}.heat-bar-track{position:relative;width:100%;height:8px;background:#18181bcc;border-radius:4px;overflow:hidden;border:1px solid rgba(239,68,68,.2)}.heat-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#f97316,#ef4444);border-radius:4px;transition:width .08s ease-out;box-shadow:0 0 8px #ef444499}.zone-entry-banner{position:fixed;top:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#0f172af2,#1e293beb);border:2px solid rgba(56,189,248,.6);box-shadow:0 10px 30px #0009,0 0 20px #38bdf840;border-radius:14px;padding:12px 24px;z-index:9999;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .5s ease,transform .5s cubic-bezier(.18,.89,.32,1.28)}.zone-banner-hidden{opacity:0;transform:translate(-50%,-25px) scale(.92);pointer-events:none}.zone-banner-visible{opacity:1;transform:translate(-50%) scale(1)}.zone-banner-icon{font-size:2.4rem;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.zone-banner-info{display:flex;flex-direction:column}.zone-banner-sub{font-size:.68rem;font-weight:800;letter-spacing:2px;color:#38bdf8;text-transform:uppercase}.zone-banner-title{font-size:1.35rem;font-weight:900;color:#f8fafc;line-height:1.2}.zone-banner-desc{font-size:.8rem;color:#94a3b8;margin-top:2px}#game-hud{box-sizing:border-box;flex-wrap:nowrap;gap:8px}.hud-left,.hud-right,.hud-center{min-width:0;max-width:100%;flex-wrap:nowrap}.hud-left{flex-shrink:0}.hud-right{margin-left:auto;flex-shrink:1;justify-content:flex-end;overflow:visible}.hud-right .icon-btn{flex-shrink:0;white-space:nowrap}#btn-mute{background:#0f172a}@media (max-width: 1600px){.hud-right .btn-label{display:none}.hud-right .icon-btn{padding:7px;min-width:34px}}@media (max-width: 1100px){.hud-left .xp-container,.hud-left .weather-display{display:none}.hud-left{gap:4px}}@media (max-width: 800px){#game-hud{padding:8px;gap:4px}.hud-right{gap:4px}.hud-left .level-display{padding:4px}.hud-left .coin-display,.hud-left .capacity-display{padding:4px;font-size:12px}}#fleet-radio{position:fixed;right:12px;top:70px;z-index:15;width:min(280px,calc(100vw - 24px));box-sizing:border-box;padding:10px;border:1px solid #475569;border-radius:10px;background:#0f172aa6;color:#e2e8f0;font-size:12px}#fleet-radio[hidden]{display:none}#fleet-radio small{display:block;color:#94a3b8;margin-top:3px}#fleet-messages{height:88px;overflow-y:auto;overflow-wrap:anywhere}#fleet-messages p{margin:6px 0}#fleet-form{display:flex;gap:6px}#fleet-input{min-width:0;flex:1;color:#fff;background:#1e293b;border:1px solid #64748b;border-radius:5px;padding:6px}#fleet-form button{background:#38bdf8;border:0;border-radius:5px;padding:6px 10px;cursor:pointer}.fleet-header{display:flex;align-items:center;justify-content:space-between;gap:8px}#fleet-toggle{width:30px;height:30px;border:1px solid #64748b;border-radius:6px;background:#1e293b;color:#e2e8f0;font-size:20px;cursor:pointer}#fleet-toggle:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}#fleet-radio.fleet-minimized{width:40px;padding:4px}.fleet-minimized .fleet-header strong,#fleet-content[hidden]{display:none}#game-hud{align-items:flex-start}.hud-left{height:42px;align-items:center}#hud-coins{box-sizing:border-box;width:auto;max-width:160px}#coin-amount{min-width:0;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.hud-wallet{position:relative;flex-shrink:0}#hud-capacity{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);visibility:hidden;pointer-events:none}#game-hud.hud-diving-mode #hud-capacity{visibility:visible}#capacity-amount{min-width:6ch;font-variant-numeric:tabular-nums}@media (max-width: 800px){#hud-coins{max-width:88px}#game-hud{padding:6px 4px;gap:3px}.hud-left{gap:3px}.hud-left .level-display{padding:3px}.hud-left .level-badge{padding:2px 3px;font-size:10px;letter-spacing:0}.hud-left .coin-display{gap:3px;padding:4px;font-size:11px}.hud-right{flex:1;gap:2px;height:42px}.hud-right .icon-btn{position:relative;flex:1 1 0;min-width:0;padding:5px 0;font-size:clamp(11px,3vw,16px);gap:0}.hud-right .trap-badge-num{position:absolute;top:-5px;right:-2px;font-size:9px;padding:1px 3px}}#game-hud .hud-center{position:absolute;top:100%;left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 16px));gap:6px;pointer-events:none}.hud-center button{pointer-events:auto}.hud-buffs-container{justify-content:center;margin-top:0}.hud-buffs-container:empty{display:none}.customize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:14px 0}.customize-field{display:flex;flex-direction:column;gap:6px;color:#cbd5e1;font-size:.85rem}.customize-field select{width:100%;padding:10px;background:#1e293b;border:1px solid #475569;border-radius:8px;color:#f8fafc;font:inherit}.customize-field select:focus-visible{outline:2px solid #38bdf8}.angler-customization{max-width:560px;margin:auto}#angler-preview{display:block;margin:auto;border:1px solid #38bdf8;border-radius:16px;max-width:100%}.customize-note{color:#94a3b8;font-size:.85rem;line-height:1.5}.almanac-zone-pills,.scoreboard-header-actions,.scoreboard-toggle-pill-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.almanac-pill-btn,.scoreboard-pill-btn{padding:8px 12px;border:1px solid #475569;border-radius:12px;background:#1e293b;color:#cbd5e1;cursor:pointer;font:inherit}.almanac-pill-btn.active,.scoreboard-pill-btn.active{background:#164e63;border-color:#38bdf8;color:#f8fafc}.journal-card-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.journal-visual{height:100px;overflow:hidden}canvas.journal-fish-preview{width:240px;height:100px;max-width:100%;object-fit:contain}.journal-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}.scoreboard-header-card,.scoreboard-user-banner,.scoreboard-guest-banner{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:16px;margin-bottom:14px}.scoreboard-header-left,.scoreboard-user-banner,.scoreboard-guest-banner{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.scoreboard-trophy-badge{font-size:2rem}.scoreboard-subtitle,.user-banner-label{color:#94a3b8;font-size:.82rem}.user-banner-col{display:flex;flex-direction:column;gap:4px}.scoreboard-header-actions{margin-top:12px;margin-bottom:0}.scoreboard-table-wrap{overflow-x:auto;border:1px solid #334155;border-radius:12px}.scoreboard-table{width:100%;border-collapse:collapse;min-width:620px;font-size:.85rem}.scoreboard-table th{background:#1e293b;color:#94a3b8;padding:12px}.scoreboard-table td{padding:12px;border-top:1px solid #334155}.scoreboard-row:nth-child(2n){background:#1e293b66}.scoreboard-row.row-current-user{background:#0e74904d}.captain-cell{display:flex;align-items:center;gap:8px}.badge-you{font-size:.65rem;color:#67e8f9}.rank-gold,.coin-gold-tag{color:#facc15}.rank-silver{color:#cbd5e1}.rank-bronze{color:#fb923c}.scoreboard-empty-state{text-align:center;padding:24px;color:#94a3b8}.aquarium-panel{gap:18px}.aquarium-header-bar{background:linear-gradient(120deg,#102d40,#132139);padding:16px;border-color:#2b5266}.aq-stat-pill,.aq-actions-col{flex-wrap:wrap}.aquarium-canvas-box{padding:10px;box-sizing:border-box;background:linear-gradient(#1e4052,#0f172a);border:1px solid #42768a;border-radius:18px;box-shadow:0 10px 28px #02061766}#aquarium-canvas{width:100%;height:auto;border-radius:12px}.aquarium-style-shop{border:1px solid #334155;border-radius:14px;background:#0f172acc;padding:14px}.aquarium-style-shop summary{cursor:pointer;color:#e0f2fe;font-weight:700}.aquarium-style-shop summary span{display:block;color:#94a3b8;font-size:.78rem;font-weight:400;margin:5px 0 12px}.aq-theme-selector{flex-wrap:wrap;margin-top:12px}.aquarium-style-shop .customize-field{background:#1e293b88;border-radius:10px;padding:12px}.aquarium-style-shop .customize-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.inhabitants-header{flex-wrap:wrap;gap:10px}@media (max-width: 560px){.aq-actions-col{width:100%}.aq-actions-col button{flex:1}.aq-tips-pill{width:100%;box-sizing:border-box}}.appearance-studio{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);gap:24px}.appearance-preview-panel{align-self:start;position:sticky;top:0;text-align:center;border:1px solid #426477;border-radius:20px;padding:14px;background:linear-gradient(145deg,#183849,#101d32)}.appearance-preview-panel #angler-preview{width:100%;height:auto;border:0;border-radius:14px}.appearance-preview-panel h3{color:#e0f2fe;font-size:1.05rem;margin:14px 0 6px}#appearance-status{min-height:2.8em;color:#a4becb;font-size:.8rem;line-height:1.4}.appearance-presets,.appearance-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.appearance-group{margin:0 0 18px;padding:12px;border:1px solid #334155;border-radius:14px;min-width:0;background:#172437}.appearance-group legend{font-weight:700;color:#e2e8f0;padding:0 6px;font-size:.9rem}.appearance-group legend span{margin-left:8px;color:#94a3b8;font-weight:400;font-size:.75rem}.appearance-choices{display:flex;flex-wrap:wrap;gap:10px}.appearance-choice{cursor:pointer;border:2px solid #64748b;transition:transform .15s,box-shadow .15s}.appearance-swatch{width:40px;height:40px;border-radius:50%;background:var(--swatch);display:grid;place-items:center}.swatch-check{opacity:0;color:#fff;text-shadow:0 1px 3px #000,0 0 3px #000;font-weight:900}.appearance-choice[aria-pressed=true]{border-color:#e0f2fe;box-shadow:0 0 0 3px #0ea5e9}.appearance-choice[aria-pressed=true] .swatch-check{opacity:1}.appearance-choice:hover{transform:translateY(-2px)}.appearance-choice:focus-visible{outline:3px solid #facc15;outline-offset:4px}.appearance-hat{border-radius:10px;background:#25374d;color:#e2e8f0;padding:10px 12px;font:inherit;font-size:.82rem}.appearance-footer{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #334155;padding-top:16px;color:#94a3b8;font-size:.8rem}@media (max-width: 650px){.appearance-studio{grid-template-columns:1fr;gap:16px}.appearance-preview-panel{position:static}.appearance-preview-panel #angler-preview{width:min(100%,270px)}.appearance-swatch{width:44px;height:44px}}.gem-display{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(125,211,252,.25);border-radius:12px;background:#0c1f37b3;color:#bae6fd;padding:5px 8px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}#daily-ready{color:#a7f3d0}.daily-rewards{max-width:620px;margin:auto;text-align:center}.daily-reward-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:20px 0}.daily-reward-day{display:flex;flex-direction:column;gap:8px;padding:14px 4px;border-radius:10px;border:1px solid #334155;background:#122237}.daily-reward-day.ready{border-color:#67e8f9;background:#164e63}@media (max-width: 600px){.gem-display{font-size:11px;padding:4px;gap:2px}.daily-reward-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.hud-wallet{display:flex;align-items:center;gap:5px}.gem-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.gem-package-grid article{padding:18px;border:1px solid #3d627e;border-radius:14px;background:#132a41;text-align:center}.gem-package-grid strong{font-size:1.7rem;color:#7dd3fc}@media (max-width:600px){.gem-package-grid{grid-template-columns:1fr}}.settings-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-section{margin:0;padding:20px;border:1px solid #29435b;border-radius:16px;background:linear-gradient(145deg,#142b40,#101d30)}.settings-section h3{margin-bottom:14px}.settings-section p{line-height:1.65;margin-bottom:16px;color:#b9cadb}.settings-section .setting-item{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:18px 0}.settings-section input[type=range]{width:100%;min-height:32px;accent-color:#67cfe4}.settings-section .stat-row{gap:12px;padding:10px 0;font-size:.85rem}.settings-section .stat-row strong{text-align:right}.settings-section:last-child{border-color:#70434e}.eyebrow{color:#74c9d3;font-size:.68rem;font-weight:800;letter-spacing:.18em;margin-bottom:8px}.museum-intro{margin-bottom:22px;padding:8px 0}.museum-intro h3{font-family:Georgia,serif;font-size:1.7rem;color:#f1e3c5;margin-bottom:10px}.museum-intro p:last-child{color:#a9bdcb;line-height:1.6}.museum-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;border:1px solid #655b46;border-radius:18px;background:radial-gradient(ellipse at top,#3d4853,#101d2c)}.museum-plinth{min-height:155px;display:flex;flex-direction:column;justify-content:end;align-items:center;text-align:center;gap:14px;padding:18px 10px;background:linear-gradient(transparent 60%,#726653 61%,#39404a 67%,#232e3d);border-radius:80px 80px 8px 8px}.museum-plinth>span{font-size:2.8rem;filter:drop-shadow(0 0 14px #e0c18a60)}.museum-plinth strong{min-height:32px;font-size:.75rem;color:#f4e7ce}.collection-heading{margin:24px 0 16px}.fossil-card,.skeleton-card{border-radius:16px;background:linear-gradient(140deg,#1c3448,#142335);padding:20px}.skeletons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.skeleton-icon{font-size:2.8rem}.skeleton-card .bone-slots{display:flex;gap:10px;margin:20px 0}.bone-slot{padding:10px;border-radius:9px;background:#0c1b29}.bone-active{background:#726345;box-shadow:inset 0 0 0 1px #c4ad71}.skeleton-status-tag{margin-top:16px;font-size:.8rem;color:#e3c88e}.traps-panel{background:radial-gradient(ellipse at top right,#123f4c,#102337 65%);border:1px solid #2c5364;border-radius:18px;padding:22px}.traps-header-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.traps-header-info .stat-box{padding:16px 12px;background:#071d2d80;border:1px solid #41768766;border-radius:12px}.traps-header-info .stat-value{font-size:1rem;margin-top:8px}.traps-inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.trap-item-pill{border-radius:12px;padding:14px;background:#112535;border:1px solid #385566}.traps-footer{margin-top:22px}.daily-reward-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.treasure-chart{margin:18px 0;padding:20px 10px 12px;background:radial-gradient(ellipse at 35% 20%,#f6e8bb,#ddc392 65%,#ad8250);border:5px double #926b40;border-radius:18px 7px 22px 9px;box-shadow:inset 0 0 40px #7a492740,0 8px 20px #0004}.treasure-chart svg{display:block;width:100%;height:auto}.treasure-chart p{color:#6b4b30;text-align:center;font-family:Georgia,serif;font-size:.85rem}.chart-island{cursor:pointer;transition:filter .2s}.chart-island:hover,.chart-island:focus,.charted-current{filter:drop-shadow(0 0 5px #fff6c4);outline:none}.charted-current circle{fill:#ffd46c;stroke-width:3}.modal-header{flex-shrink:0}.modal-body{min-height:0;overscroll-behavior:contain}@media (max-width: 600px),(max-height: 540px){#loading-screen,.welcome-overlay,#modal-overlay{height:100dvh;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.welcome-card{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;flex-shrink:0;padding:20px 16px;gap:12px}.welcome-card>*{flex-shrink:0}.loading-content{max-height:100%;overflow-y:auto;padding:16px}.loading-title{font-size:1.8rem}.modal-card{max-height:calc(100dvh - 24px)}.modal-header{padding:12px 16px;gap:10px}.modal-header h2{font-size:1.1rem}.modal-body{padding:14px}.catch-summary-list{max-height:none}.catch-item{flex-wrap:wrap}.settings-wrapper{grid-template-columns:1fr;gap:12px}.settings-section{padding:16px}.museum-gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.traps-panel{padding:14px}.traps-header-info{grid-template-columns:1fr;gap:8px}.daily-reward-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.treasure-chart{padding:8px 0}}@media (max-width: 600px){.primary-menu-tabs{padding:6px;gap:6px}.primary-tab-btn{font-size:.78rem;padding:10px 6px}.journal-tabs{gap:6px;margin-bottom:16px}.journal-tabs .tab-btn{font-size:.73rem;padding:8px}.minimap-header-bar{flex-direction:column;align-items:start;gap:10px;padding:12px}.minimap-weather-current{font-size:.8rem}}@media (max-width: 600px){.catch-item-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px}.catch-item-details{min-width:0}.catch-item-name{overflow-wrap:anywhere}.catch-item-price-side{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.catch-item-actions-row{flex-wrap:wrap}.summary-actions{display:grid;grid-template-columns:1fr;gap:10px}.summary-actions .btn{width:100%;min-width:0}.summary-header-stats{gap:8px}.summary-header-stats .stat-box{padding:12px 6px;min-width:0}.summary-header-stats .stat-value{font-size:1.1rem}.summary-header-stats .stat-label{font-size:.65rem}}