/* Original vector artwork; decorations never participate in layout. */
.quiz-screen[data-theme="halloween"]{isolation:isolate;overflow:hidden;background-color:var(--overlay-background);background-image:linear-gradient(#29102518,#180c2620),url('/halloween-scene.svg');background-size:100% 100%;background-repeat:no-repeat}
.quiz-screen[data-theme="halloween"]>.quiz-slot,.quiz-screen[data-theme="halloween"]>.quiz-head,.quiz-screen[data-theme="halloween"]>.quiz-final-page,.quiz-screen[data-theme="halloween"]>.quiz-lifecycle-page{position:relative;z-index:1}
.halloween-decor{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.halloween-decor i{display:block;position:absolute;background-size:contain;background-repeat:no-repeat;animation-delay:calc(var(--hw-elapsed,0)*-1s)}
.hw-ghost{background-image:url('/halloween-ghost.svg');width:34px;height:48px;opacity:.8;filter:drop-shadow(0 0 9px #ecd4ff80);animation:hw-haunt 9s ease-in-out infinite}.ghost-one{left:0;top:30%}.ghost-two{right:0;top:61%;animation-duration:13s!important;width:28px!important}
.hw-bat{background-image:url('/halloween-bat.svg');width:48px;height:26px;animation:hw-flight 14s ease-in-out infinite}.bat-one{left:68%;top:8%}.bat-two{left:2%;top:17%;animation-duration:19s!important;width:32px!important}.bat-three{right:0;top:48%;animation-duration:11s!important;width:35px!important}
.hw-pumpkin{background-image:url('/halloween-pumpkin.svg');width:69px;height:64px;bottom:0;animation:hw-glow 4s ease-in-out infinite}.pumpkin-one{left:27%}.pumpkin-two{right:24%;width:55px!important;height:53px!important;animation-duration:5s!important}
.halloween-fog{position:absolute;inset:65% -30% 0;background:radial-gradient(ellipse at 20% 80%,#c6a7d329,transparent 45%),radial-gradient(ellipse at 80% 50%,#ffe0a321,transparent 50%);animation:hw-mist 20s ease-in-out infinite alternate;animation-delay:calc(var(--hw-elapsed,0)*-1s)}
.quiz-screen[data-theme="halloween"] .quiz-question{box-shadow:inset 0 0 24px #0003,0 4px 18px #180c2644;border-style:double}
.quiz-screen[data-theme="halloween"] .quiz-option{background:color-mix(in srgb,var(--overlay-panel) 94%,#ff9a34);box-shadow:inset 0 1px 0 #ffc37622,0 3px 12px #1e102b55}
.quiz-screen[data-theme="halloween"] .quiz-option.is-correct{background:var(--overlay-correctBackground)}
.quiz-screen[data-theme="halloween"] .quiz-clock,.quiz-screen[data-theme="halloween"] .quiz-category{box-shadow:0 0 15px #ff9e3733}
.quiz-screen[data-theme="halloween"] .quiz-panel,.quiz-screen[data-theme="halloween"] .quiz-final-page{box-shadow:inset 0 1px 0 #ffc37618,0 5px 18px #160c2340}
.quiz-screen[data-theme="halloween"] .quiz-logo{filter:drop-shadow(0 2px 3px #1e102b88)}
.hw-static .halloween-decor *{animation:none!important}.theme-picker{margin-bottom:18px}.theme-picker h2{margin-bottom:12px}
@keyframes hw-haunt{0%,100%{transform:translate(-4px,0) rotate(-7deg);opacity:.45}50%{transform:translate(5px,-30px) rotate(6deg);opacity:.85}}
@keyframes hw-flight{0%,100%{transform:translate(-15px,0) rotate(-8deg) scaleY(1)}25%{transform:translate(16px,-17px) rotate(9deg) scaleY(.65)}50%{transform:translate(30px,8px) rotate(-7deg) scaleY(1)}75%{transform:translate(3px,21px) rotate(8deg) scaleY(.7)}}
@keyframes hw-glow{0%,100%{filter:drop-shadow(0 0 4px #ff9b3544)}50%{filter:drop-shadow(0 0 13px #ffb14fbb)}}
@keyframes hw-mist{from{transform:translateX(-25px)}to{transform:translateX(35px)}}
@media(prefers-reduced-motion:reduce){.halloween-decor *{animation:none!important}}

.quiz-screen[data-theme="halloween"] .quiz-round-status{background:color-mix(in srgb,var(--overlay-panel) 78%,transparent);border-radius:8px}

/* Vote shares remain below letters, answer text and player avatars. */
.quiz-screen[data-theme="halloween"] .quiz-option{position:relative;isolation:isolate;overflow:hidden}
.quiz-screen[data-theme="halloween"] .quiz-option>.hw-vote-fill{position:absolute;inset:0;pointer-events:none;z-index:0;transform-origin:left center;background:linear-gradient(90deg,color-mix(in srgb,var(--choice) 27%,transparent),color-mix(in srgb,var(--choice) 9%,transparent));will-change:transform}
.quiz-screen[data-theme="halloween"] .quiz-option>:not(.hw-vote-fill){position:relative;z-index:1}
.hw-flying-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none!important}.hw-flying-back{z-index:0}.hw-flying-front{z-index:2}
.hw-grave-lights{position:absolute;inset:0;background:url('/halloween-lights.svg') center/100% 100% no-repeat;animation:hw-grave-glow 5.7s ease-in-out infinite;animation-delay:calc(var(--hw-elapsed,0)*-1s);pointer-events:none}
@keyframes hw-grave-glow{0%,100%{opacity:.12}45%{opacity:.85}65%{opacity:.5}}

.hw-static .hw-grave-lights{opacity:.15}@media(prefers-reduced-motion:reduce){.hw-grave-lights{opacity:.15}}