.seasonal-active .site{position:relative;z-index:1;box-shadow:0 15px 80px color-mix(in srgb,var(--seasonal-accent) 14%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--seasonal-accent) 28%,transparent)}
[data-seasonal-part]{pointer-events:none;user-select:none;-webkit-user-select:none}[data-seasonal-part] img{object-fit:contain;transform:rotate(var(--turn));filter:drop-shadow(0 3px 2px #12252c15)}
.seasonal-edges{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 0 28%,color-mix(in srgb,var(--seasonal-accent) 18%,transparent),transparent 46%),radial-gradient(ellipse at 100% 75%,color-mix(in srgb,var(--seasonal-accent) 20%,transparent),transparent 44%)}
.seasonal-edges>span{position:absolute;left:var(--side);right:var(--opposite);top:var(--top);width:min(calc((100vw - 750px)/2),140px);display:flex;justify-content:center;padding-inline:8px;transform:translateX(calc(var(--space)/5))}.seasonal-edges>span:nth-child(even){transform:translateX(calc(var(--space)/-5))}.seasonal-edges img{width:var(--size);height:var(--size);max-width:100%;opacity:.86}
.seasonal-garland{position:relative;height:62px;margin:-26px -34px 17px;display:flex;justify-content:space-around;align-items:flex-start;gap:4px;isolation:isolate}.seasonal-garland:before{content:"";position:absolute;inset:0 3px 22px;border-top:2px dotted color-mix(in srgb,var(--seasonal-accent) 65%,transparent);border-radius:50%;z-index:-1}.seasonal-garland>span{display:block;position:relative;margin-top:4px}.seasonal-garland>span:nth-child(3n+2){margin-top:17px}.seasonal-garland>span:nth-child(3n){margin-top:10px}.seasonal-garland img{width:38px;height:38px}
.seasonal-divider{display:flex;align-items:center;justify-content:center;gap:20px;height:38px;margin:4px 0 26px}.seasonal-divider:before,.seasonal-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--seasonal-accent))}.seasonal-divider:after{transform:rotate(180deg)}.seasonal-divider img{width:27px;height:27px}.seasonal-footer-trim{display:flex;justify-content:center;align-items:center;gap:30px;min-height:58px;margin:28px 0 12px}.seasonal-footer-trim img{width:42px;height:42px}.site footer>.seasonal-art-attribution{grid-column:1/-1;justify-self:center;font-size:10px;color:var(--q-muted);padding:8px 0;text-decoration:underline;text-underline-offset:3px}
:root[data-seasonal-motion=yes] .seasonal-edges img{animation:seasonal-float 7s ease-in-out var(--delay) infinite alternate}@keyframes seasonal-float{from{transform:translateY(-6px) rotate(var(--turn))}to{transform:translateY(6px) rotate(calc(var(--turn) + 6deg))}}
@media(max-width:950px){.seasonal-edges>span{display:none}}
@media(max-width:767px){.seasonal-edges{display:none}.seasonal-garland{height:44px;margin:-10px 0 14px;gap:0}.seasonal-garland img{width:25px;height:25px}.seasonal-garland>span:nth-child(3n+2){margin-top:12px}.seasonal-garland:before{bottom:13px}.seasonal-divider{height:30px;margin:0 0 20px;gap:16px}.seasonal-divider img{width:24px;height:24px}.seasonal-footer-trim{min-height:44px;gap:24px}.seasonal-footer-trim img{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){[data-seasonal-part] img{animation:none!important}}
.seasonal-web-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none!important;background:#f6f7fb;opacity:.82;-webkit-mask-image:url('/assets/seasonal/halloween-web-frame.jpg');mask-image:url('/assets/seasonal/halloween-web-frame.jpg');mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center top;mask-position:center top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 1px 1px #15212899)}
:root[data-theme=light] .seasonal-web-overlay{background:#35434c;opacity:.58}
@media print{[data-seasonal-part],.seasonal-art-attribution{display:none!important}}

/* A transparent screen frame, with room in the middle for Queen's artwork. */
.seasonal-frame{--frame-gold:#f2ce8b;position:fixed;inset:0;z-index:9990;overflow:hidden;contain:layout paint;pointer-events:none!important}
.seasonal-frame *{pointer-events:none!important}
.seasonal-frame-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--seasonal-accent) 25%,transparent),transparent 22%),radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--seasonal-accent) 18%,transparent),transparent 20%);opacity:.65}
.seasonal-frame-lines{position:absolute;inset:0;width:100%;height:100%;color:#d2eef5;fill:currentColor;opacity:.8}
.seasonal-frame-lines path{vector-effect:non-scaling-stroke}
.frame-stem,.frame-wire,.frame-water,.frame-ribbon{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}
.frame-stem{stroke:#85aaa0;opacity:.7}.frame-foliage{fill:#9fc3ad;opacity:.62}.frame-evergreen{fill:#548d81;opacity:.85}.frame-leaves{fill:#d8ac7c;opacity:.6}.frame-pink{fill:#e3a7c5;opacity:.72}.frame-gold{fill:var(--frame-gold);opacity:.8}.frame-wire{stroke:#a9bfb3;opacity:.65}.frame-frost,.frame-drift{fill:#d9f2f7;opacity:.52}.frame-snow{opacity:.72}.frame-water{stroke:#9cd8df;stroke-width:2;opacity:.7}.frame-ribbon{stroke:#d2a9dc;stroke-width:2}.frame-confetti{opacity:.7}
.seasonal-corner{--corner-size:96px;position:absolute;width:var(--corner-size);height:var(--corner-size);isolation:isolate;filter:drop-shadow(0 2px 5px #09272b25)}
.seasonal-corner:before{content:"";position:absolute;inset:10%;background:radial-gradient(closest-side,color-mix(in srgb,var(--seasonal-accent) 35%,transparent),transparent);z-index:-1}
.seasonal-corner-top-left{top:calc(env(safe-area-inset-top,0px) - 13px);left:-15px}.seasonal-corner-top-right{top:calc(env(safe-area-inset-top,0px) - 13px);right:-15px}.seasonal-corner-bottom-left{bottom:calc(env(safe-area-inset-bottom,0px) - 18px);left:-18px}.seasonal-corner-bottom-right{bottom:calc(env(safe-area-inset-bottom,0px) - 18px);right:-18px}
.seasonal-corner img{position:absolute;left:calc(3px + var(--piece)*21px);top:calc(2px + var(--piece)*19px);width:calc(53px - var(--piece)*9px);height:calc(53px - var(--piece)*9px);transform:rotate(var(--lean));object-fit:contain;opacity:.94}
.seasonal-corner-top-right{transform:scaleX(-1)}.seasonal-corner-top-right img{transform:scaleX(-1) rotate(var(--lean))}.seasonal-corner-bottom-left{transform:rotate(-90deg)}.seasonal-corner-bottom-left img{transform:rotate(calc(90deg + var(--lean)))}.seasonal-corner-bottom-right{transform:rotate(180deg)}.seasonal-corner-bottom-right img{transform:rotate(calc(-180deg + var(--lean)))}
.seasonal-frame-sparkles{position:absolute;inset:0}.seasonal-frame-sparkles i{position:absolute;top:var(--y);left:var(--edge);right:var(--other);margin-inline:7px;width:6px;height:6px;background:var(--seasonal-accent);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);opacity:.55}
:root[data-theme=light] .seasonal-frame-lines{color:#67919b}:root[data-theme=light] .frame-snow{color:#5b929d}:root[data-theme=light] .frame-frost,:root[data-theme=light] .frame-drift{fill:#9bc9d0}
:root[data-seasonal-theme=halloween] .seasonal-frame-glow{opacity:.3}:root[data-seasonal-theme=halloween] .seasonal-corner{--corner-size:75px}:root[data-seasonal-theme=halloween] .seasonal-corner img{opacity:.85;width:calc(42px - var(--piece)*7px);height:calc(42px - var(--piece)*7px)}
:root[data-seasonal-motion=yes] .seasonal-frame-sparkles i{animation:seasonal-shimmer 5s ease-in-out var(--delay) infinite alternate}
@keyframes seasonal-shimmer{from{opacity:.18}to{opacity:.65}}
@media(max-width:767px){
 .seasonal-corner{--corner-size:72px}.seasonal-corner img{width:calc(42px - var(--piece)*8px);height:calc(42px - var(--piece)*8px);left:calc(5px + var(--piece)*16px);top:calc(4px + var(--piece)*15px)}
 .seasonal-corner-top-left{left:-15px;top:calc(env(safe-area-inset-top,0px) - 14px)}.seasonal-corner-top-right{right:-15px;top:calc(env(safe-area-inset-top,0px) - 14px)}.seasonal-corner-bottom-left{left:-20px;bottom:calc(env(safe-area-inset-bottom,0px) - 24px)}.seasonal-corner-bottom-right{right:-20px;bottom:calc(env(safe-area-inset-bottom,0px) - 24px)}
 .seasonal-frame-lines{opacity:.62}.seasonal-frame-sparkles i{width:4px;height:4px;margin-inline:3px}.seasonal-frame-glow{opacity:.4}
 .seasonal-web-overlay{opacity:.6;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 24px) 100%,calc(100% - 24px) 115px,calc(100% - 80px) 48px,80px 48px,24px 115px,24px 100%,0 100%)}
 :root[data-theme=light] .seasonal-web-overlay{opacity:.43}
 .seasonal-active .site{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--seasonal-accent) 18%,transparent)}
}
@media(max-width:360px){.seasonal-corner{--corner-size:62px}.seasonal-corner img{width:calc(36px - var(--piece)*7px);height:calc(36px - var(--piece)*7px)}}
@media(prefers-reduced-motion:reduce){.seasonal-frame-sparkles i{animation:none!important}}
