*{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:15px;line-height:1.45;background:#1a0f1a;color:#f5e7c8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit;color:inherit}select{background:var(--bg-card-hi);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:4px 6px}select option{background:var(--bg-card-hi);color:var(--text)}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:7px 14px;border-radius:7px;font-weight:600;font-size:14px;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:7px 14px;border-radius:7px;border:1px solid var(--border);font-weight:500;font-size:14px}.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:10px;padding:12px}.text-dim{color:var(--text-dim)}@media (max-width: 640px){body{font-size:14px}.page-header{padding:8px 12px!important}.lobby-create-form{flex-direction:column!important;gap:8px!important}.card-frame{padding:10px;border-radius:8px}.btn-primary,.btn-secondary{padding:6px 12px;font-size:13px}main{padding:8px!important}h1{letter-spacing:2px!important}}@media (max-width: 380px){body{font-size:13px}.card-frame{padding:8px}.btn-primary,.btn-secondary{padding:5px 10px;font-size:12px}}