*{box-sizing:border-box}
body{font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial; margin:0; background:#0f1220; color:#f3f5ff}
.container{max-width:800px;margin:0 auto;padding:16px}
.card{background:#161a2b;border:1px solid #242a44;border-radius:16px;padding:16px;margin:12px 0}
h1,h2,h3{margin:0 0 12px}
label{display:block;margin:8px 0 4px;color:#c9ceea}
input,select,button{width:100%;padding:12px;border-radius:10px;border:1px solid #2b3152;background:#1a1f33;color:#e7e9f3}
button{cursor:pointer}
.row{display:flex;gap:12px;flex-wrap:wrap}
.col{flex:1 1 280px}
.badge{display:inline-block;padding:6px 10px;border-radius:12px;background:#1a1f33;border:1px solid #2b3152}
.center{text-align:center}
.img-q{width:100%;max-height:60vh;object-fit:contain;background:#0b0e1a;border-radius:10px}
.timer{font-weight:700}
.players li{margin:4px 0}
.leader tr td, .leader tr th{padding:8px;border-bottom:1px solid #2b3152}