.operatorRaffle{color:#fff;background:radial-gradient(circle at 50% 45%,#382207,#090806 72%);border:1px solid #d99b22;border-radius:12px;width:min(100%,320px);min-height:270px;margin:18px auto;padding:10px;box-shadow:inset 0 0 22px #000}.operatorRaffleHeading{color:#ffd66b;text-align:center;gap:4px;margin-bottom:8px;font-size:12px;display:grid}.operatorRaffleHeading span{color:#c9b99f}.operatorReel{background:#030303;border:2px solid #d99b22;border-radius:10px;grid-template-rows:repeat(5,1fr);width:150px;height:150px;margin:auto;display:grid;position:relative;overflow:hidden}.operatorReel i{z-index:2;border-top:2px solid #ffd66b;border-bottom:2px solid #ffd66b;height:20%;position:absolute;top:40%;left:0;right:0;box-shadow:0 0 18px #d99b2266}.operatorReel b{color:#846735;letter-spacing:.12em;place-items:center;font-size:18px;display:grid}.operatorReel b:nth-of-type(3){color:#ffd66b;font-size:30px}.operatorReel.spinning{animation:.35s ease-in-out infinite alternate operatorPulse}.operatorReel.stopped b{visibility:hidden}.operatorFinalNumber{z-index:4;color:#ffd66b;letter-spacing:.04em;text-shadow:0 0 10px #d99b22,0 3px 8px #000;place-items:center;font-size:38px;font-weight:950;line-height:1;display:grid;position:absolute;inset:0}.operatorRaffleStatus{color:#ffd66b;text-align:center;letter-spacing:.12em;margin-top:14px;display:block}.operatorWinner{text-align:center;gap:5px;margin-top:14px;display:grid}.operatorWinner small{color:#ffd66b;font-weight:900}.operatorWinner strong{font-size:14px}.raffleAudioControls{background:#14120e;border:1px solid #6f4a16;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;padding:12px;display:flex}.raffleAudioControls label{color:#ffd66b;align-items:center;gap:8px;font-weight:800;display:flex}.raffleAudioControls input[type=range]{width:130px}.raffleAudioControls .audioEnabled{color:#fff;background:#174927;border-color:#49b96c}.modulePanel>.raffleAudioControls{display:none}.raffleVoicePanel{color:#fff;background:#14120e;border:1px solid #d99b22;border-radius:16px;margin:0 0 18px;padding:18px;box-shadow:0 10px 28px #0006}.raffleVoiceHeader{justify-content:space-between;align-items:center;gap:18px;display:flex}.raffleVoiceHeader h3{color:#ffd66b;margin:0}.raffleVoiceHeader p{color:#c9b99f;margin:5px 0 0}.raffleVoiceHeader button{width:auto;margin:0}.raffleVoiceGrid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-top:16px;display:grid}.raffleVoiceGrid label{background:#090806;border:1px solid #493719;border-radius:12px;gap:7px;padding:12px;display:grid}.raffleVoiceGrid span{color:#ffd66b;font-weight:850}.raffleVoiceGrid select,.raffleVoiceGrid input{width:100%}.raffleVoiceGrid small,.voiceCompatibility{color:#a99d89}.raffleVoiceActions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.raffleVoiceActions button{width:auto;margin:0}.raffleVoicePanel .audioEnabled{color:#fff;background:#174927;border-color:#49b96c}.raffleEffectsPanel{border-top:1px solid #6f4a16;margin-top:18px;padding-top:18px}.raffleEffectsPanel .raffleVoiceHeader p{max-width:680px}.effectGrid{grid-template-columns:repeat(3,minmax(170px,1fr))}.effectGrid select{min-height:44px}.effectStage{background:#0d0b08;border:1px solid #493719;border-radius:14px;gap:12px;margin-top:16px;padding:16px;display:grid}.effectStage .raffleVoiceHeader strong{color:#ffd66b;font-size:17px;display:block}.effectStage .raffleVoiceHeader small{color:#bbaa91;margin-top:5px;display:block}.effectTestButton{justify-self:start;width:auto!important;margin:0!important}.stopEffectGrid{grid-template-columns:repeat(2,minmax(190px,1fr))}.remoteRaffleSetup{background:#15110b;border:1px solid #6f4a16;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:16px;display:flex}.remoteRaffleSetup strong,.remoteRaffleSetup small{display:block}.remoteRaffleSetup strong{color:#ffd66b}.remoteRaffleSetup small{color:#bbaa91;max-width:620px;margin-top:5px}.remoteRaffleSetup button,.remoteRaffleSetup a{white-space:nowrap;width:auto;margin:0}.clickerConfigActions{align-items:center;gap:10px;display:flex}.remoteRaffleSetup .clickerLearning{color:#ffe39a;background:#261c08;border:1px solid #d99b22;border-radius:8px;margin-top:9px;padding:8px 10px;font-weight:800}.operatorLockedNote{color:#d9c9aa;background:#14120e;border:1px solid #6f4a16;border-radius:999px;margin:0 0 14px;padding:8px 12px;font-size:13px;font-weight:750;display:inline-flex}@keyframes operatorPulse{0%{box-shadow:0 0 8px #d99b2244}to{box-shadow:0 0 28px #d99b22aa}}@media (width<=900px){.raffleVoiceGrid,.effectGrid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=650px){.operatorRaffleHeading{flex-direction:column}.operatorReel{height:125px}.operatorWinner strong{font-size:16px}.raffleAudioControls{flex-direction:column;align-items:stretch}.raffleAudioControls>*{width:100%}.raffleAudioControls label{justify-content:space-between}.raffleVoiceHeader{flex-direction:column;align-items:stretch}.raffleVoiceHeader button{width:100%}.raffleVoiceGrid,.effectGrid,.stopEffectGrid{grid-template-columns:1fr}.raffleVoiceActions,.clickerConfigActions{flex-direction:column}.raffleVoiceActions button,.clickerConfigActions button{width:100%}.remoteRaffleSetup{flex-direction:column;align-items:stretch}.remoteRaffleSetup button,.remoteRaffleSetup a{text-align:center;width:100%}}
