@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo-2-latin-700-normal.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/baloo-2-latin-800-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format("woff2")}:root{--bg: #1a0e1f;--panel: #29182f;--panel-2: #35203f;--ink: #fceef1;--muted: #b89bad;--brand: #ff5a36;--brand-2: #ff2e7e;--accent: #ffb627;--brand-ink: #ffffff;--line: #48304f;--good: #2fd27a;--bad: #ff4d5e;--danger: #ff4d5e;--grad: linear-gradient(135deg, #ff5a36, #ff2e7e);--font-display: "Baloo 2", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.app{min-height:100%;max-width:520px;margin:0 auto;padding:16px;display:flex;flex-direction:column}.bar{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 16px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px}.brand .dot{width:11px;height:11px;border-radius:50%;background:var(--brand);box-shadow:0 0 14px var(--brand)}.status.on{color:var(--good)}.status.off{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;flex:1}h1{font-size:24px;margin:0 0 2px}.sub{color:var(--muted);margin:0 0 18px}label{display:block;font-size:13px;color:var(--muted);margin:8px 0;text-transform:uppercase;letter-spacing:.08em}.row{display:flex;gap:10px}input{flex:1;padding:15px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:17px}input:focus{outline:2px solid var(--brand);border-color:transparent}button{cursor:pointer;border:0;border-radius:12px;padding:15px 18px;font-weight:700;font-size:17px;background:var(--grad);color:#fff}button:disabled{opacity:.5}.or{text-align:center;color:var(--muted);margin:22px 0 12px;font-size:14px}.team-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.team-list .ghost{width:100%;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);text-align:left}.you{font-size:18px;margin-bottom:18px}.prompt{font-size:22px;font-weight:700;margin-bottom:18px;line-height:1.25}.answers{display:flex;flex-direction:column;gap:12px}.answer{display:flex;align-items:center;gap:14px;text-align:left;background:var(--panel-2);color:var(--ink);border:2px solid var(--line);font-size:19px}.answer .letter{width:40px;height:40px;flex:none;display:grid;place-items:center;background:var(--panel);border-radius:10px;font-weight:800}.answer.picked{border-color:var(--brand);background:#3a1030}.ack{margin-top:16px;text-align:center;color:var(--good);font-weight:600}.waiting{text-align:center;color:var(--muted);font-size:18px;padding:30px 0}.result{text-align:center;padding:20px 0}.result .right{font-size:30px;font-weight:800;color:var(--good)}.result .wrong{font-size:26px;font-weight:700;color:var(--bad)}body{font-family:var(--font-body)}.brand,h1,.prompt{font-family:var(--font-display)}.you b{color:var(--brand)}.brand .dot{width:1.55em;height:1.55em;border-radius:22%;background:url(/quizzr-mark.svg) center / contain no-repeat;box-shadow:none}
