* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background: #111827; color: #e5e7eb; margin: 0; min-height: 100vh; display: grid; place-items: center; }
.container { width: 100%; max-width: 520px; padding: 28px; background: linear-gradient(180deg,#0b1220, #08101a); border-radius: 12px; box-shadow: 0 6px 30px rgba(2,6,23,0.6); }
h1 { margin: 0 0 18px; text-align: center; font-size: 1.6rem; }
.scoreboard { display:flex; justify-content:space-between; margin-bottom: 16px; }
.score { background: rgba(255,255,255,0.04); padding: 10px 12px; border-radius: 8px; }
.choices { display:flex; gap:10px; justify-content:center; margin-bottom: 12px; }
.choices button { padding: 10px 14px; border-radius: 8px; background: #111827; color: inherit; border: 1px solid rgba(255,255,255,0.06); cursor: pointer; font-size: 1rem; }
.choices button:hover { transform: translateY(-3px); }
.log { min-height: 48px; text-align: center; margin-bottom: 12px; }
#message { font-weight: 600; margin-bottom: 6px; }
#round-result { opacity: 0.95; }
.controls { display:flex; gap:10px; justify-content:center; align-items:center; }
#target { padding:6px 8px; border-radius:6px; }
#reset { padding:8px 10px; border-radius:6px; background:#ef4444; border:none; color:#fff; cursor:pointer; }
#reset:hover { filter:brightness(1.05); }
@media (max-width:420px){ .choices{flex-direction:column;} }