*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#111}
a{color:inherit}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.6;cursor:default}
.bg-green{background:#22c55e}.bg-green-d{background:#16a34a}.bg-slate{background:#0f172a}.bg-black{background:#000}
.min-h{min-height:100vh}.center{display:flex;justify-content:center;align-items:center}.text-center{text-align:center}
.card{background:#000;color:#fff;padding:3rem}.card.sm{padding:2rem;border-radius:.5rem}
input[type=text]{padding:.5rem;width:100%;border:1px solid #000;color:#000;font:inherit}
.btn{display:block;width:100%;padding:.5rem;background:#22c55e;color:#111;margin-top:1rem}
.btn-white{background:#fff;color:#000;padding:1rem 3rem;margin:0 auto;width:auto}
.btn-next{position:absolute;right:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;border-radius:.25rem}
.quiz{height:100vh;display:flex;flex-direction:column;background:#0f172a;position:relative;color:#fff}
.q{display:inline-block;background:#fff;color:#111;font-weight:700;font-size:1.5rem;margin:3rem 1rem;padding:1rem;border-radius:.25rem}
.host .q{font-size:1.875rem;margin:3rem 6rem}
@media(min-width:768px){.q{font-size:1.875rem;padding:1rem 6rem}}
.grow{flex-grow:1}.note{font-size:1.5rem;text-align:center;padding:1rem}
.choices{display:flex;flex-wrap:wrap;padding:1rem}.choices>div{width:50%;padding:.25rem}
.choice{display:flex;justify-content:space-between;width:100%;padding:1.5rem 1rem;border-radius:.25rem;color:#fff;font-size:1.25rem;text-align:left}
.host .choice{font-weight:700;font-size:1.5rem}.dim{opacity:.6}
.c0{background:#ef4444}.c1{background:#3b82f6}.c2{background:#eab308}.c3{background:#22c55e}
.footer{background:#000;color:#fff;padding:.5rem 1rem;font-size:1.5rem}
.ring{width:120px;height:120px;border:8px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:auto}
.ring.sm{width:100px;height:100px;border-color:transparent;color:#fff}
.stats{display:flex;justify-content:space-between;align-items:center;padding:0 2rem}
.stats .n{font-size:3.75rem}.stats .l{font-size:1.875rem}
.bars{display:flex;justify-content:center}.bar{margin:0 .5rem;height:12rem;width:6rem;display:flex;flex-direction:column;justify-content:flex-end}
.bar .col{flex-grow:1;position:relative}.bar .fill{position:absolute;bottom:0;left:0;right:0;margin-bottom:.25rem;border-radius:.25rem .25rem 0 0}
.bar .cnt{margin-top:.25rem;text-align:center;padding:.5rem;border-radius:0 0 .25rem .25rem;font-size:1.125rem}
.verdict{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}
.verdict .dot{border-radius:50%;padding:1rem;margin-top:.5rem}
.names{display:flex;flex-wrap:wrap;padding-bottom:1rem}.names span{background:#22c55e;margin:.5rem;padding:.5rem;font-size:1.25rem;color:#111}
.lobby{display:flex;gap:1rem;background:#000;color:#fff;padding:3rem}.lobby .w{width:24rem}.lobby svg{width:400px;height:400px;background:#fff}
.title{font-size:1.875rem;margin:1rem 0;padding:1rem 3rem;background:#fff;display:inline-block;border-radius:.25rem;font-weight:700}
.rows{max-width:42rem;margin:0 auto}.row{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:.5rem 1rem;border-radius:.25rem;margin:1rem 0}
.row.top{box-shadow:0 20px 25px -5px rgba(0,0,0,.4);font-weight:700}.row .nm{flex-grow:1;font-weight:700;font-size:1.5rem}.row.top .nm{font-size:3rem}.row .rk{padding-right:1rem}.row.top .rk{font-size:1.875rem}
.dash header{height:4rem;padding:0 .5rem;display:flex;align-items:center;border-bottom:1px solid #e5e7eb}
.dash .wrap{display:flex}.dash nav{border-right:1px solid #e5e7eb}.dash nav a{display:flex;align-items:center;height:3rem;width:13rem;text-decoration:none;padding-left:.5rem}.dash nav a:hover{background:#f3f4f6}
.dash main{flex-grow:1;padding:.5rem}.qs{display:flex;box-shadow:0 1px 3px rgba(0,0,0,.3);margin:1rem .5rem;border-radius:.25rem}.qs img{height:7rem}
.qs .info{padding:.5rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.qs .info div{display:flex;justify-content:space-between;align-items:flex-end}
.qs button{background:#22c55e;color:#fff;padding:.25rem 1rem;border-radius:.25rem}
.prose{max-width:48rem;margin:0 auto;line-height:1.6}
canvas#confetti{position:fixed;inset:0;pointer-events:none}

.app-banner{display:block;background:#000;color:#fff;text-align:center;padding:.75rem 1rem;text-decoration:none;font-weight:600}