:root{--game-accent:#4ade80;--game-accent-dark:#16a34a;--game-accent-soft:#14301f;--ink:#eef1f6;--ink-soft:#9aa4b5;--bg:#10131a;--panel:#1a1f2b;--panel-border:#2a3142;--good:#4ade80;--bad:#f87171;--radius:18px;--radius-small:12px;--shadow:0 4px 18px #00000059;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tap-min:48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.topbar{align-items:center;gap:.6rem;max-width:560px;margin:0 auto;padding:.7rem 1rem .3rem;display:flex}.topbar .back{color:var(--ink-soft);padding:.4rem .2rem;font-size:.95rem;text-decoration:none}.topbar .back:hover{color:var(--ink)}.topbar h1{text-align:center;flex:1;margin:0;font-size:1.25rem}.icon-btn{background:var(--panel);border:1px solid var(--panel-border);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-btn svg{width:22px;height:22px;stroke:var(--ink)}.settings-wrap{max-width:560px;margin:0 auto;padding:0 1rem}.settings-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);margin-top:.4rem;padding:.9rem 1rem}.settings-panel[hidden]{display:none}.setting-row{justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0;display:flex}.setting-row .lbl{font-size:1rem}.switch{border:1px solid var(--panel-border);cursor:pointer;background:#262c3d;border-radius:999px;flex:none;width:52px;height:30px;padding:0;position:relative}.switch:after{content:"";background:#cbd5e1;border-radius:50%;width:22px;height:22px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--game-accent-dark)}.switch[aria-checked=true]:after{background:#fff;transform:translate(22px)}.seg{border:1px solid var(--panel-border);background:#262c3d;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.32rem .7rem;font-size:.92rem}.seg button[aria-pressed=true]{background:var(--game-accent-dark);color:#fff}.footer{text-align:center;color:var(--ink-soft);padding:1.2rem 1rem 1.6rem;font-size:.85rem;line-height:1.5}.footer a{color:var(--ink-soft)}.btn{background:var(--game-accent-dark);color:#fff;cursor:pointer;min-height:var(--tap-min);border:0;border-radius:12px;padding:.7rem 1.3rem;font-size:1rem;font-weight:600}.btn.secondary{background:var(--panel);border:1px solid var(--panel-border);color:var(--ink);font-weight:500}:root{--game-accent:#fb7185;--game-accent-dark:#e11d48;--game-accent-soft:#3d1522}.wrap{max-width:560px;margin:0 auto;padding:.4rem 1rem 0}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);margin:.4rem 0 .7rem;padding:.8rem 1rem}.panel[hidden]{display:none}.setup-row{justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0;display:flex}.setup-row[hidden]{display:none}.setup-row .lbl{font-size:1rem}.start-btn{width:100%;margin-top:.55rem}.players{grid-template-columns:repeat(var(--pcount,2), 1fr);gap:.5rem;margin:.4rem 0 .7rem;display:grid}.player-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-small);align-items:center;gap:.5rem;min-width:0;padding:.45rem .6rem;display:flex}.player-card.current{border-color:var(--game-accent);background:var(--game-accent-soft)}.player-card.won{border-color:var(--good)}.player-card .disc{color:#10131a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:inline-flex}.pinfo{flex-direction:column;min-width:0;display:flex}.pname{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.pmeta{color:var(--ink-soft);white-space:nowrap;font-size:.82rem}.board-wrap{aspect-ratio:1;width:min(92vw,58vh,560px);max-width:100%;margin:0 auto;position:relative}.board{border:1px solid var(--panel-border);-webkit-user-select:none;user-select:none;background:#0b0e14;border-radius:14px;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);width:100%;height:100%;padding:6px;display:grid}.cell{border-radius:18%;margin:1px;position:relative}.cell.a{background:#262f47}.cell.b{background:#1b2233}.cell.finish{background:#57481a}.cell .num{color:var(--ink-soft);font-size:clamp(8px,1.9vw,11px);line-height:1;position:absolute;top:2px;left:4px}.board.hide-numbers .num{display:none}.board-art,.tokens,.confetti-layer{pointer-events:none;position:absolute;inset:7px}.board-art{width:calc(100% - 14px);height:calc(100% - 14px)}.token{aspect-ratio:1;color:#10131a;z-index:3;border:2px solid #090b108c;border-radius:50%;justify-content:center;align-items:center;width:6.6%;font-size:clamp(10px,2.7vw,15px);font-weight:800;transition:left .22s linear,top .22s linear;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000073}.token.current{box-shadow:0 0 0 3px #eef1f6d9,0 1px 4px #00000073}.token.no-anim{transition:none}.confetti-layer{overflow:visible}.confetti-piece{border-radius:2px;width:8px;height:13px;position:absolute;top:-2%}.roll-panel{align-items:center;gap:.8rem;min-height:92px;display:flex}.die{background:#eef1f6;border-radius:12px;flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;width:56px;height:56px;padding:9px;display:grid}.die.dim{opacity:.45}.die .pip{border-radius:50%}.die .pip.on{background:#10131a}.die.rolling{animation:.42s ease-in-out dice-shake}@keyframes dice-shake{0%{transform:rotate(0)translate(0)}25%{transform:rotate(-9deg)translate(-2px,1px)}55%{transform:rotate(8deg)translate(2px,-1px)}80%{transform:rotate(-5deg)translate(-1px)}to{transform:rotate(0)translate(0)}}.status{flex:1;min-width:0;margin:0;line-height:1.45}.roll-actions{flex-direction:column;flex:none;gap:.45rem;display:flex}.roll-actions[hidden]{display:none}.roll-actions .btn{min-width:118px}.btn[disabled]{opacity:.45;cursor:default}.how{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);margin-top:.7rem;padding:.8rem 1rem}.how h2{margin:0 0 .35rem;font-size:1.05rem}.how p{color:var(--ink-soft);margin:0;line-height:1.5}@media (prefers-reduced-motion:reduce){.token{transition:none}.die.rolling{animation:none}}@media (width<=480px){.roll-panel{flex-wrap:wrap}.roll-actions{flex-direction:row;width:100%}.roll-actions .btn{flex:1}.pmeta{font-size:.76rem}}.how-toggle{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:0;font-size:1.05rem;font-weight:700;display:flex}.how-chev{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;height:19px;transition:transform .18s}.how-toggle[aria-expanded=true] .how-chev{transform:rotate(180deg)}.how-body{margin-top:.35rem}.how-body[hidden]{display:none}.how-body p+p{margin-top:.5rem}