*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.app-shell.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.topbar.svelte-12qhfyh{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;position:sticky;top:0;z-index:100}.topbar-inner.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.logo.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:800;color:#667eea;white-space:nowrap}.logo-icon.svelte-12qhfyh{font-size:1.8rem}.nav-links.svelte-12qhfyh{display:flex;gap:.25rem;flex:1;flex-wrap:wrap}.nav-link.svelte-12qhfyh{text-decoration:none;padding:.5rem 1rem;border-radius:12px;font-weight:600;font-size:.9rem;color:#666;transition:all .2s;display:flex;align-items:center;gap:.35rem}.nav-link.svelte-12qhfyh:hover{background:#f0f0ff;color:#667eea}.nav-link.active.svelte-12qhfyh{background:linear-gradient(135deg,#667eea33,#764ba233);color:#5a67d8}.nav-icon.svelte-12qhfyh{font-size:1.1rem}.player-badge.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem;background:#f8f8ff;padding:.4rem .75rem;border-radius:16px;border:1px solid #e8e8ff}.avatar.svelte-12qhfyh{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #667eea}.avatar-placeholder.svelte-12qhfyh{font-size:1.8rem}.player-info.svelte-12qhfyh{display:flex;flex-direction:column;gap:.15rem}.player-name.svelte-12qhfyh{font-weight:700;font-size:.85rem;color:#444;line-height:1}.stats-row.svelte-12qhfyh{display:flex;gap:.5rem;font-size:.75rem;font-weight:600}.stat-item.svelte-12qhfyh{color:#666;white-space:nowrap}.logout-btn.svelte-12qhfyh{background:none;border:none;cursor:pointer;font-size:1rem;color:#999;padding:.25rem;border-radius:50%;transition:all .2s;line-height:1}.logout-btn.svelte-12qhfyh:hover{background:#fee2e2;color:#ef4444}.main-content.svelte-12qhfyh{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;width:100%}@media(max-width:768px){.topbar-inner.svelte-12qhfyh{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem 1rem}.logo.svelte-12qhfyh,.nav-links.svelte-12qhfyh,.player-badge.svelte-12qhfyh{justify-content:center}.main-content.svelte-12qhfyh{padding:1rem}}