:root{--bg:#1e1147;--card:#2d1b69;--fg:#fff;--a:#ffd23f;--p0:#22d3ee;--p1:#f472b6;--ok:#22c55e;--bad:#ef4444}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 20% 0,#5b21b6,var(--bg) 60%);color:var(--fg);font:18px/1.4 system-ui,sans-serif}.screen{max-width:560px;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;gap:12px;position:relative}.logo{font-size:2.2rem;margin:8px 0 0;text-align:center}.sub{text-align:center;opacity:.8;margin:0 0 8px}h2{font-size:1.05rem;margin:10px 0 0;opacity:.9}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;opacity:.95}input{font:inherit;padding:14px;border-radius:14px;border:2px solid transparent;background:#fff;color:#111}input:focus{outline:none;border-color:var(--a)}button{font:inherit;color:inherit;cursor:pointer;border:0;border-radius:16px;min-height:56px;padding:12px 16px;background:var(--card);transition:transform .1s}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:10px}.chip{flex:1;font-weight:700}.chip.on,.cat.on{background:var(--a);color:#222}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cat{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:84px;font-weight:600}.cat span{font-size:1.8rem}.big{width:100%;min-height:64px;font-size:1.15rem;font-weight:700}.primary{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 6px 20px #0006}.hist{list-style:none;padding:0;margin:0;opacity:.85}.scorebar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scorebar div{background:var(--card);border-radius:16px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border:3px solid transparent;overflow:hidden}.scorebar b{font-size:1.6rem}.scorebar div:first-child.turn{border-color:var(--p0)}.scorebar div:last-child.turn{border-color:var(--p1)}.meta{text-align:center;opacity:.7;margin:0}.turnname{text-align:center;font-weight:700;margin:0;color:var(--p0)}.p1 .turnname{color:var(--p1)}.question{font-size:1.4rem;text-align:center;margin:8px 0}.answers{display:grid;gap:10px}.ans{background:var(--card);text-align:left;min-height:64px;font-size:1.05rem;border:2px solid #ffffff22}.ans.right{background:var(--ok)}.ans.wrong{background:var(--bad)}.ans.dim{opacity:.4}.feedback{text-align:center;font-weight:700;font-size:1.2rem;margin:0}.result{align-items:center;text-align:center;padding-top:15vh;overflow:hidden}.winner{font-size:2.4rem;animation:pop .8s cubic-bezier(.2,1.6,.4,1) both}.draw .winner{animation:pop .8s both,wob 1.6s .8s ease-in-out infinite}.final{font-size:1.4rem;animation:fade 1s .5s both}@keyframes pop{0%{transform:scale(0) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes wob{50%{transform:rotate(3deg) scale(1.05)}}.confetti i{position:fixed;top:-20px;width:10px;height:16px;border-radius:2px;animation:fall 3s linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}