@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-void: #0a0a12;--bg-deep: #0e0e1a;--bg-panel: #121220;--bg-panel-alt: #16162a;--bg-surface: #1a1a30;--bg-header: #1e1e38;--bg-input: #0c0c18;--bg-hover: #1e1e3a;--bg-active: #262648;--bg-button: #2a2a50;--bg-button-hover: #363668;--border-color: #2a2a48;--border-subtle: #1e1e35;--border-glow: #6644cc;--accent: #b46eff;--accent-hover: #cc8eff;--accent-dim: #7744bb;--accent-glow: rgba(180, 110, 255, .15);--accent-glow-strong: rgba(180, 110, 255, .3);--fire: #ff6a35;--fire-dim: #cc4422;--fire-glow: rgba(255, 106, 53, .2);--fire-bg: rgba(255, 106, 53, .08);--water: #3da8ff;--water-dim: #2278cc;--water-glow: rgba(61, 168, 255, .2);--water-bg: rgba(61, 168, 255, .08);--air: #c8e0ff;--air-dim: #8899bb;--air-glow: rgba(200, 224, 255, .2);--air-bg: rgba(200, 224, 255, .08);--earth: #44cc66;--earth-dim: #228844;--earth-glow: rgba(68, 204, 102, .2);--earth-bg: rgba(68, 204, 102, .08);--gold-color: #ffd044;--gold-dim: #cc9922;--gold-glow: rgba(255, 208, 68, .2);--teal: #44ddc4;--teal-dim: #2aa88c;--teal-glow: rgba(68, 221, 196, .15);--text-primary: #dddaf0;--text-secondary: #9090b8;--text-dim: #606085;--text-bright: #f0eeff;--success: #44dd88;--warning: #ffcc44;--error: #ff4466;--frame-gold: #ffd700;--frame-silver: #c0c0c0;--frame-bronze: #cd7f32;--frame-red: #ff4444;--frame-blue: #4488ff;--frame-purple: #aa44ff;--frame-green: #44ff88;--frame-rainbow: linear-gradient(135deg, #ff0000, #ff8800, #ffff00, #00ff00, #0088ff, #8800ff);--frame-fire: linear-gradient(135deg, #ff4400, #ff8800, #ffcc00);--radius: 6px;--radius-lg: 12px;--radius-xl: 16px;--transition: .15s ease;--nav-width: 220px;--chat-width: 300px;--topbar-height: 56px;--font-display: "Cinzel", serif;--font-body: "Crimson Text", serif;--font-mono: "JetBrains Mono", monospace}html,body{height:100%;width:100%;overflow:hidden;font-family:var(--font-body);font-size:15px;line-height:1.45;color:var(--text-primary);background:var(--bg-void)}#app{height:100%;width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--accent-glow),inset 0 0 15px #0000004d}50%{box-shadow:0 0 25px var(--accent-glow-strong),inset 0 0 15px #0000004d}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes runeGlow{0%,to{opacity:.04}50%{opacity:.12}}@keyframes barPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes activeNavGlow{0%,to{box-shadow:inset 3px 0 8px #b46eff14}50%{box-shadow:inset 3px 0 18px #b46eff33}}@keyframes vialGlint{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:.6;transform:translate(100%)}}@keyframes goldCoinShine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes cornerGlow{0%,to{opacity:.15}50%{opacity:.4}}@keyframes loreReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-screen{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-void);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(180,110,255,.08) 0%,transparent 70%);pointer-events:none}.login-screen:after{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,rgba(255,106,53,.04) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(61,168,255,.04) 0%,transparent 50%);pointer-events:none;animation:runeGlow 8s ease-in-out infinite}.login-container{width:380px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:relative;animation:fadeIn .5s ease}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--fire),var(--accent),var(--water),var(--accent),var(--fire));background-size:200% 100%;animation:shimmer 6s linear infinite}.login-header{padding:32px 28px 8px;text-align:center}.login-header h1{font-family:var(--font-display);font-size:26px;font-weight:900;background:linear-gradient(135deg,var(--fire),var(--accent),var(--water));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:6px;text-transform:uppercase;margin-bottom:4px}.login-header p{color:var(--text-dim);font-size:13px;font-style:italic;letter-spacing:3px;text-transform:lowercase}.login-tabs{display:flex;margin:12px 28px 0;border-radius:var(--radius);overflow:hidden;background:var(--bg-input);border:1px solid var(--border-color)}.login-tab{flex:1;padding:8px;text-align:center;cursor:pointer;color:var(--text-dim);background:transparent;border:none;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:var(--transition)}.login-tab:hover{color:var(--text-primary)}.login-tab.active{color:var(--text-bright);background:var(--accent-dim)}.login-form{padding:20px 28px 28px}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:4px;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px}.form-group input{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:15px;transition:var(--transition);outline:none}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.form-group input::placeholder{color:var(--text-dim);font-style:italic;font-size:13px}.login-btn{width:100%;padding:11px;background:var(--accent-dim);color:var(--text-bright);border:1px solid var(--accent);border-radius:var(--radius);font-family:var(--font-display);font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:3px;margin-top:4px}.login-btn:hover{background:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-error{color:var(--error);font-size:12px;margin-bottom:10px;padding:6px 10px;background:#ff446614;border-radius:var(--radius);border:1px solid rgba(255,68,102,.2);display:none;font-family:var(--font-mono)}.login-error.visible{display:block}.game-screen{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-void)}.game-main{display:flex;flex:1;min-height:0;position:relative}.game-topbar{height:var(--topbar-height);min-height:var(--topbar-height);border-bottom:1px solid rgba(180,110,255,.08);background:linear-gradient(180deg,var(--bg-deep),var(--bg-void));position:relative;z-index:10;box-shadow:0 2px 20px #0000004d}.currency-bar{display:flex;align-items:center;height:100%;padding:0 12px;gap:4px}.currency-bar-loading{color:var(--text-dim);font-size:12px;font-family:var(--font-mono);padding:0 12px;display:flex;align-items:center;height:100%}.currency-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-lg);transition:all .2s ease;cursor:default;background:#ffffff05;border:1px solid transparent;position:relative}.currency-item:hover{background:var(--bg-hover);border-color:#ffffff0f;transform:translateY(-1px)}.currency-item.gold{background:linear-gradient(135deg,rgba(255,208,68,.06),transparent);border-color:#ffd0441a}.currency-item.gold .currency-icon{background:radial-gradient(circle,rgba(255,208,68,.15),transparent);border-radius:50%;width:26px;height:26px}.currency-icon{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.currency-info{display:flex;flex-direction:column;gap:1px;min-width:55px}.currency-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-bright);line-height:1}.currency-max{font-size:10px;color:var(--text-dim);font-weight:400}.currency-label{font-family:var(--font-mono);font-size:9px;color:var(--gold-color);text-transform:uppercase;letter-spacing:1px;line-height:1}.currency-separator{width:1px;height:24px;background:var(--border-color);margin:0 6px}.mana-bar-track{width:100%;height:8px;background:var(--bg-input);border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.04);position:relative}.mana-bar-fill{height:100%;border-radius:4px;transition:width .8s ease;position:relative}.mana-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent);border-radius:4px 4px 0 0}.mana-bar-fire{background:var(--fire);box-shadow:0 0 4px var(--fire-glow)}.mana-bar-water{background:var(--water);box-shadow:0 0 4px var(--water-glow)}.mana-bar-air{background:var(--air);box-shadow:0 0 4px var(--air-glow)}.mana-bar-earth{background:var(--earth);box-shadow:0 0 4px var(--earth-glow)}.currency-item.gold .currency-value{color:var(--gold-color);text-shadow:0 0 8px var(--gold-glow)}.currency-item.mana-fire .currency-value{color:var(--fire)}.currency-item.mana-water .currency-value{color:var(--water)}.currency-item.mana-air .currency-value{color:var(--air)}.currency-item.mana-earth .currency-value{color:var(--earth)}.currency-item.mana-fire{border-color:#ff6a3514}.currency-item.mana-water{border-color:#3da8ff14}.currency-item.mana-air{border-color:#c8e0ff0f}.currency-item.mana-earth{border-color:#44cc6614}.left-nav{width:var(--nav-width);min-width:var(--nav-width);background:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.nav-brand{padding:18px 14px 6px;border-bottom:none;text-align:center;position:relative}.nav-brand h1{font-family:var(--font-display);font-size:15px;font-weight:900;background:linear-gradient(135deg,var(--fire),var(--accent),var(--water));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;text-transform:uppercase}.nav-brand .brand-sub{font-size:9px;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;margin-top:2px;font-family:var(--font-mono)}.brand-ornament{display:block;margin-top:10px;font-size:10px;color:var(--accent-dim);letter-spacing:6px;opacity:.35;font-family:var(--font-body)}.nav-user{padding:14px;border-bottom:1px solid rgba(180,110,255,.06);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(180,110,255,.04),transparent)}.nav-user-avatar{font-size:22px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:2px solid var(--accent-dim);background:linear-gradient(135deg,var(--bg-input),var(--bg-panel));box-shadow:0 0 12px #b46eff1a;flex-shrink:0}.nav-user-name{font-family:var(--font-display);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.5px;flex:1}.nav-user-role{font-family:var(--font-mono);font-size:9px;color:var(--accent-dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:1px}.nav-user-logout{margin-left:auto;background:none;border:1px solid transparent;color:var(--text-dim);cursor:pointer;font-size:11px;padding:3px 6px;border-radius:var(--radius);transition:var(--transition);font-family:var(--font-mono)}.nav-user-logout:hover{color:var(--error);border-color:#ff44664d;background:#ff446614}.nav-sections{flex:1;overflow-y:auto;padding:6px 0}.nav-header{display:flex;align-items:center;padding:10px 16px;cursor:pointer;color:var(--accent-dim);font-family:var(--font-display);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:3px;-webkit-user-select:none;user-select:none;transition:all .15s ease;margin-top:4px}.nav-header:hover{color:var(--accent)}.nav-header .arrow{margin-right:6px;font-size:8px;transition:transform .2s ease;color:var(--accent-dim);opacity:.6}.nav-header.collapsed .arrow{transform:rotate(-90deg)}.nav-header-line{flex:1;height:1px;background:linear-gradient(90deg,var(--accent-dim),transparent);margin-left:8px;opacity:.2}.nav-items{overflow:hidden;transition:max-height .2s ease;max-height:500px}.nav-items.collapsed{max-height:0}.nav-item{display:flex;align-items:center;padding:8px 14px 8px 20px;cursor:pointer;color:var(--text-secondary);font-size:13px;font-family:var(--font-body);transition:all .15s ease;border-left:2px solid transparent;border-radius:0 var(--radius) var(--radius) 0;margin-right:8px;gap:10px;position:relative}.nav-item:hover{color:var(--text-bright);background:linear-gradient(90deg,rgba(180,110,255,.06),transparent)}.nav-item.active{color:var(--accent);background:linear-gradient(90deg,#b46eff1f,#b46eff05);border-left-color:var(--accent);box-shadow:inset 3px 0 12px #b46eff1a;animation:activeNavGlow 3s ease-in-out infinite}.nav-item .nav-icon{font-size:14px;width:20px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .15s}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.nav-header[data-header=Arcana]{color:var(--accent)}.nav-section-admin .nav-header,.nav-item.admin-item{color:var(--fire)}.nav-item.admin-item.active{color:var(--fire);background:linear-gradient(90deg,rgba(255,106,53,.12),transparent);border-left-color:var(--fire);box-shadow:inset 3px 0 12px #ff6a351a}.nav-item.admin-item:hover{color:var(--fire);background:linear-gradient(90deg,rgba(255,106,53,.06),transparent)}.content-area{flex:1;background:var(--bg-void);overflow-y:auto;padding:24px 28px;min-width:0;position:relative;box-shadow:inset 0 0 80px #0003}.content-area:before{content:"";position:fixed;top:var(--topbar-height);left:var(--nav-width);right:var(--chat-width);bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(180,110,255,.03) 0%,transparent 60%),radial-gradient(ellipse at 0% 100%,rgba(255,106,53,.02) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(61,168,255,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.content-area:after{content:"";position:fixed;top:calc(var(--topbar-height) + 10px);left:calc(var(--nav-width) + 10px);right:calc(var(--chat-width) + 10px);bottom:10px;border:1px solid rgba(180,110,255,.03);border-radius:var(--radius-xl);pointer-events:none;z-index:0;box-shadow:inset 0 0 60px #00000026}.content-area>*{position:relative;z-index:1}.content-area h2{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:16px;color:var(--text-bright);letter-spacing:2px}.content-area h3{font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:10px;color:var(--text-primary);letter-spacing:1px}.tab-header{margin-bottom:28px;position:relative;padding-bottom:16px}.tab-header:after{content:"";position:absolute;bottom:0;left:0;width:120px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:1px}.tab-header h2{font-size:24px;font-weight:700;letter-spacing:3px;margin-bottom:6px}.tab-subtitle{color:var(--text-secondary);font-size:14px;font-style:italic}.chat-panel{width:var(--chat-width);min-width:var(--chat-width);background:var(--bg-panel);border-left:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .2s ease,min-width .2s ease,opacity .2s ease;position:relative}.chat-panel.collapsed{width:0;min-width:0;overflow:hidden;opacity:0;border-left:none}.chat-toggle-btn{position:absolute;right:var(--chat-width);top:8px;z-index:5;display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-panel);border:1px solid var(--border-color);border-right:none;border-radius:var(--radius) 0 0 var(--radius);cursor:pointer;transition:var(--transition);color:var(--text-dim);font-size:12px}.chat-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-toggle-icon{font-size:14px}.chat-toggle-count{font-family:var(--font-mono);font-size:10px;color:var(--success)}.chat-header{padding:10px 14px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-deep)}.chat-header h3{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--teal);text-transform:uppercase;letter-spacing:2px}.chat-online{font-size:11px;color:var(--success);display:flex;align-items:center;gap:4px;font-family:var(--font-mono)}.chat-online:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--success);display:inline-block;box-shadow:0 0 4px var(--success)}.chat-messages{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:1px}.chat-msg{padding:2px 0;font-size:13px;line-height:1.4;word-wrap:break-word}.chat-msg-system{color:var(--text-dim);font-style:italic;font-size:11px;padding:2px 6px;border-left:2px solid var(--border-color);margin:1px 0}.chat-msg-avatar{font-size:12px;margin-right:2px}.chat-msg-name{font-family:var(--font-mono);font-weight:600;font-size:11px;margin-right:4px;cursor:pointer}.chat-msg-name:hover{text-decoration:underline;filter:brightness(1.2)}.chat-msg-time{color:var(--text-dim);font-size:9px;margin-right:4px;font-family:var(--font-mono)}.chat-msg-content{color:var(--text-primary);font-size:13px}.chat-input-area{padding:8px 10px;border-top:1px solid var(--border-color);background:var(--bg-deep)}.chat-input-wrapper{display:flex;gap:6px}.chat-input{flex:1;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;transition:var(--transition)}.chat-input:focus{border-color:var(--teal-dim);box-shadow:0 0 0 1px var(--teal-glow)}.chat-input::placeholder{color:var(--text-dim);font-style:italic;font-size:12px}.chat-send-btn{padding:8px 12px;background:var(--teal-dim);color:var(--text-bright);border:1px solid var(--teal);border-radius:var(--radius);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:var(--transition);font-size:10px;letter-spacing:1px;text-transform:uppercase}.chat-send-btn:hover{background:var(--teal);box-shadow:0 0 8px var(--teal-glow)}.chat-resize-handle{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:20;background:transparent;transition:background .2s}.chat-resize-handle:hover,.chat-resize-handle:active{background:var(--accent);opacity:.4}.chat-tabs{display:flex;gap:2px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none}.chat-tabs::-webkit-scrollbar{display:none}.chat-tab{padding:4px 10px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative}.chat-tab:hover{color:var(--text-primary);background:#ffffff08}.chat-tab.active{color:var(--teal);border-bottom-color:var(--teal)}.chat-tab.dm-tab{display:flex;align-items:center;gap:4px}.chat-tab-close{font-size:12px;line-height:1;opacity:.4;cursor:pointer;padding:0 2px}.chat-tab-close:hover{opacity:1;color:var(--error, #ff4444)}.chat-context-menu{position:fixed;z-index:10000;min-width:180px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;padding:4px;animation:ctxMenuIn .12s ease-out}@keyframes ctxMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx-menu-header{padding:6px 10px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-subtle);margin-bottom:2px}.ctx-menu-item{display:block;width:100%;padding:7px 10px;background:none;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:12px;text-align:left;cursor:pointer;border-radius:var(--radius);transition:background .15s}.ctx-menu-item:hover{background:var(--bg-hover)}.ctx-menu-danger{color:var(--error, #ff4444)}.ctx-menu-danger:hover{background:#ff44441a}.ctx-menu-divider{height:1px;background:var(--border-subtle);margin:3px 6px}.report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#0009;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-dialog{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;width:360px;max-width:90vw;box-shadow:0 12px 48px #0009}.report-dialog h3{font-family:var(--font-display);color:var(--text-bright);margin:0 0 16px;font-size:16px}.report-label{display:block;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;margin-top:12px}.report-select{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none}.report-textarea{width:100%;min-height:80px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;resize:vertical}.report-textarea:focus,.report-select:focus{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-glow)}.report-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.report-cancel-btn{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:var(--transition)}.report-cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.report-submit-btn{padding:8px 16px;background:var(--error, #ff4444);border:1px solid transparent;border-radius:var(--radius);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.report-submit-btn:hover{opacity:.9;box-shadow:0 0 12px #ff44444d}.tab-section{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px;position:relative}.tab-section h3{font-family:var(--font-display);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.stat-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-subtle);font-size:13px}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);font-size:12px}.friend-item{display:flex;align-items:center;padding:8px 10px;background:var(--bg-surface);border-radius:var(--radius);margin-bottom:6px;gap:8px;border:1px solid var(--border-subtle);transition:var(--transition)}.friend-item:hover{border-color:var(--border-color)}.friend-avatar{font-size:18px}.friend-name{flex:1;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.5px}.friend-status{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono)}.friend-status.accepted{color:var(--success)}.friend-status.pending{color:var(--warning)}.friend-actions{display:flex;gap:4px}.btn-small{padding:3px 8px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.5px;border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:var(--bg-button);color:var(--text-primary);text-transform:uppercase}.btn-small:hover{background:var(--bg-button-hover)}.btn-small.accept{border-color:var(--success);color:var(--success)}.btn-small.accept:hover{background:#44dd881a}.btn-small.danger{border-color:var(--error);color:var(--error)}.btn-small.danger:hover{background:#ff44661a}.btn-small.primary{border-color:var(--accent);color:var(--accent)}.btn-small.primary:hover{background:var(--accent-glow)}.customize-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;margin-top:10px}.customize-option{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;font-size:22px;transition:var(--transition)}.customize-option:hover{border-color:var(--accent);background:var(--bg-hover);transform:scale(1.05)}.customize-option.selected{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 8px var(--accent-glow)}.color-option{width:40px;height:40px;border-radius:var(--radius);border:2px solid var(--border-color);cursor:pointer;transition:var(--transition)}.color-option:hover{transform:scale(1.08);border-color:var(--text-secondary)}.color-option.selected{border-color:var(--text-bright);box-shadow:0 0 8px #ffffff26}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;margin-top:10px}.frame-preview{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:var(--transition);background:var(--bg-surface)}.frame-preview:hover{transform:scale(1.08)}.frame-preview.selected{box-shadow:0 0 8px #ffffff26}.frame-preview.frame-none{border:1px solid var(--border-color)}.frame-preview.frame-gold{border:2px solid var(--frame-gold);box-shadow:0 0 6px #ffd70026}.frame-preview.frame-silver{border:2px solid var(--frame-silver)}.frame-preview.frame-bronze{border:2px solid var(--frame-bronze)}.frame-preview.frame-red{border:2px solid var(--frame-red)}.frame-preview.frame-blue{border:2px solid var(--frame-blue)}.frame-preview.frame-purple{border:2px solid var(--frame-purple)}.frame-preview.frame-green{border:2px solid var(--frame-green)}.frame-preview.frame-rainbow{border:2px solid transparent;background-image:var(--frame-rainbow);background-clip:padding-box}.frame-preview.frame-fire{border:2px solid transparent;background-image:var(--frame-fire);background-clip:padding-box}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin-top:10px}.frame-label{font-family:var(--font-mono);font-size:9px;text-align:center;margin-top:3px;color:var(--text-dim);text-transform:capitalize;letter-spacing:.5px}.avatar-with-frame{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius)}.pm-container{display:flex;flex-direction:column;gap:6px}.pm-message{padding:6px 10px;background:var(--bg-surface);border-radius:var(--radius);font-size:13px;border-left:2px solid var(--accent-dim)}.pm-message .pm-sender{font-family:var(--font-mono);font-weight:600;font-size:11px;margin-right:4px}.pm-message .pm-time{color:var(--text-dim);font-size:10px;font-family:var(--font-mono)}.pm-input-area{display:flex;gap:6px;margin-top:10px}.pm-input-area input{flex:1;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none}.pm-input-area input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.inline-form{display:flex;gap:6px;margin-bottom:14px}.inline-form input{flex:1;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none}.inline-form input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.form-feedback{font-size:12px;margin-top:4px;padding:3px 6px;font-family:var(--font-mono)}.form-feedback.error{color:var(--error)}.form-feedback.success{color:var(--success)}.faq-item{margin-bottom:12px}.faq-question{font-family:var(--font-display);font-weight:600;color:var(--accent);margin-bottom:3px;font-size:13px}.faq-answer{color:var(--text-secondary);font-size:13px;padding-left:10px;border-left:2px solid var(--border-color);font-style:italic}.empty-state{text-align:center;padding:40px 20px;color:var(--text-dim)}.empty-state .empty-icon{font-size:40px;margin-bottom:10px;opacity:.4}.empty-state p{font-size:13px;font-style:italic}.arcane-divider{text-align:center;color:var(--border-color);font-size:10px;letter-spacing:6px;padding:6px 0}.admin-panel h2{color:var(--fire)}.admin-stats{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.admin-stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px 16px;flex:1;min-width:100px;text-align:center}.admin-stat-card .stat-number{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--accent);display:block}.admin-stat-card .stat-label{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;font-family:var(--font-mono);margin-top:2px}.admin-user-table{width:100%;border-collapse:collapse;font-size:12px}.admin-user-table th{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:8px 6px;text-align:left;border-bottom:1px solid var(--border-color);background:var(--bg-deep);position:sticky;top:0}.admin-user-table td{padding:6px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.admin-user-table tr:hover td{background:var(--bg-hover)}.admin-user-table .role-badge{display:inline-block;padding:1px 6px;border-radius:var(--radius);font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.owner{background:var(--fire-bg);color:var(--fire);border:1px solid var(--fire-dim)}.role-badge.admin{background:var(--accent-glow);color:var(--accent);border:1px solid var(--accent-dim)}.role-badge.user{background:var(--teal-glow);color:var(--teal);border:1px solid var(--teal-dim)}.admin-search{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;transition:var(--transition);margin-bottom:14px}.admin-search:focus{border-color:var(--fire-dim);box-shadow:0 0 0 1px var(--fire-glow)}.admin-search::placeholder{color:var(--text-dim);font-style:italic}.admin-nav-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:0}.admin-nav-tab{padding:8px 16px;background:none;border:1px solid transparent;border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;transition:var(--transition)}.admin-nav-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.admin-nav-tab.active{color:var(--fire);background:var(--bg-surface);border-color:var(--border-color);border-bottom-color:var(--bg-surface);margin-bottom:-1px}.admin-action-message{padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:12px;font-size:13px;color:var(--text-primary);animation:fadeIn .3s ease}.admin-player-select{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.admin-player-select label{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.admin-select{padding:6px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;min-width:200px}.admin-select:focus{border-color:var(--fire-dim)}.admin-input{padding:6px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;width:120px}.admin-input:focus{border-color:var(--fire-dim)}.admin-player-state{animation:fadeIn .3s ease}.admin-player-header{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:16px}.admin-player-avatar{font-size:28px}.admin-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px;margin-bottom:12px}.admin-section h3{color:var(--accent);font-size:14px;margin-bottom:10px;font-family:var(--font-display)}.admin-section h4{color:var(--text-secondary);font-size:12px;margin:12px 0 8px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.admin-resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.admin-resource-card{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:10px;text-align:center}.admin-resource-label{display:block;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono);margin-bottom:4px}.admin-resource-value{display:block;font-size:18px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.admin-resource-sub{display:block;font-size:10px;color:var(--text-dim);margin-top:2px}.admin-modify-section{border-top:1px solid var(--border-subtle);margin-top:12px;padding-top:4px}.admin-modify-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.admin-skill-card{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:8px;text-align:center}.admin-skill-name{display:block;font-size:11px;color:var(--text-secondary);font-family:var(--font-display);margin-bottom:2px}.admin-skill-xp{display:block;font-size:14px;font-weight:600;color:var(--accent);font-family:var(--font-mono)}.admin-devices-list{display:flex;flex-direction:column;gap:4px}.admin-device-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius);font-size:12px}.admin-device-row.rarity-uncommon{border-left:3px solid #4ade80}.admin-device-row.rarity-rare{border-left:3px solid #60a5fa}.admin-device-row.rarity-epic{border-left:3px solid #c084fc}.admin-device-rarity{font-size:14px}.admin-device-name{font-weight:600;color:var(--text-primary);font-family:var(--font-display);min-width:100px}.admin-device-info{color:var(--text-dim);font-size:10px;text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.5px}.admin-device-mods{flex:1;color:var(--text-secondary);font-size:11px}.admin-delete-device{margin-left:auto}.admin-danger-zone{border-color:var(--fire-dim)}.admin-danger-zone h3{color:var(--fire)}.admin-reports{display:flex;flex-direction:column;gap:16px}.admin-report-filters{display:flex;gap:6px;flex-wrap:wrap}.admin-reports-list{display:flex;flex-direction:column;gap:12px}.admin-report-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px;transition:border-color .2s}.admin-report-card.status-open{border-left:3px solid var(--fire, #ff6a35)}.admin-report-card.status-reviewed{border-left:3px solid var(--water, #3da8ff)}.admin-report-card.status-actioned{border-left:3px solid var(--success, #44cc66)}.admin-report-card.status-dismissed{border-left:3px solid var(--text-dim);opacity:.7}.admin-report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.report-status-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:4px;text-transform:uppercase}.report-status-badge.open{background:#ff6a3526;color:var(--fire, #ff6a35)}.report-status-badge.reviewed{background:#3da8ff26;color:var(--water, #3da8ff)}.report-status-badge.actioned{background:#44cc6626;color:var(--success, #44cc66)}.report-status-badge.dismissed{background:#80808026;color:var(--text-dim)}.report-time{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.admin-report-body{display:flex;flex-direction:column;gap:6px}.report-field{display:flex;gap:8px;font-size:13px;line-height:1.4}.report-field-label{color:var(--text-dim);font-family:var(--font-mono);font-size:11px;min-width:80px;flex-shrink:0}.report-message-content{color:var(--text-secondary);font-style:italic;background:var(--bg-input);padding:4px 8px;border-radius:var(--radius);font-size:12px}.admin-report-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.admin-report-notes{width:100%;min-height:50px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:12px;outline:none;resize:vertical;margin-bottom:8px}.admin-report-notes:focus{border-color:var(--accent-dim)}.admin-report-btns{display:flex;gap:6px;flex-wrap:wrap}.skills-overview{animation:fadeIn .3s ease}.skills-header{margin-bottom:20px}.skills-header h2{background:linear-gradient(135deg,var(--fire),var(--accent),var(--water));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.skills-subtitle{color:var(--text-dim);font-size:13px;font-style:italic}.element-summary{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.element-chip{padding:6px 12px;border-radius:var(--radius);font-family:var(--font-mono);font-size:11px;font-weight:600;border:1px solid var(--border-color);background:var(--bg-panel)}.element-chip.fire{color:var(--fire);border-color:var(--fire-dim);background:var(--fire-bg)}.element-chip.water{color:var(--water);border-color:var(--water-dim);background:var(--water-bg)}.element-chip.air{color:var(--air);border-color:var(--air-dim);background:var(--air-bg)}.element-chip.earth{color:var(--earth);border-color:var(--earth-dim);background:var(--earth-bg)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.skill-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;transition:var(--transition);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);opacity:0;transition:opacity .2s}.skill-card:hover{border-color:var(--accent-dim);transform:translateY(-1px)}.skill-card:hover:before{opacity:1}.skill-card.coming-soon{opacity:.7}.skill-card.coming-soon:hover{opacity:.9}.skill-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.skill-card-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius)}.skill-card-title h3{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-bright);letter-spacing:1px;margin-bottom:0;padding-bottom:0;border-bottom:none}.skill-card-subtitle{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px}.skill-card-elements{display:flex;align-items:center;gap:6px;margin-bottom:8px}.skill-element{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);padding:2px 8px;background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border-subtle)}.skill-element-join{color:var(--text-dim);font-size:12px}.skill-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.skill-card-badge{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:8px;font-weight:600;color:var(--text-dim);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:2px 6px;text-transform:uppercase;letter-spacing:1px}.skill-card-badge.available-badge{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-glow)}.skill-card.clickable{cursor:pointer}.skill-card.clickable:hover{border-color:var(--accent);transform:translateY(-2px)}.molten-tab{padding:20px}.tab-header{margin-bottom:24px}.tab-header h2{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-bright);margin-bottom:6px;letter-spacing:3px}.tab-subtitle{color:var(--text-secondary);font-size:14px}.molten-layout{display:grid;grid-template-columns:auto 280px;gap:24px;align-items:start}.molten-grid-section{display:flex;flex-direction:column;align-items:center;gap:16px}.molten-grid{display:grid;gap:4px;max-width:420px;width:100%}.grid-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-panel);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.grid-cell:hover{border-color:var(--accent-dim);background:var(--bg-hover);transform:scale(1.05)}.grid-cell.selected{border-color:var(--accent);background:var(--accent-glow-strong);box-shadow:0 0 12px var(--accent-glow);transform:scale(1.08)}.grid-cell.adjacent-hint{border-color:var(--accent-dim);background:var(--accent-glow)}.grid-cell.grid-fire{border-color:var(--fire-dim);background:var(--fire-bg)}.grid-cell.grid-water{border-color:var(--water-dim);background:var(--water-bg)}.grid-cell.grid-air{border-color:#c8e0ff26;background:#c8e0ff0d}.grid-cell.grid-earth{border-color:var(--earth-dim);background:var(--earth-bg)}.grid-cell.selected.grid-fire{box-shadow:0 0 12px var(--fire-glow)}.grid-cell.selected.grid-water{box-shadow:0 0 12px var(--water-glow)}.grid-cell.selected.grid-air{box-shadow:0 0 12px #c8e0ff4d}.grid-cell.selected.grid-earth{box-shadow:0 0 12px var(--earth-glow)}.molten-actions{display:flex;align-items:center;gap:16px}.molten-fusions{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.molten-bonuses-section{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px}.molten-bonuses-section h3{font-family:var(--font-display);font-size:16px;color:var(--text-primary);margin-bottom:12px}.no-bonuses{color:var(--text-dim);font-size:13px;font-style:italic;padding:12px 0}.bonus-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.bonus-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:var(--radius);font-size:13px;font-family:var(--font-mono)}.bonus-item.fire{background:var(--fire-bg);color:var(--fire)}.bonus-item.water{background:var(--water-bg);color:var(--water)}.bonus-item.air{background:#c8e0ff14;color:#c8e0ff}.bonus-item.earth{background:var(--earth-bg);color:var(--earth)}.bonus-timer{color:var(--text-dim);font-size:11px}.molten-regen-summary{border-top:1px solid var(--border-subtle);padding-top:12px;margin-top:12px}.molten-regen-summary h4{font-family:var(--font-display);font-size:13px;color:var(--text-secondary);margin-bottom:8px}.regen-bonus-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-dim)}.regen-bonus-row.active{color:var(--text-primary)}.bonus-value{font-family:var(--font-mono);color:var(--accent)}.regen-bonus-row:not(.active) .bonus-value{color:var(--text-dim)}.molten-help{border-top:1px solid var(--border-subtle);padding-top:12px;margin-top:12px}.molten-help h4{font-family:var(--font-display);font-size:13px;color:var(--text-secondary);margin-bottom:8px}.molten-help ul{list-style:none;padding:0}.molten-help li{color:var(--text-dim);font-size:12px;padding:3px 0 3px 12px;position:relative}.molten-help li:before{content:"•";position:absolute;left:0;color:var(--accent-dim)}.potions-tab{padding:20px}.potions-mana-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.mana-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-family:var(--font-mono);font-size:14px;font-weight:600}.mana-chip.fire{background:var(--fire-bg);color:var(--fire);border:1px solid var(--fire-dim)}.mana-chip.water{background:var(--water-bg);color:var(--water);border:1px solid var(--water-dim)}.mana-chip.air{background:#c8e0ff14;color:#c8e0ff;border:1px solid rgba(200,224,255,.2)}.mana-chip.earth{background:var(--earth-bg);color:var(--earth);border:1px solid var(--earth-dim)}.potions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.potion-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.potion-card:hover{border-color:var(--accent-dim)}.potion-card.disabled{opacity:.5}.potion-card-header{display:flex;gap:12px;align-items:flex-start}.potion-icon{font-size:28px}.potion-title h3{font-family:var(--font-display);font-size:16px;color:var(--text-primary)}.potion-desc{color:var(--text-dim);font-size:12px;line-height:1.4}.potion-formula{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:var(--bg-deep);border-radius:var(--radius)}.potion-inputs{display:flex;align-items:center;gap:6px}.formula-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius);font-family:var(--font-mono);font-size:13px;font-weight:600}.formula-chip.input{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}.formula-chip.input.insufficient{color:var(--error);border-color:var(--error)}.formula-chip.input.fire{border-color:var(--fire-dim)}.formula-chip.input.water{border-color:var(--water-dim)}.formula-chip.input.air{border-color:#c8e0ff33}.formula-chip.input.earth{border-color:var(--earth-dim)}.formula-chip.output{background:var(--accent-glow);border:1px solid var(--accent-dim);color:var(--accent)}.formula-chip.output.fire{background:var(--fire-bg);border-color:var(--fire-dim);color:var(--fire)}.formula-chip.output.water{background:var(--water-bg);border-color:var(--water-dim);color:var(--water)}.formula-chip.output.air{background:#c8e0ff14;border-color:#c8e0ff33;color:#c8e0ff}.formula-chip.output.earth{background:var(--earth-bg);border-color:var(--earth-dim);color:var(--earth)}.formula-plus,.formula-arrow{color:var(--text-dim);font-size:16px;font-weight:600}.formula-arrow{color:var(--accent)}.btn-brew{align-self:flex-end;padding:8px 20px;background:var(--accent-dim);color:var(--text-primary);border:1px solid var(--accent);border-radius:var(--radius);font-family:var(--font-display);font-size:14px;cursor:pointer;transition:all .15s}.btn-brew:hover:not(.btn-disabled){background:var(--accent);color:var(--bg-void)}.btn-brew.btn-disabled{opacity:.4;cursor:not-allowed}.disassembly-tab{padding:20px}.disassembly-gold-display{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:var(--radius);margin-bottom:20px}.gold-icon{font-size:24px;color:var(--gold-color)}.gold-amount{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--gold-color)}.disassembly-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.conversion-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.conversion-card:hover{border-color:var(--accent-dim)}.conversion-card.fire{border-left:3px solid var(--fire)}.conversion-card.water{border-left:3px solid var(--water)}.conversion-card.air{border-left:3px solid #c8e0ff}.conversion-card.earth{border-left:3px solid var(--earth)}.conversion-header{display:flex;gap:12px;align-items:center}.conversion-icon{font-size:28px}.conversion-title h3{font-family:var(--font-display);font-size:16px;color:var(--text-primary)}.conversion-available{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.conversion-rate{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-deep);border-radius:var(--radius);font-family:var(--font-mono);font-size:14px}.rate-input{color:var(--text-secondary)}.rate-arrow{color:var(--accent);font-weight:600}.rate-output{color:var(--gold-color);font-weight:600}.conversion-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-convert{padding:6px 14px;background:var(--bg-button);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:all .15s}.btn-convert:hover:not(:disabled){background:var(--bg-button-hover);border-color:var(--accent-dim)}.btn-convert:disabled{opacity:.3;cursor:not-allowed}.btn-convert.btn-max{background:var(--accent-dim);border-color:var(--accent);color:var(--text-primary)}.btn-convert.btn-max:hover:not(:disabled){background:var(--accent);color:var(--bg-void)}.disassembly-help{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px}.disassembly-help h4{font-family:var(--font-display);font-size:14px;color:var(--text-secondary);margin-bottom:10px}.disassembly-help ul{list-style:none;padding:0}.disassembly-help li{color:var(--text-dim);font-size:13px;padding:4px 0 4px 14px;position:relative}.disassembly-help li:before{content:"▸";position:absolute;left:0;color:var(--accent-dim)}.summoning-tab{display:flex;flex-direction:column;gap:20px}.active-effects-panel{background:linear-gradient(135deg,#4b008226,#9333ea1a);border:1px solid rgba(147,51,234,.3);border-radius:var(--radius);padding:16px}.active-effects-panel h4{margin:0 0 10px;color:#c084fc;font-family:var(--font-display);font-size:14px}.effects-list{display:flex;flex-wrap:wrap;gap:8px}.effect-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-mono)}.effect-badge.potion{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.effect-badge.gold{background:#f59e0b33;color:var(--gold-color);border:1px solid rgba(245,158,11,.3)}.effect-badge.grid{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.effect-badge.regen{background:#38bdf833;color:#7dd3fc;border:1px solid rgba(56,189,248,.3)}.summon-roster{display:flex;flex-direction:column;gap:12px}.summon-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:all .2s}.summon-card.active{border-color:#9333ea80;background:linear-gradient(135deg,rgba(75,0,130,.1),var(--bg-card));box-shadow:0 0 12px #9333ea26}.summon-card.cannot-afford{opacity:.5}.summon-icon{font-size:36px;flex-shrink:0}.summon-info{flex:1;min-width:0}.summon-name{margin:0;font-family:var(--font-display);font-size:16px;color:var(--text-primary)}.summon-desc{margin:4px 0;font-size:13px;color:var(--text-secondary)}.summon-effect{font-size:12px;color:#c084fc;font-family:var(--font-mono);margin-top:4px}.summon-cost{display:flex;gap:10px;margin-top:6px;font-size:12px}.summon-cost .cost-item{font-family:var(--font-mono)}.summon-action{flex-shrink:0}.btn-summon{padding:10px 20px;background:linear-gradient(135deg,#4b008266,#9333ea4d);color:#e2c6ff;border:1px solid rgba(147,51,234,.4);border-radius:var(--radius);cursor:pointer;font-family:var(--font-display);font-size:14px;transition:all .2s}.btn-summon:hover:not(:disabled){background:linear-gradient(135deg,#4b008299,#9333ea80);box-shadow:0 0 12px #9333ea4d}.btn-summon:disabled{opacity:.4;cursor:not-allowed}.summon-active-timer{text-align:center;font-family:var(--font-mono)}.timer-label{display:block;font-size:11px;color:#c084fc;text-transform:uppercase;letter-spacing:1px}.timer-value{display:block;font-size:18px;color:var(--text-primary);margin-top:2px}.summoning-help{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;margin-top:8px}.summoning-help h4{margin:0 0 10px;color:var(--text-secondary);font-family:var(--font-display)}.summoning-help ul{list-style:none;padding:0;margin:0}.summoning-help li{padding:4px 0 4px 20px;color:var(--text-secondary);font-size:13px;position:relative}.summoning-help li:before{content:"▸";position:absolute;left:0;color:var(--accent-dim)}.resonance-tab{display:flex;flex-direction:column;gap:20px}.resonance-status{text-align:center;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:all .3s}.resonance-status.is-contributor{border-color:#38bdf866;background:linear-gradient(135deg,rgba(56,189,248,.08),var(--bg-card));box-shadow:0 0 15px #38bdf81a}.resonance-status-badge{font-family:var(--font-display);font-size:16px;color:var(--text-primary);margin-bottom:6px}.resonance-total{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.resonance-pool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resonance-element-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.resonance-element-card.fire{border-left:3px solid var(--fire)}.resonance-element-card.water{border-left:3px solid var(--water)}.resonance-element-card.air{border-left:3px solid var(--air)}.resonance-element-card.earth{border-left:3px solid var(--earth)}.resonance-element-header{display:flex;align-items:center;gap:8px}.resonance-element-icon{font-size:24px}.resonance-element-header h3{margin:0;font-family:var(--font-display);font-size:15px;color:var(--text-primary)}.resonance-pool-amount{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary)}.resonance-bonus{font-family:var(--font-mono);font-size:13px;font-weight:600}.resonance-available{font-size:12px;color:var(--text-dim);font-family:var(--font-mono)}.resonance-contribute-area{display:flex;flex-direction:column;gap:6px}.resonance-buttons{display:flex;gap:6px}.btn-contribute{flex:1;padding:6px 8px;background:#38bdf81a;color:#7dd3fc;border:1px solid rgba(56,189,248,.25);border-radius:var(--radius);cursor:pointer;font-family:var(--font-mono);font-size:12px;transition:all .15s}.btn-contribute:hover:not(:disabled){background:#38bdf833;border-color:#38bdf866}.btn-contribute:disabled{opacity:.3;cursor:not-allowed}.resonance-contributors{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px}.resonance-contributors h4{margin:0 0 12px;font-family:var(--font-display);font-size:14px;color:var(--text-primary)}.contributors-list{display:flex;flex-direction:column;gap:6px}.contributor-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;background:#ffffff05}.contributor-rank{width:28px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.contributor-name{flex:1;font-size:13px;color:var(--text-primary)}.contributor-amount{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.resonance-help{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;margin-top:8px}.resonance-help h4{margin:0 0 10px;color:var(--text-secondary);font-family:var(--font-display)}.resonance-help ul{list-style:none;padding:0;margin:0}.resonance-help li{padding:4px 0 4px 20px;color:var(--text-secondary);font-size:13px;position:relative}.resonance-help li:before{content:"▸";position:absolute;left:0;color:var(--accent-dim)}.magitek-tab{display:flex;flex-direction:column;gap:20px}.magitek-craft-panel{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f59e0b14,#ea580c0d);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius);padding:16px}.craft-cost{display:flex;align-items:center;gap:12px}.cost-label{font-family:var(--font-display);font-size:14px;color:var(--text-secondary)}.craft-cost .cost-item{font-family:var(--font-mono);font-size:13px;color:var(--text-primary)}.btn-craft{padding:10px 24px;background:linear-gradient(135deg,#f59e0b4d,#ea580c33);color:var(--gold-color);border:1px solid rgba(245,158,11,.4);border-radius:var(--radius);cursor:pointer;font-family:var(--font-display);font-size:14px;transition:all .2s}.btn-craft:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b80,#ea580c66);box-shadow:0 0 15px #f59e0b33}.btn-craft:disabled{opacity:.4;cursor:not-allowed}.magitek-section{margin-bottom:4px}.magitek-section h3{font-family:var(--font-display);font-size:15px;color:var(--text-secondary);margin:0 0 12px}.magitek-empty{color:var(--text-dim);font-size:13px;font-style:italic;padding:12px 0}.magitek-device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.magitek-device-card{background:var(--bg-card);border:1px solid;border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px;transition:all .2s}.device-header{display:flex;justify-content:space-between;align-items:baseline}.device-name{font-family:var(--font-display);font-size:15px;font-weight:700}.device-rarity{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.device-modifiers{display:flex;flex-direction:column;gap:4px}.device-modifier{font-size:13px;color:var(--text-primary);font-family:var(--font-mono)}.device-equip-cost{font-size:12px;color:var(--text-dim);font-family:var(--font-mono);padding-top:4px;border-top:1px solid var(--border-color)}.device-actions{display:flex;gap:8px;margin-top:4px}.btn-equip-toggle{flex:1;padding:6px 12px;background:#38bdf81a;color:#7dd3fc;border:1px solid rgba(56,189,248,.25);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);font-size:12px;transition:all .15s}.btn-equip-toggle:hover{background:#38bdf833;border-color:#38bdf866}.btn-scrap{padding:6px 12px;background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);font-size:12px;transition:all .15s}.btn-scrap:hover{background:#ef444433;border-color:#ef444466}.magitek-help{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;margin-top:8px}.magitek-help h4{margin:0 0 10px;color:var(--text-secondary);font-family:var(--font-display)}.magitek-help ul{list-style:none;padding:0;margin:0}.magitek-help li{padding:4px 0 4px 20px;color:var(--text-secondary);font-size:13px;position:relative}.magitek-help li:before{content:"▸";position:absolute;left:0;color:var(--accent-dim)}.skill-level-badge{background:var(--accent-dim);color:var(--bg-primary);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;margin-left:auto;white-space:nowrap}.skill-xp-bar-container{position:relative;width:100%;height:22px;background:#ffffff0a;border-radius:11px;overflow:hidden;margin:8px 0 4px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 4px #0000004d}.skill-xp-bar{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:11px;transition:width .4s ease;position:relative}.skill-xp-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);border-radius:11px 11px 0 0}.skill-xp-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-family:var(--font-mono);color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:1}.upgrade-shop{padding:24px;max-width:900px}.upgrade-shop-header{text-align:center;margin-bottom:32px}.upgrade-shop-header h2{font-family:var(--font-display);color:var(--text-primary);font-size:24px;margin-bottom:8px}.upgrade-shop-subtitle{color:var(--text-secondary);font-size:14px}.upgrade-gold-display{font-family:var(--font-mono);font-size:18px;color:gold;margin-top:12px}.upgrade-section{margin-bottom:32px}.upgrade-section-title{font-family:var(--font-display);color:var(--text-primary);font-size:18px;margin-bottom:4px}.upgrade-section-desc{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.upgrade-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.upgrade-card:hover{border-color:var(--accent-dim)}.upgrade-card.maxed{opacity:.6}.upgrade-card-header{display:flex;align-items:center;gap:10px}.upgrade-card-icon{font-size:24px}.upgrade-card-title h4{font-family:var(--font-display);color:var(--text-primary);font-size:15px;margin:0}.upgrade-card-desc{color:var(--text-secondary);font-size:12px}.upgrade-progress{position:relative;width:100%;height:16px;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.upgrade-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent-primary));border-radius:8px;transition:width .3s ease}.upgrade-progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-family:var(--font-mono);color:var(--text-primary);text-shadow:0 0 4px rgba(0,0,0,.8)}.upgrade-buy-btn{width:100%;padding:8px;border-radius:var(--radius);border:1px solid var(--accent-dim);background:#8a6f4c26;color:var(--accent-primary);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.upgrade-buy-btn:hover:not(:disabled){background:#8a6f4c4d;border-color:var(--accent-primary)}.upgrade-buy-btn.cant-afford{opacity:.4;cursor:not-allowed}.upgrade-buy-btn.maxed-btn{background:#64646426;border-color:var(--border-color);color:var(--text-secondary);cursor:default}.marketplace{padding:24px;max-width:1000px}.marketplace-header{text-align:center;margin-bottom:32px}.marketplace-header h2{font-family:var(--font-display);color:var(--text-primary);font-size:24px;margin-bottom:8px}.marketplace-subtitle{color:var(--text-secondary);font-size:14px}.marketplace-gold{font-family:var(--font-mono);font-size:18px;color:gold;margin-top:12px}.marketplace-section{margin-bottom:32px}.marketplace-section h3{font-family:var(--font-display);color:var(--text-primary);font-size:18px;margin-bottom:16px}.marketplace-empty{color:var(--text-secondary);text-align:center;padding:32px;font-style:italic}.marketplace-list-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.marketplace-select{flex:1;min-width:200px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:14px}.marketplace-price-input{width:120px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:14px}.marketplace-btn{padding:8px 16px;border-radius:var(--radius);border:1px solid var(--accent-dim);background:#8a6f4c26;color:var(--accent-primary);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.marketplace-btn:hover:not(:disabled){background:#8a6f4c4d;border-color:var(--accent-primary)}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.marketplace-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}.marketplace-card:hover{border-color:var(--accent-dim)}.marketplace-card.rarity-common{border-left:3px solid #888}.marketplace-card.rarity-uncommon{border-left:3px solid #4caf50}.marketplace-card.rarity-rare{border-left:3px solid #2196f3}.marketplace-card.rarity-epic{border-left:3px solid #9c27b0}.marketplace-card-header{display:flex;justify-content:space-between;align-items:center}.marketplace-card-rarity{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary)}.marketplace-card-price{font-family:var(--font-mono);font-size:16px;color:gold;font-weight:700}.marketplace-card-name{font-family:var(--font-display);color:var(--text-primary);font-size:16px;margin:0}.marketplace-card-mods{display:flex;flex-direction:column;gap:4px}.marketplace-card-mod{font-size:12px;color:var(--accent-primary);font-family:var(--font-mono);padding:2px 0}.marketplace-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.marketplace-card-seller{font-size:11px;color:var(--text-dim)}.marketplace-buy-btn,.marketplace-cancel-btn{padding:6px 14px;border-radius:var(--radius);border:1px solid var(--accent-dim);background:#8a6f4c26;color:var(--accent-primary);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.marketplace-buy-btn:hover:not(:disabled),.marketplace-cancel-btn:hover:not(:disabled){background:#8a6f4c4d;border-color:var(--accent-primary)}.marketplace-buy-btn.cant-afford{opacity:.4;cursor:not-allowed}.marketplace-cancel-btn{border-color:#b71c1c;color:#ef5350;background:#b71c1c1a}.marketplace-cancel-btn:hover:not(:disabled){background:#b71c1c33;border-color:#ef5350}.loading-text{color:var(--text-secondary);font-style:italic;text-align:center;padding:16px}.btn{padding:8px 16px;border-radius:var(--radius);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:all .15s;border:1px solid var(--border-color)}.btn-secondary{background:var(--bg-button);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-button-hover);border-color:var(--accent-dim)}@media(max-width:900px){.molten-layout{grid-template-columns:1fr}.molten-grid{max-width:360px}.grid-cell{font-size:18px}}.glass-panel{background:#0e0e1ad9!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(180,110,255,.12);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff08}.left-nav{background:#0e0e1aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-right:1px solid rgba(180,110,255,.06);box-shadow:2px 0 20px #0000004d}.game-topbar{background:#0e0e1aeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(180,110,255,.06)}.chat-panel{background:#0e0e1ae6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:1px solid rgba(180,110,255,.06)}.game-screen{background:radial-gradient(ellipse at 20% 20%,rgba(180,110,255,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(61,168,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,106,53,.02) 0%,transparent 60%),var(--bg-void)}.nav-item .nav-icon svg{width:16px;height:16px}.nav-brand:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);opacity:.4}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:.8}to{opacity:0;transform:translateY(-50px) scale(.8)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.juice-click{animation:juiceClick .2s ease-out}@keyframes juiceClick{0%{transform:scale(1)}50%{transform:scale(.93)}to{transform:scale(1)}}.juice-shake{animation:juiceShake .4s ease-out}@keyframes juiceShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.juice-flash{animation:juiceFlash .5s ease-out}@keyframes juiceFlash{0%{box-shadow:0 0 0 0 var(--flash-color, #ffd044)}30%{box-shadow:0 0 20px 4px var(--flash-color, #ffd044)}to{box-shadow:0 0 0 0 var(--flash-color, #ffd044)}}.bar-flash{animation:barFlashAnim .6s ease-out}@keyframes barFlashAnim{0%{filter:brightness(1)}30%{filter:brightness(2)}to{filter:brightness(1)}}.xp-bar-fill,.mana-bar-fill{position:relative;overflow:hidden}.xp-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 3s ease-in-out infinite}.section-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px;color:var(--text-dim);font-family:var(--font-display);font-size:10px;letter-spacing:3px;text-transform:uppercase}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.content-area{padding:24px 28px}.currency-item{position:relative;border-radius:var(--radius-lg);padding:6px 12px}.currency-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .2s}.currency-item:hover:before{opacity:.06}.currency-item.gold:hover:before{background:var(--gold-color)}.currency-item.mana-fire:hover:before{background:var(--fire)}.currency-item.mana-water:hover:before{background:var(--water)}.currency-item.mana-air:hover:before{background:var(--air)}.currency-item.mana-earth:hover:before{background:var(--earth)}.music-toggle-btn{background:none;border:1px solid transparent;color:var(--text-dim);cursor:pointer;padding:4px 8px;border-radius:var(--radius);transition:all .15s;display:flex;align-items:center;gap:4px;margin-left:auto}.music-toggle-btn:hover{color:var(--accent);background:var(--bg-hover);border-color:#b46eff33}.music-toggle-btn.playing{color:var(--accent)}.music-toggle-btn.playing svg{animation:pulseGlow 2s ease-in-out infinite;border-radius:50%}.music-panel{position:fixed;top:55px;right:320px;width:320px;border-radius:var(--radius-lg);z-index:1000;animation:fadeIn .2s ease;padding:0;overflow:hidden}.mp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(180,110,255,.1);background:#0003}.mp-title{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);display:flex;align-items:center;gap:8px}.mp-close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:18px;padding:0 4px;line-height:1;transition:color .15s}.mp-close-btn:hover{color:var(--text-primary)}.mp-now-playing{padding:14px 16px 8px;text-align:center}.mp-track-name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-bright);letter-spacing:1px;margin-bottom:2px}.mp-track-number{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.mp-progress-bar{margin:8px 16px 2px;height:4px;background:var(--bg-input);border-radius:2px;cursor:pointer;overflow:hidden}.mp-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s linear;box-shadow:0 0 6px var(--accent-glow)}.mp-time{display:flex;justify-content:space-between;padding:0 16px 8px;font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.mp-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 16px}.mp-btn{background:none;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius);transition:all .15s;display:flex;align-items:center;justify-content:center}.mp-btn:hover{color:var(--text-bright);background:var(--bg-hover)}.mp-btn.active{color:var(--accent);border-color:#b46eff33;background:#b46eff14}.mp-btn-main{width:42px;height:42px;border-radius:50%;border:1px solid rgba(180,110,255,.3);background:#b46eff14;color:var(--accent)}.mp-btn-main:hover{background:#b46eff26;border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.mp-mode-label{text-align:center;font-size:10px;color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;padding:2px 0}.mp-volume-section{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid rgba(180,110,255,.06)}.mp-volume-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-input);border-radius:2px;outline:none;cursor:pointer}.mp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 0 6px var(--accent-glow)}.mp-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.mp-volume-label{font-size:10px;color:var(--text-dim);font-family:var(--font-mono);min-width:30px;text-align:right}.mp-tracklist-header{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);padding:8px 16px 4px;border-top:1px solid rgba(180,110,255,.06)}.mp-tracklist{max-height:200px;overflow-y:auto;padding:4px 8px 8px}.mp-track-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;background:none;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .15s;text-align:left;color:var(--text-secondary);font-family:var(--font-body);font-size:13px}.mp-track-item:hover{background:var(--bg-hover);color:var(--text-bright)}.mp-track-item.active{color:var(--accent);background:#b46eff14;border-color:#b46eff26}.mp-track-item-num{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);min-width:18px}.mp-track-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-playing-indicator{color:var(--accent);font-size:12px;animation:pulseGlow 1.5s ease-in-out infinite}.btn-primary,.login-btn,.grid-action-btn,.action-btn,.potion-brew-btn,.summon-btn,.res-contribute-btn,.device-action-btn,.upgrade-btn,.marketplace-buy-btn{position:relative;overflow:hidden}.btn-primary:after,.login-btn:after,.grid-action-btn:after,.action-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff14;border-radius:50%;transition:width .4s,height .4s,top .4s,left .4s;transform:translate(-50%,-50%)}.btn-primary:hover:after,.login-btn:hover:after,.grid-action-btn:hover:after,.action-btn:hover:after{width:200%;height:200%}.skill-card,.potion-card,.disassembly-card,.summon-card,.resonance-card,.magitek-device-card,.upgrade-card,.marketplace-item{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.skill-card:hover,.potion-card:hover,.disassembly-card:hover,.summon-card:hover,.resonance-card:hover,.magitek-device-card:hover,.upgrade-card:hover,.marketplace-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006,0 0 0 1px #b46eff1f}.lore-panel{background:linear-gradient(135deg,#141020e6,#0e0e1af2);border:1px solid rgba(180,110,255,.1);border-radius:var(--radius-lg);padding:20px 24px;position:relative;overflow:hidden;animation:loreReveal .4s ease}.lore-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),var(--accent),var(--accent-dim),transparent);opacity:.5}.lore-panel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);opacity:.2}.lore-panel h4{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(180,110,255,.08)}.lore-panel h4:before{content:"✦ ";opacity:.5}.lore-panel ul{list-style:none;padding:0;margin:0}.lore-panel li{color:var(--text-secondary);font-size:13px;font-family:var(--font-body);padding:5px 0 5px 24px;position:relative;line-height:1.5}.lore-panel li:before{content:"◈";position:absolute;left:0;color:var(--accent-dim);font-size:10px;top:7px;opacity:.7}.molten-help,.summoning-help,.resonance-help,.magitek-help,.disassembly-help{background:linear-gradient(135deg,#141020e6,#0e0e1af2);border:1px solid rgba(180,110,255,.1);border-radius:var(--radius-lg);padding:20px 24px;position:relative;overflow:hidden}.molten-help:before,.summoning-help:before,.resonance-help:before,.magitek-help:before,.disassembly-help:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),var(--accent),var(--accent-dim),transparent);opacity:.4}.molten-help h4,.summoning-help h4,.resonance-help h4,.magitek-help h4,.disassembly-help h4{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(180,110,255,.06)}.molten-help li:before,.summoning-help li:before,.resonance-help li:before,.magitek-help li:before,.disassembly-help li:before{content:"◈";color:var(--accent-dim);font-size:10px;opacity:.7}.content-area[data-tab=molten]:before{background:radial-gradient(ellipse at 30% 20%,rgba(255,106,53,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,140,0,.03) 0%,transparent 50%)}.content-area[data-tab=molten] .tab-header:after{background:linear-gradient(90deg,var(--fire),transparent)}.content-area[data-tab=potions]:before{background:radial-gradient(ellipse at 50% 20%,rgba(68,221,196,.05) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(180,110,255,.03) 0%,transparent 50%)}.content-area[data-tab=potions] .tab-header:after{background:linear-gradient(90deg,var(--teal),transparent)}.content-area[data-tab=summoning]:before{background:radial-gradient(ellipse at 50% 30%,rgba(147,51,234,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(75,0,130,.04) 0%,transparent 50%)}.content-area[data-tab=summoning] .tab-header:after{background:linear-gradient(90deg,#c084fc,transparent)}.content-area[data-tab=resonance]:before{background:radial-gradient(ellipse at 40% 20%,rgba(56,189,248,.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(61,168,255,.03) 0%,transparent 50%)}.content-area[data-tab=resonance] .tab-header:after{background:linear-gradient(90deg,var(--water),transparent)}.content-area[data-tab=disassembly]:before{background:radial-gradient(ellipse at 50% 30%,rgba(255,77,77,.04) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(255,106,53,.03) 0%,transparent 50%)}.content-area[data-tab=disassembly] .tab-header:after{background:linear-gradient(90deg,#ff4d4d,transparent)}.content-area[data-tab=magitek]:before{background:radial-gradient(ellipse at 50% 20%,rgba(245,158,11,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(234,88,12,.03) 0%,transparent 50%)}.content-area[data-tab=magitek] .tab-header:after{background:linear-gradient(90deg,var(--gold-color),transparent)}.content-area[data-tab=skills]:before{background:radial-gradient(ellipse at 25% 25%,rgba(255,106,53,.03) 0%,transparent 40%),radial-gradient(ellipse at 75% 25%,rgba(61,168,255,.03) 0%,transparent 40%),radial-gradient(ellipse at 25% 75%,rgba(200,224,255,.02) 0%,transparent 40%),radial-gradient(ellipse at 75% 75%,rgba(68,204,102,.03) 0%,transparent 40%)}.content-area[data-tab=marketplace]:before{background:radial-gradient(ellipse at 50% 30%,rgba(68,204,102,.04) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,208,68,.03) 0%,transparent 50%)}.content-area[data-tab=upgrade-shop]:before{background:radial-gradient(ellipse at 50% 20%,rgba(255,208,68,.05) 0%,transparent 50%),radial-gradient(ellipse at 30% 80%,rgba(138,111,76,.03) 0%,transparent 50%)}.content-area[data-tab=help-faq]:before{background:radial-gradient(ellipse at 50% 30%,rgba(200,224,255,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(180,110,255,.03) 0%,transparent 50%)}.skill-card{border-top:2px solid transparent;background:linear-gradient(135deg,var(--bg-panel),rgba(14,14,26,.8))}.skill-card.clickable:hover{border-top-color:var(--accent);box-shadow:0 -4px 20px #b46eff1a,0 8px 24px #0000004d}.potion-card{background:linear-gradient(180deg,var(--bg-panel) 0%,rgba(68,221,196,.03) 100%);border-radius:var(--radius-lg);border-top:2px solid rgba(68,221,196,.15)}.potion-card:hover{border-top-color:var(--teal);box-shadow:0 -4px 16px #44ddc414,0 8px 24px #0000004d}.potion-formula{border-radius:var(--radius-lg);border:1px solid rgba(68,221,196,.08)}.summon-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--bg-panel),rgba(75,0,130,.05));border-left:3px solid rgba(147,51,234,.2)}.summon-card:hover{border-left-color:#9333ea80;box-shadow:0 0 20px #9333ea1a,0 8px 24px #0000004d}.summon-card.active{border-left-color:#9333ea99}.magitek-device-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--bg-panel),rgba(245,158,11,.03))}.magitek-device-card:hover{box-shadow:0 0 16px #f59e0b14,0 8px 24px #0000004d}.conversion-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--bg-panel),rgba(14,14,26,.8))}.conversion-card:hover{box-shadow:0 4px 20px #0000004d}.upgrade-card{border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--bg-panel),rgba(255,208,68,.02));border-top:2px solid rgba(255,208,68,.08)}.upgrade-card:hover{border-top-color:#ffd04440;box-shadow:0 -4px 16px #ffd0440f,0 8px 24px #0000004d}.marketplace-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--bg-panel),rgba(68,204,102,.02))}.resonance-element-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--bg-panel),rgba(56,189,248,.02))}.resonance-element-card:hover{box-shadow:0 0 16px #38bdf814,0 8px 24px #0000004d}.upgrade-progress{height:20px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 4px #0000004d}.upgrade-progress-bar{border-radius:10px;background:linear-gradient(90deg,var(--accent-dim),var(--accent));position:relative}.upgrade-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);border-radius:10px 10px 0 0}.mana-bar-fire{background:linear-gradient(90deg,var(--fire-dim),var(--fire));box-shadow:0 0 8px var(--fire-glow)}.mana-bar-water{background:linear-gradient(90deg,var(--water-dim),var(--water));box-shadow:0 0 8px var(--water-glow)}.mana-bar-air{background:linear-gradient(90deg,rgba(136,153,187,.6),var(--air));box-shadow:0 0 8px var(--air-glow)}.mana-bar-earth{background:linear-gradient(90deg,var(--earth-dim),var(--earth));box-shadow:0 0 8px var(--earth-glow)}.skill-level-badge{background:linear-gradient(135deg,var(--accent-dim),var(--accent));color:var(--bg-void);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px;margin-left:auto;white-space:nowrap;box-shadow:0 0 8px #b46eff33}.nav-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.faq-item{background:linear-gradient(135deg,#14102099,#0e0e1acc);border:1px solid rgba(180,110,255,.06);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:8px;transition:border-color .2s}.faq-item:hover{border-color:#b46eff1f}.faq-question{font-family:var(--font-display);color:var(--accent);font-weight:600;letter-spacing:.5px}.empty-state{text-align:center;padding:60px 20px;animation:fadeIn .5s ease}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.4;animation:orbFloat 4s ease-in-out infinite}.grid-cell{border-radius:var(--radius-lg);border-width:2px;transition:all .2s ease}.grid-cell:hover{border-radius:var(--radius-lg);box-shadow:0 0 12px #b46eff1a}.grid-cell.selected{border-radius:var(--radius-lg);animation:pulseGlow 2s ease-in-out infinite}.tab-section h3{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);padding-bottom:8px;border-bottom:1px solid rgba(180,110,255,.06);margin-bottom:12px}.mana-tubes-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mana-tube-container{display:flex;align-items:center;gap:6px;cursor:default;padding:3px 8px;border-radius:var(--radius-lg);transition:background .2s;flex:1;min-width:0}.mana-tube-container:hover{background:#ffffff08}.mana-tube-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:.8}.mana-tube-icon svg{display:block}.mana-tube-body{position:relative;flex:1;min-width:0;height:22px}.mana-tube-svg{width:100%;height:100%;display:block}.mana-tube-fire .mana-tube-svg{filter:drop-shadow(0 0 3px rgba(255,106,53,.25))}.mana-tube-water .mana-tube-svg{filter:drop-shadow(0 0 3px rgba(61,168,255,.25))}.mana-tube-air .mana-tube-svg{filter:drop-shadow(0 0 3px rgba(200,224,255,.15))}.mana-tube-earth .mana-tube-svg{filter:drop-shadow(0 0 3px rgba(68,204,102,.25))}.tube-liquid{transition:width .6s ease}.tube-bubble-1{animation:tubeBubble 3s ease-in-out infinite}.tube-bubble-2{animation:tubeBubble 2.5s ease-in-out .8s infinite}.tube-bubble-3{animation:tubeBubble 3.5s ease-in-out 1.5s infinite}@keyframes tubeBubble{0%,to{transform:translateY(0);opacity:.12}50%{transform:translateY(-3px);opacity:.2}}.mana-tube-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:1px;pointer-events:none;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7)}.mana-tube-value{font-weight:800}.mana-tube-sep{color:var(--text-dim);font-weight:400;opacity:.5;font-size:9px}.mana-tube-max{color:var(--text-secondary);font-weight:500;font-size:9px}.mana-tube-regen{flex-shrink:0;font-family:var(--font-mono);font-size:9px;font-weight:600;opacity:.6;white-space:nowrap}.game-topbar{min-height:60px}.currency-bar{align-items:center}.arcane-focus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;pointer-events:none;z-index:0;opacity:.05}.sigil-svg{width:100%;height:100%;animation:sigilRotate 120s linear infinite}.sigil-ring-outer{animation:sigilPulse 8s ease-in-out infinite}.sigil-ring-runes{animation:sigilRotateReverse 60s linear infinite;transform-origin:200px 200px}.sigil-ring-mid{animation:sigilPulse 6s ease-in-out infinite 2s}.sigil-ring-inner{animation:sigilPulse 4s ease-in-out infinite 1s}@keyframes sigilRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sigilRotateReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes sigilPulse{0%,to{opacity:.2}50%{opacity:.4}}.content-area{position:relative;overflow:hidden}.content-area.page-turning{animation:pageTurnOut .2s ease-in forwards}.content-area.page-enter{animation:pageTurnIn .4s ease-out forwards}@keyframes pageTurnOut{0%{opacity:1;transform:perspective(800px) rotateY(0)}to{opacity:0;transform:perspective(800px) rotateY(-8deg) scale(.97)}}@keyframes pageTurnIn{0%{opacity:0;transform:perspective(800px) rotateY(8deg) scale(.97)}to{opacity:1;transform:perspective(800px) rotateY(0) scale(1)}}.constellation-view{width:100%;height:100%;display:flex;flex-direction:column;padding:16px;position:relative;z-index:1}.constellation-header{text-align:center;margin-bottom:12px}.constellation-header h2{font-family:var(--font-display);font-size:20px;color:var(--text-bright);letter-spacing:3px;margin:0 0 4px}.constellation-subtitle{font-size:12px;color:var(--text-dim);font-style:italic}.constellation-map{flex:1;position:relative;min-height:400px;max-height:600px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:radial-gradient(ellipse at center,rgba(14,14,26,.9) 0%,var(--bg-void) 100%);overflow:hidden}.constellation-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 20% 45%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 35% 75%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 50% 25%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1px 1px at 65% 55%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 80% 85%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 90% 35%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 15% 65%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(1px 1px at 45% 95%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 75% 10%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 55% 50%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(1px 1px at 85% 70%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 30% 30%,rgba(255,255,255,.12) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 70% 40%,rgba(255,255,255,.12) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 60%,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;animation:starTwinkle 8s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.6}50%{opacity:1}}.constellation-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.constellation-line{stroke-dasharray:4 6;animation:constellationDash 20s linear infinite}@keyframes constellationDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.constellation-element-label{position:absolute;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:3}.cel-glyph{display:block;font-size:18px;line-height:1;opacity:.7;text-shadow:0 0 12px currentColor}.cel-name{display:block;font-family:var(--font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:.5;margin-top:2px}.constellation-node{position:absolute;transform:translate(-50%,-50%);z-index:4;cursor:pointer;text-align:center;transition:transform .2s ease}.constellation-node:hover{transform:translate(-50%,-50%) scale(1.15)}.constellation-node:hover .cnode-glow{opacity:.4;width:56px;height:56px}.constellation-node:hover .cnode-core{border-color:var(--node-color);box-shadow:0 0 16px var(--node-color)}.cnode-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:44px;height:44px;border-radius:50%;background:var(--node-color);opacity:.12;filter:blur(8px);transition:all .3s ease;pointer-events:none}.cnode-core{width:32px;height:32px;border-radius:50%;border:2px solid color-mix(in srgb,var(--node-color) 50%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--node-color) 15%,transparent) 0%,var(--bg-void) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .2s ease;box-shadow:0 0 8px color-mix(in srgb,var(--node-color) 20%,transparent)}.cnode-level{font-family:var(--font-mono);font-size:8px;font-weight:700;color:var(--text-bright);text-shadow:0 1px 2px rgba(0,0,0,.8)}.cnode-label{margin-top:4px;white-space:nowrap}.cnode-name{display:block;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-primary);letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.cnode-sub{display:block;font-family:var(--font-mono);font-size:8px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}.themes-tab{padding:16px;position:relative;z-index:1}.themes-tab .tab-header{text-align:center;margin-bottom:20px}.themes-tab .tab-header h2{font-family:var(--font-display);font-size:20px;color:var(--text-bright);letter-spacing:3px;margin:0 0 4px}.themes-tab .tab-subtitle{color:var(--text-dim);font-size:12px;font-style:italic}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.theme-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.theme-card:hover{border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.theme-card.active{border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow),0 8px 24px #0000004d}.theme-card.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.theme-card-preview{display:flex;gap:4px;margin-bottom:12px;height:32px;border-radius:var(--radius);overflow:hidden}.theme-swatch{flex:1;border-radius:4px}.theme-card-info{margin-bottom:12px}.theme-card-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-bright);letter-spacing:1px;margin:0 0 4px}.theme-card-lore{font-size:12px;color:var(--text-secondary);font-style:italic;margin:0;line-height:1.4}.theme-card-status{display:flex;justify-content:flex-end}.theme-active-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}.theme-apply-btn{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:5px 16px;border-radius:var(--radius);border:1px solid var(--border-color);background:var(--bg-button);color:var(--text-secondary);cursor:pointer;transition:all .2s}.theme-apply-btn:hover{background:var(--bg-button-hover);color:var(--text-bright);border-color:var(--accent-dim)}.rune-corner{position:absolute;width:16px;height:16px;pointer-events:none;opacity:.3}.rune-corner:before,.rune-corner:after{content:"";position:absolute;background:var(--accent)}.rune-tl{top:0;left:0}.rune-tl:before{top:0;left:0;width:16px;height:1px}.rune-tl:after{top:0;left:0;width:1px;height:16px}.rune-tr{top:0;right:0}.rune-tr:before{top:0;right:0;width:16px;height:1px}.rune-tr:after{top:0;right:0;width:1px;height:16px}.rune-bl{bottom:0;left:0}.rune-bl:before{bottom:0;left:0;width:16px;height:1px}.rune-bl:after{bottom:0;left:0;width:1px;height:16px}.rune-br{bottom:0;right:0}.rune-br:before{bottom:0;right:0;width:16px;height:1px}.rune-br:after{bottom:0;right:0;width:1px;height:16px}.rune-divider{display:flex;justify-content:center;padding:8px 0;opacity:.6}.rune-divider svg{max-width:100%;height:auto}.circle-invite-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);margin-bottom:6px;transition:var(--transition)}.circle-invite-item:hover{border-color:var(--border-color)}.circle-invite-info{display:flex;flex-direction:column;gap:2px}.circle-invite-name{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--accent-color)}.circle-invite-from{font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.circle-invite-actions{display:flex;gap:4px}.circle-create-form{display:flex;flex-direction:column;gap:6px}.circle-create-form input{width:100%;box-sizing:border-box}.circle-meta{display:flex;flex-direction:column;gap:6px}.circle-meta-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--border-subtle);font-size:12px}.circle-meta-row:last-child{border-bottom:none}.circle-meta-label{color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;font-size:10px;letter-spacing:1px}.circle-role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-family:var(--font-mono);font-weight:600;letter-spacing:.5px}.role-archon{background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.3)}.role-oracle{background:#9382ff26;color:#9382ff;border:1px solid rgba(147,130,255,.3)}.role-adept{background:#00c8ff26;color:#00c8ff;border:1px solid rgba(0,200,255,.3)}.role-acolyte{background:#64c86426;color:#64c864;border:1px solid rgba(100,200,100,.3)}.role-initiate{background:#b4b4b426;color:#b4b4b4;border:1px solid rgba(180,180,180,.3)}.circle-members-list{display:flex;flex-direction:column;gap:4px}.circle-member-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:var(--transition)}.circle-member-item:hover{border-color:var(--border-color)}.circle-member-item.is-me{border-color:var(--accent-color);background:#9382ff0d}.circle-member-info{display:flex;align-items:center;gap:8px}.circle-member-name{font-family:var(--font-display);font-size:12px;font-weight:600}.circle-member-actions{display:flex;gap:3px}.circle-edit-form{display:flex;flex-direction:column;gap:6px}.circle-edit-actions{display:flex;gap:6px}.circle-danger-zone{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--border-subtle);padding-top:10px}.lb-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;padding:12px 0 16px;border-bottom:1px solid var(--border-subtle)}.lb-header-ornament{font-size:10px;color:var(--text-dim);letter-spacing:4px;opacity:.5}.lb-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-color);text-shadow:0 0 20px rgba(147,130,255,.3);margin:0}.leaderboard-tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--bg-tertiary);padding:4px;border-radius:8px;border:1px solid var(--border-subtle)}.lb-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.5px;border-radius:6px;cursor:pointer;transition:var(--transition)}.lb-tab-icon{font-size:13px}.lb-tab:hover{background:#ffffff08;color:var(--text-primary)}.lb-tab.active{background:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 2px 8px #9382ff4d}.leaderboard-discipline-picker{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.lb-disc-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-display);font-size:11px;font-weight:600;border-radius:20px;cursor:pointer;transition:var(--transition)}.lb-disc-icon{font-size:12px}.lb-disc-btn:hover{border-color:var(--border-color);color:var(--text-primary);background:#ffffff08}.lb-disc-btn.active{background:#9382ff1f;color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 8px #9382ff26}.leaderboard-loading{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-dim);font-family:var(--font-display);font-size:12px;padding:40px 20px;letter-spacing:1px}.lb-loading-spinner{font-size:24px;animation:lb-spin 2s linear infinite}@keyframes lb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lb-podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:20px;padding:12px 0 0}.lb-podium-card{display:flex;flex-direction:column;align-items:center;padding:16px 14px 14px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-surface);position:relative;transition:var(--transition);min-width:120px;flex:1;max-width:160px}.lb-podium-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.lb-podium-card.podium-gold{border-color:#c9a836;background:linear-gradient(180deg,rgba(201,168,54,.12) 0%,var(--bg-surface) 60%);padding-top:20px;padding-bottom:18px;order:2}.lb-podium-card.podium-gold .podium-rank-badge{font-size:24px}.lb-podium-card.podium-gold .podium-avatar{font-size:32px}.lb-podium-card.podium-gold .podium-total{color:#e8c84a;font-size:22px}.lb-podium-card.podium-silver{border-color:#8a8a9a;background:linear-gradient(180deg,rgba(180,180,200,.08) 0%,var(--bg-surface) 60%);order:1}.lb-podium-card.podium-silver .podium-total{color:#b4b4c8}.lb-podium-card.podium-bronze{border-color:#8b5e3c;background:linear-gradient(180deg,rgba(160,100,60,.08) 0%,var(--bg-surface) 60%);order:3}.lb-podium-card.podium-bronze .podium-total{color:#c08050}.lb-podium-card.podium-me{box-shadow:0 0 12px #9382ff40;border-color:var(--accent-color)!important}.podium-rank-badge{font-size:18px;margin-bottom:4px}.podium-avatar{font-size:26px;margin-bottom:4px;line-height:1}.podium-name{font-family:var(--font-display);font-weight:700;font-size:13px;margin-bottom:6px;text-align:center;word-break:break-word;line-height:1.3}.podium-disciplines{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px;margin-bottom:8px}.podium-disc{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap}.podium-level{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--accent-color);margin-bottom:4px}.podium-total{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--accent-color);line-height:1}.podium-total-label{font-family:var(--font-display);font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-top:2px}.podium-circle-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:8px}.podium-archon{font-family:var(--font-display);font-size:10px;color:var(--text-secondary)}.podium-members{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.lb-list{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.lb-list-header{display:flex;align-items:center;padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-family:var(--font-display);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);font-weight:600}.lb-lh-rank{width:36px;text-align:center}.lb-lh-player{flex:1}.lb-lh-disciplines{width:150px;text-align:center}.lb-lh-total{width:60px;text-align:right}.lb-lh-archon{width:90px}.lb-lh-members{width:60px;text-align:center}.lb-list-row{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.03);transition:var(--transition)}.lb-list-row:last-child{border-bottom:none}.lb-list-row:hover{background:#ffffff05}.lb-list-row.lb-row-me{background:#9382ff14;border-left:2px solid var(--accent-color)}.lb-list-row.lb-row-gold{background:#c9a8360d}.lb-list-row.lb-row-silver{background:#b4b4c80a}.lb-list-row.lb-row-bronze{background:#a0643c0a}.lb-lr-rank{width:36px;text-align:center;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-dim)}.lb-lr-player{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.lb-lr-avatar{font-size:16px;flex-shrink:0}.lb-lr-name{font-family:var(--font-display);font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-lr-disciplines{width:150px;display:flex;gap:3px;justify-content:center;flex-shrink:0}.lb-lr-disc{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 5px;border-radius:4px;min-width:20px;text-align:center}.lb-lr-total{width:60px;text-align:right;font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--accent-color);flex-shrink:0}.lb-lr-archon{width:90px;font-family:var(--font-display);font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.lb-lr-members{width:60px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);flex-shrink:0}.lb-rank{display:flex;align-items:center;justify-content:center;gap:4px}.lb-rank-medal{font-size:14px;line-height:1}.lb-rank-num{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-secondary)}.lb-rank.rank-gold .lb-rank-medal{font-size:18px}.lb-rank.rank-gold .lb-rank-num{color:#e8c84a}.lb-rank.rank-silver .lb-rank-medal{font-size:16px}.lb-rank.rank-silver .lb-rank-num{color:#b4b4c8}.lb-rank.rank-bronze .lb-rank-medal{font-size:16px}.lb-rank.rank-bronze .lb-rank-num{color:#c08050}.lb-empty{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--text-dim);font-family:var(--font-display);font-size:13px;padding:40px 20px}.lb-empty-icon{font-size:32px;margin-bottom:8px;opacity:.5}.lb-empty-sub{font-size:11px;color:var(--text-dim);opacity:.7}.lb-error{text-align:center;color:#ff6b6b;font-family:var(--font-display);font-size:12px;padding:30px}.affinity-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .4s ease}.affinity-overlay.visible{opacity:1}.affinity-modal{max-width:900px;width:95%;padding:32px 24px;text-align:center;max-height:90vh;overflow-y:auto}.affinity-header{margin-bottom:28px}.affinity-header-ornament{font-size:10px;color:var(--text-dim);letter-spacing:6px;opacity:.4;margin:6px 0}.affinity-title{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent-color);text-shadow:0 0 24px rgba(147,130,255,.4);margin:8px 0}.affinity-subtitle{font-family:var(--font-body);font-size:13px;color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.6}.affinity-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:768px){.affinity-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.affinity-cards{grid-template-columns:1fr}}.affinity-card{display:flex;flex-direction:column;align-items:center;padding:22px 14px 18px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.affinity-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:radial-gradient(ellipse at center top,var(--aff-glow) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.affinity-card:hover{border-color:var(--aff-color);transform:translateY(-4px);box-shadow:0 8px 24px var(--aff-glow)}.affinity-card:hover:before{opacity:1}.affinity-card>*{position:relative;z-index:1}.affinity-card-icon{font-size:36px;margin-bottom:8px;filter:drop-shadow(0 0 8px var(--aff-glow))}.affinity-card-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--aff-color);letter-spacing:1px;margin-bottom:2px}.affinity-card-element{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:10px}.affinity-card-desc{font-family:var(--font-body);font-size:11px;color:var(--text-secondary);line-height:1.5;margin-bottom:10px;flex:1}.affinity-card-bonus{font-family:var(--font-mono);font-size:10px;color:var(--aff-color);background:#0000004d;padding:4px 10px;border-radius:20px;margin-bottom:12px;letter-spacing:.3px}.affinity-card-btn{padding:8px 24px;border:1px solid var(--aff-color);background:transparent;color:var(--aff-color);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:all .25s ease}.affinity-card-btn:hover{background:var(--aff-color);color:var(--bg-primary);box-shadow:0 0 12px var(--aff-glow)}.affinity-card-btn:disabled{opacity:.5;cursor:not-allowed}.affinity-section{margin-top:16px}.affinity-current{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-surface);margin-bottom:12px}.affinity-current-icon{font-size:24px}.affinity-current-info{flex:1}.affinity-current-name{font-family:var(--font-display);font-size:14px;font-weight:700}.affinity-current-element{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.affinity-change-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.affinity-change-btn{padding:8px 4px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-display);font-size:10px;font-weight:600;border-radius:6px;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:2px}.affinity-change-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.affinity-change-btn.active{border-color:var(--accent-color);background:#9382ff1a;color:var(--accent-color)}.affinity-change-btn:disabled{opacity:.4;cursor:not-allowed}.affinity-change-icon{font-size:16px}.dng-header{text-align:center;padding:20px 16px 12px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px;background:var(--dng-bg, transparent);border-radius:8px 8px 0 0}.dng-title-row{display:flex;align-items:center;justify-content:center;gap:12px}.dng-icon{font-size:28px}.dng-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--dng-color, var(--text-primary));margin:0}.dng-subtitle{font-family:var(--font-body);font-size:12px;color:var(--text-secondary);margin-top:4px;letter-spacing:1px;text-transform:uppercase}.dng-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px;margin-bottom:16px}.dng-stat{display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px}.dng-stat-label{font-family:var(--font-display);font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dng-stat-value{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--dng-color, var(--text-primary))}.dng-info{padding:0 16px;margin-bottom:16px;text-align:center}.dng-info p{font-family:var(--font-body);font-size:12px;color:var(--text-tertiary);margin-bottom:4px;font-style:italic}.dng-action{display:flex;justify-content:center;padding:0 16px;margin-bottom:20px}.dng-run-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-button) 0%,var(--bg-surface) 100%);border:2px solid var(--dng-color, var(--accent));border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.dng-run-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--bg-button-hover) 0%,var(--bg-active) 100%);box-shadow:0 0 20px color-mix(in srgb,var(--dng-color, var(--accent)) 30%,transparent);transform:translateY(-1px)}.dng-run-btn:disabled{opacity:.6;cursor:not-allowed}.dng-spinner{animation:dng-spin 1s linear infinite;display:inline-block}@keyframes dng-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dng-result{padding:0 16px}.dng-result-placeholder{text-align:center;padding:24px;color:var(--text-tertiary)}.dng-result-icon{font-size:28px}.dng-result-success{background:var(--bg-surface);border:1px solid var(--dng-color, var(--accent-dim));border-radius:8px;padding:16px;animation:dng-success-appear .4s ease}@keyframes dng-success-appear{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dng-result-banner{font-family:var(--font-display);font-size:16px;font-weight:700;text-align:center;color:var(--dng-color, #ffcc44);margin-bottom:12px}.dng-fail-banner{color:#c44}.dng-result-failure{background:var(--bg-surface);border:1px solid rgba(204,68,68,.3);border-radius:8px;padding:16px;text-align:center;animation:dng-success-appear .4s ease}.dng-retry-hint{font-family:var(--font-body);font-size:12px;color:var(--text-tertiary);font-style:italic;margin-top:8px}.dng-loot-header{font-family:var(--font-display);font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:center}.dng-loot-list{display:flex;flex-direction:column;gap:6px}.dng-loot-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-panel-alt);border-radius:4px;border:1px solid var(--border-subtle)}.dng-loot-icon{font-size:18px}.dng-loot-name{font-family:var(--font-body);font-size:13px;font-weight:600;flex:1}.dng-loot-qty{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.dng-no-loot{text-align:center;color:var(--text-tertiary);font-style:italic;font-size:12px}.inv-header{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-subtle);margin-bottom:12px}.inv-header-ornament{color:var(--accent-dim);font-size:10px;letter-spacing:3px}.inv-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.inv-controls{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:12px;gap:12px;flex-wrap:wrap}.inv-filters{display:flex;gap:4px}.inv-filter-btn{padding:5px 10px;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;transition:all .15s ease}.inv-filter-btn:hover{border-color:var(--btn-accent, var(--accent-dim));color:var(--btn-accent, var(--accent))}.inv-filter-btn.active{border-color:var(--btn-accent, var(--accent));color:var(--btn-accent, var(--accent));background:#b46eff14}.inv-sort{display:flex;align-items:center;gap:6px}.inv-sort label{font-family:var(--font-display);font-size:11px;color:var(--text-tertiary);text-transform:uppercase}.inv-sort-select{padding:4px 8px;font-family:var(--font-body);font-size:12px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;outline:none}.inv-sort-select:focus{border-color:var(--accent-dim)}.inv-stats{display:flex;gap:16px;padding:0 16px;margin-bottom:12px}.inv-stat{font-family:var(--font-body);font-size:12px;color:var(--text-tertiary)}.inv-stat strong{color:var(--text-secondary)}.inv-grid{padding:0 16px 16px}.inv-empty{text-align:center;padding:32px 16px;color:var(--text-tertiary)}.inv-empty-icon{font-size:32px;margin-bottom:8px}.inv-empty p{font-family:var(--font-body);font-size:14px;margin-bottom:4px}.inv-empty-sub{font-size:12px;font-style:italic}.inv-error{text-align:center;color:#c44;padding:16px}.inv-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.inv-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;transition:all .15s ease}.inv-item:hover{border-color:var(--accent-dim);background:var(--bg-hover)}.inv-rarity-uncommon{border-left:3px solid #44cc44}.inv-rarity-rare{border-left:3px solid #4488ff}.inv-rarity-epic{border-left:3px solid #cc44ff}.inv-item-icon{font-size:22px;flex-shrink:0}.inv-item-info{display:flex;flex-direction:column;flex:1;min-width:0}.inv-item-name{font-family:var(--font-body);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-item-element{font-family:var(--font-display);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.inv-item-qty{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);font-weight:600;flex-shrink:0}.inv-disintegrate-btn{display:flex;align-items:center;gap:3px;padding:4px 8px;background:#ff8c001a;border:1px solid rgba(255,140,0,.3);border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:#fa4;transition:all .2s ease;flex-shrink:0}.inv-disintegrate-btn:hover{background:#ff8c0040;border-color:#ff8c0099;color:#fc6;transform:scale(1.05)}.inv-disintegrate-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.inv-disintegrate-btn.disintegrating{animation:inv-pulse .6s ease infinite}.inv-dis-icon{font-size:12px}.inv-dis-gold{font-weight:600}@keyframes inv-pulse{0%,to{opacity:1}50%{opacity:.3}}.inv-toast{position:sticky;top:0;z-index:5;text-align:center;font-family:var(--font-body);font-size:13px;padding:0;max-height:0;overflow:hidden;background:linear-gradient(90deg,#ff8c0026,#ffc80026);border:1px solid rgba(255,160,0,.3);border-radius:6px;color:#fc6;transition:all .3s ease;opacity:0}.inv-toast.visible{max-height:40px;padding:8px 12px;opacity:1;margin-bottom:8px}