/* Seasonal controls: an accessible ghost disclosure for the seasonal controls. */
html body #pcr-halloween-controls{display:flex;align-items:center;gap:7px;max-width:calc(100vw - 24px);transition:padding .7s cubic-bezier(.22,.61,.36,1),gap .7s cubic-bezier(.22,.61,.36,1),border-radius .7s ease}
html body #pcr-halloween-controls .pcr-season-mark{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:5px;border:0;background:transparent;border-radius:11px}
html body #pcr-halloween-controls .pcr-season-mark svg{width:29px;height:29px;pointer-events:none}
html body #pcr-halloween-controls .pcr-season-mark:hover{background:#ffffff0b}
#pcr-halloween-controls .pcr-season-options{display:flex;align-items:center;gap:7px;min-width:0;flex-shrink:0;overflow:hidden;opacity:1;transform:translateX(0);transition:width .7s cubic-bezier(.22,.61,.36,1),height .7s cubic-bezier(.22,.61,.36,1),opacity .45s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
#pcr-halloween-controls .pcr-season-options>*{flex-shrink:0}
#pcr-halloween-controls .pcr-season-options[hidden]{display:none!important}
html body #pcr-halloween-controls.is-collapsed{padding:5px;gap:0;border-radius:16px}
html body #pcr-halloween-controls.is-collapsed .pcr-season-options{opacity:0;transform:translateX(-8px);pointer-events:none}
#pcr-halloween-controls .pcr-boo-bubble{position:absolute;bottom:calc(100% + 9px);left:3px;padding:5px 9px;border:1px solid #ffffff40;border-radius:11px;background:#ecebee;color:#19191c;font:600 12px/1.3 Sora,sans-serif;white-space:nowrap;box-shadow:0 3px 12px #0005;pointer-events:none;opacity:0;transform:translateY(4px) scale(.9);transform-origin:50% 100%}
#pcr-halloween-controls .pcr-boo-bubble:after{content:'';position:absolute;left:17px;bottom:-5px;width:8px;height:8px;background:#ecebee;transform:rotate(45deg);border-right:1px solid #ffffff40;border-bottom:1px solid #ffffff40}
#pcr-halloween-controls.is-collapsed .pcr-boo-bubble{animation:pcr-ghost-boo-bubble 9s ease-in-out infinite}
#pcr-halloween-controls .pcr-boo-mouth{transform-box:fill-box;transform-origin:center;animation:pcr-ghost-boo-mouth 9s ease-in-out infinite}
@keyframes pcr-ghost-boo-bubble{0%,3%,45%,100%{opacity:0;transform:translateY(4px) scale(.9)}8%,38%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pcr-ghost-boo-mouth{0%,4%,17%,28%,40%,100%{transform:scale(1,.25)}10%,22%,34%{transform:scale(.85,1.12)}}
@media(max-width:700px){
 html body #pcr-halloween-controls{display:flex;gap:7px;padding:6px;align-items:flex-start;top:calc(var(--pcr-header,84px) + 44px)}
 #pcr-halloween-controls .pcr-season-options{display:flex;flex-direction:column;gap:5px;align-items:stretch}
 html body #pcr-halloween-controls .pcr-season-mark{width:40px;height:40px;min-height:40px;grid-column:auto;grid-row:auto}
 #pcr-halloween-controls .pcr-season-options>button{grid-column:auto;grid-row:auto;width:100%;min-height:38px}
 #pcr-halloween-controls .pcr-season-caption{display:none}
}
@media(max-width:340px){#pcr-halloween-controls .pcr-season-options>button{font-size:9px;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){html body #pcr-halloween-controls,#pcr-halloween-controls .pcr-season-options{transition:none}#pcr-halloween-controls .pcr-boo-mouth,#pcr-halloween-controls.is-collapsed .pcr-boo-bubble{animation:none}}
