:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f5f3ff;background:#0b0a12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#33205c 0,transparent 35%),radial-gradient(circle at 80% 70%,#172d4e 0,transparent 35%),#0b0a12}button,.button,input,select,textarea{font:inherit;border-radius:14px;border:1px solid #ffffff22}button,.button{display:inline-flex;justify-content:center;padding:13px 18px;background:#8b5cf6;color:#fff;font-weight:750;cursor:pointer;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}.secondary{background:#ffffff0d;color:#ddd;border-color:#fff2}.selected{background:#8b5cf6!important;color:#fff!important}.shell{width:min(900px,100%);min-height:100vh;margin:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.shell>header{display:flex;justify-content:space-between}.host-grid{display:grid;grid-template-columns:1fr 260px;gap:24px}.host-grid aside{display:flex;flex-direction:column;gap:12px;align-items:center;background:#ffffff0a;border:1px solid #ffffff15;border-radius:24px;padding:22px;height:max-content}.stage{text-align:center;padding:28px 10px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#a78bfa;font-weight:800}.stage h1,h1{font-size:clamp(32px,6vw,64px);line-height:1;margin:14px 0}.timer{font-size:clamp(64px,14vw,128px);line-height:1;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.06em}.actors{color:#aaa}.controls,.choice{display:flex;gap:10px;flex-wrap:wrap}.players{width:100%;display:grid;gap:8px}.players>div{display:flex;gap:10px;align-items:center;padding:10px;background:#ffffff08;border-radius:12px}.players>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#333}.players .online>span{background:#22c55e;color:#061}.players small{display:block;color:#999}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#ffffff0a;color:#ccc;font-weight:500;padding:9px 12px}input,select,textarea{width:100%;padding:14px;background:#ffffff0c;color:#fff}textarea{min-height:90px}.turn{text-align:center;padding:14px;border-radius:14px;background:#ffffff0a}.turn.mine{background:#22c55e;color:#041b0b;font-weight:900}.secret,.score{padding:18px;border:1px solid #a78bfa66;background:#8b5cf615;border-radius:18px}.secret pre{white-space:pre-wrap;font-family:inherit;line-height:1.5}.score{margin-top:18px;display:grid;gap:10px}.score label{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:10px}.recorder{padding:14px;border-radius:14px;background:#ffffff0a}.recorder span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#666;margin-right:8px}.recorder.live span{background:#ef4444;box-shadow:0 0 0 6px #ef444433;animation:pulse 1s infinite}.notice{padding:14px;background:#f59e0b22;border:1px solid #f59e0b66;border-radius:14px}.display{min-height:100vh;padding:40px;display:flex;flex-direction:column;justify-content:center}.display>.players{grid-template-columns:1fr 1fr;max-width:800px;margin:0 auto}.display .stage{width:100%}@keyframes pulse{50%{opacity:.4}}@media(max-width:800px){.host-grid{grid-template-columns:1fr}.host-grid aside{order:-1}.shell{padding:18px}.timer{font-size:72px}.score label{grid-template-columns:1fr 90px}}