.practice-wheel{--pw-red:#d7263d;background:var(--ink);color:var(--white);border-radius:var(--radius-panel);padding:var(--space-6);margin:var(--space-8) 0;box-shadow:0 0 0 6px var(--trough) inset}.practice-wheel :focus-visible{outline:3px solid var(--marigold);outline-offset:2px}.practice-wheel-top{gap:var(--space-6);grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:start;display:grid}.practice-wheel-figure{margin:0}.practice-wheel-svg{width:100%;max-width:450px;height:auto;margin:0 auto;display:block}.pw-rim{fill:var(--marigold)}.pw-rim-edge{fill:none;stroke:var(--white);stroke-width:6px;stroke-dasharray:14 17}.pw-track{fill:var(--trough)}.pw-rotor{transform-origin:0 0;transition:transform 4.2s cubic-bezier(.15,.75,.18,1)}.pw-pocket path{stroke:var(--marigold);stroke-width:1.2px}.pw-pocket text{fill:var(--white);font:700 15px var(--body);pointer-events:none}.pw-pocket.pw-red path{fill:var(--pw-red)}.pw-pocket.pw-black path{fill:var(--ink-2)}.pw-pocket.pw-green path{fill:var(--jade)}.pw-pocket{transition:opacity .25s}.pw-pocket.is-dim{opacity:.22}.pw-cone{fill:var(--cobalt)}.pw-cone-stripe{fill:var(--white)}.pw-hub{fill:var(--cobalt-deep);stroke:var(--white);stroke-width:5px;stroke-dasharray:10 8}.pw-hub-ring{fill:var(--marigold)}.pw-pointer{fill:var(--white);stroke:var(--ink);stroke-width:3px}.pw-ball{fill:var(--white);stroke:var(--ink);stroke-width:2px;transform-box:view-box;transform-origin:0 0;transform:rotate(0)translateY(-134px)}.pw-ball.is-hidden{visibility:hidden}.practice-wheel-figure figcaption{margin-top:var(--space-6);gap:var(--space-2);display:grid}.practice-wheel label[for],.practice-wheel legend,.pw-tally dt{font:700 var(--text-2xs) var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-muted)}.practice-wheel select{font:600 var(--text-base) var(--body);color:var(--ink);background-color:var(--white);border:3px solid var(--white);border-radius:var(--radius-field);padding:var(--space-3) var(--space-12) var(--space-3) var(--space-4);width:100%}.pw-result{gap:var(--space-4);background:var(--ink-2);border-radius:var(--radius-panel-sm);padding:var(--space-4);align-items:center;display:flex}.pw-result-chip{width:72px;height:72px;font:900 var(--display-md) var(--display);background:var(--ink-groove);color:var(--white);box-shadow:0 0 0 5px var(--white) inset,0 0 0 9px currentColor inset;border-radius:50%;flex:none;place-items:center;display:grid}.pw-result-chip.pw-red{background:var(--pw-red)}.pw-result-chip.pw-black{background:var(--trough)}.pw-result-chip.pw-green{background:var(--jade)}.practice-wheel .pw-result p{font-size:var(--text-md);color:var(--on-ink);margin:0}.pw-tally{margin:var(--space-5) 0 0;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pw-tally div{border-bottom:2px solid var(--ink-rule);padding-bottom:var(--space-3)}.pw-tally div:last-child{grid-column:1/-1}.pw-tally dd{margin:var(--space-2) 0 0;font:900 var(--display-xs)/1 var(--display);font-variant-numeric:tabular-nums}.pw-history{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;min-height:30px;display:flex}.pw-history span{width:30px;height:30px;font:700 var(--text-2xs) var(--body);color:var(--white);box-shadow:0 0 0 2px var(--white) inset;border-radius:50%;place-items:center;display:grid}.pw-history .pw-red{background:var(--pw-red)}.pw-history .pw-black{background:var(--trough)}.pw-history .pw-green{background:var(--jade)}.pw-controls{gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:end;display:flex}.pw-chips{gap:var(--space-2);border:0;flex-wrap:wrap;align-items:center;margin:0;padding:0;display:flex}.pw-chips legend{width:100%;margin-bottom:var(--space-4);padding:0}.pw-chip{cursor:pointer;position:relative}.pw-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.pw-chip span{width:48px;height:48px;font:900 var(--text-lg) var(--display);color:var(--ink);background:radial-gradient(circle,var(--c) 0 50%,var(--white) 50% 55%,var(--c) 55% 64%,transparent 65%),repeating-conic-gradient(var(--c) 0 30deg,var(--white) 30deg 60deg);border-radius:50%;place-items:center;display:grid}.pw-chip-1{--c:var(--white)}.pw-chip-1 span{background:radial-gradient(circle,var(--white) 0 50%,var(--ink) 50% 55%,var(--white) 55% 64%,transparent 65%),repeating-conic-gradient(var(--white) 0 30deg,var(--cobalt) 30deg 60deg)}.pw-chip-5{--c:var(--marigold)}.pw-chip-25{--c:var(--jade)}.pw-chip-100{--c:var(--pink)}.pw-chip input:checked+span{box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--marigold);transform:translateY(-3px)}.pw-chip input:focus-visible+span{outline:3px solid var(--marigold);outline-offset:6px}.pw-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.pw-actions button{font:700 var(--text-md) var(--body);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:3px solid var(--white);color:var(--white);cursor:pointer;background:0 0;min-height:48px}.pw-actions .pw-spin{background:var(--marigold);border-color:var(--marigold);color:var(--ink);padding-inline:var(--space-8)}@media (hover:hover){.pw-actions button:hover:not(:disabled){background:var(--white);color:var(--ink)}.pw-cell:hover{filter:brightness(1.15)}}.pw-actions button:disabled{opacity:.45;cursor:not-allowed}.practice-wheel .pw-message{min-height:1.62em;margin:var(--space-4) 0 0;font-size:var(--text-md);color:var(--marigold-on-cobalt)}.pw-board{margin-top:var(--space-4);gap:var(--space-1);grid-template-columns:repeat(13,minmax(0,1fr));grid-auto-rows:minmax(48px,auto);display:grid}.pw-cell{font:700 var(--text-base) var(--body);color:var(--white);cursor:pointer;padding:var(--space-2) 2px;border:0;border-radius:8px;min-width:0;position:relative}.pw-cell.pw-red{background:var(--pw-red)}.pw-cell.pw-black{background:var(--ink-2);box-shadow:0 0 0 1px var(--ink-outline) inset}.pw-cell.pw-green{background:var(--jade)}.pw-cell:not(.pw-outside):not(.pw-zero){grid-row:var(--r);grid-column:calc(var(--c) + 1)}.pw-zero{grid-area:1/1/4}.pw-outside{background:var(--cobalt);font-size:var(--text-sm)}.pw-dozen{grid-area:4/span 4}.pw-dozen[data-bet=dozen1]{grid-column:2/6}.pw-dozen[data-bet=dozen2]{grid-column:6/10}.pw-dozen[data-bet=dozen3]{grid-column:10/14}.pw-even-money{grid-area:5/span 2}.pw-even-money[data-bet=low]{grid-column:2/4}.pw-cell b{min-width:24px;height:24px;padding:0 var(--space-1);background:var(--marigold);color:var(--ink);font:800 var(--text-3xs)/24px var(--body);box-shadow:0 0 0 2px var(--ink);border-radius:12px;position:absolute;top:-6px;right:-4px}.pw-cell b:empty{display:none}.pw-cell.is-win{box-shadow:0 0 0 3px var(--marigold) inset}@media (width<=767px){.practice-wheel{padding:var(--space-5);border-radius:var(--radius-card)}.practice-wheel-top{grid-template-columns:1fr}.pw-board{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(44px,auto)}.pw-zero{grid-area:1/1/auto/6}.pw-cell:not(.pw-outside):not(.pw-zero){grid-row:calc(var(--c) + 1);grid-column:var(--m)}.pw-dozen,.pw-dozen[data-bet]{grid-column:4}.pw-dozen[data-bet=dozen1]{grid-row:2/6}.pw-dozen[data-bet=dozen2]{grid-row:6/10}.pw-dozen[data-bet=dozen3]{grid-row:10/14}.pw-even-money,.pw-even-money[data-bet],.pw-even-money[data-bet=low]{grid-column:5;grid-row-start:calc(var(--k) * 2 - 4);grid-row-end:span 2}.pw-actions{width:100%}.pw-actions button{flex:40%}}@media (width<=480px){.pw-tally{grid-template-columns:minmax(0,1fr)}.pw-actions button{flex:100%}}@media (prefers-reduced-motion:reduce){.pw-rotor,.pw-pocket{transition:none}}