:root{--color-bg:#111317;--color-panel:#1b1f24;--color-border:#2f363f;--color-text:#f2e8cf;--color-muted:#9aa3ad;--color-accent:#3f7f6f;--color-accent-strong:#52a08c;--color-error:#e3735f;--color-field:#0d0f12;--radius-sm:4px;--radius-md:8px;--space-sm:8px;--space-md:16px;--space-lg:24px;--font-ui:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "Courier New", monospace}html,body{background:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-ui);margin:0;overflow:hidden}#game{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.login{padding:var(--space-md);background:radial-gradient(circle at 50% 30%, #1d2329, var(--color-bg) 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login[hidden]{display:none}.login__panel{width:100%;max-width:340px;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);flex-direction:column;display:flex;box-shadow:0 12px 40px #000000a6}.login__panel[hidden]{display:none}.login__pending{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:1px;margin:0;font-size:16px}.login__title{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;margin:0;font-size:40px}.login__tagline{margin:var(--space-sm) 0 var(--space-lg);color:var(--color-muted);font-size:14px}.login__label{margin-bottom:var(--space-sm);letter-spacing:1px;text-transform:uppercase;color:var(--color-muted);font-size:13px}.login__field{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-field);color:var(--color-text);font-family:var(--font-mono);padding:10px 12px;font-size:16px}.login__field:focus{outline:2px solid var(--color-accent-strong);outline-offset:1px}.login__button{margin-top:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-text);letter-spacing:1px;cursor:pointer;border:none;padding:12px;font-family:inherit;font-size:16px}.login__button:hover:enabled{background:var(--color-accent-strong)}.login__button:disabled{opacity:.6;cursor:progress}.login__error{margin:var(--space-md) 0 0;border-left:3px solid var(--color-error);color:var(--color-error);background:#2a1a17;padding:10px 12px;font-size:14px}.login__error[hidden]{display:none}