:root{color-scheme:light;--background: #f6f2ea;--surface: #ffffff;--text: #1d1d1f;--muted: #66615a;--border: #ddd5c9;--field: #fbf8f2;--primary: #1f6f68;--primary-pressed: #185852;--secondary: #efe7da;--danger: #b42318}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}main{display:grid;min-height:100vh;place-items:center;padding:24px}.panel{width:min(100%,440px);border:1px solid var(--border);border-radius:24px;background:var(--surface);padding:28px;box-shadow:0 18px 48px #3027191f}.player-panel{width:min(100%,520px)}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,8vw,3rem);line-height:1.05;letter-spacing:0}h2,h3{margin:0;line-height:1.15;letter-spacing:0}h2{font-size:1.85rem}h3{font-size:1.18rem}.room-code{margin:24px 0;border:1px solid var(--border);border-radius:16px;background:var(--field);padding:16px}.room-code.compact{margin:18px 0 0}.room-summary{display:grid;gap:10px;margin:0 0 20px;border:1px solid var(--border);border-radius:16px;padding:16px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.summary-label,.room-label,label{margin:0 0 6px;color:var(--muted);font-size:.92rem;font-weight:700}.summary-value{font-weight:800;overflow-wrap:anywhere;text-align:right}.room-value{margin:0;font-size:2rem;font-weight:800;letter-spacing:.14em;overflow-wrap:anywhere}form{display:grid;gap:14px}.field{display:grid;gap:6px}input{width:100%;min-height:52px;border:1px solid var(--border);border-radius:14px;background:var(--field);color:var(--text);font:inherit;font-size:1rem;padding:0 14px}input:focus{border-color:var(--primary);outline:3px solid rgba(31,111,104,.16)}input:disabled{opacity:.62}.error{min-height:20px;margin:0;color:var(--danger);font-size:.9rem;font-weight:600}.standalone{margin:18px 0}.actions{display:grid;gap:12px;margin-top:4px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border:0;border-radius:14px;padding:0 18px;color:inherit;font:inherit;font-size:1rem;font-weight:700;text-align:center;text-decoration:none;transition:background .16s ease,transform .16s ease}.button:active{transform:translateY(1px)}.button-primary{background:var(--primary);color:#fff;cursor:pointer}.button-primary:hover:not(:disabled){background:var(--primary-pressed)}.button-primary:disabled,.button-disabled{cursor:not-allowed;opacity:.62}.button-secondary{background:var(--secondary);color:var(--text)}.status{margin:18px 0 0;color:var(--muted);font-size:.96rem;text-align:center}.status strong{color:var(--text)}.status.left{text-align:left}.strong-status{color:var(--primary);font-weight:700}.phase-stack{display:grid;gap:16px}.phase-card{display:grid;gap:16px;min-width:0;border:1px solid var(--border);border-radius:18px;background:var(--field);padding:18px}.phase-card.centered{justify-items:center;text-align:center}.reveal-card{margin-top:18px}.player-list{display:grid;gap:10px}.player-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.player-row span:first-child{min-width:0;overflow-wrap:anywhere;font-weight:700}.pill{flex:0 0 auto;border-radius:999px;background:var(--secondary);color:var(--muted);font-size:.78rem;font-weight:800;padding:5px 9px}.pill.ready{background:#1f6f6824;color:var(--primary)}.secret-surface{display:grid;min-height:220px;align-content:center;gap:8px;border:1px solid var(--border);border-radius:22px;background:var(--surface);padding:22px;text-align:center}.secret-surface.muted{color:var(--muted)}.secret-label{margin:0;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.secret-word{margin:0;min-height:3.4rem;font-size:2.4rem;font-weight:900;line-height:1.15;overflow-wrap:anywhere}.secret-word.masked{letter-spacing:.18em}.secret-word.small{font-size:1.45rem}@media(max-width:420px){main{align-items:stretch;padding:16px}.panel{align-self:center;border-radius:20px;padding:22px}h1{font-size:2rem}.room-value{font-size:1.65rem}.summary-row,.player-row{align-items:flex-start;flex-direction:column;gap:4px}.summary-value{text-align:left}.secret-word{font-size:2rem}}