:root{--ink:#20202a;--paper:#fff9ec;--red:#f45b3d;--yellow:#ffc83d;--blue:#5aa8dc;--green:#67b86c;--muted:#766f69}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--yellow);color:var(--ink);font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;background-image:radial-gradient(#fff5 1.5px,transparent 1.5px);background-size:18px 18px}body:before{content:"";position:fixed;inset:0;background:linear-gradient(145deg,transparent 60%,#f47b3033);pointer-events:none}main{width:min(100%,520px);margin:auto;padding:24px;min-height:100vh;display:grid;align-items:center}.card{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:24px;padding:28px;box-shadow:8px 8px 0 var(--ink)}.splash{text-align:center}.logo{width:58px;height:58px;display:grid;place-items:center;margin:-60px auto 12px;border:3px solid var(--ink);border-radius:50%;background:var(--red);color:white;font:900 35px Georgia;transform:rotate(-7deg);box-shadow:4px 4px 0 var(--ink)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;margin:10px 0;color:var(--red)}h1{font-size:clamp(45px,14vw,70px);line-height:.78;margin:18px 0;letter-spacing:-.07em;transform:rotate(-1deg)}h2{font-size:34px;line-height:1;margin:8px 0 18px}.lede{color:var(--muted);font-weight:700;line-height:1.5}label{display:block;text-align:left;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-top:20px}input,textarea{width:100%;margin-top:8px;border:2px solid var(--ink);border-radius:12px;padding:14px;font:700 17px inherit;background:white;outline:none}input:focus,textarea:focus{box-shadow:0 0 0 4px #5aa8dc55}textarea{resize:none;min-height:110px}button{border:2px solid var(--ink);border-radius:12px;background:white;color:var(--ink);padding:13px 18px;font:900 15px inherit;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}button:disabled{opacity:.45;cursor:default}.primary{width:100%;margin-top:14px;background:var(--red);color:white}.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;margin:20px 0 10px}.or:before,.or:after{content:"";height:2px;background:#ddd;flex:1}.join{display:flex;gap:10px}.join input{margin:0;text-transform:uppercase;letter-spacing:.15em}.roomtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.pill{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:7px 12px;font-weight:900;letter-spacing:.1em}.players{display:grid;gap:9px;margin:16px 0}.player{display:flex;align-items:center;justify-content:space-between;background:white;border:2px solid var(--ink);border-radius:12px;padding:11px 14px;font-weight:800}.avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);border:2px solid var(--ink);margin-right:9px}.prompt{background:var(--yellow);border:2px solid var(--ink);padding:18px;border-radius:15px;font-size:22px;font-weight:900;line-height:1.2;margin:15px 0}.answer{font-family:Georgia,serif;font-size:26px;font-weight:700;line-height:1.25;background:white;border:3px solid var(--ink);padding:24px 18px;border-radius:15px;margin:20px 0;box-shadow:5px 5px 0 var(--blue)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{padding:16px 8px}.choices button.selected{background:var(--blue);color:white}.status{text-align:center;color:var(--muted);font-weight:800;margin:18px 0}.reveal{background:#e5f5df;border:2px solid var(--green);border-radius:12px;padding:13px;margin:14px 0;font-weight:800}.score{font-size:18px}.footer{text-align:center;color:#685d48;font-size:11px;font-weight:800;margin-top:24px}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%) translateY(100px);background:var(--ink);color:white;border-radius:10px;padding:12px 18px;font-weight:800;transition:.25s;z-index:5}#toast.show{transform:translateX(-50%) translateY(0)}@media(max-width:420px){main{padding:16px}.card{padding:22px}.choices{grid-template-columns:1fr}}