:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #242444;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--side-a: #3b82f6;--side-b: #f97316}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f166}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--accent-primary)}.btn-sabotage{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff}.btn-defense{background:linear-gradient(135deg,var(--success),#059669);color:#fff}.card{background:var(--bg-card);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.container{max-width:1400px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.logo img{height:40px;width:auto}.code-area{background:#1e1e2e;border-radius:8px;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.code-area textarea{width:100%;min-height:300px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:inherit;line-height:inherit;resize:vertical;outline:none}.test-result{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:.9rem}.test-pass{background:#10b98133;color:var(--success)}.test-fail{background:#ef444433;color:var(--danger)}.timer{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.timer.warning{color:var(--warning)}.timer.danger{color:var(--danger);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.phase-indicator{display:flex;gap:4px}.phase{padding:6px 12px;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;background:var(--bg-secondary);color:var(--text-secondary)}.phase.active{background:var(--accent-primary);color:#fff}.side-a{border-left:4px solid var(--side-a)}.side-b{border-left:4px solid var(--side-b)}.modifier-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.modifier-sabotage{background:#ef444433;color:var(--danger);border:1px solid var(--danger)}.modifier-defense{background:#10b98133;color:var(--success);border:1px solid var(--success)}main.svelte-12qhfyh{min-height:calc(100vh - 73px)}nav.svelte-12qhfyh{display:flex;gap:20px;align-items:center}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-secondary);font-weight:500;transition:color .2s}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text-primary);text-decoration:none}.user-menu.svelte-12qhfyh{display:flex;align-items:center;gap:10px}.avatar.svelte-12qhfyh{width:32px;height:32px;border-radius:50%}.handle.svelte-12qhfyh{color:var(--text-primary);font-weight:500}.logout.svelte-12qhfyh{font-size:.85rem;color:var(--text-secondary)}.login-btn.svelte-12qhfyh{background:var(--bg-card);padding:8px 16px;border-radius:6px;color:var(--text-primary)!important}.login-btn.svelte-12qhfyh:hover{background:var(--accent-primary)}