@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.518e079e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.ea323500.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.853d50a3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.55554cd0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.ebceb24d.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c36e1862.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.ff4a2084.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.f377b9c4.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.d1207556.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.479bea2b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a28;--bg-elevated:#222236;--bg-hover:#2a2a42;--glass-bg:#12121ebf;--glass-border:#ffffff0f;--glass-glow:#6366f114;--glass-blur:20px;--text-primary:#e8e8f0;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-accent:#a78bfa;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-glow:#6366f166;--color-damage:#ef4444;--color-gold:#eab308;--color-gem:#8b5cf6;--color-dust:#06b6d4;--color-boss-key:#f97316;--color-health:#22c55e;--color-xp:#3b82f6;--color-skill-point:#a78bfa;--color-success:#22c55e;--color-warning:#eab308;--color-error:#ef4444;--color-info:#3b82f6;--element-fire:#ef4444;--element-ice:#3b82f6;--element-lightning:#eab308;--element-nature:#22c55e;--element-dark:#a855f7;--element-holy:#f59e0b;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-round:50%;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.34,1.56,.64,1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Cascadia Code","Fira Code",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#6366f114 0%,#0000 60%),radial-gradient(at 80% 20%,#8b5cf60f 0%,#0000 60%),radial-gradient(at 50% 80%,#06b6d40a 0%,#0000 60%);position:fixed;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:#fff;background:#6366f166}.game-container{z-index:1;flex-direction:column;height:100vh;display:flex;position:relative}.top-bar{align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);z-index:10;flex-shrink:0;min-height:52px;display:flex}.top-bar-left{align-items:center;gap:var(--space-lg);flex:1;display:flex;overflow-x:auto}.top-bar-right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.resource-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-mono);white-space:nowrap;transition:var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff0f;font-size:13px;font-weight:500;display:flex}.resource-badge:hover{background:#ffffff14}.resource-badge .emoji{font-size:15px}.resource-badge .value{color:var(--text-primary)}.resource-badge.gold .value{color:var(--color-gold)}.resource-badge.gem .value{color:var(--color-gem)}.resource-badge.dust .value{color:var(--color-dust)}.resource-badge.boss-key .value{color:var(--color-boss-key)}.resource-badge.rebirth-point .value{color:#ec4899}.resource-badge.skill-point .value{color:var(--color-skill-point)}.main-area{flex:1;display:flex;overflow:hidden}.nav-sidebar{padding:var(--space-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;gap:2px;width:64px;display:flex;overflow-y:auto}.nav-btn{padding:var(--space-sm)var(--space-xs);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:20px;display:flex;position:relative}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-btn.active{color:var(--accent-primary);background:#6366f126}.nav-btn.active:before{content:"";background:var(--accent-primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-btn-label{text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.content-area{padding:var(--space-lg);flex:1;overflow-y:auto}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition-base)}.glass-card:hover{border-color:#ffffff1a}.glass-card.glow{box-shadow:var(--shadow-glow)}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);align-items:center;gap:var(--space-sm);font-size:16px;font-weight:700;display:flex}.card-subtitle{color:var(--text-secondary);font-size:12px}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:var(--transition-fast);background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn:disabled:after{display:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:#ffffff1a;box-shadow:0 2px 10px #6366f14d}.btn-primary:hover{box-shadow:0 4px 16px #6366f180}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--glass-border)}.btn-secondary:hover{background:var(--bg-hover);border-color:#ffffff1f}.btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#ffffff1a}.btn-success{color:#fff;background:linear-gradient(135deg,#059669,#047857);border-color:#ffffff1a}.btn-gold{color:#fef3c7;background:linear-gradient(135deg,#b45309,#92400e);border-color:#ffffff1a}.btn-sm{padding:var(--space-xs)var(--space-sm);font-size:11px}.btn-lg{padding:var(--space-md)var(--space-xl);font-size:15px}.btn-icon{padding:var(--space-sm);min-width:36px;height:36px}.progress-bar{background:#ffffff0f;border-radius:99px;height:8px;position:relative;overflow:hidden}.progress-bar .fill{border-radius:99px;height:100%;transition:width .3s;position:relative}.progress-bar .fill:after{content:"";background:linear-gradient(#fff3 0%,#0000 100%);border-radius:99px 99px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.progress-bar.hp .fill{background:linear-gradient(90deg,#dc2626,#ef4444)}.progress-bar.xp .fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.progress-bar.gold .fill{background:linear-gradient(90deg,#ca8a04,#eab308)}.progress-bar.enemy .fill{background:linear-gradient(90deg,#dc2626,#f87171)}.progress-bar.quest .fill{background:linear-gradient(90deg,#059669,#34d399)}.progress-bar-lg{height:16px}.progress-bar-lg .label{color:#fff;text-shadow:0 1px 2px #00000080;z-index:1;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.combat-view{gap:var(--space-lg);grid-template-columns:1fr 300px;height:100%;max-height:calc(100vh - 60px);display:grid;overflow:hidden}.combat-main{gap:var(--space-lg);flex-direction:column;display:flex;overflow-y:auto}.combat-sidebar{gap:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.enemy-display{align-items:center;gap:var(--space-md);padding:var(--space-2xl);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);flex-direction:column;display:flex}.enemy-display:hover{background:#ffffff05}.enemy-display:active{transform:scale(.98)}.enemy-sprite{filter:drop-shadow(0 0 20px #ffffff1a);transition:var(--transition-fast);font-size:80px;animation:2s ease-in-out infinite enemy-idle}.enemy-sprite.hit{animation:.2s enemy-hit}@keyframes enemy-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes enemy-hit{0%{filter:brightness(2)drop-shadow(0 0 20px #ffffff1a);transform:scale(1)}50%{filter:brightness(3)drop-shadow(0 0 30px #ff646480);transform:scale(.9)}to{filter:brightness()drop-shadow(0 0 20px #ffffff1a);transform:scale(1)}}.enemy-name{text-align:center;font-size:18px;font-weight:700}.enemy-hp-bar{width:100%;max-width:400px}.wave-info{justify-content:center;align-items:center;gap:var(--space-lg);font-family:var(--font-mono);color:var(--text-secondary);font-size:13px;display:flex}.wave-number{color:var(--text-primary);font-size:18px;font-weight:800}.player-hp-container{width:100%;max-width:400px;margin:0 auto}.player-hp-label{color:var(--text-secondary);margin-bottom:var(--space-xs);justify-content:space-between;font-size:11px;font-weight:600;display:flex}.skill-bar{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.skill-btn{border:2px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-tertiary);cursor:pointer;width:52px;height:52px;transition:var(--transition-fast);justify-content:center;align-items:center;font-size:24px;display:flex;position:relative;overflow:hidden}.skill-btn:hover:not(.on-cooldown){border-color:var(--accent-primary);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-2px)}.skill-btn.on-cooldown{opacity:.5;cursor:not-allowed}.skill-btn .cooldown-overlay{background:#0009;transition:height 1s linear;position:absolute;bottom:0;left:0;right:0}.skill-btn .cooldown-text{text-align:center;font-size:10px;font-weight:700;font-family:var(--font-mono);color:#fff;position:absolute;bottom:2px;left:0;right:0}.inventory-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.item-card{gap:var(--space-xs);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.item-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff26;transform:translateY(-2px)}.item-card.equipped{border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.item-card .item-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.item-card .item-stat{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary)}.item-card .item-quality{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.item-card .item-tier{color:var(--text-muted);font-size:10px}.item-card .item-stars{color:var(--color-gold);font-size:10px}.item-card .item-enchants{color:#c084fc;font-size:10px}.item-card .item-runes{gap:2px;font-size:10px;display:flex}.item-card.rarity-poor{border-left:3px solid #6b7280}.item-card.rarity-common{border-left:3px solid #d1d5db}.item-card.rarity-uncommon{border-left:3px solid #4ade80}.item-card.rarity-rare{border-left:3px solid #60a5fa}.item-card.rarity-epic{border-left:3px solid #c084fc}.item-card.rarity-legendary{border-left:3px solid #fb923c}.item-card.rarity-mythic{border-left:3px solid #ef4444}.item-card.rarity-divine{border-left:3px solid #22d3ee}.item-card.rarity-celestial{border-left:3px solid #ec4899}.item-card.rarity-cosmic{border-left:3px solid #818cf8}.item-card.rarity-transcendent{border-left:3px solid #fde68a;animation:3s ease-in-out infinite shimmer-border}@keyframes shimmer-border{0%,to{border-left-color:#fde68a}33%{border-left-color:#fcd34d}66%{border-left-color:#fbbf24}}.equipped-slots{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.equip-slot{align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);min-height:100px;transition:var(--transition-fast);border:2px dashed #ffffff1a;flex-direction:column;display:flex}.equip-slot.filled{border-style:solid;border-color:var(--accent-primary);background:#6366f10d}.equip-slot .slot-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:10px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);width:90%;max-width:500px;max-height:80vh;box-shadow:var(--shadow-lg);animation:slide-up .3s var(--transition-spring);overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{top:var(--space-md);right:var(--space-md);color:var(--text-muted);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-round);transition:var(--transition-fast);background:0 0;border:none;font-size:20px;position:absolute}.modal-close:hover{color:var(--text-primary);background:#ffffff1a}.item-detail-actions{gap:var(--space-sm);margin-top:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.worker-list{gap:var(--space-sm);flex-direction:column;display:flex}.worker-row{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex}.worker-row:hover{background:var(--bg-tertiary)}.worker-emoji{text-align:center;min-width:40px;font-size:28px}.worker-info{flex:1;min-width:0}.worker-name{font-size:14px;font-weight:600}.worker-desc{color:var(--text-muted);font-size:11px}.worker-stats{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary)}.worker-count{font-size:14px;font-weight:700;font-family:var(--font-mono);color:var(--accent-primary);text-align:center;min-width:40px}.skill-tree-container{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.skill-branch{gap:var(--space-sm);flex-direction:column;display:flex}.branch-header{text-align:center;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);font-size:16px;font-weight:800}.branch-header.warrior{color:#fca5a5;background:#ef444426}.branch-header.commander{color:#86efac;background:#22c55e26}.branch-header.arcane{color:#d8b4fe;background:#a855f726}.skill-node{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);display:flex}.skill-node:hover:not(.locked){border-color:#ffffff26;transform:translate(4px)}.skill-node.locked{opacity:.4;cursor:not-allowed}.skill-node.maxed{border-color:var(--color-gold);background:#eab3080d}.skill-node.keystone{background:#6366f114;border-width:2px}.skill-node-level{font-size:12px;font-family:var(--font-mono);color:var(--accent-primary);text-align:center;min-width:40px;font-weight:700}.skill-node-info{flex:1}.skill-node-name{font-size:13px;font-weight:700}.skill-node-desc{color:var(--text-secondary);font-size:11px}.rune-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.rune-card{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;transition:var(--transition-fast)}.rune-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.rune-emoji{margin-bottom:var(--space-sm);font-size:32px}.rune-name{font-size:14px;font-weight:700}.rune-desc{color:var(--text-secondary);margin:var(--space-xs)0;font-size:12px}.rune-cost{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:var(--space-md)}.rune-inventory-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.rune-inventory-item{padding:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:var(--transition-fast);font-size:12px}.rune-inventory-item:hover{border-color:#fff3}.rune-inventory-item.selected{border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.crafting-materials{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.material-badge{align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.material-badge .material-name{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.material-badge .material-count{font-size:18px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary)}.quest-list{gap:var(--space-md);flex-direction:column;display:flex}.quest-card{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.quest-card.completed{border-color:var(--color-success);background:#22c55e0d}.quest-name{margin-bottom:var(--space-sm);font-size:14px;font-weight:700}.quest-reward{color:var(--text-secondary);gap:var(--space-md);margin-top:var(--space-sm);font-size:12px;display:flex}.shop-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.chest-card{padding:var(--space-xl);text-align:center;cursor:pointer;transition:var(--transition-fast)}.chest-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.chest-emoji{margin-bottom:var(--space-md);font-size:48px;display:block}.chest-name{margin-bottom:var(--space-xs);font-size:16px;font-weight:700}.chest-desc{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:12px}.chest-cost{font-size:14px;font-weight:700;font-family:var(--font-mono);color:var(--color-gold)}.upgrade-list{gap:var(--space-sm);flex-direction:column;display:flex}.upgrade-row{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex}.upgrade-emoji{text-align:center;min-width:36px;font-size:24px}.upgrade-info{flex:1}.upgrade-name{font-size:13px;font-weight:700}.upgrade-desc{color:var(--text-secondary);font-size:11px}.upgrade-level{font-size:12px;font-family:var(--font-mono);color:var(--accent-primary);text-align:center;min-width:50px}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat-card{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center}.stat-value{font-size:24px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs);font-size:11px;font-weight:600}.effect-popup{pointer-events:none;z-index:200;font-family:var(--font-mono);text-shadow:0 2px 4px #000c;white-space:nowrap;font-size:16px;font-weight:800;animation:1.2s ease-out forwards float-up;position:fixed}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:.8}to{opacity:0;transform:translateY(-60px)scale(.8)}}.damage-popup{font-size:18px;animation:.8s ease-out forwards damage-pop}@keyframes damage-pop{0%{opacity:1;transform:translateY(0)scale(1.2)}to{opacity:0;transform:translateY(-40px)scale(.9)}}.offline-modal{text-align:center}.offline-amount{font-size:36px;font-weight:900;font-family:var(--font-mono);color:var(--color-gold);margin:var(--space-xl)0;text-shadow:0 0 20px #eab30880}.loading-screen{justify-content:center;align-items:center;gap:var(--space-xl);flex-direction:column;height:100vh;display:flex}.loading-title{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--color-dust));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900}.loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.section-title{align-items:center;gap:var(--space-sm);font-size:20px;font-weight:800;display:flex}.tooltip{position:relative}.tooltip-content{padding:var(--space-sm)var(--space-md);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:50;box-shadow:var(--shadow-md);font-size:12px;animation:.15s tooltip-in;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tabs{margin-bottom:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.tab{padding:var(--space-sm)var(--space-md);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;flex:1;font-size:12px;font-weight:600}.tab:hover{color:var(--text-primary);background:#ffffff0d}.tab.active{background:var(--accent-primary);color:#fff}.toggle-switch{background:var(--bg-tertiary);border:1px solid var(--glass-border);cursor:pointer;width:44px;height:24px;transition:var(--transition-base);border-radius:12px;position:relative}.toggle-switch.active{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch:after{content:"";width:18px;height:18px;transition:var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.active:after{left:22px}.text-input{width:100%;padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);transition:var(--transition-fast);outline:none;font-size:13px}.text-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.textarea{resize:vertical;min-height:80px}@media (max-width:768px){.combat-view{grid-template-columns:1fr}.combat-sidebar{max-height:200px}.skill-tree-container{grid-template-columns:1fr}.equipped-slots{grid-template-columns:repeat(2,1fr)}.nav-sidebar{width:52px}.nav-btn-label{display:none}.crafting-materials{grid-template-columns:repeat(2,1fr)}}.battlefield-container{border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;height:320px;box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;cursor:pointer;background:linear-gradient(#161625 0%,#0a0a0f 100%);position:relative;overflow:hidden}.battlefield-bg{pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:50%;background-size:20px 20px;position:absolute;inset:0}.battlefield-stage{justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:absolute;inset:0}.battlefield-left,.battlefield-right{align-items:center;display:flex;position:relative}.battlefield-allies{align-items:flex-end;gap:var(--space-md);display:flex}.hero-sprite-stack{flex-direction:column;align-items:center;width:72px;height:72px;transition:transform .15s ease-out;display:flex;position:relative}.hero-sprite-stack.dashing{transform:translate(60px)scale(1.1)}.hero-base{z-index:2;width:64px;height:64px}.hero-helmet{z-index:3;width:48px;height:48px;position:absolute;top:-12px;left:8px}.hero-weapon{z-index:4;transform-origin:0 100%;width:48px;height:48px;transition:transform .15s ease-out;position:absolute;bottom:0;right:-18px}.hero-sprite-stack.dashing .hero-weapon{transform:rotate(35deg)}.army-minions-grid{opacity:.8;flex-direction:column;gap:4px;display:flex}.minion-sprite{font-size:24px;animation:1.5s ease-in-out infinite minion-idle}.minion-sprite:nth-child(2n){animation-delay:.2s}@keyframes minion-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pets-squad{opacity:.9;flex-direction:column;gap:4px;display:flex}.pet-sprite{font-size:28px;animation:1.8s ease-in-out infinite pet-bob}@keyframes pet-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.projectile{z-index:10;font-size:24px;animation:.8s cubic-bezier(.25,.46,.45,.94) forwards fly-across;position:absolute}@keyframes fly-across{0%{opacity:0;left:25%;transform:scale(.6)}15%{opacity:1;transform:scale(1)}90%{opacity:1}to{opacity:0;left:75%;transform:scale(.8)}}.floating-damage{font-family:var(--font-mono);pointer-events:none;z-index:100;font-size:16px;font-weight:900;animation:1s ease-out forwards float-damage-up;position:absolute}.floating-damage.dps{color:var(--color-health);font-size:13px}.floating-damage.crit{color:var(--color-damage);text-shadow:0 0 8px #ef4444cc;font-size:24px}.floating-damage.normal{color:#fff;text-shadow:0 0 4px #000c}@keyframes float-damage-up{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1;transform:translateY(-20px)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translateY(-60px)scale(.9)}}.slash-effect{pointer-events:none;z-index:80;font-size:40px;animation:.25s ease-out forwards slash-anim;position:absolute;transform:translate(-50%,-50%)rotate(-30deg)}@keyframes slash-anim{0%{opacity:0;transform:translate(-50%,-50%)rotate(-30deg)scale(.5)}50%{opacity:1;transform:translate(-50%,-50%)rotate(-15deg)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(1)}}