/* A transparent layer: Classic owns all dimensions, typography and theme tokens. */
.sv-season-scene { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: fill; pointer-events: none; user-select: none; will-change: transform; }
.sv-season-anchor { position: relative; }
.sv-season-backdrop {
    position: fixed;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    user-select: none;
    overflow: hidden;
    contain: strict;
}
.sv-season-edge { position: absolute; top: 0; width: 170px; height: 100%; object-fit: cover; opacity: .65; }
.sv-season-edge--left { left: 0; }
.sv-season-edge--right { right: 0; transform: scaleX(-1); }
.sv-season-trim { position: absolute; inset: 0; pointer-events: none; user-select: none; z-index: 2; }
.sv-season-cap { position: absolute; top: -7px; left: 10px; width: calc(100% - 20px); height: 21px; }
.sv-season-ornament { position: absolute; width: 76px; height: 44px; top: -19px; right: 92px; object-fit: contain; }
.sv-season-web { position: absolute; top: 1px; right: 1px; width: 72px; height: 61px; opacity: .4; }
.sv-season-header { position: absolute; left: calc(50% - 315px); top: 20px; width: 125px; height: 86px; pointer-events: none; user-select: none; }
body[data-holiday="winter"] .sv-season-edge { opacity: .45; }
body[data-holiday="winter"] .sv-season-header { top: 5px; }
/* Two decoded transparent sprites, shared by every frame; never intercept input. */
.sv-halloween-wordmark, .sv-halloween-trim { position: absolute; inset: 0; pointer-events: none; user-select: none; }
.sv-halloween-wordmark { z-index: -1; }
.sv-halloween-trim { z-index: 2; }
.sv-halloween-art { display: block; position: absolute; pointer-events: none; background-image: url(../../decorations/halloween-panel-atlas-v1.webp); background-repeat: no-repeat; }
.sv-halloween-art--witch-left, .sv-halloween-art--witch-right { background-image: url(../../decorations/halloween-wordmark-ornaments-v1.webp); }
.sv-halloween-art--witch-left { width: 155px; aspect-ratio: 1.02; right: calc(100% + 3px); top: 0; background-size: 294.118% 100%; background-position: 0 0; }
.sv-halloween-art--witch-right { width: 140px; aspect-ratio: 1.385; left: calc(100% - 22px); top: 0; background-size: 416.667% 192.308%; background-position: 100% 0; }
.sv-halloween-art--plaque { width: 180px; aspect-ratio: 1862 / 845; left: calc(100% - 65px); top: 95px; background-image: url(../../decorations/halloween-plaque-v1.webp); background-size: 100% 100%; }
.sv-halloween-title { position: absolute; left: 12%; right: 12%; top: 32%; color: #e9be78; font: 400 22px/1 Georgia, serif; text-align: center; letter-spacing: -.02em; text-shadow: 0 1px 2px #000, 0 0 4px #8b471a; white-space: nowrap; }
.sv-halloween-art--pumpkin { width: 180px; aspect-ratio: 1.852; background-size: 200% 370.37%; background-position: 0 19.178%; }
.sv-halloween-art--leaves { width: 98px; aspect-ratio: .98; background-size: 204.082% 200%; background-position: 100% 0; opacity: .9; }
.sv-halloween-art--web { width: 118px; aspect-ratio: 1.351; background-size: 200% 270.27%; background-position: 0 79.365%; opacity: .75; }
.sv-halloween-art--lantern { width: 58px; aspect-ratio: .625; background-size: 333.333% 208.333%; background-position: 91.429% 98.077%; }
.sv-halloween-art--cauldron, .sv-halloween-art--candles { background-image: url(../../decorations/halloween-candles-cauldron-v1.webp); background-size: 200% 100%; aspect-ratio: 4 / 3; }
.sv-halloween-art--cauldron { width: 112px; background-position: 0 0; }
.sv-halloween-art--candles { width: 104px; background-position: 100% 0; }
.sv-halloween-art--bat { width: 72px; aspect-ratio: 16 / 9; right: 44px; top: -21px; background-image: url(../../decorations/halloween-bat.svg); background-size: contain; transform: rotate(-17deg); }
.sv-halloween-corner--left { left: -8px; top: -20px; }
.sv-halloween-corner--right { right: -9px; top: -72px; }
.sv-halloween-art--leaves.sv-halloween-corner--left { transform: scaleX(-1); }
.sv-halloween-art--pumpkin.sv-halloween-corner--left { left: 105px; top: -63px; }
.sv-halloween-art--lantern.sv-halloween-corner--left { left: -25px; top: -26px; }
.sv-halloween-art--lantern.sv-halloween-corner--right { right: -22px; top: -27px; }
.sv-halloween-art--candles.sv-halloween-corner--right { right: -12px; top: -55px; }
.sv-halloween-art--cauldron.sv-halloween-corner--left { left: -30px; top: -34px; }
.sv-halloween-art--web.sv-halloween-corner--left { transform: scaleX(-1); }
.classic-servers-top .sv-halloween-art--web { width: 180px; top: -5px; right: -3px; opacity: .6; }
.classic-servers-right .sv-halloween-art--web { top: -8px; width: 100px; }
.classic-servers-right .sv-halloween-art--leaves.sv-halloween-corner--left { left: auto; right: -9px; top: -72px; transform: none; }
.classic-servers-left .sv-halloween-art--leaves { width: 92px; top: auto; bottom: -13px; }
.classic-home-center .sv-halloween-art--web { width: 100px; }
.classic-community .sv-halloween-art--leaves, .news_block .sv-halloween-art--leaves { width: 70px; left: -9px; top: -52px; }
.community-column .sv-halloween-art--leaves.sv-halloween-corner--left { width: 65px; left: auto; right: -9px; top: -16px; transform: none; }
.news_block .sv-halloween-art--leaves.sv-halloween-corner--left { width: 60px; left: -6px; top: -10px; }
.classic-community .sv-halloween-art--web, .news_block .sv-halloween-art--web { width: 90px; top: auto; bottom: -10px; }
.classic-community > .sv-halloween-trim > .sv-halloween-art { top: auto; bottom: -5px; }
.classic-community > .sv-halloween-trim > .sv-halloween-art--leaves { left: auto; right: -4px; transform: none; }
.sv-halloween-giveaway .sv-halloween-art--pumpkin { width: 130px; top: -57px; left: -24px; }
footer .sv-halloween-art--web { top: -24px; width: 130px; }
footer .sv-halloween-art--leaves { top: auto; bottom: -3px; width: 120px; }
.sv-halloween-art--leaves.sv-halloween-corner--foot { width: 66px; left: -7px; right: auto; top: auto; bottom: -9px; transform: rotate(180deg); opacity: .8; }
.classic-community .sv-halloween-art--leaves.sv-halloween-corner--foot, .news_block .sv-halloween-art--leaves.sv-halloween-corner--foot { width: 48px; }
@media (max-width: 1100px) {
    .sv-halloween-art--witch-left { width: 125px; }
    .sv-halloween-art--witch-right { width: 110px; }
    .sv-halloween-art--plaque { width: 165px; top: 98px; }
    .sv-halloween-title { font-size: 20px; }
}
@media (max-width: 1200px) {
    .sv-season-edge { width: 75px; opacity: .35; }
    .sv-season-header { left: 76px; width: 65px; }
}
@media (max-width: 600px) {
    .sv-halloween-art--witch-left { width: 66px; right: auto; left: -18px; top: 5px; }
    .sv-halloween-art--witch-right { width: 62px; left: auto; right: -13px; top: 5px; }
    .sv-halloween-art--plaque { width: 126px; left: auto; right: 0; top: calc(100% - 53px); }
    .sv-halloween-title { font-size: 15px; }
    .sv-halloween-art--pumpkin { width: 78px; }
    .sv-halloween-art--pumpkin.sv-halloween-corner--left { top: -29px; left: 4px; }
    .sv-halloween-art--leaves { width: 48px; }
    .sv-halloween-art--web { width: 54px; }
    .sv-halloween-art--lantern { width: 25px; }
    .sv-halloween-art--cauldron { width: 74px; }
    .sv-halloween-art--candles { width: 70px; }
    .sv-halloween-art--cauldron.sv-halloween-corner--left { left: -9px; top: -27px; }
    .sv-halloween-art--candles.sv-halloween-corner--right { right: -4px; top: -37px; }
    .sv-halloween-art--lantern.sv-halloween-corner--left { left: -4px; top: -16px; }
    .sv-halloween-art--lantern.sv-halloween-corner--right { right: -4px; top: -16px; }
    .classic-servers-top .sv-halloween-art--web { width: 74px; top: -3px; }
    .classic-servers-right .sv-halloween-art--web { width: 65px; }
    .sv-halloween-art--bat { width: 50px; right: 36px; top: -14px; }
    .sv-halloween-art--leaves.sv-halloween-corner--foot { width: 42px; }
    .sv-halloween-art--leaves.sv-halloween-corner--right { top: -35px; }
    .sv-halloween-giveaway .sv-halloween-art--pumpkin { width: 68px; left: -3px; top: -30px; }
    footer .sv-halloween-art--leaves { width: 50px; right: 0; }
    .sv-season-edge { width: 20px; opacity: .25; }
    .sv-season-header { left: 9px; width: 46px; height: 45px; top: 64px; }
    body[data-holiday="winter"] .sv-season-header { top: 60px; }
    .sv-season-ornament { width: 53px; height: 34px; right: 80px; top: -14px; }
    .sv-season-cap { height: 15px; top: -5px; }
    .sv-season-web { width: 52px; height: 45px; }
}
@media (forced-colors: active), print {
    .sv-season-scene, .sv-season-backdrop, .sv-season-trim, .sv-season-header, .sv-halloween-wordmark, .sv-halloween-trim { display: none; }
}