:root{--ink: #150e27;--ink-2: #1e1438;--card: #241a3d;--card-border: #3a2c5e;--flame: #ff6b4a;--flame-dim: #c94e33;--zap: #ffd166;--bubble: #7ce0c0;--paper: #f5f1ff;--paper-dim: #b6acd6;--font-display: "Lilita One", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(circle at 50% -10%,var(--ink-2) 0%,var(--ink) 60%);color:var(--paper);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;margin:0}button{font-family:var(--font-body);font-weight:700;cursor:pointer;border:none;border-radius:16px;touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--bubble);outline-offset:2px}input{font-family:var(--font-body)}.btn-primary{background:var(--flame);color:var(--ink);padding:14px 28px;font-size:1.1rem;border-radius:18px;box-shadow:0 4px 0 var(--flame-dim);transition:transform .08s ease,box-shadow .08s ease}.btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--flame-dim)}.btn-primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--paper);border:2px solid var(--card-border);padding:12px 24px;font-size:1rem}.room-code{font-family:var(--font-mono);font-weight:700;letter-spacing:.35em;background:var(--ink-2);border:2px solid var(--card-border);border-radius:12px;padding:10px 16px;color:var(--zap)}.card{background:var(--card);border:3px solid var(--card-border);border-radius:24px;padding:28px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}