@font-face{font-family:Fredoka;src:url(Fredoka-SemiBold.ttf)}@font-face{font-family:Nunito;src:url(Nunito-Bold.ttf)}@font-face{font-family:NunitoX;src:url(Nunito-ExtraBold.ttf)}
:root{--navy:#1f2a4d;--cream:#fdf3e1;--orange:#e0662c}*{box-sizing:border-box}
body{margin:0;background:var(--navy);color:var(--cream);font-family:Nunito,sans-serif;min-height:100vh}
#app{max-width:1600px;margin:0 auto;padding:clamp(14px,3vw,48px);min-height:100vh;display:flex;flex-direction:column}
h1,h2{font-family:Fredoka,sans-serif;margin:.2em 0}h1{font-size:clamp(28px,4vw,64px)}h2{font-size:clamp(22px,3vw,48px)}
.top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.top img{height:clamp(40px,5vw,80px);background:var(--cream);border-radius:16px;padding:6px 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:var(--cream);color:var(--navy);border-radius:22px;padding:22px;border:4px solid var(--orange);cursor:pointer;position:relative}
.card img{width:70px}.card h2{color:var(--navy)}.locked{opacity:.85}.badge{position:absolute;top:14px;right:14px;background:var(--orange);color:#fff;border-radius:99px;padding:4px 12px;font-family:NunitoX}
.btn{background:var(--orange);color:#fff;border:0;border-radius:16px;padding:.7em 1.2em;font-family:NunitoX;font-size:clamp(16px,1.8vw,30px);cursor:pointer;margin:6px 6px 0 0}
.btn.ghost{background:transparent;border:3px solid var(--cream);color:var(--cream)}
.list{display:flex;flex-direction:column;gap:12px;max-width:900px}
.q{flex:1;display:flex;flex-direction:column;justify-content:center}
.qt{font-family:Fredoka;font-size:clamp(24px,3.6vw,68px);line-height:1.2;margin:.3em 0 .6em}
.meta{color:#f3b48f;font-size:clamp(14px,1.5vw,26px)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.5vw,24px)}
.opt{background:var(--cream);color:var(--navy);border-radius:18px;padding:clamp(12px,1.6vw,30px);font-size:clamp(17px,2.2vw,40px);font-family:NunitoX}
.opt.ok{background:#3aa66b;color:#fff;outline:5px solid #fff}.opt.dim{opacity:.35}
.score{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.team{background:#2c3a66;border-radius:14px;padding:8px 12px;font-size:clamp(15px,1.5vw,26px);display:flex;align-items:center;gap:8px}
.team b{font-family:NunitoX;font-size:1.3em}.team button{background:var(--orange);border:0;color:#fff;border-radius:8px;width:1.8em;height:1.8em;font-size:1em;cursor:pointer}
.nav{display:flex;flex-wrap:wrap;margin-top:18px}@media(max-width:600px){.opts{grid-template-columns:1fr}}