.wheel-grid{display:grid;grid-template-columns:300px 1fr 300px;gap:var(--s-5);align-items:start}@media (max-width: 1100px){.wheel-grid{grid-template-columns:1fr}.wheel-grid>:nth-child(2){order:1}.wheel-grid>:nth-child(1){order:2}.wheel-grid>:nth-child(3){order:3}}.panel{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large-increased);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-title{font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-size:18px;font-weight:500;color:var(--md-sys-color-on-surface);font-variation-settings:"opsz" 24,"wdth" 100}.panel-count{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.1em;padding:3px 10px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.name-list{display:flex;flex-direction:column;gap:2px;max-height:360px;overflow-y:auto}.name-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--md-sys-shape-corner-small);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.name-row:hover{background:var(--md-sys-color-surface-container-high)}.name-row.removed{opacity:.45;text-decoration:line-through}.name-row.falling{animation:name-fall var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-emphasized-accelerate) forwards}@keyframes name-fall{0%{opacity:1;transform:translate(0)}60%{opacity:.5;transform:translate(40px)}to{opacity:.45;transform:translate(0)}}.name-swatch{width:14px;height:14px;border-radius:var(--md-sys-shape-corner-extra-small);border:1px solid var(--md-sys-color-outline-variant);flex-shrink:0;cursor:pointer}.name-text{flex:1;font-size:14px;background:transparent;border:0;outline:none;color:inherit;font-family:inherit;min-width:0}.add-row{display:flex;gap:var(--s-2);align-items:center}.add-row md-outlined-text-field{flex:1}.stage{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-large-increased);padding:var(--s-6) var(--s-5);display:flex;flex-direction:column;align-items:center;gap:var(--s-5);position:relative;overflow:hidden}.stage-head{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:560px;font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.wheel-wrap{position:relative;width:100%;max-width:480px;aspect-ratio:1 / 1}.wheel-canvas{width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.wheel-canvas canvas{display:block;width:100%!important;height:100%!important;border-radius:50%}.wheel-pointer{position:absolute;top:-18px;left:50%;width:56px;z-index:3;transform:translate(-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);display:grid;place-items:center;z-index:4;font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-weight:500;font-size:18px;letter-spacing:-.02em;color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level2)}.winner-banner{width:100%;max-width:560px;padding:var(--s-4) var(--s-5);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-medium);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.winner-label{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.winner-name{font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-size:clamp(28px,3vw,36px);font-weight:500;line-height:1;margin-top:var(--s-1);font-variation-settings:"opsz" 72,"wdth" 100}.order-list{display:flex;flex-direction:column;gap:var(--s-2)}.order-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);animation:order-add var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized-decelerate) both}@keyframes order-add{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.order-rank{font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-weight:500;font-size:18px;width:24px;color:var(--md-sys-color-primary)}.order-name{flex:1;font-weight:500}.order-empty{padding:var(--s-6) var(--s-4);text-align:center;color:var(--md-sys-color-on-surface-variant);font-style:italic;border:1px dashed var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium)}.spin-cluster{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;justify-content:center}.empty-state{text-align:center;padding:var(--s-7) var(--s-4);color:var(--md-sys-color-on-surface-variant);font-style:italic}.help{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;color:var(--md-sys-color-on-surface-variant)}