/* Preserve the site's purple wheel; the protocol is the distinctive event scorecard. */
.wheel-options { text-align:left; font:inherit; }
.wheel-options label { display:block; font-weight:600; margin:12px 0 5px; }
.wheel-options textarea,.wheel-options select,.wheel-options input[type=number] { width:100%; box-sizing:border-box; background:var(--bg2,#f8f9ff); color:var(--text,#202235); border:1px solid #9290ad; border-radius:8px; padding:10px; font:inherit; }
.wheel-options textarea { resize:vertical; line-height:1.5; min-height:110px; }
.wheel-options p { font-size:.86rem; line-height:1.5; margin:8px 0; opacity:.85; }
.wheel-method { margin:12px 0; padding:10px; border:1px solid #9290ad60; border-radius:8px; }
.wheel-method summary { cursor:pointer; font-weight:600; }
.wheel-options-row { display:flex; flex-wrap:wrap; gap:12px; }
.wheel-options-row>label { flex:1 1 180px; }
.wheel-options .wheel-weight-check { display:flex; align-items:center; gap:8px; }
.wheel-weight-check input { width:20px; height:20px; }
#wheelError { color:#c12641; font-weight:600; }
#wheelRunPanel { text-align:left; margin-top:22px; padding-top:18px; border-top:2px solid #7c3aed; }
#wheelRunPanel h2 { font:700 1.2rem "Space Grotesk","Inter",sans-serif; margin:0 0 8px; }
#wheelRunPanel .wheel-run-actions { display:flex; flex-wrap:wrap; gap:8px; }
#wheelRunPanel button { min-height:44px; }
#wheelProtocol { max-height:350px; overflow:auto; padding-left:30px; line-height:1.6; }
#wheelProtocol li { padding:8px 4px; border-bottom:1px solid #9290ad60; overflow-wrap:anywhere; }
#wheelProtocol li small { display:block; font-variant-numeric:tabular-nums; opacity:.8; }
.seg-item .seg-item-del { border:0; background:transparent; color:inherit; cursor:pointer; min-width:32px; min-height:32px; }
#generatorCard :focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
#generatorCard button:disabled,#generatorCard input:disabled,#generatorCard select:disabled,#generatorCard textarea:disabled { cursor:default; opacity:.65; }
.wheel-projector { position:fixed!important; inset:0!important; z-index:2147483647!important; width:100vw!important; max-width:none!important; height:100dvh; overflow:auto; margin:0!important; border-radius:0!important; background:var(--bg,#fff); color:var(--text,#202235); padding:24px!important; box-sizing:border-box; }
.wheel-projector .settings-toggle,.wheel-projector #settingsContent,.wheel-projector .wheel-meta,.wheel-projector .service-meta-bar,.wheel-projector .share-row,.wheel-projector #reportBtn { display:none!important; }
.wheel-projector .result-main { font-size:clamp(2rem,7vw,5rem)!important; overflow-wrap:anywhere; }
.wheel-projector .wheel-wrap { margin:10px auto!important; }
.wheel-projector #wheelRunPanel { max-width:900px; margin:20px auto; }
.wheel-projector #wheelProtocol { max-height:none; font-size:1.25rem; }
.wheel-projector .wheel-section { display:grid; grid-template-columns:360px minmax(0,1fr); grid-template-rows:auto 1fr; gap:20px 40px; max-width:1200px; width:100%; margin:auto; }
.wheel-projector .wheel-wrap { grid-column:1; grid-row:1; }
.wheel-projector .wheel-spin-btn { grid-column:1; grid-row:2; align-self:start; }
.wheel-projector .result-area { grid-column:2; grid-row:1; }
.wheel-projector #wheelRunPanel { grid-column:2; grid-row:2; width:100%; margin:0; box-sizing:border-box; }
.wheel-projector .u-h20 { display:none; }
@media (max-width:800px) { .wheel-projector .wheel-section { display:block; } .wheel-projector .result-main { font-size:2.5rem!important; } }
@media (max-width:480px) { .wheel-options-row { display:block; } .wheel-options select { max-width:100%; } #wheelRunPanel .wheel-run-actions button { flex:1 1 45%; } }
@media (prefers-reduced-motion:reduce) { .wheel-card * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media print {
  body > :not(:has(#generatorCard)):not(#generatorCard), body :has(#generatorCard) > :not(:has(#generatorCard)):not(#generatorCard) { display:none!important; }
  body * { visibility:hidden!important; }
  #generatorCard,#generatorCard * { visibility:visible!important; }
  #generatorCard { position:absolute!important; inset:0 auto auto 0!important; width:100%!important; max-width:none!important; height:auto!important; overflow:visible!important; background:#fff!important; color:#111!important; box-shadow:none!important; margin:0!important; padding:10mm!important; }
  #generatorCard .settings-toggle,#generatorCard #settingsContent,#generatorCard .wheel-wrap,#generatorCard .wheel-meta,#generatorCard button,#generatorCard .share-row,#generatorCard .service-meta-bar { display:none!important; }
  #wheelProtocol { max-height:none; overflow:visible; }
  #wheelProtocol li { break-inside:avoid; }
  #generatorCard .result-main { font-size:22pt!important; color:#111!important; }
  #generatorCard .wheel-section { display:block!important; max-width:none!important; }
}
