body{font:16px/1.6 system-ui,sans-serif;max-width:720px;margin:0 auto;padding:1rem;color:#222}
nav a{margin-right:1rem}textarea,input{width:100%;padding:.5rem;font:inherit;box-sizing:border-box}
.stats{display:flex;gap:1rem;flex-wrap:wrap}.stats div{background:#f2f4f8;padding:.6rem 1rem;border-radius:8px}
.stats b{display:block;font-size:1.5rem}button{padding:.5rem 1rem;font:inherit;cursor:pointer}
footer{margin-top:3rem;color:#666;font-size:.9rem}label{display:block;margin:.5rem 0}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ccc;padding:.3rem .5rem;text-align:left}#r{font-size:1.4rem;font-weight:600}
.wheelbox{position:relative;max-width:460px;margin:1rem auto}.wheelbox canvas{width:100%;height:auto;cursor:pointer;display:block}
.ptr{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border:14px solid transparent;border-top:28px solid #222}
#res{font-size:1.8rem;font-weight:700;text-align:center;min-height:2.4rem;margin:.5rem 0}
.wrow{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin:.5rem 0}#spin{font-size:1.2rem;padding:.7rem 2rem;background:#e63946;color:#fff;border:0;border-radius:8px}
#list{height:10rem}.wheels a{display:inline-block;margin:.2rem .6rem .2rem 0}
.big{font-size:2.6rem;font-weight:800;margin:1rem 0 .2rem}.clock{font-size:1.3rem;font-variant-numeric:tabular-nums;opacity:.7;margin:0 0 1rem}
@media(prefers-color-scheme:dark){.ptr{border-top-color:#eee}body{background:#111;color:#eee}.stats div{background:#222}a{color:#8ab4ff}textarea,input{background:#1b1b1b;color:#eee}}