.round-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;flex:none}
.winner-removal .check{margin-bottom:0}
.header-view-actions{display:flex;align-items:center;gap:4px;flex:none}
.header-view-actions .icon-button{width:44px;min-width:44px;height:44px;padding:10px}
@media(max-width:360px){.site-header .header-actions{gap:4px;flex-wrap:wrap}.site-header .header-actions #customize,.site-header .header-actions .other-tools>summary{padding-inline:8px}}
@media(max-width:650px){.header-view-actions{position:absolute;right:16px;top:10px}.site-header .header-actions #present,.site-header .header-actions #mute{position:static}.site-header .brand-heading{min-width:0;padding-right:100px}.site-header .brand-heading h1{min-width:0}.site-header .brand{flex:none}}
.round-toolbar button{font-size:12px;padding:8px 10px;white-space:nowrap}
.round-toolbar #autoSpin{flex:1}
.round-toolbar #autoSpin[aria-pressed=true]{background:#17243b;color:#fff}
.round-toolbar #autoStatus{width:100%;max-width:none;font-size:12px}
.round-toolbar #autoStatus:empty{display:none}
.result-strip{min-height:0;margin-top:0;justify-content:center}
.result-strip #result:not(.sr-only){margin:12px 0 0;max-width:100%;white-space:normal}
.result-strip #score:not(:empty){margin:8px 0;font-size:14px}
#spinAudioStatus,#winnerAudioStatus{overflow-wrap:anywhere;margin-bottom:8px}
#spinAudioError,#winnerAudioError{font-size:12px;line-height:1.5}
#previewSpin[aria-pressed=true],#previewWinner[aria-pressed=true]{background:#17243b;color:#fff}
#shareDialog p,#sharedWheelDialog p{line-height:1.55;font-size:14px}
#shareUrl{min-height:96px;max-height:180px;overflow-wrap:anywhere;font-size:12px}
#shareStatus{font-size:14px}
.site-header .file-actions{gap:0}
@media(max-width:1370px){.header-actions .file-actions{display:none}.header-actions .more-menu{display:block}}
@media(max-width:650px){.result-strip{padding-top:0}.round-toolbar{padding:10px}.round-toolbar button{font-size:12px;padding:8px}.result-strip #result:not(.sr-only){margin:10px 0 0}}
#confettiLayer[data-kind=stars] i{width:20px;height:20px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 93%,50% 71%,21% 93%,32% 57%,2% 35%,39% 35%);animation:star-fall 3.2s ease-out var(--delay) both}
#confettiLayer[data-kind=burst] i{width:9px;height:9px;border-radius:2px;animation:color-burst 2.3s cubic-bezier(.1,.6,.2,1) var(--delay) both}
@keyframes star-fall{from{opacity:0;translate:0 -20px;rotate:-30deg}15%{opacity:.8}to{opacity:0;translate:var(--x) 100vh;rotate:160deg}}
@keyframes color-burst{from{opacity:0;translate:0 0;rotate:0deg;scale:.4}10%{opacity:.7}to{opacity:0;translate:var(--x) var(--y);rotate:180deg;scale:.6}}
@media(prefers-reduced-motion:reduce){#confettiLayer{display:none!important}}
.help{border-top:0;margin-top:28px}
.celebration-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.celebration-controls label{flex:1;min-width:180px;margin-bottom:0}
#previewCelebration{flex:none;min-width:150px}
#previewCelebration[aria-pressed=true]{background:#17243b;color:#fff}
#celebrationPreviewStatus:empty{display:none}
#confettiLayer canvas{display:block;position:absolute;inset:0;pointer-events:none}
@media(max-width:480px){.celebration-controls{align-items:stretch;gap:8px}.celebration-controls label{min-width:100%}#previewCelebration{width:100%}}