*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;background:#1a0f1a;color:#f5e7c8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit;color:inherit}a{color:#d4a44c;text-decoration:none}a:hover{text-decoration:underline}:root{--bg: #1a0f1a;--bg-card: #2a1a2a;--bg-card-hi: #3a2438;--accent: #d4a44c;--accent-hi: #f4c970;--danger: #d4524c;--text: #f5e7c8;--text-dim: #b3a288;--border: #4a3548;--moon: #f5e7c8}.btn-primary{background:var(--accent);color:#1a0f1a;padding:10px 18px;border-radius:8px;font-weight:600;transition:background .12s ease}.btn-primary:hover{background:var(--accent-hi)}.btn-primary:disabled{background:var(--bg-card-hi);color:var(--text-dim);cursor:not-allowed}.btn-secondary{background:var(--bg-card-hi);color:var(--text);padding:10px 18px;border-radius:8px;border:1px solid var(--border);font-weight:500}.btn-secondary:hover{background:var(--border)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.card-frame{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.text-dim{color:var(--text-dim)}@media (max-width: 640px){body{font-size:15px}.page-header{padding:12px!important}.lobby-create-form{flex-direction:column!important;gap:12px!important}}@media (max-width: 380px){body{font-size:14px}}