.topbar.svelte-12qhfyh{background:linear-gradient(90deg,#0f3460,#16213e);color:#fff;box-shadow:0 2px 8px #0000001f;position:fixed;top:0;left:0;right:0;width:100%;z-index:100;border-bottom:3px solid var(--surface-3)}.header-content.svelte-12qhfyh{display:flex;align-items:center;justify-content:flex-start;gap:2rem;padding:.75rem 2rem;max-width:1400px;margin:0 auto}.brand.svelte-12qhfyh{flex:0 0 auto}.home-link.svelte-12qhfyh{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.05em;font-size:1.2rem;display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;transition:background .2s}.home-link.svelte-12qhfyh:hover,.home-link.svelte-12qhfyh:focus{background:#ffffff1a;outline:none}.topnav.svelte-12qhfyh{display:flex;gap:0}.topnav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#fffc;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .2s;font-weight:500;font-size:.95rem}.topnav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#ffffff1a;color:#fff}.topnav.svelte-12qhfyh a:where(.svelte-12qhfyh):focus{outline:2px solid var(--accent);outline-offset:-2px}.topnav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:#58a6ff26;color:#fff;border-bottom:2px solid var(--accent)}.spacer.svelte-12qhfyh{margin-left:auto}:root{--bg: #0d1117;--surface: #161b22;--surface-2: #1c2128;--surface-3: #21262d;--text: #e6edf3;--text-2: #8b949e;--text-3: #6e7681;--accent: #58a6ff;--accent-hover: #79b8ff;--orange: #ff6b35;--orange-hover: #ff5722;--win: #3fb950;--loss: #f85149;--gold: #d4a017;--silver: #7c8894;--bronze: #b5651d;--race-terran: #4d94d4;--race-zerg: #9b59b6;--race-protoss: #e8c44a}html,body{height:100%;margin:0;background:var(--bg);color:var(--text)}.page-container.svelte-12qhfyh{padding-top:4rem;padding-bottom:2rem;min-height:calc(100vh - 8rem);background:var(--bg);font-size:.9rem}.footer.svelte-12qhfyh{background:#1a1a1a;color:#fff;padding:2rem;margin-top:3rem;border-top:3px solid var(--surface-3)}.footer-content.svelte-12qhfyh{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1400px;margin:0 auto 2rem}.footer-section.svelte-12qhfyh h3:where(.svelte-12qhfyh),.footer-section.svelte-12qhfyh h4:where(.svelte-12qhfyh){margin:0 0 .75rem;font-size:1rem;font-weight:600}.footer-section.svelte-12qhfyh h3:where(.svelte-12qhfyh){font-size:1.1rem;color:var(--accent)}.footer-section.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0;color:#ffffffbf;font-size:.9rem;line-height:1.5}.footer-section.svelte-12qhfyh ul:where(.svelte-12qhfyh){list-style:none;padding:0;margin:0}.footer-section.svelte-12qhfyh li:where(.svelte-12qhfyh){margin-bottom:.5rem}.footer-section.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#fffc;text-decoration:none;transition:color .2s;font-size:.9rem}.footer-section.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#ff6b35}.footer-bottom.svelte-12qhfyh{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;max-width:1400px;margin:0 auto}.footer-bottom.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0;color:#fff9;font-size:.85rem}.nav-overlay.svelte-12qhfyh{position:fixed;inset:0;background:#0d111799;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:all}.nav-spinner.svelte-12qhfyh{width:48px;height:48px;border:4px solid rgba(88,166,255,.2);border-top-color:var(--accent);border-radius:50%;animation:svelte-12qhfyh-spin .7s linear infinite}@keyframes svelte-12qhfyh-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.footer-content.svelte-12qhfyh{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:640px){.header-content.svelte-12qhfyh{padding:.75rem 1rem;gap:1rem}.topnav.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:.5rem .75rem;font-size:.9rem}.home-link.svelte-12qhfyh{font-size:1rem}.footer.svelte-12qhfyh{padding:1.5rem 1rem}.footer-section.svelte-12qhfyh h3:where(.svelte-12qhfyh),.footer-section.svelte-12qhfyh h4:where(.svelte-12qhfyh){font-size:.95rem}.footer-section.svelte-12qhfyh p:where(.svelte-12qhfyh),.footer-section.svelte-12qhfyh a:where(.svelte-12qhfyh){font-size:.85rem}}