@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color: #020617;--panel-bg: rgba(15, 23, 42, .7);--border-color: rgba(56, 189, 248, .15);--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #38bdf8;--primary-hover: #7dd3fc;--primary-glow: rgba(56, 189, 248, .4);--accent: #f472b6;--accent-glow: rgba(244, 114, 182, .4);--success: #10b981;--danger: #ef4444;--danger-hover: #dc2626;--glass-blur: blur(20px);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:fixed linear-gradient(180deg,#0f172a,#020617);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}body:before{background-image:radial-gradient(circle,rgba(255,255,255,.2) 2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.15) 4px,transparent 4px);background-size:150px 150px,250px 250px;animation:floating-bubbles 40s linear infinite}body:after{background-image:radial-gradient(circle,rgba(255,255,255,.1) 8px,transparent 8px);background-size:400px 400px;animation:floating-bubbles 80s linear infinite reverse;opacity:.5}@keyframes floating-bubbles{0%{background-position:0 0}to{background-position:0 -1000px}}button{cursor:pointer;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 20px;font-family:inherit;font-weight:600;font-size:.95rem;background:#ffffff0d;color:var(--text-main);display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-md)}button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:var(--shadow-lg)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 6px 20px #38bdf899}button.danger{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}button.danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 4px 14px #ef444466}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb{background:#38bdf880;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.scroll-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.glass-panel{background:var(--panel-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 50px #0006}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:relative;background:#020617}.main-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.left-panel{position:absolute;top:0;left:0;bottom:0;width:30vw;z-index:1500;background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-color);transform:translate(-100%);opacity:0;box-shadow:20px 0 50px #00000080;transition:transform var(--transition-slow),opacity .3s ease;pointer-events:auto;display:flex;flex-direction:column}.left-panel.open{transform:translate(0);opacity:1}.left-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1400;cursor:pointer}.right-panel{flex:1;height:100%;position:relative;z-index:1}.aquarium-interaction-wrapper{flex:1;width:100%;height:100%;position:relative;display:flex;flex-direction:column}.shortcut-controls{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;z-index:5000;pointer-events:none}.shortcut-controls button,.mobile-toggle,.shop-shortcut-toggle,.inventory-shortcut-toggle,.food-shortcut-toggle,.delete-shortcut-toggle,.fullscreen-shortcut-toggle{pointer-events:auto;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#0f172a99;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;transition:all .3s cubic-bezier(.34,1.56,.64,1);padding:0;margin:0;flex-shrink:0}.shortcut-controls .mobile-toggle{background:#38bdf826;border-color:#38bdf84d;color:var(--primary)}.shortcut-controls button:hover,.mobile-toggle:hover,.shop-shortcut-toggle:hover,.inventory-shortcut-toggle:hover,.food-shortcut-toggle:hover,.delete-shortcut-toggle:hover,.fullscreen-shortcut-toggle:hover{transform:scale(1.1) rotate(5deg);background:#0f172ad9;border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.shortcut-controls .mobile-toggle:hover{background:var(--primary);color:#fff;transform:scale(1.1) rotate(90deg)}.shortcut-controls .aquascape-shortcut-toggle{background:#10b98126;border-color:#10b9814d;color:#34d399}.shortcut-controls .aquascape-shortcut-toggle:hover{background:#10b98140!important;border-color:#10b981!important;box-shadow:0 0 20px #10b98180!important}.shortcut-controls .aquascape-shortcut-toggle.active{background:#10b981!important;border-color:#10b981!important;color:#fff!important;box-shadow:0 0 25px #10b98199!important}.shortcut-controls .reset-view-shortcut-toggle{background:#a855f726;border-color:#a855f74d;color:#c084fc}.shortcut-controls .reset-view-shortcut-toggle:hover{background:#a855f740!important;border-color:#a855f7!important;box-shadow:0 0 20px #a855f780!important}.shortcut-controls .delete-shortcut-toggle{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.shortcut-controls .delete-shortcut-toggle:hover{background:#ef444440!important;border-color:#ef4444!important;box-shadow:0 0 20px #ef444480!important}.shortcut-controls .delete-shortcut-toggle.active{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 0 25px #ef444499!important;animation:hudPulseGlow 2s infinite ease-in-out}.shortcut-controls .fullscreen-shortcut-toggle{background:#f59e0b26;border-color:#f59e0b4d;color:#fcd34d}.shortcut-controls .fullscreen-shortcut-toggle:hover{background:#f59e0b40!important;border-color:#f59e0b!important;box-shadow:0 0 20px #f59e0b80!important}.shortcut-controls .community-shortcut-toggle{background:#34d39926;border-color:#34d3994d;color:#34d399}.shortcut-controls .community-shortcut-toggle:hover{background:#34d39940!important;border-color:#10b981!important;box-shadow:0 0 20px #34d39980!important}.clickable{cursor:pointer;transition:background var(--transition-fast)}.clickable:hover{background:#ffffff0d;border-radius:12px}.delete-mode-banner{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:3000;background:#ef444426;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 24px;border-radius:12px;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.85rem;font-weight:700;letter-spacing:.5px;pointer-events:none;animation:slideDownFade .4s ease-out;box-shadow:0 10px 30px #0000004d}.loading-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--primary);background:var(--bg-color)}@media (max-width: 1024px){.left-panel{width:80vw}.shortcut-controls{bottom:16px;left:50%;transform:translate(-50%);gap:8px}.shortcut-controls button,.mobile-toggle,.shop-shortcut-toggle,.inventory-shortcut-toggle,.food-shortcut-toggle,.delete-shortcut-toggle,.fullscreen-shortcut-toggle,.community-shortcut-toggle{width:36px;height:36px;font-size:1rem}}@media (max-width: 1024px) and (orientation: landscape){.left-panel{width:30vw!important}}@media (max-width: 480px){.left-panel{width:85vw}}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{position:absolute;pointer-events:none;opacity:0;transition:opacity .22s cubic-bezier(.34,1.56,.64,1),transform .22s cubic-bezier(.34,1.56,.64,1);z-index:10000}[data-tooltip]:before{content:"";bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(4px);border-width:5px 5px 0;border-style:solid;border-color:rgba(15,23,42,.95) transparent transparent}[data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px) scale(.96);background:#0f172af0!important;border:1px solid rgba(56,189,248,.25)!important;color:var(--text-main)!important;padding:6px 12px!important;border-radius:8px!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.5px!important;white-space:nowrap!important;box-shadow:0 4px 20px #0006,0 0 10px #38bdf81a!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0) scale(1)}[data-tooltip-pos=bottom]:before{bottom:auto;top:calc(100% + 4px);transform:translate(-50%) translateY(-4px);border-width:0 5px 5px;border-color:transparent transparent rgba(15,23,42,.95)}[data-tooltip-pos=bottom]:after{bottom:auto;top:calc(100% + 9px);transform:translate(-50%) translateY(-4px) scale(.96)}[data-tooltip-pos=bottom]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}[data-tooltip-pos=bottom]:hover:after{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.app-container.visiting-mode{--primary: #00f0ff;--primary-glow: rgba(0, 240, 255, .4);--primary-hover: #5df8ff;--border-color: rgba(0, 240, 255, .25);--bg-color: #02111a;--panel-bg: rgba(10, 25, 35, .75);background:radial-gradient(circle at center,#052636,#020b12)!important}body:has(.visiting-mode){background:fixed radial-gradient(circle at center,#052636,#020b12)!important}body:has(.visiting-mode):before{background-image:radial-gradient(circle,rgba(0,240,255,.25) 2px,transparent 2px),radial-gradient(circle,rgba(0,240,255,.2) 4px,transparent 4px)!important}body:has(.visiting-mode):after{background-image:radial-gradient(circle,rgba(0,240,255,.15) 8px,transparent 8px)!important}.app-container.visiting-mode:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 45px #00f0ff33;animation:visitor-glow-pulse 4s infinite ease-in-out;z-index:9999}@keyframes visitor-glow-pulse{0%,to{box-shadow:inset 0 0 35px #00f0ff26}50%{box-shadow:inset 0 0 55px #00f0ff4d}}.dashboard{height:100%;padding:40px;display:flex;flex-direction:column;gap:25px;overflow-y:auto;background:#0f172a66!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.dashboard-header{margin-bottom:24px}.dashboard-header .subtitle{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:4px}.dashboard-header h1{font-size:2.25rem;margin:0;line-height:1.1;background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-inner{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px}.profile-manager{margin-top:8px}.profile-controls{display:flex;gap:12px;align-items:center}.select-wrapper{flex:1}.profile-select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:12px 16px;border-radius:12px;font-family:inherit;font-size:.95rem;font-weight:500;outline:none;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}.profile-select option{background:#0f172a;color:#fff}.profile-actions{display:flex;gap:8px}.btn-profile{width:44px;height:44px;padding:0;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center}.btn-profile.primary-ghost{color:var(--primary);background:#38bdf81a}.btn-profile.danger-ghost{color:var(--danger);background:#ef44441a}.profile-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:12px 16px;border-radius:12px;font-family:inherit;outline:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:16px;display:flex;align-items:center;gap:12px;transition:transform var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff1a}.stat-icon{font-size:1.5rem;width:40px;height:40px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.highlight{background:#fbbf241a}.stat-info .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;display:block}.stat-info .value{font-size:1.25rem;font-weight:800;color:var(--text-main)}.system-controls .control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.system-controls .label{font-size:.75rem;color:var(--text-muted);font-weight:600}.system-controls .value{font-size:.85rem;font-weight:800;color:var(--primary)}.premium-slider{width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:12px 0}.premium-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--primary-glow)}.log-window{flex:1;min-height:0;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.log-header{padding:12px 16px;background:#ffffff08;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.05)}.messages-container{overflow-y:auto;flex:1}.log-entry{padding:8px 16px;display:flex;gap:12px;align-items:flex-start;font-size:.85rem}.time-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);margin-top:6px;flex-shrink:0}.dashboard-actions{display:flex;flex-direction:column;gap:12px}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-action{height:60px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff0d}.btn-action .icon{font-size:1.25rem}.btn-action .label{font-size:.75rem;font-weight:700}.account-section{grid-column:span 2;margin-top:4px}.user-controls{display:flex;gap:8px}.btn-secondary{flex:1;height:44px;background:#ffffff08;font-size:.85rem}.btn-wide{width:100%;height:50px;border-radius:12px;font-weight:700}.btn-link-danger{background:none;border:none;color:var(--text-muted);font-size:.75rem;text-decoration:underline;opacity:.5;transition:opacity .2s;width:100%;padding:10px}.btn-link-danger:hover{opacity:1;color:var(--danger);background:none!important;box-shadow:none!important;transform:none!important}.danger-modal{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:24px;text-align:center}.danger-modal h3{color:#fca5a5;margin-bottom:8px}.modal-actions{display:flex;gap:12px;margin-top:16px}.btn-confirm{flex:1;background:var(--danger);color:#fff}.btn-cancel{flex:1}.pulse{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}@media (max-width: 768px){.dashboard{padding:16px!important;gap:12px!important}.dashboard-header{margin-bottom:12px!important}.dashboard-header .subtitle{font-size:.65rem!important;letter-spacing:1px!important}.dashboard-header h1{font-size:1.3rem!important}.btn-action{height:48px!important;gap:2px!important;border-radius:10px!important}.btn-action .icon{font-size:1rem!important}.btn-action .label{font-size:.65rem!important}.primary-actions{gap:8px!important}.profile-select{padding:8px 24px 8px 12px!important;font-size:.85rem!important;background-position:right 8px center!important;background-size:14px!important;border-radius:8px!important}.profile-input{padding:8px 12px!important;font-size:.85rem!important}.btn-profile{width:36px!important;height:36px!important;border-radius:8px!important}.profile-controls{gap:8px!important}.stats-grid{gap:10px!important}.stat-card{padding:10px!important;gap:8px!important;border-radius:12px!important}.stat-icon{width:32px!important;height:32px!important;font-size:1.1rem!important;border-radius:8px!important}.stat-info .label{font-size:.65rem!important}.stat-info .value{font-size:1rem!important}.log-header{padding:8px 12px!important;font-size:.7rem!important}.log-entry{padding:6px 12px!important;font-size:.78rem!important;gap:8px!important}.user-controls{flex-direction:column!important;width:100%!important;gap:8px!important}.btn-secondary{width:100%!important;height:38px!important}.account-logged-in{padding:10px 12px!important;gap:8px!important}.user-profile-info{gap:8px!important}.user-profile-info .avatar{width:30px!important;height:30px!important;font-size:.9rem!important}.user-profile-info .user-name{font-size:.85rem!important}.user-name-input{padding:6px 10px!important;font-size:.78rem!important}.visiting-banner{padding:10px 12px!important;border-radius:12px!important}.visiting-banner-content{gap:8px!important}.visiting-banner-content .owner-avatar{font-size:1rem!important}.visiting-banner-content .visiting-text{font-size:.8rem!important}.btn-exit-visiting{padding:8px 16px!important;font-size:.8rem!important;border-radius:8px!important}.btn-wide{height:38px!important;font-size:.8rem!important}}.account-logged-in{display:flex;flex-direction:column;gap:14px;background:#ffffff05!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:16px;padding:14px 16px!important}.user-profile-info{display:flex;align-items:center;gap:12px}.user-profile-info .avatar{width:36px;height:36px;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 0 10px #38bdf826}.user-profile-info .user-text{display:flex;flex-direction:column;align-items:flex-start}.user-profile-info .user-greeting{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.user-profile-info .user-name{font-size:.95rem;font-weight:700;color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.danger-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020617d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:6000;display:flex;justify-content:center;padding:24px;overflow-y:auto}.danger-modal{width:100%;max-width:500px;padding:36px;border-radius:28px;background:#0f172abf!important;border:1px solid rgba(239,68,68,.25)!important;box-shadow:0 25px 50px -12px #ef444426;margin:auto}.danger-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid rgba(239,68,68,.15);padding-bottom:16px}.danger-modal .modal-header h2{font-size:1.35rem;font-weight:800;color:#ef4444;margin:0}.danger-modal .close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .2s}.danger-modal .close-btn:hover{color:#fff}.danger-modal .modal-body{color:#e2e8f0;font-size:.95rem;line-height:1.6;text-align:left}.danger-modal .modal-body ul{margin:12px 0 12px 20px;padding:0}.danger-modal .modal-body li{margin-bottom:6px;color:#cbd5e1}.delete-verify-input{width:100%;background:#ef44440d;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:14px 18px;border-radius:12px;font-size:1rem;outline:none;font-weight:700;text-align:center;letter-spacing:2px;margin-top:15px;transition:all .2s}.delete-verify-input:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444433;background:#ef444414}.modal-error-text{color:#fca5a5;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:10px 14px;border-radius:10px;font-size:.85rem;margin-top:12px;text-align:center}.btn-danger-confirm{height:48px;background:#ef444433;border:1px solid #ef4444;color:#ef4444;font-weight:700;border-radius:12px;cursor:pointer;transition:all .2s;padding:0 20px}.btn-danger-confirm:hover:not(:disabled){background:#ef4444;color:#fff;box-shadow:0 0 15px #ef444466}.btn-danger-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-logout-del{color:#fca5a5!important}.btn-secondary-logout-del:hover{background:#ef44441a!important;border-color:#ef444433!important}.user-name-display-container{display:flex;align-items:center;gap:8px}.btn-edit-username{background:none;border:none;cursor:pointer;padding:4px;font-size:.85rem;opacity:.5;transition:opacity .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center;box-shadow:none!important;border-radius:4px}.btn-edit-username:hover{opacity:1;transform:scale(1.15);background:#ffffff0d}.user-name-edit-container{display:flex;flex-direction:column;gap:6px;margin-top:4px;width:100%}.user-name-edit-controls{display:flex;align-items:center;gap:8px;width:100%}.user-name-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:8px 12px;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:500;outline:none;width:100%;flex:1;min-width:0;transition:all .2s ease}.user-name-input:focus{border-color:var(--primary);box-shadow:0 0 10px #38bdf840;background:#ffffff14}.user-name-input:disabled{opacity:.6;cursor:not-allowed}.edit-error-text{color:#fca5a5;font-size:.72rem;font-weight:600;text-shadow:0 0 8px rgba(239,68,68,.3)}.user-name-edit-controls .edit-actions{display:flex;gap:4px}.user-name-edit-controls .btn-icon{width:32px;height:32px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s;box-shadow:none!important}.user-name-edit-controls .btn-icon:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.user-name-edit-controls .btn-icon.success:hover:not(:disabled){background:#10b98126;border-color:var(--success);color:#fff}.user-name-edit-controls .btn-icon:disabled{opacity:.4;cursor:not-allowed}.visiting-banner{background:#00f0ff0d!important;border:1px solid rgba(0,240,255,.25)!important;box-shadow:0 0 15px #00f0ff1a;padding:14px 18px;border-radius:16px;animation:banner-glow 3s infinite ease-in-out}.visiting-banner-content{display:flex;align-items:center;gap:12px}.visiting-banner-content .owner-avatar{font-size:1.2rem;animation:pulse-eye 2s infinite ease-in-out}.visiting-banner-content .visiting-text{font-size:.9rem;color:#e2e8f0}.visiting-banner-content .visiting-text strong{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.btn-exit-visiting{background:var(--primary)!important;border-color:var(--primary)!important;color:#020617!important;font-weight:800;letter-spacing:.5px;box-shadow:0 4px 20px var(--primary-glow);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px}.btn-exit-visiting:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 25px #00f0ff99;background:#5df8ff!important}.btn-exit-visiting:active{transform:translateY(0) scale(.98)}.btn-exit-visiting.pulse{animation:pulse-glow-cyan 2.5s infinite}@keyframes pulse-glow-cyan{0%{box-shadow:0 0 #00f0ff99}70%{box-shadow:0 0 0 12px #00f0ff00}to{box-shadow:0 0 #00f0ff00}}@keyframes banner-glow{0%,to{border-color:#00f0ff33;box-shadow:0 0 12px #00f0ff0d}50%{border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff26}}@keyframes pulse-eye{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@media (max-width: 480px){.dashboard-header h1{font-size:1.15rem!important}.stat-info .value{font-size:.85rem!important}.btn-action{height:40px!important;gap:1px!important}.btn-action .icon{font-size:.85rem!important}.btn-action .label{font-size:.6rem!important}}@media (max-width: 360px){.stats-grid{grid-template-columns:1fr!important}}@media (max-width: 1024px) and (orientation: landscape){.dashboard{padding:10px!important;gap:8px!important}.dashboard-header{margin-bottom:8px!important}.dashboard-header .subtitle{font-size:.6rem!important;letter-spacing:1px!important}.dashboard-header h1{font-size:1.1rem!important}.btn-action{height:40px!important;gap:1px!important;border-radius:8px!important}.btn-action .icon{font-size:.85rem!important}.btn-action .label{font-size:.6rem!important}.primary-actions{gap:6px!important}.profile-select{padding:6px 20px 6px 10px!important;font-size:.78rem!important;background-position:right 6px center!important;background-size:12px!important;border-radius:6px!important}.profile-input{padding:6px 10px!important;font-size:.78rem!important}.btn-profile{width:32px!important;height:32px!important;border-radius:6px!important}.profile-controls{gap:6px!important}.stats-grid{gap:8px!important}.stat-card{padding:8px!important;gap:6px!important;border-radius:10px!important}.stat-icon{width:28px!important;height:28px!important;font-size:.95rem!important;border-radius:6px!important}.stat-info .label{font-size:.6rem!important}.stat-info .value{font-size:.85rem!important}.log-header{padding:6px 10px!important;font-size:.65rem!important}.log-entry{padding:4px 10px!important;font-size:.72rem!important;gap:6px!important}.user-controls{flex-direction:column!important;width:100%!important;gap:6px!important}.btn-secondary{width:100%!important;height:32px!important;font-size:.78rem!important}.account-logged-in{padding:8px 10px!important;gap:6px!important}.user-profile-info{gap:6px!important}.user-profile-info .avatar{width:26px!important;height:26px!important;font-size:.8rem!important}.user-profile-info .user-name{font-size:.78rem!important}.user-name-input{padding:4px 8px!important;font-size:.72rem!important}.visiting-banner{padding:8px 10px!important;border-radius:10px!important}.visiting-banner-content{gap:6px!important}.visiting-banner-content .owner-avatar{font-size:.95rem!important}.visiting-banner-content .visiting-text{font-size:.75rem!important}.btn-exit-visiting{padding:6px 12px!important;font-size:.75rem!important;border-radius:6px!important}.btn-wide{height:32px!important;font-size:.75rem!important}}.aquarium-view-container{flex:1;width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.aquarium-container{flex:1;width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:transparent;padding:0}.zoom-pan-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center}.tank-view{width:calc(var(--tank-scale) * 100);height:calc(var(--tank-scale) * var(--tank-height-factor, 42.85714285714286));position:relative;overflow:hidden;flex-shrink:0;margin:auto;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 30px 60px #000c,0 0 100px #38bdf80d;background:#020617}.tank-view:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,transparent 2%,transparent 98%,rgba(255,255,255,.08) 100%),linear-gradient(0deg,rgba(255,255,255,.15) 0%,transparent 1.5%);pointer-events:none;z-index:20}.tank-view:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,transparent 20%,rgba(0,0,0,.4) 100%),linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 10%,transparent 90%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:10}.water-surface{position:absolute;top:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);animation:wave 4s infinite ease-in-out;z-index:100}@keyframes wave{0%,to{transform:scaleY(1);opacity:.2}50%{transform:scaleY(1.2);opacity:.4}}.background-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;filter:brightness(.75) contrast(1.1)}.caustics{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 0%,transparent 80%),repeating-linear-gradient(45deg,transparent,transparent 60px,rgba(255,255,255,.01) 60px,rgba(255,255,255,.01) 120px);pointer-events:none;z-index:5;animation:shimmer 15s infinite alternate linear}@keyframes shimmer{0%{opacity:.2;transform:scale(1)}to{opacity:.5;transform:scale(1.1)}}.substrate-bg{position:absolute;bottom:0;left:0;right:0;z-index:1;background-size:300px 100px;filter:brightness(.55) saturate(.7) contrast(1.1);-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1000 100" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 Q200,35 400,10 T800,10 T1000,20 L1000,100 L0,100 Z" fill="black"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1000 100" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 Q200,35 400,10 T800,10 T1000,20 L1000,100 L0,100 Z" fill="black"/></svg>');-webkit-mask-size:100% 100%;mask-size:100% 100%}.substrate{position:absolute;bottom:0;left:0;right:0;z-index:85;background-size:300px 100px;filter:brightness(.95) contrast(1.05);-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1000 100" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M0,25 Q300,5 600,25 T1000,10 L1000,100 L0,100 Z" fill="black"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1000 100" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M0,25 Q300,5 600,25 T1000,10 L1000,100 L0,100 Z" fill="black"/></svg>');-webkit-mask-size:100% 100%;mask-size:100% 100%}.substrate-shadow{position:absolute;bottom:0;left:0;right:0;height:5%;background:linear-gradient(to top,#000000d9,#0006 60%,#0000);pointer-events:none;z-index:90}.tank-item{position:absolute;-webkit-user-select:none;user-select:none}.plant{transform-origin:bottom center;animation:sway 5s infinite ease-in-out}@keyframes sway{0%,to{transform:rotate(-2deg) skew(-1deg)}50%{transform:rotate(2deg) skew(1deg)}}.fish{cursor:pointer}.fish-graphic-container{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.fish-glow-layer{animation:pulse-glow 1.5s infinite alternate ease-in-out}.fish.hungry .fish-glow-layer{filter:drop-shadow(0 0 8px rgba(255,255,0,.85))}.fish.starving .fish-glow-layer{filter:drop-shadow(0 0 10px rgba(255,0,0,.9))}.deletable .fish-glow-layer{filter:drop-shadow(0 0 12px rgba(255,0,0,1));animation:pulse-glow-fast .8s infinite alternate ease-in-out}.deletable{cursor:pointer!important}@keyframes pulse-glow{0%{opacity:.35;transform:scale(.97)}to{opacity:.95;transform:scale(1.06)}}@keyframes pulse-glow-fast{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1.08)}}.draggable{cursor:move!important}.dragging{opacity:.8;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)) scale(1.05)!important;z-index:500!important;transition:none!important}.food-particle{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.view-controls{position:absolute;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:1000}.control-btn{width:48px;height:48px;padding:0;border-radius:14px;font-size:1.25rem;background:var(--panel-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--border-color)!important;color:#fff!important}.control-btn:hover{background:#ffffff1a!important;transform:translateY(-2px)}.control-btn.active{background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 0 20px var(--primary-glow)}.loading{font-size:1.5rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.bubbles{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.bubble{position:absolute;bottom:-20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:float-bubble linear infinite}@keyframes float-bubble{0%{transform:translateY(0) translate(0);opacity:.8}to{transform:translateY(-600px) translate(20px);opacity:0}}.autofeeder-interactive{cursor:pointer!important;transition:transform .2s cubic-bezier(.4,0,.2,1)}.autofeeder-interactive:hover{transform:scale(1.04)!important}.autofeeder-menu.glassmorphic-overlay{position:absolute;top:105%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:140px;padding:10px;background:#0f172aeb;-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 30px #000000b3,0 0 15px #38bdf826;z-index:10000;color:#fff;text-align:center;font-family:Outfit,Inter,sans-serif;font-size:clamp(10px,calc(var(--tank-scale) * .35),13px)!important}.feeder-status{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:2px}.feeder-status-icon{font-size:1.25rem}.feeder-details{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.feeder-name{font-weight:700;font-size:.8rem;color:#94a3b8;letter-spacing:.2px}.feeder-amount{font-size:.75rem;font-weight:800;color:#38bdf8}.feeder-gauge-container{width:100%;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:5px;border:1px solid rgba(255,255,255,.05)}.feeder-gauge-bar{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:3px}.food-selection-title{font-size:.65rem;color:#64748b;margin-top:4px;margin-bottom:2px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;width:100%;text-align:left}.food-selection-list{display:flex;justify-content:space-around;align-items:center;width:100%;margin:4px 0 8px;gap:6px}.round-food-btn{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);background:#1e293bbf;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;outline:none}.round-food-btn:hover{transform:scale(1.18);border-color:#ffffff80;background:#1e293bf2;box-shadow:0 4px 8px #0000004d}.round-food-btn.active{border-color:#38bdf8;box-shadow:0 0 12px #38bdf8a6;background:#0c4a6ed9;transform:scale(1.12)}.food-btn-emoji{font-size:1.15rem;line-height:1}.food-btn-img{width:75%;height:75%;object-fit:contain}.feeder-fill-btn{width:100%;padding:6px 0;border-radius:8px;border:none;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #00000040;outline:none}.feeder-fill-btn:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8,#0284c7);transform:translateY(-1px);box-shadow:0 6px 12px #38bdf859}.feeder-fill-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #38bdf833}.feeder-fill-btn:disabled{background:#ffffff0a;color:#fff3;cursor:not-allowed;box-shadow:none}.breeding-heart-particle{position:absolute;pointer-events:none;z-index:400;display:flex;align-items:center;justify-content:center;animation:floatUpFade 2.5s cubic-bezier(.25,1,.5,1) forwards}@keyframes floatUpFade{0%{transform:translate(-50%,50%) scale(.2) rotate(-15deg);opacity:0}15%{transform:translate(-50%) scale(1.2) rotate(10deg);opacity:.95}50%{transform:translate(-50%,-40px) scale(1) rotate(-10deg);opacity:.8}to{transform:translate(-50%,-100px) scale(.7) rotate(0);opacity:0}}.fish[style*=egg]{animation:eggPop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes eggPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.tank-hud-overhaul{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2000}.hud-top-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:8px 24px;border-radius:16px;box-shadow:0 10px 40px #0006;pointer-events:auto;min-width:fit-content}.hud-section{display:flex;align-items:center;gap:16px}.stat-group{display:flex;flex-direction:column}.stat-group .label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:700;margin-bottom:2px}.stat-group .value{font-size:1.1rem;font-weight:800;line-height:1.1}.xp-group{min-width:140px}.progress-container{height:22px;display:flex;align-items:center;width:100%}.hud-progress-bg{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.hud-progress-fill{height:100%;border-radius:3px;transition:width .3s cubic-bezier(.4,0,.2,1)}.hud-progress-fill.xp{background:linear-gradient(90deg,var(--primary) 0%,#06b6d4 100%);box-shadow:0 0 10px var(--primary-glow)}.hud-divider{width:1px;height:24px;background:#ffffff1a}.currency-stats{gap:24px}.value-row{display:flex;align-items:center;gap:6px;font-size:1.15rem;font-weight:800;line-height:1.1;color:var(--text-main)}.value-row .icon{font-size:1.1rem}.score-group .value{color:#38bdf8}.achievements-group .value{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.25)}.environment-stats{cursor:pointer;padding:4px 12px;border-radius:12px;transition:background .2s;display:flex;align-items:center;gap:20px}.environment-stats:hover{background:#ffffff0d}.quality-group{min-width:140px}.quality-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.quality-text{font-weight:800;font-size:.85rem;margin-right:4px}.system-stats{gap:16px}.connection-group{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff0d;border-radius:20px;font-size:.7rem;font-weight:800;text-transform:uppercase;height:22px}.status-badge.synced .dot{background:var(--success);box-shadow:0 0 8px var(--success)}.status-badge.syncing .dot{background:var(--primary);animation:blink 1s infinite}.status-badge.guest .dot{background:var(--text-muted)}.status-badge.visiting{background:#00f0ff1a!important;border:1px solid rgba(0,240,255,.25)!important;color:#00f0ff!important;box-shadow:0 0 10px #00f0ff26}.status-badge.visiting .dot{background:#00f0ff!important;box-shadow:0 0 8px #00f0ff!important}.tick-indicator-wrapper{display:flex;align-items:center}.tick-indicator{width:22px;height:22px;position:relative}.tick-ring{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--primary) var(--progress),transparent calc(var(--progress) + .8%));mask:radial-gradient(circle,transparent 6.5px,black 7.5px);-webkit-mask:radial-gradient(circle,transparent 6.5px,black 7.5px);opacity:.8;transition:opacity .3s ease;filter:drop-shadow(0 0 1px var(--primary-glow))}.eco-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto}.score-analysis-modal,.eco-modal{width:100%;max-width:540px;padding:20px;border-radius:24px;background:#0f172af2;max-height:85vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.header-main .subtitle{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--primary);font-weight:800;display:block;margin-bottom:4px}.modal-header h2{font-size:1.5rem;font-weight:800}.total-score-display{text-align:center;padding:16px;background:#ffffff08;border-radius:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05)}.score-value{display:block;font-size:2.75rem;font-weight:800;color:#fbbf24;line-height:1;text-shadow:0 0 30px rgba(251,191,36,.3)}.score-label{font-size:.85rem;text-transform:uppercase;letter-spacing:4px;color:var(--text-muted);font-weight:700;margin-top:6px;display:block}.score-breakdown-grid,.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.breakdown-category,.eco-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:20px}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.category-header .title{font-size:.85rem;font-weight:800;text-transform:uppercase}.breakdown-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem}.breakdown-item .label{color:var(--text-muted)}.breakdown-item .value{font-weight:800}.penalty{grid-column:span 2;border-color:#ef44441a}.eco-balance-dashboard{display:flex;flex-direction:column;gap:16px}.balance-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.balance-column{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:12px}.balance-column.positive{border-top:3px solid var(--success)}.balance-column.negative{border-top:3px solid var(--danger)}.column-title{font-size:.9rem;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin:0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.balance-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.balance-item .label{color:var(--text-muted)}.balance-item .value{font-weight:800}.column-total{margin-top:auto;padding-top:12px;border-top:1px dashed rgba(255,255,255,.1);text-align:right;font-size:1.25rem;font-weight:800}.penalties-section{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:12px}.penalties-section .column-title{color:var(--danger);border-bottom-color:#ef444433}.penalty-item{margin-top:8px}.capacity-bar-container{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:12px}.capacity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem}.capacity-header .label{color:var(--text-muted);font-weight:700;text-transform:uppercase}.capacity-header .value{font-weight:800}.capacity-warning{margin:8px 0 0;font-size:.75rem;color:var(--danger);text-align:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.hud-bottom-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:8px;border-radius:16px;box-shadow:0 10px 40px #0006;pointer-events:auto}.hud-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);border-radius:12px;font-weight:800;cursor:pointer;transition:all .2s ease}.hud-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.hud-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.hud-btn.danger:hover{background:#ef444433;box-shadow:0 4px 12px #ef444433}.hud-btn.danger.active{background:#ef444466;color:#fff;border-color:#ef444499;animation:hudPulseGlow 2s infinite ease-in-out}@media (max-width: 1024px){.hud-top-bar{top:8px;width:calc(100% - 16px);max-width:540px;padding:6px 12px;gap:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:12px;min-width:0}.hud-divider{display:block;width:1px;height:16px;background:#ffffff26;margin:0}.hud-section{gap:8px;min-width:0;flex-shrink:1}.stat-group,.stat-item{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}.stat-group .label,.stat-item .label,.quality-label-row .label,.xp-label-row .label,.xp-group .hud-progress-bg,.quality-group .hud-progress-bg,.xp-group{display:none!important}.level-group .value{font-size:.8rem;font-weight:800}.coins-group .icon{font-size:.9rem;margin:0}.coins-group .value{font-size:.8rem;font-weight:800}.score-group{gap:4px}.score-group .value{font-size:.8rem;font-weight:800}.environment-stats{padding:0;gap:8px}.environment-stats:hover{background:transparent}.quality-group{min-width:0}.quality-group .value{font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:2px}.quality-text{font-size:.8rem!important;display:inline!important;font-weight:800}.quality-icon{font-size:.8rem}.day-group .value{font-size:.8rem;font-weight:800}.system-stats{gap:6px}.status-badge .text{font-size:.6rem}.tick-indicator{width:14px;height:14px}.tick-ring{background:conic-gradient(var(--primary) var(--progress),transparent calc(var(--progress) + 1.2%));mask:radial-gradient(circle,transparent 4.5px,black 5.5px);-webkit-mask:radial-gradient(circle,transparent 4.5px,black 5.5px);filter:drop-shadow(0 0 .5px var(--primary-glow))}}.hunger-alert-group{margin-left:2px;animation:hudPulseGlow 2.2s infinite ease-in-out}.hunger-badge{color:#ff9f43!important;background:#ff9f431a!important;border:1px solid rgba(255,159,67,.35)!important;padding:1px 7px!important;font-size:.82rem!important;font-weight:800!important;border-radius:12px!important;box-shadow:0 2px 8px #ff9f431f!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:18px!important;min-width:18px!important;cursor:help!important}.hunger-badge:hover{background:#ff9f4333!important;border-color:#ff9f4380!important;box-shadow:0 2px 12px #ff9f434d!important;transform:scale(1.05)}@keyframes hudPulseGlow{0%,to{filter:drop-shadow(0 0 2px rgba(255,159,67,.2))}50%{filter:drop-shadow(0 0 6px rgba(255,159,67,.55))}}@keyframes hudBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.ach-total-display{background:#fbbf2408!important;border-color:#fbbf2426!important;padding:20px!important;border-radius:24px!important}@media (max-width: 768px){.ach-total-display{padding:10px!important;border-radius:14px!important}}@media (max-width: 1024px) and (orientation: landscape){.ach-total-display{padding:8px!important;border-radius:10px!important}}.progress-header-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:#ffebc5;font-weight:700}.ach-progress-bar{height:10px;background:#ffffff0d}.ach-progress-bar .hud-progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 12px #fbbf2480;transition:width .5s ease}.achievements-scroll-grid{display:flex;flex-direction:column;gap:12px;max-height:45vh;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.achievement-card-row{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;transition:all .3s ease}.achievement-card-row.unlocked{background:#fbbf2408;border:1px solid rgba(251,191,36,.2);opacity:1}.achievement-card-row.locked{background:#ffffff03;border:1px solid rgba(255,255,255,.05);opacity:.65}.achievement-icon-box{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;position:relative}.achievement-card-row.unlocked .achievement-icon-box{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);box-shadow:0 0 10px #fbbf2426}.achievement-card-row.locked .achievement-icon-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.lock-icon-overlay{position:absolute;bottom:-2px;right:-2px;font-size:.85rem;background:#1e293b;border:1px solid rgba(255,255,255,.1);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.achievement-details-box{flex:1}.ach-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ach-title{margin:0;font-size:.98rem;font-weight:800}.achievement-card-row.unlocked .ach-title{color:#fffbeb}.achievement-card-row.locked .ach-title{color:#94a3b8}.unlocked-tag{font-size:.62rem;font-weight:800;letter-spacing:1px;color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.25);padding:2px 6px;border-radius:4px}.ach-desc{margin:0 0 8px;font-size:.8rem}.achievement-card-row.unlocked .ach-desc{color:#d1d5db}.achievement-card-row.locked .ach-desc{color:var(--text-muted)}.ach-rewards-row{display:flex;gap:12px;font-size:.75rem;font-weight:700}.ach-rewards-row .reward-label{color:var(--text-muted)}.ach-rewards-row .reward-item{font-weight:700}.ach-rewards-row .reward-item.credits{color:#fbbf24}.ach-rewards-row .reward-item.xp{color:#38bdf8}.btn-replay-tutorial{margin-top:8px;padding:8px 16px;background:#38bdf814;border:1px solid rgba(56,189,248,.25);color:#e0f2fe;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:800;transition:all .2s;width:auto}.btn-replay-tutorial:hover{background:#38bdf826!important}.close-btn{background:transparent!important;border:none!important;color:var(--text-muted)!important;font-size:1.25rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;box-shadow:none!important;width:32px!important;height:32px!important;border-radius:50%!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.close-btn:hover{color:var(--text-main)!important;background:#ffffff14!important;transform:scale(1.05)!important}.hint{font-size:.8rem;color:var(--text-muted);text-align:center;margin:0;line-height:1.4}.achievements-modal{max-width:580px}.achievements-modal-footer{margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:center}.achievements-hint{font-style:italic;font-size:.8rem;color:var(--text-muted);margin:0;text-align:center}.forecast-section{border-radius:16px;padding:16px}.forecast-details{margin-top:12px;font-size:.85rem;color:var(--text-muted);display:flex;flex-direction:column;gap:8px}.capacity-progress-bg{height:8px;background:#ffffff1a}.capacity-label-row-text{display:flex;align-items:center;gap:6px}.capacity-chance{font-weight:700}.capacity-warning-info{color:var(--text-muted);font-size:.8rem;font-style:italic;margin-top:6px;background-color:transparent;padding:0;text-align:center;line-height:1.4}.breeding-container{background:#ec489905!important;border:1px solid rgba(236,72,153,.15)!important}.breeding-label{color:#db2777!important;display:flex!important;align-items:center!important;gap:6px!important}.breeding-details{margin-top:10px;display:flex;flex-direction:column;gap:8px}.breeding-empty-text{margin:0;font-size:.8rem;color:var(--text-muted);font-style:italic;text-align:center}.breeding-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.breeding-species{display:flex;align-items:center;gap:6px;color:var(--text-main)}.breeding-img{width:22px;height:22px;object-fit:contain;border-radius:4px}.breeding-emoji{font-size:1.15rem}.breeding-chance{font-weight:700}.dead-fish-alerts{margin-top:20px;padding:16px;background:#ef44441a;border-radius:12px;border:1px solid rgba(239,68,68,.3)}.dead-fish-alerts-title{color:#ef4444;margin-top:0;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:1rem}.dead-fish-alerts-list{margin:0;padding-left:20px;color:#fca5a5;font-size:.9rem}.dead-fish-alerts-item{margin-bottom:6px}.dead-fish-alerts-hint{margin:10px 0 0;font-size:.8rem;color:#f87171}@media (max-width: 768px){.eco-modal-overlay{padding:4px}.score-analysis-modal,.eco-modal{padding:12px;border-radius:14px;max-height:96vh}.score-breakdown-grid,.eco-grid,.balance-columns{grid-template-columns:1fr!important;gap:8px}.breakdown-category,.eco-item{padding:12px!important;border-radius:12px!important}.breakdown-item,.balance-item{font-size:.75rem!important}.total-score-display{padding:8px;margin-bottom:10px;border-radius:14px}.score-value{font-size:1.8rem}.score-label{font-size:.7rem!important;letter-spacing:2px!important}.category-header{margin-bottom:8px;padding-bottom:6px;gap:8px}.column-title{font-size:.78rem;padding-bottom:6px}.column-total{font-size:1rem!important;padding-top:8px!important}.capacity-bar-container{padding:8px!important;border-radius:12px!important}.capacity-header{font-size:.75rem!important}.penalties-section{padding:8px!important;border-radius:12px!important}.progress-header-row{font-size:.75rem!important;margin-bottom:6px!important}.ach-progress-bar{height:8px!important}.achievements-scroll-grid{gap:8px!important;max-height:48vh!important}.achievement-card-row{padding:10px!important;gap:10px!important;border-radius:12px!important}.achievement-icon-box{width:42px!important;height:42px!important;border-radius:8px!important;font-size:1.5rem!important}.ach-title{font-size:.85rem!important}.unlocked-tag{font-size:.55rem!important;padding:1px 4px!important}.ach-desc{font-size:.7rem!important;margin-bottom:4px!important}.ach-rewards-row{font-size:.65rem!important;gap:8px!important}.btn-replay-tutorial{padding:6px 12px!important;font-size:.75rem!important;border-radius:8px!important}.modal-header h2{font-size:1.15rem!important}.header-main .subtitle{font-size:.68rem!important;letter-spacing:1px!important}.close-btn{font-size:1rem!important;width:26px!important;height:26px!important}.hint{font-size:.72rem!important}.category-header .title{font-size:.75rem!important}.achievements-modal-footer{margin-top:12px!important;gap:8px!important}.achievements-hint{font-size:.72rem!important}.forecast-section{border-radius:12px!important;padding:10px!important}.forecast-details{margin-top:8px!important;font-size:.75rem!important;gap:6px!important}.capacity-bar-container.with-margin{margin-top:10px!important}.capacity-warning-info{font-size:.72rem!important;margin-top:4px!important}.breeding-details{margin-top:6px!important;gap:6px!important}.breeding-empty-text{font-size:.72rem!important}.breeding-row{font-size:.75rem!important}.breeding-emoji{font-size:.95rem!important}.dead-fish-alerts{margin-top:12px!important;padding:10px!important;border-radius:8px!important}.dead-fish-alerts-title{margin-bottom:8px!important;font-size:.85rem!important}.dead-fish-alerts-list{font-size:.78rem!important;padding-left:16px!important}.dead-fish-alerts-item{margin-bottom:4px!important}.dead-fish-alerts-hint{margin-top:6px!important;font-size:.72rem!important}}@media (max-width: 1024px) and (orientation: landscape){.score-analysis-modal,.eco-modal{width:35vw!important;max-width:380px!important;height:95vh!important;max-height:95vh!important;padding:10px!important;border-radius:12px!important}.score-breakdown-grid,.eco-grid,.balance-columns{grid-template-columns:1fr!important;gap:6px!important}.breakdown-category,.eco-item{padding:10px!important;border-radius:10px!important}.breakdown-item,.balance-item{font-size:.7rem!important}.total-score-display{padding:6px!important;margin-bottom:8px!important;border-radius:10px!important}.score-value{font-size:1.6rem!important}.score-label{font-size:.65rem!important;letter-spacing:2px!important}.category-header{margin-bottom:6px!important;padding-bottom:4px!important;gap:6px!important}.column-title{font-size:.72rem!important;padding-bottom:4px!important}.column-total{font-size:.9rem!important;padding-top:6px!important}.capacity-bar-container{padding:6px!important;border-radius:10px!important}.capacity-header{font-size:.7rem!important}.penalties-section{padding:6px!important;border-radius:10px!important}.progress-header-row{font-size:.75rem!important;margin-bottom:6px!important}.ach-progress-bar{height:8px!important}.achievements-scroll-grid{gap:6px!important;max-height:48vh!important}.achievement-card-row{padding:8px!important;gap:8px!important;border-radius:10px!important}.achievement-icon-box{width:36px!important;height:36px!important;border-radius:6px!important;font-size:1.3rem!important}.ach-title{font-size:.82rem!important}.unlocked-tag{font-size:.55rem!important;padding:1px 4px!important}.ach-desc{font-size:.68rem!important;margin-bottom:4px!important}.ach-rewards-row{font-size:.62rem!important;gap:6px!important}.btn-replay-tutorial{padding:5px 10px!important;font-size:.7rem!important;border-radius:6px!important}.modal-header h2{font-size:1.05rem!important}.header-main .subtitle{font-size:.6rem!important;letter-spacing:1px!important}.close-btn{font-size:.9rem!important;width:22px!important;height:22px!important}.hint{font-size:.65rem!important}.category-header .title{font-size:.7rem!important}.achievements-modal-footer{margin-top:8px!important;gap:6px!important}.achievements-hint{font-size:.65rem!important}.forecast-section{border-radius:10px!important;padding:8px!important}.forecast-details{margin-top:6px!important;font-size:.68rem!important;gap:4px!important}.capacity-bar-container.with-margin{margin-top:8px!important}.capacity-warning-info{font-size:.65rem!important;margin-top:3px!important}.breeding-details{margin-top:4px!important;gap:4px!important}.breeding-empty-text{font-size:.65rem!important}.breeding-row{font-size:.68rem!important}.breeding-emoji{font-size:.85rem!important}.dead-fish-alerts{margin-top:8px!important;padding:8px!important;border-radius:6px!important}.dead-fish-alerts-title{margin-bottom:6px!important;font-size:.78rem!important}.dead-fish-alerts-list{font-size:.7rem!important;padding-left:12px!important}.dead-fish-alerts-item{margin-bottom:3px!important}.dead-fish-alerts-hint{margin-top:4px!important;font-size:.65rem!important}}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#020617cc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;box-sizing:border-box}.auth-card{width:100%;max-width:440px;padding:40px;border-radius:32px;background:#0f172a99;border-color:#38bdf833;box-shadow:0 25px 50px -12px #0009}.auth-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.auth-header h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.auth-header p{color:var(--text-muted);font-size:.9rem}.auth-tabs{display:flex;background:#0003;padding:6px;border-radius:14px;margin-bottom:32px}.auth-tabs button{flex:1;background:transparent;border:none;font-size:.9rem;padding:10px;color:var(--text-muted)}.auth-tabs button.active{background:#ffffff0d;color:#fff;box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-left:4px}.label-optional{font-size:.7rem;font-weight:400;color:#94a3b88c;font-style:italic}.input-group input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:14px 18px;border-radius:14px;font-size:1rem;outline:none;transition:all .2s}.input-group input:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 4px #38bdf826}.btn-auth-submit{margin-top:12px;height:54px;background:var(--primary);color:#fff;font-size:1.05rem;font-weight:800;border:none;box-shadow:0 10px 20px var(--primary-glow)}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:12px;border-radius:12px;font-size:.85rem;text-align:center}.auth-social-stubs{margin-top:32px;text-align:center}.auth-social-stubs p{font-size:.8rem;color:var(--text-muted);margin-bottom:16px;position:relative}.auth-social-stubs p:before,.auth-social-stubs p:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:#ffffff0d}.auth-social-stubs p:before{left:0}.auth-social-stubs p:after{right:0}.social-buttons{display:grid;grid-template-columns:1fr;gap:12px;width:100%}.btn-social{height:48px;background:#ffffff08;font-size:.95rem;font-weight:600;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-social:hover{background:#ffffff14;border-color:#38bdf840;box-shadow:0 0 15px #38bdf81a;transform:translateY(-1px)}.btn-social:active{transform:translateY(0)}@media (max-width: 768px){.auth-overlay{padding:16px;align-items:center;overflow-y:auto}.auth-card{padding:24px 20px;border-radius:24px;max-height:90vh;overflow-y:auto}.auth-header{margin-bottom:20px}.auth-header h1{font-size:1.6rem}.auth-tabs{margin-bottom:20px}.social-buttons{grid-template-columns:1fr}.input-group input{padding:12px 14px;font-size:.95rem}.btn-auth-submit{height:48px;font-size:.95rem}}.verification-mode{display:flex;flex-direction:column;gap:20px}.verification-title{font-size:1.5rem;font-weight:800;text-align:center;color:#fff;margin-bottom:4px}.verification-subtitle{color:var(--text-muted);font-size:.95rem;text-align:center;line-height:1.5;margin-bottom:8px}.verification-subtitle strong{color:var(--primary);font-weight:600}.verification-input{text-align:center!important;font-size:1.8rem!important;letter-spacing:8px!important;font-family:monospace!important;font-weight:800!important;background:#0003!important;border-color:#38bdf84d!important}.verification-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px #38bdf840!important}.auth-success-msg{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#a7f3d0;padding:12px;border-radius:12px;font-size:.85rem;text-align:center;line-height:1.4}.verification-actions{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:12px}.btn-resend,.btn-back{background:transparent;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-resend{color:var(--primary)}.btn-resend:hover:not(:disabled){color:#7dd3fc;text-shadow:0 0 8px rgba(56,189,248,.4)}.btn-resend:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6}.btn-back{color:var(--text-muted)}.btn-back:hover{color:#fff}.verification-info-text{color:var(--text-muted);font-size:.85rem;text-align:center;margin-top:-4px;margin-bottom:8px;line-height:1.4;opacity:.75}.store-container{display:flex;height:100%;background:var(--bg-color);position:relative}.store-sidebar{width:280px;background:#0f172ae6;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:32px 0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.shop-header{padding:0 32px 32px;display:flex;justify-content:space-between;align-items:center}.shop-header .logo{font-size:1.5rem;font-weight:800;letter-spacing:-1px}.shop-header .logo span{color:var(--primary)}.btn-close-shop-floating{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%!important;background:var(--panel-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--border-color)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:5000;transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-md)}.btn-close-shop-floating:hover{background:#ef444433!important;border-color:#ef444480!important;transform:scale(1.1) rotate(90deg)}.store-nav{display:flex;flex-direction:column;gap:4px;padding:0 16px}.store-nav button{justify-content:flex-start;padding:12px 16px;background:transparent;border:none;border-radius:12px;color:var(--text-muted);font-size:.95rem;transition:all var(--transition-fast);display:flex;align-items:center}.store-nav button .icon{font-size:1.25rem;margin-right:12px;width:24px;text-align:center}.store-nav button:hover{background:#ffffff0d;color:var(--text-main);transform:translate(4px)}.store-nav button.active{background:var(--primary);color:#fff;box-shadow:0 8px 20px #38bdf84d}.shop-footer-stats{margin-top:auto;padding:32px;border-top:1px solid rgba(255,255,255,.05)}.shop-footer-stats .stat .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;display:block;margin-bottom:4px}.shop-footer-stats .stat .value{font-size:1.5rem;font-weight:800;color:var(--primary)}.store-main{flex:1;padding:48px;overflow-y:auto}.content-wrap{max-width:1000px;margin:0 auto}.shop-section h3{font-size:1.5rem;margin-bottom:24px;font-weight:700;display:flex;align-items:center;gap:12px}.shop-section h3:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(255,255,255,.1),transparent)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.store-card-premium{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;overflow:hidden;transition:all var(--transition-fast);display:flex;flex-direction:column}.store-card-premium:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow-xl),0 0 30px #38bdf81a;background:#ffffff0a}.card-media{height:110px;background:radial-gradient(circle at center,rgba(56,189,248,.08) 0%,transparent 80%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:20px 20px 0 0;padding:0;transition:background .3s ease}.store-card-premium:hover .card-media{background:radial-gradient(circle at center,rgba(56,189,248,.15) 0%,transparent 80%)}.item-icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.item-icon-wrapper canvas,.item-icon-wrapper svg{width:75%!important;height:75%!important;max-width:100%!important;max-height:100%!important;object-fit:contain}.plant-preview,.gadget-preview,.fish-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.item-icon-wrapper img{max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4));transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.store-card-premium:hover .item-icon-wrapper img,.store-card-premium:hover .item-icon-wrapper canvas,.store-card-premium:hover .item-icon-wrapper svg{transform:scale(1.1) translateY(-3px)}.predator-tag{position:absolute;top:12px;right:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-info{padding:12px;flex:1;display:flex;flex-direction:column}.item-name{font-size:.95rem;margin-bottom:4px;font-weight:700;text-transform:capitalize}.item-tags{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.tag-pill{font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;color:var(--text-muted)}.tag-pill.school{background:#38bdf826;color:var(--primary)}.tag-pill.solo{background:#ffffff1a;color:var(--text-muted)}.tag-pill.layer{background:#8b5cf626;color:#a855f7}.item-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:12px;opacity:.8}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.price-tag{display:flex;align-items:center;gap:4px}.price-tag .amount{font-size:1.25rem;font-weight:800;color:#fbbf24}.btn-buy-premium{flex:1;height:32px;padding:0 10px;font-size:.8rem;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.btn-buy-premium:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf833}.btn-buy-premium:disabled{background:#ffffff0d;color:var(--text-muted);cursor:not-allowed}.lock-label{font-size:.7rem;color:var(--danger);font-weight:800;text-transform:uppercase}.active-badge{position:absolute;top:12px;left:12px;background:var(--success);color:#fff;font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;box-shadow:0 0 15px #10b98166}.tank-actions-footer{width:100%;margin-top:12px}.active-tag-pill{width:100%;background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2);padding:8px;border-radius:10px;font-size:.75rem;font-weight:800;text-align:center;text-transform:uppercase}.locked-tag-pill{width:100%;background:#0003;color:var(--text-muted);border:1px solid rgba(255,255,255,.05);padding:8px;border-radius:10px;font-size:.75rem;font-weight:700;text-align:center}.store-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:40px}.store-modal-content{width:100%;max-width:1100px;height:85vh;background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;position:relative}@media (max-width: 768px){.store-overlay{padding:10px!important}.store-modal-content{width:80vw!important;max-width:600px!important;height:85vh!important;max-height:85vh!important;border-radius:20px!important}.store-container{flex-direction:column!important}.store-sidebar{width:100%!important;height:auto!important;padding:6px 0!important;flex-direction:row!important;align-items:center!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;overflow-x:auto!important}.shop-header{padding:0 12px!important;margin-right:8px!important;margin-bottom:0!important}.shop-header .logo{font-size:.95rem!important;white-space:nowrap!important}.btn-close-shop-floating{top:8px!important;right:8px!important;width:24px!important;height:24px!important;font-size:.75rem!important}.store-nav{flex-direction:row!important;padding:0 4px!important;gap:4px!important;flex:1!important}.store-nav button{padding:4px 8px!important;font-size:.72rem!important;white-space:nowrap!important;border-radius:8px!important}.store-nav button .icon{font-size:.85rem!important;margin-right:4px!important;width:auto!important}.shop-footer-stats{display:none!important}.store-main{padding:8px!important}.shop-section h3{font-size:.85rem!important;margin-bottom:10px!important}.store-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:4px!important}.store-card-premium{border-radius:8px!important}.card-media{height:60px!important;padding:0!important}.item-icon-wrapper{font-size:1.6rem!important}.card-info{padding:6px!important}.item-name{font-size:.78rem!important;margin-bottom:2px!important}.item-meta{font-size:.62rem!important;margin-bottom:4px!important}.price-tag .amount{font-size:.85rem!important}.price-tag .icon{font-size:.8rem!important}.btn-buy-premium{width:100%!important;height:22px!important;padding:0 4px!important;font-size:.65rem!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-mobile-content{display:flex;align-items:center;gap:2px;font-weight:800}.btn-mobile-content .coin{font-size:.7rem}.store-overlay{justify-content:center!important;align-items:center!important;padding:4px!important}.store-modal-content{width:80vw!important;max-width:600px!important;height:85vh!important;max-height:85vh!important;margin:0 auto!important;border-radius:20px!important}}.store-items-container{display:flex;flex-direction:column;gap:20px}.store-filter-panel{display:flex;flex-direction:column;gap:16px;padding:16px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.search-bar-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:14px;font-size:1.1rem;color:var(--text-muted);pointer-events:none}.store-search-input{width:100%;padding:12px 16px 12px 42px;font-size:.95rem;color:var(--text-main);background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:12px;outline:none;transition:all var(--transition-fast)}.store-search-input:focus{border-color:var(--primary);background:#00000059;box-shadow:0 0 15px #38bdf826}.btn-clear-search{position:absolute;right:14px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.95rem;padding:4px;transition:color var(--transition-fast)}.btn-clear-search:hover{color:var(--text-main)}.filter-controls-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.filter-buttons{display:flex;gap:6px;background:#00000026;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.03)}.btn-filter-pill{padding:6px 14px;font-size:.8rem;font-weight:700;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.btn-filter-pill:hover{color:var(--text-main);background:#ffffff08}.btn-filter-pill.active{color:#fff;background:var(--primary);box-shadow:0 4px 12px #38bdf840}.store-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:#ffffff03;border:1px solid rgba(255,255,255,.03);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.store-empty-state .empty-emoji{font-size:3rem;margin-bottom:16px;opacity:.6}.store-empty-state h4{font-size:1.1rem;margin-bottom:8px;font-weight:700}.store-empty-state p{font-size:.85rem;color:var(--text-muted);margin-bottom:20px;max-width:320px}.btn-clear-filters{padding:8px 18px;font-size:.85rem;font-weight:700;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all var(--transition-fast)}.btn-clear-filters:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-1px)}.tag-pill.level-pill{background:#fbbf241f!important;color:#fbbf24!important;border:1px solid rgba(251,191,36,.2)!important}.tag-pill.water-fresh{background:#38bdf81f!important;color:var(--primary)!important;border:1px solid rgba(56,189,248,.2)!important}.tag-pill.water-salt{background:#06b6d41f!important;color:#22d3ee!important;border:1px solid rgba(6,182,212,.2)!important}.tag-pill.hiding-spot{background:#10b9811f!important;color:#34d399!important;border:1px solid rgba(16,185,129,.2)!important}.tag-pill.floating-pill{background:#a855f71f!important;color:#c084fc!important;border:1px solid rgba(168,85,247,.2)!important}.tag-pill.carpet-pill{background:#ec48991f!important;color:#f472b6!important;border:1px solid rgba(236,72,153,.2)!important}.tag-pill.autofeeder-pill{background:#f973161f!important;color:#fb923c!important;border:1px solid rgba(249,115,22,.2)!important}@media (max-width: 768px){.store-filter-panel{padding:12px 14px!important;gap:12px!important;border-radius:12px!important}.store-search-input{padding:10px 14px 10px 36px!important;font-size:.85rem!important;border-radius:10px!important}.search-icon{left:12px!important;font-size:.95rem!important}.filter-controls-row{gap:12px!important}.filter-group{gap:4px!important;width:100%}.filter-buttons{width:100%;display:flex;overflow-x:auto}.btn-filter-pill{flex:1;padding:5px 8px!important;font-size:.75rem!important;white-space:nowrap;text-align:center}}@media (max-width: 1024px) and (orientation: landscape){.store-modal-content{width:80vw!important;max-width:800px!important;height:95vh!important;border-radius:16px!important}.store-container{flex-direction:row!important}.store-sidebar{width:160px!important;height:100%!important;padding:12px 0!important;flex-direction:column!important;align-items:stretch!important;border-right:1px solid var(--border-color)!important;border-bottom:none!important;overflow-y:auto!important}.store-nav{flex-direction:column!important;padding:0 8px!important;gap:4px!important}.store-nav button{padding:6px 8px!important;font-size:.72rem!important}.store-main{padding:12px!important}.store-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important;gap:8px!important}.card-media{height:70px!important}.item-name{font-size:.8rem!important}.item-meta{font-size:.65rem!important;margin-bottom:4px!important}.price-tag .amount{font-size:.9rem!important}.price-tag .icon{font-size:.85rem!important}.btn-buy-premium{height:24px!important;font-size:.7rem!important}.store-filter-panel{padding:8px 12px!important;gap:8px!important}.store-search-input{padding:8px 10px 8px 30px!important;font-size:.78rem!important}.search-icon{font-size:.85rem!important;left:10px!important}.btn-filter-pill{padding:5px 8px!important;font-size:.7rem!important}}.store-overlay{z-index:99999!important}.admin-modal{max-width:1200px!important;border-color:#8b5cf64d!important}.header-titles .subtitle{font-size:.8rem;color:var(--text-muted);margin-top:4px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.admin-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px}.admin-stat-card.full-width{grid-column:1 / -1}.admin-stat-card .label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:1px}.admin-stat-card .value{font-size:1.75rem;font-weight:800;color:#8b5cf6}.sys-info{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-row{display:flex;justify-content:space-between;font-size:.85rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row span:first-child{color:var(--text-muted)}.info-row span:last-child{font-weight:700}.admin-users-list{background:#0003;border-radius:16px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table th{background:#ffffff05;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:700}.admin-table td.mono{font-family:Courier New,Courier,monospace;font-size:.8rem;opacity:.7}.asset-manager{display:flex;flex-direction:column;gap:24px}.asset-form{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.8rem;font-weight:700;color:var(--text-muted)}.form-group input,.form-group select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:10px;outline:none;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#8b5cf680;background:#ffffff14}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23cbd5e1%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;padding-right:32px!important;cursor:pointer}select option{background:#0f172a;color:#fff}.image-input-row{display:flex;gap:12px;align-items:center}.image-input-row input{flex:1}.image-preview-mini{width:48px;height:48px;background:#0003;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.bg-removal-controls{display:flex;gap:4px}.btn-bg-tool{padding:8px 12px!important;font-size:.75rem!important;white-space:nowrap}.btn-upload,.btn-download{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:1.1rem;cursor:pointer;transition:all .2s ease;padding:0;outline:none}.btn-upload:hover{background:#8b5cf626;border-color:#8b5cf659;color:#fff;transform:translateY(-1px)}.btn-download{background:#10b9810f;border-color:#10b98133;color:#34d399}.btn-download:hover{background:#10b98126;border-color:#10b98159;color:#34d399;transform:translateY(-1px)}.ai-generator-box{background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:16px;padding:20px;margin-top:10px}.ai-controls-row{display:flex;gap:12px}.ai-controls-row input{flex:1}.btn-ai-gen{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important;font-weight:800!important;padding:0 24px!important}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.meta-field{display:flex;flex-direction:column;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;transition:all .2s ease}.meta-field:hover{background:#ffffff0d;border-color:#8b5cf64d}.meta-field span{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.meta-field input[type=text],.meta-field input[type=number],.meta-field select{background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;padding:10px!important;font-size:.85rem!important;outline:none;width:100%;transition:border-color .2s ease}.meta-field input[type=text]:focus,.meta-field input[type=number]:focus,.meta-field select:focus{border-color:#8b5cf6}.meta-field input[type=checkbox]{width:20px;height:20px;accent-color:#8b5cf6;cursor:pointer;margin-top:4px}.type-tag{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-align:center}.type-tag.fish{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.type-tag.plant{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.2)}.type-tag.gadget{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.type-tag.background{background:#8b5cf61f;color:#c084fc;border:1px solid rgba(139,92,246,.2)}.type-tag.substrate{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.2)}.type-tag.tank{background:#ec48991f;color:#f472b6;border:1px solid rgba(236,72,153,.2)}.type-tag.food{background:#f973161f;color:#fb923c;border:1px solid rgba(249,115,22,.2)}.table-preview-cell{width:60px;text-align:center}.table-preview-cell img,.table-preview-cell span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:1.3rem;transition:all .2s ease}.admin-table tbody tr{transition:background-color .2s ease}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr:hover .table-preview-cell img,.admin-table tbody tr:hover .table-preview-cell span{background:#ffffff0f;border-color:#ffffff26;transform:scale(1.05)}.actions-cell{display:flex;gap:8px;align-items:center;justify-content:flex-start;height:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-size:.95rem;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.btn-icon:hover{background:#8b5cf633;border-color:#8b5cf666;color:#fff;transform:scale(1.08);box-shadow:0 0 10px #8b5cf640}.btn-icon.danger{background:#ef444414;border-color:#ef444426;color:#fca5a5}.btn-icon.danger:hover{background:#ef444433;border-color:#ef444466;color:#fff;transform:scale(1.08);box-shadow:0 0 12px #ef444459}.admin-description{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:24px}.rebalance-actions{margin:20px 0}.admin-action-btn{padding:14px 28px;font-size:.95rem;font-weight:800;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;display:inline-flex;align-items:center;gap:8px}.admin-action-btn.primary{background:linear-gradient(135deg,#a855f7,#8b5cf6,#6366f1);border:1px solid rgba(168,85,247,.4);color:#fff;box-shadow:0 4px 20px #8b5cf633}.admin-action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf666;border-color:#a855f799}.admin-action-btn.primary:active:not(:disabled){transform:translateY(1px)}.admin-action-btn:disabled{opacity:.6;cursor:not-allowed;background:#ffffff14;border-color:#ffffff1a;color:var(--text-muted);box-shadow:none}.spinner{display:inline-block;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rebalance-status-alert{margin-top:24px;padding:20px;border-radius:16px;animation:fadeIn .4s ease-out}.rebalance-status-alert.success{background:#10b9810d;border:1px solid rgba(16,185,129,.2)}.rebalance-status-alert.error{background:#ef44440d;border:1px solid rgba(239,68,68,.2)}.status-msg{font-weight:700;font-size:1rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.rebalance-status-alert.success .status-msg{color:#34d399}.rebalance-status-alert.error .status-msg{color:#fca5a5}.rebalance-results-log{margin-top:16px}.rebalance-results-log h4{font-size:.85rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.logs-container{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.log-line{font-size:.85rem;display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.02)}.log-line:last-child{border-bottom:none}.log-species{color:#cbd5e1}.log-sizes{color:var(--text-muted)}.backup-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.backup-card{background:#0f172a73;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;box-shadow:0 4px 30px #0003;display:flex;flex-direction:column}.backup-card h4{margin:0 0 8px;font-size:1.25rem;color:#f8fafc;display:flex;align-items:center;gap:8px}.card-desc{font-size:.85rem;color:var(--text-muted);margin:0 0 20px}.backup-form-group{margin-bottom:20px;display:flex;flex-direction:column}.backup-form-group label{font-size:.85rem;font-weight:700;color:#cbd5e1;margin-bottom:8px}.backup-form-divider{border-top:1px solid rgba(255,255,255,.08);margin:16px 0 20px}.scope-selector{display:flex;gap:8px}.scope-tab{flex:1;padding:10px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;background:transparent;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);transition:all .25s ease}.scope-tab.active{background:#8b5cf626;border-color:#8b5cf673;color:#c084fc;box-shadow:0 0 12px #8b5cf626}.scope-tab:hover:not(.active){background:#ffffff08;border-color:#ffffff26;color:#fff}.admin-select{background:#0f172a;border:1px solid rgba(255,255,255,.08);color:#f8fafc;padding:10px;border-radius:8px;outline:none;font-size:.9rem;cursor:pointer;transition:all .2s ease}.admin-select:focus{border-color:#8b5cf680;box-shadow:0 0 10px #8b5cf626}.admin-file-input{display:block;width:100%;padding:12px;border-radius:8px;border:2px dashed rgba(139,92,246,.25);background:#090d1666;color:#cbd5e1;cursor:pointer;outline:none;transition:all .2s ease}.admin-file-input:hover{border-color:#8b5cf680;background:#8b5cf60d}.admin-action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:1px solid rgba(239,68,68,.4)!important;color:#fff!important;box-shadow:0 4px 20px #ef444433}.admin-action-btn.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ef444466;border-color:#ef444499}.admin-action-btn.secondary{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#cbd5e1}.admin-action-btn.secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#fff;transform:translateY(-2px)}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000!important;animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.confirm-modal-content.warning{width:480px;background:#090d16;border:2px solid #ef4444;border-radius:16px;padding:28px;box-shadow:0 0 40px #ef44444d;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.confirm-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.confirm-header h4{margin:0;font-size:1.3rem;color:#ef4444;font-weight:800;letter-spacing:.5px}.warn-icon{font-size:2.25rem}.confirm-body{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin-bottom:28px}.danger-text{color:#fca5a5;font-weight:700;padding:12px;background:#ef444414;border-radius:8px;border-left:4px solid #ef4444;margin:12px 0}.warning-text{color:#cbd5e1;margin-bottom:12px}.confirm-footer{display:flex;justify-content:flex-end;gap:14px}.confirm-btn{padding:12px 24px;font-size:.95rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .2s ease}.confirm-btn.cancel{background:transparent;border:1px solid rgba(255,255,255,.08);color:#cbd5e1}.confirm-btn.cancel:hover{background:#ffffff0a;color:#fff;border-color:#ffffff26}.confirm-btn.proceed-danger{background:#ef4444;border:none;color:#fff;box-shadow:0 4px 16px #ef444466}.confirm-btn.proceed-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 20px #ef444480}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.admin-modal{width:80vw!important;max-width:600px!important;height:85vh!important;max-height:85vh!important;border-radius:20px!important}.admin-stats-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.admin-stat-card{padding:12px!important;gap:4px!important;border-radius:10px!important}.admin-stat-card .label{font-size:.62rem!important}.admin-stat-card .value{font-size:1.25rem!important}.sys-info{grid-template-columns:1fr!important;gap:6px!important}.info-row{font-size:.72rem!important;padding:4px 0!important}.admin-users-list,.asset-list-view{overflow-x:auto!important;scrollbar-width:thin!important}.admin-table th,.admin-table td{padding:8px 10px!important;font-size:.75rem!important}.admin-table th{font-size:.68rem!important}.admin-table td.mono{font-size:.7rem!important}.asset-form{padding:14px!important;border-radius:12px!important}.form-header{margin-bottom:12px!important}.form-header h3{font-size:1rem!important}.form-grid{grid-template-columns:1fr!important;gap:10px!important}.form-group label{font-size:.72rem!important}.form-group input,.form-group select{padding:8px!important;font-size:.78rem!important}.image-input-row{gap:6px!important}.image-preview-mini{width:36px!important;height:36px!important;font-size:1.1rem!important}.btn-upload,.btn-download{width:32px!important;height:32px!important;border-radius:8px!important;font-size:.9rem!important}.bg-removal-controls{gap:2px!important}.btn-bg-tool{padding:4px 6px!important;font-size:.65rem!important}.ai-generator-box{padding:10px!important;border-radius:10px!important}.ai-controls-row{flex-direction:column!important;gap:6px!important}.ai-controls-row input{width:100%!important}.btn-ai-gen{width:100%!important;padding:8px!important}.metadata-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;gap:8px!important}.meta-field{padding:8px!important;border-radius:8px!important}.meta-field span{font-size:.65rem!important}.meta-field input[type=text],.meta-field input[type=number],.meta-field select{padding:6px!important;font-size:.72rem!important}.admin-description{font-size:.75rem!important;margin-bottom:12px!important}.admin-action-btn{padding:8px 16px!important;font-size:.78rem!important}.logs-container{height:150px!important}.log-line{font-size:.72rem!important}.backup-split-grid{grid-template-columns:1fr!important;gap:12px!important}.backup-card{padding:12px!important}.backup-card h4{font-size:.95rem!important}.card-desc{font-size:.7rem!important;margin-bottom:12px!important}.backup-form-group{margin-bottom:12px!important}.backup-form-group label{font-size:.72rem!important}.scope-selector{gap:4px!important}.scope-tab{padding:6px 8px!important;font-size:.72rem!important}.admin-select,.admin-file-input{padding:8px!important;font-size:.75rem!important}.confirm-modal-content.warning{width:90vw!important;max-width:340px!important;padding:16px!important}.confirm-header h4{font-size:1rem!important}.warn-icon{font-size:1.5rem!important}.confirm-body{font-size:.75rem!important;margin-bottom:16px!important}.danger-text{padding:6px!important;font-size:.72rem!important}.confirm-footer{gap:8px!important}.confirm-btn{padding:8px 16px!important;font-size:.78rem!important}}@media (max-width: 1024px) and (orientation: landscape){.admin-modal{width:80vw!important;max-width:800px!important;height:95vh!important;max-height:95vh!important;border-radius:16px!important}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.admin-stat-card{padding:10px!important;gap:4px!important;border-radius:8px!important}.admin-stat-card .label{font-size:.6rem!important}.admin-stat-card .value{font-size:1.1rem!important}.sys-info{grid-template-columns:1fr!important;gap:4px!important}.info-row{font-size:.68rem!important;padding:3px 0!important}.admin-users-list,.asset-list-view{overflow-x:auto!important;scrollbar-width:thin!important}.admin-table th,.admin-table td{padding:6px 8px!important;font-size:.7rem!important}.admin-table th,.admin-table td.mono{font-size:.65rem!important}.asset-form{padding:10px!important;border-radius:10px!important}.form-header{margin-bottom:8px!important}.form-header h3{font-size:.88rem!important}.form-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.form-group label{font-size:.68rem!important}.form-group input,.form-group select{padding:6px!important;font-size:.72rem!important;border-radius:6px!important}.image-input-row{gap:4px!important}.image-preview-mini{width:30px!important;height:30px!important;font-size:.95rem!important;border-radius:6px!important}.btn-upload,.btn-download{width:26px!important;height:26px!important;border-radius:6px!important;font-size:.78rem!important}.bg-removal-controls{gap:2px!important}.btn-bg-tool{padding:3px 5px!important;font-size:.6rem!important}.ai-generator-box{padding:8px!important;border-radius:8px!important;margin-top:6px!important}.ai-controls-row{flex-direction:column!important;gap:4px!important}.ai-controls-row input{width:100%!important}.btn-ai-gen{width:100%!important;padding:6px!important;font-size:.75rem!important}.metadata-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:6px!important}.meta-field{padding:6px!important;border-radius:6px!important}.meta-field span{font-size:.6rem!important}.meta-field input[type=text],.meta-field input[type=number],.meta-field select{padding:4px!important;font-size:.68rem!important;border-radius:6px!important}.admin-description{font-size:.7rem!important;margin-bottom:8px!important}.admin-action-btn{padding:6px 12px!important;font-size:.72rem!important;border-radius:8px!important}.logs-container{height:120px!important}.log-line{font-size:.65rem!important}.backup-split-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.backup-card{padding:10px!important;border-radius:10px!important}.backup-card h4{font-size:.88rem!important}.card-desc{font-size:.65rem!important;margin-bottom:8px!important}.backup-form-group{margin-bottom:8px!important}.backup-form-group label{font-size:.68rem!important}.scope-selector{gap:4px!important}.scope-tab{padding:5px 6px!important;font-size:.68rem!important}.admin-select,.admin-file-input{padding:6px!important;font-size:.72rem!important}.confirm-modal-content.warning{width:90vw!important;max-width:300px!important;padding:12px!important}.confirm-header h4{font-size:.95rem!important}.warn-icon{font-size:1.3rem!important}.confirm-body{font-size:.7rem!important;margin-bottom:12px!important}.danger-text{padding:5px!important;font-size:.68rem!important}.confirm-footer{gap:6px!important}.confirm-btn{padding:6px 12px!important;font-size:.72rem!important}}.community-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:5500;display:flex;align-items:center;justify-content:center;padding:24px}.community-modal{width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;border-radius:28px;background:#0a1228bf;border:1px solid rgba(56,189,248,.18);box-shadow:0 40px 80px #0009,0 0 60px #38bdf80d;overflow:hidden}.community-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px 0;flex-shrink:0}.community-title{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,var(--primary) 60%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.community-subtitle{font-size:.85rem;color:var(--text-muted)}.community-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:38px;height:38px;border-radius:50%;font-size:1rem;color:var(--text-muted);padding:0;flex-shrink:0;transition:all .2s}.community-close-btn:hover{background:#ef444426;border-color:#ef444466;color:#fca5a5;transform:scale(1.05)}.community-tabs{display:flex;gap:6px;padding:20px 32px 0;flex-shrink:0}.community-tab-btn{background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:600;color:var(--text-muted);transition:all .2s}.community-tab-btn:hover{background:#ffffff0f;color:var(--text-main);transform:none}.community-tab-btn.active{background:#38bdf81f;border-color:#38bdf84d;color:var(--primary);box-shadow:0 0 15px #38bdf81a}.community-content{flex:1;overflow-y:auto;padding:20px 32px 28px;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.3) transparent}.community-error{margin:0 32px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#fca5a5;font-size:.85rem;flex-shrink:0}.community-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-muted);font-size:1rem}.loading-fish{font-size:2.5rem;animation:swim 1.5s ease-in-out infinite alternate}@keyframes swim{0%{transform:translate(-20px) scaleX(1)}to{transform:translate(20px) scaleX(-1)}}.community-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-muted);text-align:center}.empty-icon{font-size:3rem;opacity:.6}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.browse-controls{display:flex;gap:14px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.browse-search-form{display:flex;gap:8px;flex:1;min-width:200px}.browse-search-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px;color:#fff;font-size:.9rem;font-family:inherit;outline:none;transition:all .2s}.browse-search-input:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px #38bdf826}.browse-search-btn{width:44px;height:44px;padding:0;border-radius:12px;background:var(--primary);border:none;font-size:1rem;color:#fff}.browse-sort-pills{display:flex;gap:8px}.sort-pill{padding:8px 16px;border-radius:20px;font-size:.82rem;font-weight:600;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);transition:all .2s}.sort-pill:hover{background:#ffffff14;color:var(--text-main);transform:none}.sort-pill.active{background:#38bdf81f;border-color:#38bdf859;color:var(--primary)}.browse-total{font-size:.78rem;color:var(--text-muted);margin-bottom:14px}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:20px}.tank-card{position:relative;padding:18px;border-radius:18px;background:#0f172a80;border:1px solid rgba(56,189,248,.1);transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px}.tank-card:hover{transform:translateY(-4px);border-color:#38bdf84d;box-shadow:0 20px 40px #0006,0 0 25px #38bdf814}.tank-card.rank-1{border-color:#fbbf2466;background:#0f172a99}.tank-card.rank-1:hover{border-color:#fbbf24b3;box-shadow:0 20px 40px #0006,0 0 30px #fbbf241f}.tank-card.rank-2{border-color:#94a3b859}.tank-card.rank-3{border-color:#b4783c59}.rank-badge{position:absolute;top:-10px;right:14px;font-size:1.5rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.tank-card-header{display:flex;justify-content:space-between;align-items:center}.tank-card-owner{display:flex;align-items:center;gap:8px}.owner-avatar{font-size:1.1rem}.owner-name{font-size:.78rem;font-weight:700;color:var(--primary);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tank-water-badge{font-size:1.1rem;opacity:.7}.tank-card-name{font-size:1rem;font-weight:700;color:var(--text-main);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tank-card-stats{display:flex;gap:12px;flex-wrap:wrap}.tank-stat{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-muted);background:#ffffff0a;padding:4px 9px;border-radius:20px;border:1px solid rgba(255,255,255,.06)}.tank-card-rating{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.rating-display{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-muted)}.rating-value{font-size:1rem;font-weight:800;color:#fbbf24}.rating-star{color:#fbbf24;font-size:.9rem}.rating-count{font-size:.72rem}.star-rating{display:flex;gap:3px}.star-rating.own-tank{opacity:.3;cursor:not-allowed}.star-rating.own-tank button{pointer-events:none}.own-badge{background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:var(--primary);font-size:.7rem;padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;vertical-align:middle}.star-btn{background:transparent;border:none;box-shadow:none;padding:2px;font-size:1.2rem;color:#ffffff26;transition:all .15s;border-radius:4px;line-height:1;width:auto;height:auto}.star-btn:hover:not(:disabled){transform:scale(1.25);background:transparent;border-color:transparent;box-shadow:none}.star-btn.active{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.star-btn.voted{color:#f59e0b}.my-tanks-tab{display:flex;flex-direction:column;gap:16px}.my-tanks-header h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.my-tanks-header p{font-size:.83rem;color:var(--text-muted)}.my-tanks-list{display:flex;flex-direction:column;gap:10px}.my-tank-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:14px;transition:all .2s}.my-tank-row.is-public{background:#38bdf80f;border-color:#38bdf833}.my-tank-info{display:flex;align-items:center;gap:12px}.my-tank-icon{font-size:1.4rem}.my-tank-name{font-size:.95rem;font-weight:700;margin-bottom:2px}.my-tank-status{font-size:.77rem}.status-public{color:var(--primary)}.status-private{color:var(--text-muted)}.toggle-switch{position:relative;width:50px;height:28px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:20px;border:1px solid rgba(255,255,255,.12);transition:all .25s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:all .25s;box-shadow:0 2px 6px #0000004d}.toggle-switch input:checked+.toggle-slider{background:#38bdf84d;border-color:#38bdf880;box-shadow:0 0 12px #38bdf84d}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background:var(--primary)}.browse-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:16px}.page-btn{padding:8px 20px;border-radius:10px;font-size:.85rem}.page-info{font-size:.82rem;color:var(--text-muted)}.btn-visit-sanctuary{width:100%;padding:10px 16px;background:#38bdf814;border:1px solid rgba(56,189,248,.22);border-radius:12px;color:var(--primary);font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;font-family:inherit;margin-top:4px}.btn-visit-sanctuary:hover{background:#38bdf833;border-color:#38bdf873;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #38bdf838}.btn-visit-sanctuary:active{transform:translateY(0)}@media (max-width: 768px){.community-overlay{padding:10px!important}.community-modal{width:80vw!important;max-width:600px!important;height:85vh!important;max-height:85vh!important;border-radius:20px!important}.community-header{padding:16px 18px 0!important}.community-title{font-size:1.35rem!important}.community-subtitle{font-size:.72rem!important}.community-close-btn{width:32px!important;height:32px!important;font-size:.9rem!important}.community-tabs{padding:10px 18px 0!important;gap:4px!important}.community-tab-btn{padding:8px 14px!important;font-size:.78rem!important;border-radius:8px!important}.community-content{padding:12px 18px 18px!important}.community-error{margin:0 18px!important;padding:8px 14px!important;font-size:.78rem!important}.community-loading{padding:40px 16px!important;font-size:.88rem!important;gap:10px!important}.loading-fish{font-size:2rem!important}.community-empty{padding:40px 16px!important;gap:10px!important;font-size:.88rem!important}.empty-icon{font-size:2.5rem!important}.browse-controls{gap:10px!important;margin-bottom:12px!important;flex-direction:column!important;align-items:stretch!important}.browse-search-form{gap:6px!important}.browse-search-input{padding:8px 12px!important;font-size:.82rem!important;border-radius:10px!important}.browse-search-btn{width:36px!important;height:36px!important;border-radius:10px!important;font-size:.9rem!important}.browse-sort-pills{gap:6px!important}.sort-pill{padding:6px 12px!important;font-size:.72rem!important;border-radius:16px!important}.browse-total{font-size:.72rem!important;margin-bottom:10px!important}.browse-grid{grid-template-columns:1fr!important;gap:12px!important}.leaderboard-list{gap:10px!important}.tank-card{padding:12px!important;gap:10px!important;border-radius:14px!important}.rank-badge{top:-8px!important;right:12px!important;font-size:1.25rem!important}.owner-name{font-size:.75rem!important}.tank-card-name{font-size:.9rem!important}.tank-stat{font-size:.72rem!important;padding:3px 8px!important}.rating-display{font-size:.78rem!important}.rating-value{font-size:.9rem!important}.star-btn{font-size:1.05rem!important;padding:1px!important}.btn-visit-sanctuary{padding:8px 14px!important;font-size:.82rem!important}.my-tanks-tab{gap:12px!important}.my-tanks-header h3{font-size:.95rem!important}.my-tanks-header p{font-size:.75rem!important}.my-tanks-list{gap:8px!important}.my-tank-row{padding:10px 14px!important;border-radius:12px!important}.my-tank-name{font-size:.88rem!important}.my-tank-status{font-size:.72rem!important}.toggle-switch{width:44px!important;height:24px!important}.toggle-slider:before{width:18px!important;height:18px!important;left:2px!important;top:2px!important}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)!important}.browse-pagination{gap:12px!important;padding-top:12px!important}.page-btn{padding:6px 16px!important;font-size:.78rem!important}.page-info{font-size:.75rem!important}}@media (max-width: 1024px) and (orientation: landscape){.community-overlay{padding:10px!important}.community-modal{width:40vw!important;max-width:450px!important;height:95vh!important;max-height:95vh!important;border-radius:12px!important}.community-header{padding:12px 16px 0!important}.community-title{font-size:1.15rem!important;margin-bottom:2px!important}.community-subtitle{font-size:.65rem!important}.community-close-btn{width:26px!important;height:26px!important;font-size:.85rem!important}.community-tabs{padding:10px 16px 0!important;gap:4px!important}.community-tab-btn{padding:6px 12px!important;font-size:.72rem!important;border-radius:6px!important}.community-content{padding:10px 16px 16px!important}.community-error{margin:0 16px!important;padding:6px 12px!important;font-size:.72rem!important}.community-loading{padding:30px 10px!important;font-size:.82rem!important;gap:8px!important}.loading-fish{font-size:1.8rem!important}.community-empty{padding:30px 10px!important;gap:8px!important;font-size:.82rem!important}.empty-icon{font-size:2rem!important}.browse-controls{gap:8px!important;margin-bottom:10px!important;flex-direction:column!important;align-items:stretch!important}.browse-search-form{gap:4px!important;min-width:0!important}.browse-search-input{padding:6px 10px!important;font-size:.75rem!important;border-radius:8px!important}.browse-search-btn{width:32px!important;height:32px!important;border-radius:8px!important;font-size:.85rem!important}.browse-sort-pills{gap:4px!important}.sort-pill{padding:4px 10px!important;font-size:.65rem!important;border-radius:12px!important}.browse-total{font-size:.65rem!important;margin-bottom:8px!important}.browse-grid{grid-template-columns:1fr!important;gap:8px!important}.leaderboard-list{gap:8px!important}.tank-card{padding:10px!important;gap:8px!important;border-radius:12px!important}.rank-badge{top:-8px!important;right:10px!important;font-size:1.1rem!important}.owner-avatar{font-size:.95rem!important}.owner-name{font-size:.72rem!important;max-width:110px!important}.tank-water-badge{font-size:.95rem!important}.tank-card-name{font-size:.85rem!important}.tank-card-stats{gap:6px!important}.tank-stat{font-size:.65rem!important;padding:2px 6px!important;border-radius:12px!important}.tank-card-rating{margin-top:auto!important;padding-top:6px!important;gap:4px!important}.rating-display{font-size:.75rem!important;gap:3px!important}.rating-value{font-size:.85rem!important}.rating-star{font-size:.8rem!important}.rating-count{font-size:.65rem!important}.star-btn{font-size:.95rem!important;padding:1px!important}.btn-visit-sanctuary{padding:6px 10px!important;font-size:.75rem!important;border-radius:8px!important;margin-top:2px!important}.my-tanks-tab{gap:10px!important}.my-tanks-header h3{font-size:.88rem!important}.my-tanks-header p{font-size:.68rem!important}.my-tanks-list{gap:6px!important}.my-tank-row{padding:8px 12px!important;border-radius:10px!important;gap:8px!important}.my-tank-icon{font-size:1.1rem!important}.my-tank-name{font-size:.78rem!important}.my-tank-status{font-size:.65rem!important}.toggle-switch{width:36px!important;height:20px!important}.toggle-slider:before{width:14px!important;height:14px!important;left:2px!important;top:2px!important}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)!important}.browse-pagination{gap:10px!important;padding-top:10px!important}.page-btn{padding:4px 12px!important;font-size:.72rem!important;border-radius:6px!important}.page-info{font-size:.7rem!important}}.inventory-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#02061799;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4000;display:flex;align-items:center;justify-content:center;padding:40px;pointer-events:auto}.inventory-modal{width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;padding:32px}.inventory-scroll-area{flex:1;overflow-y:auto;margin:24px 0;padding-right:8px}.empty-inventory{text-align:center;padding:60px 0}.empty-inventory p{font-size:1.25rem;color:var(--text-muted)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.inventory-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:16px;display:flex;align-items:center;gap:16px;position:relative;transition:transform .2s}.inventory-card:hover{transform:translateY(-2px);background:#ffffff0a}.item-preview{width:64px;height:64px;background:#0003;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.item-preview img{width:80%;height:80%;object-fit:contain}.item-info{flex:1}.item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.item-name{font-weight:800;font-size:1rem}.item-type-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;padding:2px 6px;background:#ffffff0d;border-radius:4px;color:var(--text-muted)}.item-stats{display:flex;gap:12px}.item-stats .stat{display:flex;flex-direction:column}.item-stats .label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.item-stats .value{font-size:.85rem;font-weight:700}.delete-item-btn{width:38px;height:38px;padding:0;border-radius:10px;opacity:.75;transition:all .2s cubic-bezier(.4,0,.2,1);background:#ef444426!important;border:1px solid rgba(239,68,68,.25)!important;display:flex;align-items:center;justify-content:center;cursor:pointer}.inventory-card:hover .delete-item-btn{opacity:1}.delete-item-btn:hover{background:var(--danger)!important;border-color:var(--danger)!important;transform:scale(1.05);opacity:1}.inventory-tabs{display:flex;gap:6px;background:#0f172a73;border:1px solid rgba(255,255,255,.06);padding:6px;border-radius:16px;margin:4px auto 16px;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inventory-tabs button{background:transparent!important;border:1px solid transparent!important;padding:8px 16px;border-radius:12px;color:var(--text-muted);font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;align-items:center;gap:6px}.inventory-tabs button:hover{color:#fff;background:#ffffff0a!important}.inventory-tabs button.active{color:#fff;background:#ffffff1a!important;border-color:#ffffff14!important;box-shadow:0 4px 12px #00000026}.footer-meta{font-size:.85rem;color:var(--text-muted);font-weight:600}.card-confirm-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#dc2626e6,#0f172af2);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:20px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;animation:cardConfirmFadeIn .22s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(239,68,68,.35)}@keyframes cardConfirmFadeIn{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-text{font-size:.9rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);text-align:center;letter-spacing:.5px}.confirm-actions{display:flex;gap:8px;width:100%;justify-content:center;align-items:center}.confirm-yes-btn{background:var(--danger)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;padding:6px 14px!important;font-size:.8rem!important;font-weight:800!important;border-radius:10px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;gap:4px!important;box-shadow:0 4px 12px #ef444459!important}.confirm-yes-btn:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 6px 16px #ef44448c!important;filter:brightness(1.08)}.confirm-no-btn{background:#ffffff14!important;color:var(--text-muted)!important;border:1px solid rgba(255,255,255,.05)!important;width:30px!important;height:30px!important;padding:0!important;font-size:.8rem!important;font-weight:800!important;border-radius:10px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important}.confirm-no-btn:hover{background:#ffffff2e!important;color:#fff!important;transform:scale(1.05)}@media (max-width: 768px){.inventory-modal-overlay{padding:4px}.inventory-modal{width:98vw;height:95vh;max-height:95vh;padding:12px;border-radius:12px}.inventory-grid{grid-template-columns:1fr;gap:8px}.inventory-tabs{flex-wrap:wrap;justify-content:center;width:100%;padding:3px;border-radius:12px;margin:4px auto 10px}.inventory-tabs button{padding:4px 8px;font-size:.7rem;flex:1 1 calc(33% - 10px);justify-content:center;border-radius:6px}.inventory-card{padding:8px;gap:8px;border-radius:12px}.item-preview{width:44px;height:44px;font-size:1.3rem;border-radius:8px}.item-name{font-size:.82rem}.item-stats{gap:4px}.item-stats .label{font-size:.55rem}.item-stats .value{font-size:.7rem}.delete-item-btn{width:28px;height:28px;border-radius:6px;opacity:1;font-size:.8rem}.card-confirm-overlay{padding:8px}}@media (max-width: 1024px) and (orientation: landscape){.inventory-modal{width:35vw!important;max-width:380px!important;height:95vh!important;max-height:95vh!important;padding:10px!important;border-radius:12px!important}.inventory-grid{grid-template-columns:1fr!important;gap:6px!important}.inventory-tabs{margin:4px auto 8px!important;padding:2px!important}.inventory-tabs button{padding:3px 6px!important;font-size:.65rem!important}.inventory-card{padding:6px!important;gap:6px!important}.item-preview{width:38px!important;height:38px!important;font-size:1.1rem!important}.item-name{font-size:.78rem!important}.item-stats .label{font-size:.5rem!important}.item-stats .value{font-size:.65rem!important}.delete-item-btn{width:24px!important;height:24px!important;font-size:.7rem!important}}.notification-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:4000;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:100%;max-width:400px;padding:0 20px}.notification-item{background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--primary);border-radius:12px;padding:12px 16px;box-shadow:0 10px 25px #0000004d;animation:notificationSlideIn .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;transition:all .3s ease}.notification-item.type-success{border-left-color:var(--success)}.notification-item.type-success .notification-progress{background:var(--success)}.notification-item.type-error{border-left-color:var(--danger)}.notification-item.type-error .notification-progress{background:var(--danger)}.notification-item.type-info{border-left-color:#3b82f6}.notification-item.type-info .notification-progress{background:#3b82f6}.notification-item.type-tutorial{border:1px solid rgba(0,240,255,.2);border-left:4px solid #00f0ff;background:#0a1928e6;box-shadow:0 10px 30px #00f0ff26;animation:notificationSlideIn .4s cubic-bezier(.175,.885,.32,1.275),tutorialPulse 2s infinite alternate}.notification-item.type-tutorial .notification-progress{background:#00f0ff}.notification-item.type-tutorial .notification-text{color:#e2f8ff;text-shadow:0 0 4px rgba(0,240,255,.3)}.notification-item.type-achievement{border:1px solid rgba(251,191,36,.3);border-left:5px solid #fbbf24;background:linear-gradient(135deg,#1c1608f2,#0f172af2);box-shadow:0 15px 35px #fbbf2440,0 0 15px #fbbf241a;animation:achievementUnlock .5s cubic-bezier(.34,1.56,.64,1)}.notification-item.type-achievement .notification-progress{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.notification-item.type-achievement .notification-text{color:#fffbeb;font-weight:700;text-shadow:0 0 8px rgba(251,191,36,.4)}.notification-item.type-achievement .notification-icon{animation:trophySpin .8s cubic-bezier(.34,1.56,.64,1);display:inline-block}@keyframes tutorialPulse{0%{box-shadow:0 10px 30px #00f0ff26}to{box-shadow:0 10px 30px #00f0ff59}}@keyframes achievementUnlock{0%{opacity:0;transform:translateY(-30px) scale(.8) rotate(-2deg);filter:brightness(2)}70%{transform:translateY(2px) scale(1.05) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes trophySpin{0%{transform:scale(.3) rotate(-180deg)}60%{transform:scale(1.3) rotate(20deg)}to{transform:scale(1) rotate(0)}}.notification-content{display:flex;align-items:center;gap:12px}.notification-icon{font-size:1.2rem}.notification-text{color:#fff;font-size:.9rem;font-weight:500;line-height:1.4}.notification-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--primary);width:100%;animation:notificationProgress 6s linear forwards}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationProgress{0%{width:100%}to{width:0%}}@media (max-width: 768px){.notification-container{top:60px;max-width:90%}.notification-text{font-size:.8rem}}.loading-screen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% 50%,#0c152d,#020617);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;overflow:hidden;color:var(--text-main);font-family:Outfit,sans-serif;transition:opacity .5s ease-in-out}.bubble-particle{position:absolute;bottom:-60px;background:radial-gradient(circle at 35% 35%,#ffffff26,#38bdf80d 70%,#38bdf833);border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none;animation:floatBubble 12s linear infinite;box-shadow:inset 0 0 10px #ffffff1a,0 0 15px #38bdf80d}@keyframes floatBubble{0%{transform:translateY(0) scale(.8) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-115vh) scale(1.2) rotate(360deg);opacity:0}}.loading-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;text-align:center;padding:40px;max-width:450px;width:90%}.loading-halo-outer{position:relative;width:140px;height:140px;margin-bottom:32px;display:flex;align-items:center;justify-content:center}.loading-halo-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.2) 0%,transparent 70%);animation:pulseGlow 3s ease-in-out infinite}.loading-ring{position:absolute;width:100px;height:100px;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);border-bottom-color:#38bdf826;border-left-color:var(--primary);border-right-color:#38bdf826;animation:spinRing 1.8s cubic-bezier(.53,.21,.29,.83) infinite}.loading-ring-inner{position:absolute;width:76px;height:76px;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent);border-left-color:#f472b61a;border-bottom-color:var(--accent);border-right-color:#f472b61a;animation:spinRing 2.4s cubic-bezier(.53,.21,.29,.83) infinite reverse}.loading-center-avatar{font-size:2.2rem;z-index:2;animation:bobAvatar 3s ease-in-out infinite}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.95}}@keyframes bobAvatar{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.05)}}.loading-status-text{font-size:1.4rem;font-weight:800;letter-spacing:.5px;color:var(--text-main);margin-bottom:8px;text-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease}.loading-micro-sub{font-size:.85rem;font-weight:500;color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;transition:all .3s ease}.loading-dots-container{display:flex;gap:6px;margin-top:16px}.loading-dot{width:8px;height:8px;border-radius:50%;background-color:var(--primary);opacity:.3;animation:pulseDot 1.4s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulseDot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.25);background-color:var(--primary-hover)}}.loading-error-card{background:#0f172aa6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(239,68,68,.25);box-shadow:0 20px 50px #0009,inset 0 0 15px #ef44440d;border-radius:24px;padding:36px 24px;display:flex;flex-direction:column;align-items:center;animation:shakeError .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shakeError{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.error-badge{width:60px;height:60px;border-radius:50%;background:#ef444426;border:1px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:20px;box-shadow:0 0 20px #ef444426}.loading-error-title{font-size:1.25rem;font-weight:800;color:#fca5a5;margin-bottom:12px}.loading-error-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:24px}.loading-reconnect-btn{background:var(--danger);border:1px solid var(--danger);color:#fff;padding:12px 28px;font-size:.95rem;font-weight:700;border-radius:14px;box-shadow:0 8px 24px #ef44444d;width:100%}.loading-reconnect-btn:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover);transform:translateY(-2px);box-shadow:0 12px 30px #ef444480}.loading-timeout-notice{margin-top:24px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fcd34d;font-size:.85rem;font-weight:600;padding:10px 18px;border-radius:12px;animation:fadeIn .4s ease-out;max-width:320px}.tutorial-card-floating{position:fixed;bottom:24px;right:24px;width:300px;background:#0a172ae6;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(0,240,255,.25);border-radius:18px;box-shadow:0 15px 40px #00000080,0 0 20px #00f0ff1f;z-index:5500;display:flex;flex-direction:column;padding:14px;animation:slideInFromRight .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.tutorial-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px;margin-bottom:10px}.avatar-section{display:flex;align-items:center;gap:8px}.avatar-mascot{font-size:1.8rem;animation:floatMascot 4s ease-in-out infinite;display:inline-block;-webkit-user-select:none;user-select:none}@keyframes floatMascot{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(3deg)}}.mascot-name{font-size:.85rem;font-weight:800;color:var(--text-main);line-height:1.1;margin:0}.mascot-title{font-size:.65rem;font-weight:700;color:#00f0ff;text-transform:uppercase;letter-spacing:.5px}.btn-skip-tut{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:3px 8px;font-size:.7rem;font-weight:700;color:var(--text-muted);transition:all .2s ease;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.btn-skip-tut:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5;transform:translateY(0)}.btn-minimize-tut{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;box-shadow:none!important}.btn-minimize-tut:hover{background:#00f0ff1a;border-color:#00f0ff4d;color:#00f0ff;transform:translateY(-1px)}.tutorial-body{display:flex;flex-direction:column;gap:10px}.step-title{font-size:.95rem;font-weight:800;color:var(--text-main);margin:0}.step-text{font-size:.8rem;line-height:1.45;color:#cbd5e1;margin:0}.tutorial-checklist{display:flex;flex-direction:column;gap:6px;margin-top:4px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:8px}.checklist-item{display:flex;align-items:flex-start;gap:6px;font-size:.76rem;line-height:1.4;color:var(--text-muted);transition:color .3s ease}.checklist-item.done{color:#a7f3d0;text-shadow:0 0 8px rgba(52,211,153,.1)}.checklist-item .checkbox{font-size:.8rem;line-height:1;margin-top:1px}.checklist-item .text{font-weight:500}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;margin-top:12px}.progress-dots{display:flex;gap:5px;align-items:center}.progress-dots .dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;transition:all .3s ease}.progress-dots .dot.active{background:#00f0ff;width:12px;border-radius:4px;box-shadow:0 0 8px #00f0ff99}.progress-dots .dot.completed{background:var(--success);box-shadow:0 0 5px #10b98166}.btn-tutorial-action{font-size:.75rem;font-weight:800;padding:6px 12px;border-radius:10px;border-color:#00f0ff;background:#00f0ff;color:#020617;box-shadow:0 4px 12px #00f0ff66}.btn-tutorial-action:hover:not(:disabled){background:#5df8ff;border-color:#5df8ff;box-shadow:0 6px 16px #00f0ff99}.btn-tutorial-action.pulse{animation:subtlePulseAction 2s infinite ease-in-out}@keyframes subtlePulseAction{0%,to{box-shadow:0 4px 10px #00f0ff4d}50%{box-shadow:0 4px 16px #00f0ff99;transform:translateY(-1px)}}.shortcut-controls .tutorial-shortcut-btn{background:#00f0ff1f!important;border-color:#00f0ff59!important;box-shadow:0 8px 32px #0006,0 0 10px #00f0ff26!important;position:relative;order:-1}.shortcut-controls .tutorial-shortcut-btn:hover{background:#00f0ff40!important;border-color:#00f0ff!important;box-shadow:0 0 20px #00f0ff80!important;transform:scale(1.1) rotate(-5deg)!important}.tut-notification-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;background:var(--success);border-radius:50%;border:2px solid #0f172a;animation:tutDotPulse 1.5s infinite ease-in-out}@keyframes tutDotPulse{0%,to{transform:scale(1);box-shadow:0 0 #10b98199}50%{transform:scale(1.2);box-shadow:0 0 8px 2px #10b9814d}}.tutorial-shortcut-btn-fallback{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:#00f0ff26;border:1px solid rgba(0,240,255,.35);box-shadow:0 8px 32px #0006,0 0 10px #00f0ff26;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;z-index:5500;transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}.tutorial-shortcut-btn-fallback:hover{transform:scale(1.1) rotate(-5deg);background:#00f0ff40;border-color:#00f0ff;box-shadow:0 0 20px #00f0ff80}@media (max-width: 768px){.tutorial-card-floating{bottom:80px;left:50%;right:auto;transform:translate(-50%);width:94%;max-width:290px;padding:8px;border-radius:12px;box-shadow:0 10px 30px #00000080,0 0 12px #00f0ff1a;animation:slideInFromBottom .4s cubic-bezier(.175,.885,.32,1.275)}.tutorial-header{padding-bottom:4px;margin-bottom:6px}.avatar-mascot{font-size:1.2rem}.mascot-name{font-size:.72rem}.mascot-title{font-size:.55rem}.btn-skip-tut{padding:1px 4px;font-size:.6rem}.btn-minimize-tut{width:16px;height:16px;font-size:.5rem}.step-title{font-size:.78rem}.step-text{font-size:.68rem;line-height:1.35}.tutorial-checklist{padding:4px;gap:3px;margin-top:2px}.checklist-item{font-size:.65rem;gap:3px}.tutorial-footer{padding-top:6px;margin-top:8px}.btn-tutorial-action{font-size:.65rem;padding:4px 8px;border-radius:6px}@keyframes slideInFromBottom{0%{opacity:0;transform:translate(-50%,50px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.shortcut-controls .tutorial-shortcut-btn{width:36px!important;height:36px!important;font-size:1rem!important}.shortcut-controls .tutorial-shortcut-btn span{font-size:1rem!important}}.tutorial-welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#02061780;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:5900;display:flex;justify-content:center;padding:20px;pointer-events:auto;overflow-y:auto}.tutorial-welcome-modal{width:100%;max-width:480px;background:#0a172ad9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(0,240,255,.25);border-radius:28px;padding:30px;box-shadow:0 30px 60px #0009,0 0 30px #00f0ff33;animation:welcomeZoomIn .5s cubic-bezier(.175,.885,.32,1.275);margin:auto}@keyframes welcomeZoomIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-mascot-row{display:flex;align-items:center;gap:20px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.welcome-mascot{font-size:3.5rem;animation:floatMascot 4s ease-in-out infinite;display:inline-block}.welcome-title-group h2{font-size:1.6rem;font-weight:800;color:var(--text-main);margin:0;letter-spacing:-.5px}.welcome-subtitle{font-size:.75rem;font-weight:800;color:#00f0ff;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:4px}.welcome-body{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.welcome-body p{font-size:.92rem;line-height:1.6;color:#cbd5e1;margin:0}.welcome-reward-badge{display:flex;align-items:center;gap:10px;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:16px;padding:12px 18px;color:#fffbeb;font-weight:700;font-size:.88rem;box-shadow:0 4px 15px #fbbf240d}.welcome-reward-badge .icon{font-size:1.3rem;animation:trophySpin 2s infinite alternate}.welcome-actions{display:flex;gap:16px}.btn-start-tut{flex:2;font-size:.95rem;font-weight:800;padding:14px 24px;border-radius:16px;border-color:#00f0ff;background:#00f0ff;color:#020617;box-shadow:0 10px 25px #00f0ff59;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-start-tut:hover{background:#5df8ff;border-color:#5df8ff;box-shadow:0 12px 30px #00f0ff80}.btn-skip-tut-modal{flex:1;font-size:.92rem;font-weight:700;padding:14px 20px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-skip-tut-modal:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}@media (max-width: 540px){.tutorial-welcome-overlay{padding:10px}.tutorial-welcome-modal{padding:16px;border-radius:16px}.welcome-mascot-row{gap:8px;margin-bottom:12px;padding-bottom:8px}.welcome-mascot{font-size:2rem}.welcome-title-group h2{font-size:1.1rem}.welcome-body{gap:8px;margin-bottom:14px}.welcome-body p{font-size:.78rem;line-height:1.4}.welcome-reward-badge{padding:8px 12px;font-size:.75rem;border-radius:12px}.welcome-reward-badge .icon{font-size:1rem}.welcome-actions{flex-direction:column;gap:8px}.btn-start-tut,.btn-skip-tut-modal{width:100%;padding:10px 14px;font-size:.8rem;border-radius:12px}}@media (max-height: 600px){.tutorial-welcome-overlay{padding:8px}.tutorial-welcome-modal{padding:12px 16px;border-radius:14px}.welcome-mascot-row{margin-bottom:8px;padding-bottom:6px;gap:8px}.welcome-mascot{font-size:1.8rem}.welcome-title-group h2{font-size:1.05rem}.welcome-body{gap:6px;margin-bottom:10px}.welcome-body p{font-size:.75rem;line-height:1.35}.welcome-reward-badge{padding:6px 10px;border-radius:10px;font-size:.72rem}.welcome-reward-badge .icon{font-size:.9rem}.welcome-actions{gap:6px}.btn-start-tut,.btn-skip-tut-modal{padding:8px 12px;border-radius:10px;font-size:.75rem}}@media (max-width: 1024px) and (orientation: landscape){.tutorial-card-floating{width:35vw!important;max-width:310px!important;bottom:12px!important;right:12px!important;left:auto!important;transform:none!important;padding:6px!important;border-radius:10px!important}.tutorial-header{padding-bottom:2px!important;margin-bottom:4px!important}.avatar-mascot{font-size:1rem!important}.mascot-name{font-size:.65rem!important}.mascot-title{font-size:.5rem!important}.btn-skip-tut{padding:1px 3px!important;font-size:.55rem!important}.step-title{font-size:.72rem!important}.step-text{font-size:.62rem!important;line-height:1.3!important}.tutorial-checklist{padding:3px!important;gap:2px!important}.checklist-item{font-size:.6rem!important}.tutorial-footer{padding-top:4px!important;margin-top:6px!important}.btn-tutorial-action{font-size:.6rem!important;padding:3px 6px!important}.tutorial-welcome-modal{width:35vw!important;max-width:380px!important;padding:12px!important;border-radius:12px!important}.welcome-mascot-row{margin-bottom:8px!important;padding-bottom:6px!important;gap:8px!important}.welcome-mascot{font-size:1.6rem!important}.welcome-title-group h2{font-size:.95rem!important}.welcome-body{gap:6px!important;margin-bottom:10px!important}.welcome-body p{font-size:.72rem!important;line-height:1.3!important}.welcome-reward-badge{padding:6px 10px!important;font-size:.7rem!important}.btn-start-tut,.btn-skip-tut-modal{padding:8px 10px!important;font-size:.72rem!important}}