:root{--color-bg: #1a1a2e;--color-bg-secondary: #16213e;--color-primary: #0f3460;--color-accent: #e94560;--color-text: #eaeaea;--color-text-muted: #a0a0a0;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-warrior: #C79C6E;--color-paladin: #F58CBA;--color-hunter: #ABD473;--color-rogue: #FFF569;--color-priest: #FFFFFF;--color-death-knight: #C41F3B;--color-shaman: #0070DE;--color-mage: #69CCF0;--color-warlock: #9482C9;--color-monk: #00FF96;--color-druid: #FF7D0A;--color-demon-hunter: #A330C9;--color-evoker: #33937F}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background-color:var(--color-accent);color:var(--color-text);border:none;padding:.5rem 1rem;border-radius:4px;font-size:1rem}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}header.svelte-12qhfyh{background-color:var(--color-bg-secondary);padding:1rem 2rem;border-bottom:1px solid var(--color-primary)}nav.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.logo.svelte-12qhfyh{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.nav-links.svelte-12qhfyh{display:flex;gap:2rem}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-text)}.nav-links.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--color-accent)}main.svelte-12qhfyh{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}footer.svelte-12qhfyh{background-color:var(--color-bg-secondary);padding:1rem 2rem;text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-primary)}.auth.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}.battletag.svelte-12qhfyh{color:var(--color-text-muted)}.logout.svelte-12qhfyh{background:transparent;color:var(--color-text-muted);font-size:.875rem;padding:.25rem .5rem}.logout.svelte-12qhfyh:hover{color:var(--color-text)}.login-btn.svelte-12qhfyh{background-color:var(--color-accent);color:var(--color-text);padding:.5rem 1rem;border-radius:4px}.login-btn.svelte-12qhfyh:hover{text-decoration:none;opacity:.9}.loading-auth.svelte-12qhfyh{color:var(--color-text-muted)}