@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;scrollbar-color:#0284c7 rgba(15,23,42,.7);scrollbar-width:thin}*{scrollbar-color:#0284c7 rgba(15,23,42,.7);scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172abf;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0284c7,#0369a1);border-radius:999px;border:2px solid rgba(15,23,42,.75)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#38bdf8,#0284c7)}#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}@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,.weather-type-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}.weather-type-display{border-color:#38bdf859;color:#bae6fd;padding:6px 10px}.weather-badge-icon{font-size:.95rem;line-height:1}.weather-badge-type{font-size:.82rem;font-weight:700;letter-spacing:.3px;color:#bae6fd}#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,.weather-display{transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}#game-hud.hud-diving-mode{justify-content:flex-start;gap:8px}#game-hud.hud-diving-mode .hud-right{opacity:0;pointer-events:none!important;transform:translateY(-16px);display:none!important}#game-hud.hud-diving-mode .hud-center{position:static;top:auto;left:auto;transform:none;margin-left:auto;margin-right:auto;max-width:calc(100vw - 380px);min-width:0}#game-hud.hud-diving-mode .weather-display{opacity:0;pointer-events:none!important;transform:translateY(-16px);display:none!important}#game-hud.hud-diving-mode #hud-weather-badge{display:none!important;opacity:0!important;pointer-events:none!important}.hud-center{flex-direction:row;align-items:center;justify-content:center;gap:8px}.depth-meter-container{display:inline-flex;flex-direction:row;align-items:center;gap:6px;background:#0f172ae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:3px 10px;border-radius:9999px;border:1px solid rgba(56,189,248,.4);box-shadow:0 4px 15px #0006;min-width:auto;white-space:nowrap}.depth-number{font-size:.92rem;font-weight:800;color:#38bdf8;letter-spacing:.4px;line-height:1}.zone-badge{font-size:.68rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;background:#38bdf826;border-radius:6px;line-height:1.2;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.depth-bar-track{width:38px;height:4px;background:#ffffff26;border-radius:999px;margin-top:0;overflow:hidden;flex-shrink:0}.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:0;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid #38bdf8;border-radius:8px;padding:2px 8px;font-size:.72rem;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:linear-gradient(180deg,#1e293be0,#0f172af0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);border-top-color:#ffffff47;box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff1f;color:#f8fafc;padding:7px 11px;border-radius:10px;font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;position:relative;-webkit-user-select:none;user-select:none}.hud-icon{display:inline-flex;flex:0 0 18px;width:18px;height:18px;align-items:center;justify-content:center;color:#82d4d2;filter:drop-shadow(0 0 4px #41b7c866);pointer-events:none}.hud-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.icon-btn span,.icon-btn svg{pointer-events:none}.icon-btn:hover .hud-icon{color:#f5d58c;filter:drop-shadow(0 0 5px #e4be7466)}.cabin-shelf-container{min-width:0;padding:12px 4px 22px;color:#e9e0ca}.shelf-header-tip{max-width:680px;margin:0 auto 18px;color:#adc4c4;text-align:center;font-size:.88rem;line-height:1.5}.cabin-shelf-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px;padding:0 0 16px}.cabin-shelf-grid:after{content:"";position:absolute;z-index:-1;height:12px;left:0;right:0;bottom:0;border-radius:2px;background:linear-gradient(#b68b52,#6f492d 35%,#3e2c24);box-shadow:0 5px #211b1a,0 9px 18px #02061788}.relic-shelf-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-width:0;min-height:168px;overflow:hidden;border:1px solid #9b8058;border-left:3px solid #bb985e;border-radius:7px;background:linear-gradient(145deg,#1c3440,#10232f 65%,#172c31);box-shadow:inset 0 1px #ffffff10,0 5px 12px #02061755}.relic-shelf-card.relic-locked{border-style:dashed;border-color:#51616a;background:linear-gradient(145deg,#192932,#111b23)}.relic-pedestal{position:relative;display:flex;align-items:center;justify-content:center;min-height:148px;overflow:hidden;background:radial-gradient(ellipse at 50% 68%,#c3985940,#6b523522 46%,transparent 75%)}.relic-pedestal:after{content:"";position:absolute;bottom:19px;width:76px;height:16px;border-radius:50% 50% 3px 3px;background:linear-gradient(#c7a66d,#6c5135);box-shadow:0 5px #35291f}.relic-icon{position:relative;z-index:1;display:block;font-size:2.6rem!important;filter:drop-shadow(0 5px 5px #020617aa);transform:translateY(-10px)}.relic-restored .relic-pedestal{background:radial-gradient(ellipse at 50% 60%,#81ded544,#163a4933 52%,transparent 76%)}.relic-restored .relic-pedestal:after{background:linear-gradient(#e6cc8f,#947245)}.relic-barnacled .relic-pedestal:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:radial-gradient(circle at 30% 55%,#b9c4ae55 0 3px,transparent 4px),radial-gradient(circle at 67% 42%,#d4d3c255 0 4px,transparent 5px),radial-gradient(circle at 55% 72%,#a3b2a355 0 3px,transparent 4px)}.relic-info{min-width:0;padding:12px 13px 11px 4px}.relic-era-tag{color:#d8bd83;font-size:.68rem;font-weight:800;text-transform:uppercase}.relic-info h4{margin:5px 0;color:#f0e5c9;font-size:1rem;line-height:1.3}.relic-desc{margin:0;color:#b5c6c8;font-size:.78rem;line-height:1.45}.relic-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:.74rem}.relic-status,.relic-value{color:#d9c28e}@media(max-width:520px){.relic-shelf-card{grid-template-columns:84px minmax(0,1fr);min-height:154px}.relic-pedestal{min-height:140px}.relic-pedestal:after{width:62px}.relic-info{padding:10px 9px 9px 2px}}.icon-btn:hover{background:linear-gradient(180deg,#334155f2,#1e293bfa);border-color:#38bdf8a6;border-top-color:#7dd3fcd9;transform:translateY(-2px);box-shadow:0 6px 16px #38bdf84d,inset 0 1px #fff3}.icon-btn:active{transform:translateY(1px);box-shadow:0 1px 3px #0006,inset 0 1px 2px #0006}.quest-ready-glow{border-color:#f59e0b!important;border-top-color:#fbbf24!important;animation:questAmbientPulse 2s infinite ease-in-out}@keyframes questAmbientPulse{0%{box-shadow:0 0 #f59e0b99,0 2px 8px #f59e0b4d}50%{box-shadow:0 0 0 6px #f59e0b00,0 0 16px #fbbf2499}to{box-shadow:0 0 #f59e0b99,0 2px 8px #f59e0b4d}}.daily-claim-indicator{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;padding:4px 10px;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 4px 14px #0284c78c,0 0 0 1px #ffffff40;cursor:pointer;z-index:100;display:flex;align-items:center;gap:4px;animation:dailyBounce 2s infinite ease-in-out;pointer-events:auto}.daily-claim-indicator:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #0284c7}@keyframes dailyBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(3px)}}#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)}#achievement-popup-toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#0f172af5,#1e293bf0);border:1.5px solid #f59e0b;border-radius:14px;padding:12px 20px;box-shadow:0 10px 32px #000000a6,0 0 24px #f59e0b59;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:200;pointer-events:none;opacity:0;transform:translateY(-30px) scale(.9);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}#achievement-popup-toast.ach-toast-enter{opacity:1;transform:translateY(0) scale(1)}#achievement-popup-toast.ach-toast-exit{opacity:0;transform:translateY(-24px) scale(.92)}.ach-toast-icon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(245,158,11,.5));animation:achIconBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes achIconBounce{0%{transform:scale(.3) rotate(-15deg)}60%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}.ach-toast-body{display:flex;flex-direction:column;gap:2px}.ach-toast-tag{font-size:.68rem;font-weight:800;letter-spacing:1.2px;color:#f59e0b;text-transform:uppercase}.ach-toast-name{font-size:1rem;font-weight:700;color:#f8fafc}.ach-toast-rewards{font-size:.82rem;font-weight:600;color:#38bdf8}#modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#030712b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;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;margin:auto;position:relative;z-index:100001;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-outline{background:#0f172aa6;border:1px solid rgba(56,189,248,.45);color:#38bdf8}.btn-outline:hover{background:#38bdf82e;border-color:#38bdf8;color:#fff}.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:1px solid var(--rarity-color, #64748b);border-left-width:4px;border-radius:10px;padding:10px 14px;gap:12px}.catch-item-icon{width:58px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);overflow:hidden}.catch-item-canvas{width:56px;height:44px;display:block}.catch-item-art-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.catch-item-art-icon svg{width:100%;height:100%}.catch-item-details{flex:1 1 auto;min-width:0}.catch-item-name{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.35;word-break:break-word;overflow-wrap:anywhere}.catch-item-specs{font-size:.8rem;color:#94a3b8;margin-top:4px;display:flex;gap:8px 12px;flex-wrap:wrap;line-height:1.3;min-width:0}.catch-item-price{font-size:1.15rem;font-weight:800;color:#facc15;white-space:nowrap}.summary-footer{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding:12px 16px;margin:12px -24px -20px;background:#0f172afa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -8px 24px #0000008c}.total-earnings{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;padding:8px 18px;min-width:140px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#1e293be6,#0f172af5);border:1.5px solid rgba(250,204,21,.55);box-shadow:0 4px 16px #00000059,0 0 14px #facc1526,inset 0 1px #ffffff1f}.total-earnings span{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;line-height:1}.total-cash{font-size:1.45rem;color:#fde047;font-weight:800;line-height:1.1;text-shadow:0 2px 8px rgba(234,179,8,.35);font-variant-numeric:tabular-nums}.summary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:1 1 auto}.summary-btn-art{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;vertical-align:middle;margin-right:8px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));transition:transform .15s ease}.summary-btn-art svg{width:100%;height:100%;display:block}.summary-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-weight:700;white-space:nowrap;font-size:.88rem;flex-shrink:0}.summary-actions .btn:hover .summary-btn-art{transform:scale(1.12)}#btn-sell-all-catches{background:linear-gradient(135deg,#dc2626,#991b1b)!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 3px 12px #dc262659}#btn-sell-all-catches:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#f87171!important;transform:translateY(-1px);box-shadow:0 5px 16px #ef444473}.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{--rarity-color: #a0aec0;border-left-color:var(--rarity-color)}.rarity-border-uncommon{--rarity-color: #48bb78;border-left-color:var(--rarity-color)}.rarity-border-rare{--rarity-color: #38bdf8;border-left-color:var(--rarity-color)}.rarity-border-epic{--rarity-color: #a855f7;border-left-color:var(--rarity-color)}.rarity-border-legendary{--rarity-color: #facc15;border-left-color:var(--rarity-color)}.rarity-border-mythic,.rarity-border-god{--rarity-color: #e879f9;border-left-color:var(--rarity-color)}.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;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:12px}.tutorial-banner{padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#0369a140,#0f172acc);border:1px solid rgba(56,189,248,.3);font-size:.88rem;color:#e0f2fe;line-height:1.45}.tutorial-banner p{margin:0}.tutorial-step{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(135deg,#1e293b8c,#0f172ab3);border:1px solid rgba(148,163,184,.14);padding:12px 16px;border-radius:12px;transition:border-color .15s ease,transform .15s ease}.tutorial-step:hover{border-color:#38bdf859;transform:translateY(-1px)}.step-num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 2px 8px #0284c766;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex-shrink:0;border:1.5px solid rgba(255,255,255,.2)}.step-text h4{font-size:.98rem;font-weight:700;color:#f8fafc;margin-bottom:3px}.step-text p{font-size:.84rem;color:#cbd5e1;line-height:1.45;margin:0}.step-text strong{color:#7dd3fc}.tutorial-footer{display:flex;justify-content:center;margin-top:8px}@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;justify-content:center;margin-top:0}.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;margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.npc-header-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding-bottom:14px;width:100%}.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;margin:0 auto}.npc-avatar-emoji{font-size:2.4rem}.npc-name{font-size:1.25rem;font-weight:800;margin:0 0 3px;letter-spacing:-.01em;text-align:center}.npc-title{font-size:.85rem;color:#94a3b8;font-style:italic;text-align:center}.npc-speech-bubble{background:#1e293bbf;border:1px solid rgba(56,189,248,.4);border-radius:12px;padding:14px 18px;font-style:italic;color:#f1f5f9;line-height:1.45;font-size:.96rem;box-shadow:0 2px 8px #0003;text-align:center;width:100%;box-sizing:border-box}.npc-speech-bubble p{margin:0;text-align:center}.npc-options-section{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.npc-options-heading{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;text-align:center}.npc-options-list{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.npc-option-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;font-family:inherit;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 18px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.npc-option-card:hover,.npc-option-card:focus-visible{transform:translateY(-2px);border-color:#38bdf8;background:#1e293bf2;box-shadow:0 4px 14px #38bdf840;outline:none}.npc-option-label{font-weight:700;font-size:.95rem;color:#f8fafc;margin-bottom:4px;text-align:center}.npc-option-desc{font-size:.82rem;color:#94a3b8;line-height:1.35;text-align:center}.quests-container{max-width:680px;margin:0 auto;text-align:center}.quests-grid{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.quest-card{width:100%;box-sizing:border-box;text-align:center;align-items:center;justify-content:center}.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;flex-shrink:0;margin-left:8px}.catch-item-actions-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.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}.chat-profile{background:none;border:none;color:#38bdf8;font-weight:700;cursor:pointer;padding:0;font-size:inherit}.chat-profile:hover{text-decoration:underline;color:#7dd3fc}.chat-system-badge{cursor:default!important;text-decoration:none!important;font-weight:800}.chat-announcement{font-weight:600;padding:4px 6px;border-radius:6px;margin:4px 0!important}.chat-announcement-fleet{background:#38bdf829;color:#7dd3fc;border-left:3px solid #38bdf8}.chat-announcement-fleet .chat-system-badge{color:#38bdf8}.chat-announcement-global{background:#e879f92e;color:#f5d0fe;border-left:3px solid #e879f9}.chat-announcement-global .chat-system-badge{color:#e879f9}#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;display:inline-flex;align-items:center;gap:6px}#hud-capacity{position:static;transform:none;visibility:visible;pointer-events:auto}#capacity-amount{min-width:4ch;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,.hud-left .capacity-display,.hud-left .weather-type-display{gap:3px;padding:4px 6px;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:10px;left:50%;transform:translate(-50%);width:auto;max-width:calc(100vw - 320px);gap:8px;pointer-events:none;z-index:11}@media(max-width:800px){#game-hud .hud-center{top:6px;max-width:calc(100vw - 160px)}}.hud-center button{pointer-events:auto}#game-hud .hud-buffs-container:not(:empty){position:fixed;z-index:12;top:116px;left:50%;transform:translate(-50%);width:min(700px,calc(100vw - 20px));max-height:42px;overflow:hidden;pointer-events:none}.hud-buffs-container:empty{display:none}.hud-buff-pill{min-width:0;max-width:225px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:800px){#game-hud .hud-buffs-container:not(:empty){top:101px;width:calc(100vw - 16px)}}.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 8px #facc15);outline:none}.charted-current circle{fill:#facc15;stroke-width:3.5;stroke:#ca8a04;animation:chartBeaconGlow 2s ease-in-out infinite alternate}@keyframes chartBeaconGlow{0%{filter:drop-shadow(0 0 3px #fde047);r:13px}to{filter:drop-shadow(0 0 10px #facc15);r:15px}}.realm-radar-pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:#38bdf8;box-shadow:0 0 #38bdf899;animation:radarPulseAnim 1.6s infinite}@keyframes radarPulseAnim{0%{transform:scale(.95);box-shadow:0 0 #38bdf8b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #38bdf800}to{transform:scale(.95);box-shadow:0 0 #38bdf800}}.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}.summary-footer{margin:12px -14px -14px;padding:10px 14px;position:sticky;bottom:0;z-index:10}.summary-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;width:100%}.summary-actions .btn{width:100%;min-width:0;padding:8px 10px;font-size:.85rem}.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}}.gacha-reel-container{position:relative;width:100%;max-width:480px;height:130px;margin:12px auto;background:#0f172ae6;border:2px solid #475569;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 20px #000c,0 4px 16px #0006}.gacha-reel-pointer{position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:#facc15;box-shadow:0 0 10px #facc15,0 0 20px #eab308;z-index:10;pointer-events:none}.gacha-reel-pointer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #facc15}.gacha-reel-pointer:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #facc15}.gacha-reel-strip{display:flex;align-items:center;height:100%;padding:0;margin:0;box-sizing:border-box;will-change:transform}.gacha-reel-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.gacha-reel-card{flex-shrink:0;width:100px;height:105px;margin:0 5px;background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px;box-sizing:border-box;box-shadow:0 4px 12px #0006}.gacha-card-icon{font-size:2.2rem;line-height:1}.gacha-card-name{font-size:.72rem;font-weight:700;color:#cbd5e1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.gacha-winning-card{border-color:#f59e0b!important;box-shadow:0 0 16px #f59e0b99!important}@keyframes gachaWinnerPop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.preview-item-chip{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:6px}.chip-gold{background:#f59e0b26;border:1px solid #f59e0b;color:#fef08a}.chip-blue{background:#38bdf826;border:1px solid #38bdf8;color:#bae6fd}.chip-red{background:#ef444426;border:1px solid #ef4444;color:#fca5a5}.daily-rewards-v2-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.daily-v2-header-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid rgba(56,189,248,.25);border-radius:14px;padding:14px 18px;box-shadow:0 4px 16px #00000040}.daily-v2-headline{display:flex;flex-direction:column;gap:4px}.daily-v2-balance{font-size:1.25rem;font-weight:800;color:#38bdf8;display:flex;align-items:center;gap:6px}.daily-v2-balance span{color:#f8fafc}.daily-v2-sub{font-size:.82rem;color:#94a3b8;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.realm-boost-pill{background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#7dd3fc;font-size:.74rem;font-weight:700;padding:2px 8px;border-radius:999px}.daily-v2-top-actions{display:flex;gap:8px;align-items:center}.daily-v2-grid{display:grid;gap:10px;width:100%}.daily-v2-grid.grid-compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.daily-v2-grid.grid-expanded{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));max-height:440px;overflow-y:auto;padding-right:4px}.daily-v2-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:all .2s ease;position:relative;min-height:145px}.daily-v2-card:hover{transform:translateY(-2px);border-color:#38bdf866;box-shadow:0 4px 12px #0000004d}.daily-v2-card-header{display:flex;justify-content:space-between;align-items:center;gap:4px}.daily-v2-day-num{font-size:.82rem;font-weight:700;color:#e2e8f0}.daily-v2-badge{font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.02em}.milestone-badge{background:#f59e0b33;border:1px solid #f59e0b;color:#fef08a}.jackpot-badge{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;box-shadow:0 2px 6px #a855f766}.daily-v2-rewards-list{display:flex;flex-direction:column;gap:4px;font-size:.76rem}.daily-v2-reward-item{display:flex;align-items:center;gap:5px;color:#cbd5e1}.daily-v2-reward-item .reward-icon{font-size:.85rem;width:16px;text-align:center}.daily-v2-reward-item.gem-item strong{color:#38bdf8}.daily-v2-reward-item.gold-item strong{color:#facc15}.daily-v2-reward-item.xp-item strong{color:#a78bfa}.daily-v2-reward-item.crate-item{background:#f59e0b1f;border:1px dashed rgba(245,158,11,.4);border-radius:6px;padding:2px 6px;margin-top:2px}.crate-title{color:#fef08a;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-v2-status-pill{font-size:.7rem;font-weight:700;text-align:center;padding:3px 0;border-radius:6px;background:#1e293b99;color:#94a3b8}.daily-v2-claimed{opacity:.65;background:#0f172a8c}.daily-v2-claimed .daily-v2-status-pill{color:#34d399;background:#10b9811f}.daily-v2-ready{border-color:#38bdf8!important;background:linear-gradient(180deg,#0ea5e92e,#0f172af2)!important;box-shadow:0 0 16px #38bdf859!important;animation:dailyReadyCardPulse 2.4s infinite ease-in-out}.daily-v2-ready .daily-v2-status-pill{background:#0284c7;color:#fff;font-weight:800;box-shadow:0 2px 6px #0284c766}@keyframes dailyReadyCardPulse{0%,to{box-shadow:0 0 12px #38bdf84d}50%{box-shadow:0 0 22px #38bdf899}}.daily-v2-milestone{border-color:#f59e0b73}.daily-v2-jackpot{border-color:#a855f799;background:linear-gradient(180deg,#a855f726,#0f172af2)}.daily-v2-footer{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:4px}.daily-v2-info-text{font-size:.88rem;color:#cbd5e1;text-align:center}.btn-claim-daily-main{padding:10px 24px;font-size:1rem;font-weight:800;letter-spacing:.02em;background:linear-gradient(135deg,#0284c7,#2563eb);box-shadow:0 4px 16px #0284c773;transition:all .2s ease}.btn-claim-daily-main:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #0284c7a6}.daily-v2-utc-note{font-size:.72rem;color:#64748b;margin:0;text-align:center}.career-dashboard-section{background:linear-gradient(180deg,#1e293bb3,#0f172af2)!important;border-color:#38bdf840!important}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-section-header h3{margin:0;font-size:1.05rem;color:#f8fafc}.settings-badge{font-size:.68rem;font-weight:700;background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#7dd3fc;padding:2px 8px;border-radius:999px}.career-highlight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:12px}.career-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px}.career-card-icon{font-size:1.5rem}.career-card-data{display:flex;flex-direction:column}.career-val{font-size:1.02rem;font-weight:800;color:#f8fafc}.career-lbl{font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.career-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:12px}.career-stat-item{background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.cs-label{font-size:.78rem;color:#94a3b8}.cs-value{font-size:.82rem;font-weight:700;color:#f1f5f9}.career-biggest-catch-banner{background:linear-gradient(135deg,#f59e0b1f,#0f172ae6);border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:12px}.cbc-trophy{font-size:1.8rem}.cbc-title{font-size:.72rem;color:#fef08a;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.cbc-name{font-size:.9rem;color:#f8fafc}.setting-item-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.setting-item-row:last-child{border-bottom:none}.setting-desc-col{display:flex;flex-direction:column;gap:2px}.setting-desc-col label{color:#f1f5f9;font-size:.92rem;cursor:pointer}.setting-desc-col span{color:#94a3b8;font-size:.76rem}.settings-toggle-checkbox{width:20px;height:20px;accent-color:#0284c7;cursor:pointer;flex-shrink:0}.setting-slider-row{display:flex;flex-direction:column;gap:6px;padding:8px 0}.setting-slider-row label{font-size:.85rem;color:#cbd5e1;font-weight:600}.setting-slider-row input[type=range]{width:100%;accent-color:#38bdf8;cursor:pointer}.settings-danger-zone{border-color:#ef44444d!important}#touch-controls{display:none;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:50;gap:12px;pointer-events:none}#touch-controls button{pointer-events:auto;touch-action:none;min-width:64px;min-height:58px;border:1px solid #38bdf8;border-radius:18px;color:#fff;background:#0c4a6ecc;font-size:20px}#touch-controls button:last-child{margin-left:auto}#touch-controls[hidden]{display:none!important}@media(pointer:coarse){#touch-controls{display:flex}}@media(max-width:600px){.modal-content{max-width:calc(100vw - 20px)!important;max-height:88dvh;overflow:auto;padding:14px!important;box-sizing:border-box}.gacha-reel-viewport{max-width:100%}.journal-grid,.inventory-grid,.gem-package-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.catch-share-actions{display:flex;flex-wrap:wrap;gap:8px}button{min-height:44px}}@keyframes depthPulse{50%{box-shadow:0 0 14px currentColor}}.depth-active{animation:depthPulse 2s ease-in-out infinite}.minimap-modal-container path[stroke-dasharray="4 6"]{stroke:var(--depth-color)}@media(prefers-reduced-motion:reduce){.depth-active{animation:none}}.relic-case{--case-color: #b98b60;position:relative;width:104px;height:72px;margin:20px auto;border:3px solid var(--case-color);border-radius:12px 12px 8px 8px;background:linear-gradient(145deg,#334155,#0b1324);box-shadow:0 0 28px color-mix(in srgb,var(--case-color) 30%,transparent),inset 0 0 16px #020617;transform:perspective(250px) rotateY(-12deg)}.relic-case-2{--case-color: #6ee7b7}.relic-case-3{--case-color: #38bdf8}.relic-case-4{--case-color: #c084fc}.relic-case-5{--case-color: #eab308}.relic-case-6{--case-color: #f97316}.relic-case-7{--case-color: #2dd4bf}.relic-case-8{--case-color: #e879f9}.relic-case i{position:absolute;left:-3px;right:-3px;top:20px;height:3px;background:var(--case-color);box-shadow:0 0 9px var(--case-color)}.relic-case b{position:absolute;left:36px;top:17px;width:30px;height:32px;font:700 17px/32px serif;text-align:center;color:#071321;background:var(--case-color);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.relic-case span{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-left:5px solid var(--case-color);border-right:5px solid var(--case-color);opacity:.55}.crate-rewards{text-align:left;margin:22px 0;padding:16px;border:1px solid #334155;border-radius:14px;background:#081321}.crate-rewards p{font-size:.8rem;color:#a9bed1;line-height:1.5}.crate-reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;max-height:260px;overflow-y:auto}.crate-reward{display:flex;flex-direction:column;gap:5px;padding:12px;background:linear-gradient(150deg,#19354b,#101a2e);border-bottom:3px solid #38bdf8;border-radius:7px;font-size:.78rem}.crate-reward.superGood{border-color:#fbbf24}.crate-reward.superBad{border-color:#f87171}.crate-reward>span{font-size:28px}.crate-reward small{color:#bed3e7}.gem-crate-store{border-top:1px solid #334155;margin-top:24px;padding-top:18px}.gem-crate-store button{margin-top:8px;width:100%}.chat-profile{color:#7dd3fc;border:0;padding:2px;background:transparent;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.chat-profile:disabled{color:#cbd5e1;text-decoration:none;cursor:default}.charted-current{filter:drop-shadow(0 0 8px #e0f2fe) drop-shadow(0 0 16px #67e8f9)}.depth-active{box-shadow:0 0 14px #67e8f977,inset 0 0 10px #67e8f922}@media(pointer:coarse){.modal-panel button,.chat-profile{min-height:40px}#aquarium-canvas,#visitor-tank{touch-action:manipulation}}#world-event-banner{padding:6px 14px;border:1px solid rgba(192,132,252,.55);border-radius:999px;color:#f5e7ff;background:linear-gradient(135deg,#211437f0,#0f172af5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:11.5px;font-weight:600;line-height:1.35;box-shadow:0 4px 16px #a855f747,0 0 0 1px #ffffff14 inset;text-align:left}#world-event-banner[hidden]{display:none}#world-event-banner:not([hidden]){position:fixed;z-index:12;top:68px;left:16px;transform:none;max-width:min(380px,calc(100vw - 32px));max-height:52px;overflow:hidden;pointer-events:none;display:flex;align-items:center;gap:8px}@media(max-width:800px){#world-event-banner:not([hidden]){top:62px;left:10px;max-width:calc(100vw - 20px);font-size:10.5px}}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));max-height:none;overflow:visible;padding:0;align-items:stretch}.inventory-card{min-width:0;box-sizing:border-box}.inv-card-name{white-space:normal;overflow-wrap:anywhere;line-height:1.3}.inv-card-title-col{min-width:0}.inv-card-specs,.inv-card-status-row{flex-wrap:wrap;gap:6px}.inv-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-card-actions .btn{min-width:0;padding:8px 5px;white-space:normal}.btn-inv-open-crate{grid-column:1 / -1}.shiny-tag{color:#e9d5ff;background:#7c3aed33;border-color:#a78bfa}.quest-ready{border-color:#5eead4!important;box-shadow:0 0 14px #2dd4bf80,inset 0 0 9px #2dd4bf25}.crate-unboxing-panel{padding:6px 0!important;text-align:center}.crate-unboxing-panel #crate-display-stage{width:94px!important;height:74px!important;margin:5px auto!important;background:radial-gradient(circle,#38bdf822,transparent 70%)!important}.crate-unboxing-panel #crate-status-desc{font-size:.8rem!important;margin:6px auto!important}.crate-unboxing-panel .gacha-reel-container{height:112px;margin:12px auto!important;width:100%;max-width:480px;box-sizing:border-box}.crate-actions{position:sticky;bottom:0;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 0;background:#101e30;border-radius:12px}.crate-actions #btn-crack-crate{background:#67e8f9!important;border-color:#22d3ee!important;color:#082f49!important}.inv-card-icon-canvas{width:64px;height:48px;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;background:radial-gradient(circle,rgba(56,189,248,.15),transparent 70%);border-radius:8px}.inv-specimen-canvas{width:64px;height:48px;display:block}.crate-preview{margin-top:8px;text-align:left;border-top:1px solid #334155}.crate-preview summary{padding:12px;cursor:pointer;color:#c4e9f4;font-weight:600}.crate-rewards{margin:0;padding:10px}.crate-reward.superGood{border-color:#c084fc}#visitor-tank{display:block;margin:12px 0 16px;border:1px solid #69b8c8;box-shadow:inset 0 0 30px #082f49}#aquarium-host{text-align:center;color:#b5f2ec}[data-visit-aquarium]{margin-left:8px;padding:5px 12px!important;border-radius:18px;color:#a5f3fc}@media(max-width:600px){.inventory-grid{grid-template-columns:1fr!important}.crate-actions .btn{flex:1 1 120px;font-size:.85rem!important;padding:10px 8px!important}.crate-unboxing-panel h3{font-size:1.05rem!important;margin-bottom:6px!important}}.crate-unboxing-panel .gacha-reel-pointer{background:#67e8f9;box-shadow:0 0 10px #22d3ee}.crew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}.crew-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #3d7588;border-radius:16px;background:linear-gradient(145deg,#183b4d,#101d30)}.crew-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#a5f3fc;font-size:.75rem}.crew-portrait{font-size:3.5rem;text-align:center;padding:16px 0}.crew-card h3{color:#e0f2fe;margin-bottom:8px}.crew-card p{font-size:.83rem;line-height:1.5;color:#bdcedc;margin-bottom:10px}.crew-perk{padding:10px;border-radius:8px;background:#08182788}.crew-card button{margin-top:auto}.crew-locked{opacity:.7;border-style:dashed}.daily-reward-day.milestone{border:2px solid #a78bfa;background:#362355}.daily-reward-day strong{font-size:.8rem;line-height:1.45}.inventory-card{border:2px solid var(--rarity-color,#94a3b8)}.inventory-card.rarity-border-common{--rarity-color:#94a3b8}.inventory-card.rarity-border-uncommon{--rarity-color:#22c55e}.inventory-card.rarity-border-rare{--rarity-color:#38bdf8}.inventory-card.rarity-border-epic{--rarity-color:#a855f7}.inventory-card.rarity-border-legendary{--rarity-color:#eab308}.inventory-card.rarity-border-mythic,.inventory-card.rarity-border-god{--rarity-color:#e879f9}.inventory-card.item-locked-border{border-color:var(--rarity-color)!important}@media(max-width:420px){.crew-grid{gap:8px}.crew-card{padding:10px}.crew-card h3{font-size:.95rem}.crew-card .btn{padding:8px 4px;font-size:.75rem}}.settings-wrapper{max-width:880px;margin:0 auto}.settings-section h3{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(103,207,228,.2)}.settings-sec-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.settings-sec-icon svg{width:100%;height:100%;display:block}.settings-section .btn{width:100%;margin-top:4px}.settings-section .setting-item label{display:flex;justify-content:space-between;font-weight:600;color:#d6e4f0}.career-section{grid-column:1 / -1}.career-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.career-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:12px;background:#0814228c;border:1px solid rgba(103,207,228,.18);text-align:center;transition:transform .15s,border-color .15s}.career-tile:hover{transform:translateY(-2px);border-color:#67cfe4}.career-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:2px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.career-icon svg{width:100%;height:100%;display:block}.career-tile strong{font-size:1.05rem;color:#f8fafc;word-break:break-word}.career-tile small{color:#8fa8bf;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.career-record{margin-top:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,#facc1524,#facc1508);border:1px solid rgba(250,204,21,.3);color:#fde68a;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px}.career-record span{color:#cbd5e1}@media(max-width:600px){.career-grid{grid-template-columns:repeat(3,1fr)}.career-tile{padding:10px 4px}}.shop-icon{width:52px;height:52px;min-width:52px;display:flex!important;align-items:center;justify-content:center;background:#0f172abf!important;padding:6px!important;border-radius:12px!important;border:1px solid rgba(56,189,248,.25);box-shadow:0 4px 12px #00000059;box-sizing:border-box}.shop-icon svg,.custom-vector-art{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:transform .2s ease}.shop-card:hover .shop-icon svg{transform:scale(1.08)}.sea-card-icon-art{width:54px;height:54px;min-width:54px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.sea-card-icon-art svg{width:100%;height:100%;display:block}.radio-art-icon{width:48px;height:48px;min-width:48px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #00000059;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.radio-art-icon svg{width:100%;height:100%;display:block}.journal-tab-icon-svg{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:6px}.journal-tab-icon-svg svg{width:100%;height:100%;display:block}.almanac-pill-art{width:22px;height:22px;display:inline-block;vertical-align:middle;margin-right:6px;border-radius:4px;overflow:hidden}.almanac-pill-art svg{width:100%;height:100%;display:block}.almanac-header-art{width:58px;height:58px;min-width:58px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.almanac-header-art svg{width:100%;height:100%;display:block}.crew-art-portrait{width:80px;height:80px;margin:8px auto 14px;border-radius:50%;overflow:hidden;background:#0f172a99;border:2px solid #38bdf8;box-shadow:0 0 16px #38bdf859;display:flex;align-items:center;justify-content:center}.crew-art-portrait svg{width:100%;height:100%;display:block}.realm-cloud-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;pointer-events:all;overflow:hidden;display:flex;align-items:center;justify-content:center}.cloud-mist-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#fffffff5,#f0f9ffeb 55%,#e0f2fee0);opacity:0;transition:opacity .65s cubic-bezier(.25,.1,.25,1)}.realm-cloud-transition.phase-in .cloud-mist-backdrop{opacity:1}.realm-cloud-transition.phase-out .cloud-mist-backdrop{opacity:0;transition:opacity .85s cubic-bezier(.33,1,.68,1)}.cloud-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;width:100%;height:100%}.cloud-svg-bank{width:100%;height:100%;object-fit:cover}.cloud-layer-left{transform:translate(-105%);transition:transform .68s cubic-bezier(.22,1,.36,1)}.realm-cloud-transition.phase-in .cloud-layer-left{transform:translate(0)}.realm-cloud-transition.phase-out .cloud-layer-left{transform:translate(-120%) scale(1.08);opacity:0;transition:transform .88s cubic-bezier(.33,1,.68,1),opacity .78s ease-out}.cloud-layer-right{transform:translate(105%);transition:transform .68s cubic-bezier(.22,1,.36,1)}.realm-cloud-transition.phase-in .cloud-layer-right{transform:translate(0)}.realm-cloud-transition.phase-out .cloud-layer-right{transform:translate(120%) scale(1.08);opacity:0;transition:transform .88s cubic-bezier(.33,1,.68,1),opacity .78s ease-out}.cloud-puffs-cluster{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.cloud-puff{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#f1f5f9 55%,#e2e8f0 85%,#cbd5e1);filter:drop-shadow(0 15px 30px rgba(15,23,42,.12)) drop-shadow(0 0 50px rgba(255,255,255,.95));transform:scale(.2);opacity:0;transition:transform .68s cubic-bezier(.22,1,.36,1),opacity .55s ease-out}.realm-cloud-transition.phase-in .cloud-puff{transform:scale(1);opacity:1}.realm-cloud-transition.phase-out .cloud-puff{transform:scale(1.3);opacity:0;transition:transform .88s cubic-bezier(.33,1,.68,1),opacity .75s ease-out}.puff-1{width:55vw;height:55vw;top:-12vw;left:8vw}.puff-2{width:52vw;height:52vw;bottom:-12vw;right:10vw}.puff-3{width:44vw;height:44vw;top:12vw;right:-6vw}.puff-4{width:46vw;height:46vw;bottom:4vw;left:-6vw}.puff-5{width:38vw;height:38vw;top:32%;left:32%}.inv-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inv-tabs .tab-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:10px;background:#0f172aa6;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0003}.inv-tabs .tab-btn:hover{background:#1e293bd9;border-color:#38bdf866;color:#f8fafc;transform:translateY(-1px)}.inv-tabs .tab-btn.active{background:linear-gradient(135deg,#0e7490d9,#0369a1f2);border-color:#38bdf8;color:#fff;box-shadow:0 0 14px #38bdf859}.inv-filter-art{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.inv-filter-art svg{width:100%;height:100%}.inv-filter-txt{line-height:1}.inv-filter-pill{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:999px;background:#0000004d;color:#94a3b8;border:1px solid rgba(255,255,255,.08)}.inv-tabs .tab-btn.active .inv-filter-pill{background:#ffffff38;color:#fff;border-color:#ffffff4d}.crates-tab-store-header{margin-bottom:18px}.crates-store-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 18px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,#1e1b4bd9,#0f172aeb);border:1px solid rgba(129,140,248,.3);box-shadow:0 4px 16px #00000059}.crates-banner-info{display:flex;align-items:center;gap:12px}.crates-banner-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 0 10px rgba(129,140,248,.6))}.crates-gem-pill{display:inline-flex;align-items:center;gap:8px;background:#083344bf;border:1px solid rgba(34,211,238,.45);padding:6px 14px;border-radius:999px;box-shadow:0 0 12px #22d3ee33}.crate-purchase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.crate-store-buy-btn{display:flex!important;align-items:center;gap:10px;padding:10px 14px!important;text-align:left;border-radius:12px!important;background:linear-gradient(145deg,#1e293bd9,#0f172af2)!important;border:1px solid rgba(255,255,255,.12)!important;transition:all .2s ease!important}.crate-store-buy-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#38bdf8!important;box-shadow:0 6px 16px #38bdf840!important}.crate-btn-icon{font-size:1.6rem;line-height:1}.crate-btn-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.crate-btn-name{font-size:.82rem;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate-btn-price{font-size:.76rem;font-weight:600;color:#67e8f9}.boat-customization-studio{display:flex;flex-direction:column;gap:16px;max-width:860px;margin:0 auto}@media(min-width:768px){.boat-customization-studio{display:grid;grid-template-columns:360px 1fr;align-items:start;gap:20px}}.boat-preview-pane{display:flex;flex-direction:column;gap:12px;background:#0f172abf;border:1px solid rgba(56,189,248,.2);border-radius:16px;padding:14px;box-shadow:inset 0 2px 8px #0006}.boat-canvas-wrap{width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#020617;display:flex;justify-content:center;align-items:center}.boat-canvas-wrap canvas{width:100%;height:auto;aspect-ratio:2 / 1;display:block}.boat-preview-summary{display:flex;gap:10px}.boat-stat-chip{flex:1;background:#1e293bcc;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}.boat-stat-chip .stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.boat-stat-chip .stat-val{font-size:.95rem;color:#f8fafc;font-weight:700}.boat-studio-status{font-size:.82rem;color:#93c5fd;text-align:center;margin:0;line-height:1.4;min-height:2.4em}.boat-selector-pane{display:flex;flex-direction:column;gap:12px;min-width:0}.boat-tabs-bar{display:flex;gap:8px;border-bottom:2px solid rgba(255,255,255,.08);padding-bottom:6px}.boat-tab-btn{background:transparent;border:none;color:#94a3b8;font-family:inherit;font-size:.9rem;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.boat-tab-btn:hover{color:#f8fafc;background:#ffffff0f}.boat-tab-btn.active{color:#38bdf8;background:#38bdf81f;border-bottom:2px solid #38bdf8}.boat-tab-content{display:none}.boat-tab-content.active{display:block}.boat-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:280px;overflow-y:auto;padding-right:4px}.boat-custom-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;outline:none}.boat-custom-card:hover{background:#334155d9;border-color:#38bdf880;transform:translateY(-2px)}.boat-custom-card.selected{border-color:#38bdf8;background:#0e749059;box-shadow:0 0 12px #38bdf84d}.boat-card-header{display:flex;align-items:center;gap:8px}.boat-card-icon{font-size:1.4rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#0f172a99;flex-shrink:0}.boat-color-dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 6px #00000080;display:inline-block}.boat-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.boat-card-title{font-size:.84rem;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boat-badge{font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:4px;display:inline-block;width:fit-content}.boat-badge-equipped{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.boat-badge-owned{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.boat-badge-price{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.boat-card-desc{font-size:.74rem;color:#94a3b8;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.boat-studio-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);margin-top:8px}.boat-footer-left{flex:1;min-width:140px}.boat-cost-indicator{font-size:.85rem;font-weight:600;color:#e2e8f0}.boat-footer-actions{display:flex;align-items:center;gap:8px}