body { font-family: system-ui, Arial, sans-serif; margin: 0; background:#111; color:#eee; }
.container { max-width: 600px; margin: 2rem auto; padding:1.5rem; background:#1f1f1f; border-radius:12px; box-shadow:0 4px 16px #0007; }
a.button { display:inline-block; background:#3478f6; color:#fff; padding:.6rem 1rem; border-radius:6px; text-decoration:none; }
button { background:#3478f6; color:#fff; border:none; padding:.6rem 1rem; border-radius:6px; cursor:pointer; }
input { padding:.5rem .7rem; border-radius:6px; border:1px solid #444; background:#222; color:#eee; }
#result.win { color: #4ade80; }
#result.lose { color: #f87171; }
#results { margin-top:2rem; font-size:.9rem; }
.badge { padding:2px 6px; border-radius:4px; font-weight:600; }
.badge.win { background:#065f46; color:#a7f3d0; }
.badge.lose { background:#7f1d1d; color:#fecaca; }
small.note { color:#bbb; }