:root{--felt:#0e4a35;--felt-dark:#072a1e;--ink:#f8f9fa;--muted:#a5c9b8;--gold:#ffd43b;--panel:#061e16eb;--line:#ffffff24;color:var(--ink);font-family:Fredoka,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(ellipse at 50% 35%, var(--felt), var(--felt-dark) 75%);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}#bar{height:44px;padding:0 12px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);background:#00000040;flex:none;align-items:center;gap:12px;font-size:14px;display:flex}#round{color:var(--muted);white-space:nowrap}#last{text-align:right;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#stage{min-height:0;padding-bottom:env(safe-area-inset-bottom);flex:1;position:relative}#stage canvas{display:block}.chip{font:inherit;color:var(--ink);cursor:pointer;border:1px solid var(--line);letter-spacing:1px;background:#ffffff1a;border-radius:999px;padding:4px 12px;font-weight:700}.chip:empty{display:none}#overlay{z-index:5;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:44px 0 0}#overlay[hidden]{display:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:min(420px,100%);max-height:100%;padding:22px;overflow:auto;box-shadow:0 20px 60px #00000080}.card h1{color:var(--gold);letter-spacing:1px;margin:0 0 4px;font-size:44px;line-height:1}.card h2{margin:0 0 14px;font-size:22px}.card p{color:var(--muted);margin:0 0 16px}.card p.err{color:#ff8787}.row{gap:8px;margin-bottom:10px;display:flex}input{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff14;border-radius:10px;flex:1;padding:11px 12px;font-size:17px}label.setting{color:var(--muted);justify-content:space-between;align-items:center}select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff14;border-radius:10px;padding:9px 10px;font-size:16px}select option{color:#000}input:focus{outline:2px solid var(--gold);outline-offset:-1px}button.go{font:inherit;cursor:pointer;background:var(--gold);color:#3b2f00;border:0;border-radius:10px;padding:11px 18px;font-size:17px;font-weight:700}button.go.alt{color:var(--ink);background:#ffffff1f}button.go:disabled{opacity:.4;cursor:default}button.go.wide{width:100%;margin-top:6px}.or{text-align:center;color:var(--muted);margin:14px 0 10px;font-size:13px}ul.players{margin:0 0 14px;padding:0;list-style:none}ul.players li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:9px 4px;display:flex}ul.players li .you{color:var(--gold)}ul.players li .tag{color:var(--muted);font-size:13px}ul.players li.win{color:var(--gold);font-weight:700}.score{font-variant-numeric:tabular-nums}.score small{color:#8ce99a;margin-right:8px}.score small.bust{color:#ff8787}#toast{z-index:10;border:1px solid var(--line);background:#212529;border-radius:10px;max-width:90vw;padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=520px){#bar{gap:8px;font-size:13px}#last{font-size:12px}.card h1{font-size:36px}}