html,body{margin:0;background:#f5f5f5;color:#282530;font-family:Arial,sans-serif}*{box-sizing:border-box}.chance-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:22px;padding:20px;max-width:1150px;margin:auto}.chance-controls{min-width:0}.chance-preview{position:sticky;top:12px;align-self:start;text-align:center}.chance-preview iframe{width:100%;height:580px;border:0;border-radius:24px;background:#140222}.demo-caption{font-size:12px;color:#756e80;line-height:1.5}.chance-actions{display:flex;gap:12px;flex-wrap:wrap}.chance-actions button{cursor:pointer;padding:14px;border-radius:12px}.sector-card [data-settings],.sector-card [data-delete],.sector-card .wheel-toggle{display:none!important}.section-title{font-size:20px}.modal-overlay{position:fixed;inset:0;overflow-y:auto}.modal{max-height:90vh;overflow-y:auto}.weight-status-value{display:block}.chance-controls .sector-card{padding:16px;margin:12px 0}.chance-controls .control-row{flex-wrap:wrap}.chance-controls .sector-name{font-size:18px}#statusMessage{font-size:14px;line-height:1.5}@media(max-width:620px){.chance-workspace{grid-template-columns:1fr;padding:12px}.chance-preview{position:static}.chance-preview iframe{height:530px;max-width:340px}.chance-controls .control-row{gap:12px}.weight-input{max-width:85px}}
.chance-actions,#statusMessage,.chance-preview>.demo-caption{display:none!important}
html,body{height:auto!important;min-height:0!important;overflow:hidden!important}
.chance-preview{align-self:center;position:static}.chance-wheel-crop{position:relative;width:100%;height:520px;max-width:520px;margin:auto;overflow:hidden;border-radius:24px;background:#12041e}.chance-wheel-crop iframe{position:absolute;left:50%;top:50%;width:900px;height:720px;transform:translate(-50%,-50%);border:0;background:#000}.chance-controls .control-row{display:flex;flex-wrap:wrap!important;gap:12px}.chance-controls .weight-badge{min-width:0;max-width:100%;flex:1 1 180px}.chance-controls .weight-input{min-width:0;width:100%;max-width:180px}.chance-controls .sector-count-control{flex:0 1 auto;max-width:100%;flex-wrap:wrap}
.chance-controls>.demo-caption{margin:0 0 18px}.chance-controls>.section-title{margin:0 0 14px}

/* 2026-09-05: preview the native Rive wheel only, without participant UI chrome. */
.chance-wheel-crop{width:min(100%,520px)!important;height:auto!important;aspect-ratio:1!important;background:radial-gradient(circle at 50% 50%,#3b0c69 0%,#1b0530 58%,#08020d 100%)!important}
.chance-wheel-crop iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;background:transparent!important}
@media(max-width:620px){.chance-wheel-crop{width:min(100%,350px)!important}.chance-preview iframe{height:100%!important;max-width:none!important}}