:root{font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18181b;background:#f7f5ef}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 18px 60px}header{text-align:center;margin:16px 0 30px}.logo{font-weight:900;font-size:clamp(40px,10vw,76px);letter-spacing:-.06em}.tag{font-size:14px;color:#666}.card{background:white;border:1px solid #dedbd2;border-radius:22px;padding:22px;box-shadow:0 8px 30px rgba(0,0,0,.05);margin:14px 0}h1,h2,h3{margin-top:0}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;padding:14px;border-radius:14px;border:1px solid #c9c5bb;background:#fff;margin:7px 0 12px}textarea{min-height:120px;resize:vertical;font-size:20px}button{border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer;background:#18181b;color:white;margin:5px 6px 5px 0}button.secondary{background:#ece9e1;color:#222}button.ghost{background:transparent;color:#222;border:1px solid #bbb}button.react{font-size:30px;background:#fff4c2;color:#111;border:1px solid #e2cf78}.row{display:flex;gap:8px;flex-wrap:wrap}.meta{color:#666;font-size:14px}.room{font-size:34px;font-weight:900;letter-spacing:.1em}.players{display:grid;gap:7px}.player{display:flex;justify-content:space-between;padding:10px 12px;background:#f7f5ef;border-radius:12px}.ready{font-weight:800}.prompt{font-size:clamp(24px,6vw,40px);line-height:1.15;font-weight:850;margin:18px 0}.then{font-size:clamp(22px,5vw,34px);line-height:1.2;margin:18px 0}.turn{display:inline-block;background:#18181b;color:white;padding:7px 11px;border-radius:999px;font-weight:800}.notice{background:#eef6ff;padding:12px 14px;border-radius:14px;margin:12px 0}.error{background:#ffeaea;color:#8a1f1f;padding:12px;border-radius:12px;margin:10px 0}.big{font-size:18px}.center{text-align:center}.highlight{border-left:5px solid #18181b;padding-left:14px;margin:20px 0}@media(min-width:700px){.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}}