/* Seasonal decoration: color and paint only; no changes to layout or game geometry. */
html[data-season="halloween"] body{background-image:radial-gradient(ellipse at 12% 5%,#6f28831c,transparent 43%),radial-gradient(ellipse at 90% 15%,#bb5a1710,transparent 40%)}
html[data-season="halloween"] body:not([data-page="game"])::before{content:"";position:fixed;top:0;right:0;width:142px;height:142px;z-index:24;background:url('/assets/seasonal/cobweb.svg') top left/contain no-repeat;transform:rotate(90deg);opacity:.23;pointer-events:none}
html[data-season="halloween"] .sidebar::after{content:"";position:absolute;left:0;top:0;width:124px;height:124px;background:url('/assets/seasonal/cobweb.svg') top left/contain no-repeat;opacity:.22;pointer-events:none}
html[data-season="halloween"] .sidebar{background-image:radial-gradient(ellipse at 0 0,#6e368721,transparent 55%)}
html[data-season="halloween"] .public-header{background-image:linear-gradient(100deg,#6c328918,transparent 65%)}
html[data-season="halloween"] #lobby .lobby-banner,html[data-season="halloween"] .lobby-social-promo{border-color:#aa603c80}
html[data-season="halloween"] #lobby .game-tile .cover{box-shadow:0 0 0 1px #b86d2810}
html[data-season="halloween"] .banner-play{background:linear-gradient(#ffca8b,#ef9a55);color:#2b1408;border-color:#ffd4a550}
html[data-season="halloween"] .collection-spotlight:focus-visible{outline:3px solid #ffbd80;outline-offset:-4px}
#lobby .lobby-banner .collection-spotlight[data-art="halloween"]{background:#090411}
#lobby .lobby-banner [data-art="halloween"] .halloween-banner-art{display:block;position:absolute;inset:0}
#lobby .lobby-banner [data-art="halloween"] .halloween-banner-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
.halloween-banner-shade,.halloween-mobile-copy{display:none}
.halloween-desktop-action{position:absolute;right:18px;bottom:14px;z-index:2;color:#ffe7bd;background:#180d20db;border:1px solid #bd8b5266;padding:7px 12px;border-radius:8px;font-size:10px;line-height:1.3;pointer-events:none}
.halloween-event-intro h3{font:700 30px/1.15 Georgia,serif;color:#ffe7bd;margin:15px 0}.halloween-event-intro p{line-height:1.7;color:var(--muted)}.halloween-event-intro .back{display:block;margin-top:14px}
@media(max-width:760px){
 html[data-season="halloween"] body:not([data-page="game"])::before{width:78px;height:78px;opacity:.17}
 #lobby .lobby-banner [data-art="halloween"] .halloween-banner-art img{left:35%;width:65%;object-fit:cover;object-position:25% center}
 .halloween-banner-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#0d0418f5 0%,#14071bdb 35%,#16091a3d 78%),linear-gradient(0deg,#090411bf,transparent 45%)}
 .halloween-mobile-copy{position:absolute;left:18px;top:22px;bottom:55px;width:73%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#fff;pointer-events:none}
 .halloween-mobile-copy>small{font-size:8px;font-weight:800;letter-spacing:1.6px;color:#7bf4d8}
 .halloween-mobile-copy>strong{font:700 clamp(27px,7.9vw,34px)/1.03 Georgia,serif;color:#ffe7bd;letter-spacing:-.5px}
 .halloween-mobile-copy>span{font:14px/1.3 Georgia,serif;color:#e3cff8}
 .halloween-mobile-copy .banner-play{margin-top:auto;padding:9px 13px;font-size:10px;min-height:32px}
 .halloween-desktop-action{display:none}
}
@media(prefers-reduced-motion:reduce){html[data-season="halloween"] body::before,html[data-season="halloween"] .sidebar::after{animation:none}}

/* Keep the complete supplied image on phones; readable copy sits below it. */
@media(max-width:760px){
 #lobby .lobby-banner [data-art="halloween"] .halloween-banner-art{inset:0 0 auto;height:51%}
 #lobby .lobby-banner [data-art="halloween"] .halloween-banner-art img{left:0;width:100%;height:100%;object-fit:contain;object-position:center}
 .halloween-banner-shade{display:none}
 .halloween-mobile-copy{top:calc(51% + 8px);left:18px;right:18px;bottom:51px;width:auto;gap:5px}
 .halloween-mobile-copy>small{display:none}
 .halloween-mobile-copy>strong{font-size:22px;line-height:1.03}
 .halloween-mobile-copy>span{font:12px/1.3 Georgia,serif}
 .halloween-mobile-copy>span br{display:none}
 .halloween-mobile-copy .banner-play{display:none}
}

/* Reserve the same mobile slot as every slide while retaining the complete artwork. */
@media(max-width:760px){
 #lobby .lobby-banner:has(.collection-spotlight[data-art="halloween"]){height:270px;min-height:270px;aspect-ratio:auto}
 #lobby .lobby-banner .collection-spotlight[data-art="halloween"]::before{content:"";position:absolute;inset:-12px;background:url('/assets/seasonal/halloween-mobile-full.d929207291aa.webp') center/cover no-repeat;filter:blur(12px) brightness(.35);pointer-events:none}
 #lobby .lobby-banner [data-art="halloween"] .halloween-banner-art{inset:0;height:auto}
 #lobby .lobby-banner [data-art="halloween"] .halloween-banner-art img{left:0;top:0;width:100%;height:100%;object-fit:contain;object-position:center top}
 .halloween-mobile-copy{display:none}
}