:root{--bg: #0b0d10;--panel: #12161c;--panel2: #0f1318;--border: #2a313b;--bevel-hi: rgba(255, 255, 255, .12);--bevel-lo: rgba(0, 0, 0, .55);--text: #e8eef6;--muted: #a7b2c0;--blaze: #E86C2C;--gold: #C9A227;--ok: #48C774;--warn: #D4A017;--bad: #D84C4C;--shadow: 0 12px 40px rgba(0, 0, 0, .55);--inner: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .55);--wc3-stone-dark: #0f1318;--wc3-stone-mid: #12161c;--wc3-stone-light: #1a1f28;--wc3-stone-border: #2a313b;--wc3-stone-highlight: #2a313b;--wc3-stone-shadow: #0b0d10;--wc3-gold: #C9A227;--wc3-gold-dark: #9B7B1C;--wc3-gold-light: #E0C060;--wc3-gold-shadow: #8B6914;--wc3-metal-dark: #1a1f28;--wc3-metal-mid: #2a313b;--wc3-metal-light: #3a4555;--wc3-metal-rivet: #12161c;--wc3-text-cream: #e8eef6;--wc3-text-gold: #C9A227;--wc3-text-dim: #a7b2c0;--wc3-hp-high: #48C774;--wc3-hp-mid: #D4A017;--wc3-hp-low: #D84C4C;--wc3-mana: #3498DB}.wc3-panel{background:linear-gradient(180deg,var(--wc3-stone-mid) 0%,var(--wc3-stone-dark) 100%);border:3px solid var(--wc3-stone-border);box-shadow:inset 0 1px 0 var(--wc3-stone-highlight),inset 0 -1px 0 var(--wc3-stone-shadow),0 2px 4px #00000080;border-radius:2px}.wc3-panel-inset{background:linear-gradient(180deg,var(--wc3-stone-dark) 0%,#050403 100%);border:2px solid var(--wc3-stone-shadow);box-shadow:inset 0 2px 4px #0009,0 1px 0 var(--wc3-stone-highlight);border-radius:2px}.wc3-button{background:linear-gradient(180deg,var(--wc3-stone-light) 0%,var(--wc3-stone-mid) 50%,var(--wc3-stone-dark) 100%);border:2px solid var(--wc3-stone-border);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 2px 0 var(--wc3-stone-shadow);color:var(--wc3-text-cream);cursor:pointer;transition:all .1s ease;position:relative}.wc3-button:hover{background:linear-gradient(180deg,#3a342e 0%,var(--wc3-stone-light) 50%,var(--wc3-stone-mid) 100%);border-color:var(--wc3-gold-dark);box-shadow:inset 0 1px #ffd70033,inset 0 -1px #0000004d,0 2px 0 var(--wc3-stone-shadow),0 0 8px #ffd7004d}.wc3-button:active,.wc3-button.pressed{background:linear-gradient(180deg,var(--wc3-stone-dark) 0%,var(--wc3-stone-mid) 100%);border-color:var(--wc3-gold);box-shadow:inset 0 2px 4px #00000080,0 0 12px #ffd70080;transform:translateY(1px)}.wc3-button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.wc3-button:disabled:hover{background:linear-gradient(180deg,var(--wc3-stone-light) 0%,var(--wc3-stone-mid) 50%,var(--wc3-stone-dark) 100%);border-color:var(--wc3-stone-border);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 2px 0 var(--wc3-stone-shadow)}.wc3-button .cooldown-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 100%);pointer-events:none;clip-path:inset(0 0 0 0);transition:clip-path .1s linear}.wc3-frame-gold{position:relative;background:var(--wc3-stone-dark);border:3px solid var(--wc3-gold-dark);box-shadow:inset 0 0 0 2px var(--wc3-stone-shadow),0 0 0 1px var(--wc3-gold-shadow),0 0 12px #ffd7004d}.wc3-frame-gold:before,.wc3-frame-gold:after{content:"";position:absolute;width:8px;height:8px;border:2px solid var(--wc3-gold)}.wc3-frame-gold:before{top:-4px;left:-4px;border-right:none;border-bottom:none}.wc3-frame-gold:after{bottom:-4px;right:-4px;border-left:none;border-top:none}.wc3-frame-gold-corners:before,.wc3-frame-gold-corners:after{content:"";position:absolute;width:8px;height:8px;border:2px solid var(--wc3-gold)}.wc3-frame-gold-corners:before{top:-4px;right:-4px;border-left:none;border-bottom:none}.wc3-frame-gold-corners:after{bottom:-4px;left:-4px;border-right:none;border-top:none}.wc3-metal-strip{background:linear-gradient(180deg,var(--wc3-metal-light) 0%,var(--wc3-metal-mid) 20%,var(--wc3-metal-dark) 80%,#1a1a1e 100%);border-bottom:2px solid #0a0a0c;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #00000080;position:relative}.wc3-metal-strip:before,.wc3-metal-strip:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background:radial-gradient(circle at 30% 30%,var(--wc3-metal-light) 0%,var(--wc3-metal-dark) 50%,var(--wc3-metal-rivet) 100%);border-radius:50%;box-shadow:inset 0 1px #fff3,0 1px 1px #00000080}.wc3-metal-strip:before{left:12px}.wc3-metal-strip:after{right:12px}.wc3-bar-container{background:var(--wc3-stone-shadow);border:1px solid var(--wc3-stone-border);border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.wc3-hp-bar{height:100%;background:linear-gradient(180deg,#4ade80 0%,var(--wc3-hp-high) 50%,#22c55e 100%);box-shadow:0 0 4px #2ecc7180;transition:width .3s ease,background .3s ease}.wc3-hp-bar.medium{background:linear-gradient(180deg,#fbbf24 0%,var(--wc3-hp-mid) 50%,#d97706 100%);box-shadow:0 0 4px #f39c1280}.wc3-hp-bar.low{background:linear-gradient(180deg,#f87171 0%,var(--wc3-hp-low) 50%,#dc2626 100%);box-shadow:0 0 4px #e74c3c80}.wc3-mana-bar{height:100%;background:linear-gradient(180deg,#60a5fa 0%,var(--wc3-mana) 50%,#2563eb 100%);box-shadow:0 0 4px #3498db80;transition:width .3s ease}.wc3-command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:6px;background:var(--wc3-stone-shadow);border-radius:2px}.wc3-command-button{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;min-height:52px}.wc3-command-button .icon{font-size:1.2rem;line-height:1}.wc3-command-button .label{font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--wc3-text-dim)}.wc3-command-button .hotkey{position:absolute;bottom:3px;right:4px;font-size:.5rem;font-weight:700;color:var(--wc3-gold);font-family:monospace}.wc3-command-button .mana-cost{position:absolute;top:3px;right:4px;font-size:.45rem;font-weight:600;color:var(--wc3-mana)}.wc3-minimap-container{background:var(--wc3-stone-dark);border:3px solid var(--wc3-stone-border);box-shadow:inset 0 0 0 1px var(--wc3-stone-shadow),0 2px 4px #00000080;border-radius:2px;overflow:hidden}.wc3-minimap-header{background:linear-gradient(180deg,var(--wc3-stone-mid) 0%,var(--wc3-stone-dark) 100%);border-bottom:1px solid var(--wc3-stone-border);padding:4px 8px}.wc3-hero-portrait{position:relative;padding:8px}.wc3-hero-portrait .portrait-image{width:64px;height:64px;background:var(--wc3-stone-shadow);border:2px solid var(--wc3-gold-dark);box-shadow:inset 0 0 8px #000c,0 0 8px #ffd7004d}.wc3-hero-portrait .level-badge{position:absolute;bottom:4px;left:4px;background:linear-gradient(135deg,var(--wc3-gold) 0%,var(--wc3-gold-dark) 100%);color:var(--wc3-stone-dark);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:2px;box-shadow:0 1px 2px #00000080}.wc3-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:8px}.wc3-hero-stat{background:var(--wc3-stone-shadow);border:1px solid var(--wc3-stone-border);padding:4px 6px;border-radius:2px;display:flex;justify-content:space-between;align-items:center;font-size:.6rem}.wc3-hero-stat .label{color:var(--wc3-text-dim);text-transform:uppercase;letter-spacing:.05em}.wc3-hero-stat .value{color:var(--wc3-text-cream);font-weight:600;font-family:monospace}.wc3-sidebar{background:linear-gradient(180deg,var(--wc3-stone-mid) 0%,var(--wc3-stone-dark) 100%);border-color:var(--wc3-stone-border)}.wc3-sidebar-section{border-bottom:1px solid var(--wc3-stone-border);padding:.5rem}.wc3-sidebar-header{font-size:.6rem;font-weight:600;color:var(--wc3-text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--wc3-stone-shadow)}.wc3-bottom-bar{background:linear-gradient(180deg,var(--wc3-stone-mid) 0%,var(--wc3-stone-dark) 100%);border-top:3px solid var(--wc3-stone-border);box-shadow:0 -2px 4px #0000004d}.wc3-connection-status{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--wc3-stone-shadow);border:1px solid var(--wc3-stone-border);border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.wc3-connection-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor}.wc3-connection-dot.live{background:var(--wc3-hp-high);color:var(--wc3-hp-high);animation:pulse-glow 2s infinite}.wc3-connection-dot.demo{background:var(--wc3-hp-mid);color:var(--wc3-hp-mid)}.wc3-connection-dot.disconnected{background:var(--wc3-hp-low);color:var(--wc3-hp-low)}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 12px currentColor}}.wc3-text-gold{color:var(--wc3-gold)}.wc3-text-cream{color:var(--wc3-text-cream)}.wc3-text-dim{color:var(--wc3-text-dim)}.wc3-glow-gold{box-shadow:0 0 12px #c9a22780}.wc3-border-gold{border-color:var(--wc3-gold-dark)}.wc3-heading{font-family:Cinzel,Times New Roman,serif;font-weight:700;letter-spacing:.05em;color:var(--gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.wc3-heading-lg{font-size:1.5rem}.wc3-heading-md{font-size:1rem}.wc3-heading-sm{font-size:.75rem}.wc3-tooltip{position:fixed;z-index:10000;pointer-events:none;max-width:280px;padding:10px 14px;background:linear-gradient(180deg,#d4c5a3,#c4b48f);border:2px solid #8b7355;border-radius:4px;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;font-family:Inter,system-ui,sans-serif;font-size:.75rem;line-height:1.4;color:#2a2015;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.wc3-tooltip.visible{opacity:1;transform:translateY(0)}.wc3-tooltip-title{font-family:Cinzel,serif;font-weight:700;font-size:.85rem;color:#3a2a15;margin-bottom:4px;letter-spacing:.02em}.wc3-tooltip-hotkey{display:inline-block;padding:2px 6px;margin-left:6px;background:#0000001a;border:1px solid rgba(0,0,0,.2);border-radius:3px;font-family:monospace;font-size:.7rem;font-weight:700;color:#5a4a30}.wc3-tooltip-desc{color:#4a3a25}.wc3-tooltip-disabled{font-style:italic;color:#7a6a55}.wc3-texture-metal{position:relative}.wc3-texture-metal:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);mix-blend-mode:overlay;opacity:.5}.wc3-texture-stone{position:relative}.wc3-texture-stone:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(0,0,0,.08) 1px,transparent 1px);background-size:8px 8px;opacity:.7}.wc3-scout-strip{position:absolute;bottom:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#12161cf2,#0b0d10fa);border-top:1px solid var(--border);font-size:.7rem;color:var(--muted);overflow:hidden}.wc3-scout-strip-inner{display:flex;align-items:center;gap:8px;animation:scout-fade 4s ease-in-out}.wc3-scout-strip-icon{color:var(--gold);font-size:.8rem}.wc3-scout-strip-text{white-space:nowrap}@keyframes scout-fade{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.wc3-counter-flash-gold{animation:counter-flash-gold .5s ease-out}.wc3-counter-flash-red{animation:counter-flash-red .5s ease-out}@keyframes counter-flash-gold{0%{background:var(--gold);color:var(--bg)}to{background:transparent;color:inherit}}@keyframes counter-flash-red{0%{background:var(--bad);color:#fff}to{background:transparent;color:inherit}}.wc3-panel-frame{background:linear-gradient(180deg,var(--panel) 0%,var(--panel2) 100%);border:2px solid var(--border);border-radius:4px;box-shadow:var(--shadow),var(--inner);position:relative}.wc3-panel-frame:before{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.05);border-radius:2px;pointer-events:none}.wc3-command-reserved{background:linear-gradient(180deg,#0a0c0f,#050607)!important;border-color:#1a1e25!important;cursor:not-allowed!important;opacity:.6}.wc3-command-reserved:after{content:"SOON";position:absolute;bottom:4px;right:4px;font-size:.4rem;font-weight:700;color:var(--muted);letter-spacing:.05em;opacity:.7}.wc3-hover-glow:hover{box-shadow:0 0 12px #e86c2c66;border-color:var(--blaze)}@media(prefers-reduced-motion:reduce){.wc3-scout-strip-inner,.wc3-counter-flash-gold,.wc3-counter-flash-red,.wc3-connection-dot.live{animation:none}.wc3-tooltip{transition:none}}