/* Los adornos aparecen únicamente cuando se activa una temática pública. */
html[data-gamedin-theme="halloween"]{--season-accent:#ffae56;--season-glow:rgba(255,126,42,.32);--season-bg:#100b1d;--season-panel:#281634;--season-border:#a45365}
html[data-gamedin-theme="black_friday"]{--season-accent:#ffe28b;--season-glow:rgba(255,197,63,.29);--season-bg:#08090c;--season-panel:#202016;--season-border:#e3bd5f}
html[data-gamedin-theme="christmas"]{--season-accent:#ffe0a0;--season-glow:rgba(85,210,143,.3);--season-bg:#071a1b;--season-panel:#123b39;--season-border:#a9d9bf}
html[data-gamedin-theme="new_year"]{--season-accent:#f5ce78;--season-glow:rgba(134,164,255,.32);--season-bg:#091228;--season-panel:#17294b;--season-border:#9eafe8}
html[data-gamedin-theme] body{background:radial-gradient(circle at 85% 5%,var(--season-glow),transparent 42%),var(--season-bg)}
html[data-gamedin-theme] .topbar{background:color-mix(in srgb,var(--season-bg) 88%,transparent);border-color:var(--season-glow)}
html[data-gamedin-theme] .hero{border-color:var(--season-glow);box-shadow:0 20px 65px var(--season-glow)}
html[data-gamedin-theme] .hero-overlay{background:linear-gradient(90deg,color-mix(in srgb,var(--season-bg) 96%,transparent) 0%,color-mix(in srgb,var(--season-bg) 83%,transparent) 54%,rgba(5,8,16,.4) 100%)}
html[data-gamedin-theme] .hero h1 span{background:linear-gradient(90deg,var(--season-accent),#fff0cf);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-gamedin-theme] .pill{color:var(--season-accent);border-color:var(--season-glow);background:var(--season-panel)}
html[data-gamedin-theme] .primary{background:var(--season-accent);box-shadow:0 10px 28px var(--season-glow);color:#101522}
html[data-gamedin-theme] .game-card{border-color:var(--season-glow)!important;box-shadow:0 8px 24px var(--season-glow)}
html[data-gamedin-theme] .eyebrow{color:var(--season-accent)}

.seasonal-banner{position:relative;display:flex;align-items:center;gap:16px;max-width:1180px;margin:16px auto 0;padding:16px 22px;border-radius:18px;overflow:hidden;background:linear-gradient(110deg,var(--season-panel),var(--season-bg));border:1px solid var(--season-border);box-shadow:0 10px 30px var(--season-glow);color:#fff}
.seasonal-banner::after{content:"✦ ✦ ✦";position:absolute;right:24px;top:50%;transform:translateY(-50%);letter-spacing:13px;font-size:21px;color:var(--season-accent);opacity:.7}
.seasonal-banner-icon{display:grid;place-items:center;flex:none;font-size:31px;width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.11);box-shadow:inset 0 0 0 1px var(--season-glow)}
.seasonal-banner-copy{display:grid;gap:3px;position:relative;z-index:1}
.seasonal-banner strong{font-size:19px;color:var(--season-accent);letter-spacing:.02em}
.seasonal-banner small{font-size:13px;color:#edf0f8}
html[data-gamedin-theme="black_friday"] .seasonal-banner{border-width:2px;background:repeating-linear-gradient(120deg,#171612 0 22px,#242114 22px 44px)}
html[data-gamedin-theme="black_friday"] .seasonal-banner::after{content:"BLACK FRIDAY";font-weight:900;letter-spacing:.12em;font-size:16px}
html[data-gamedin-theme="halloween"] .seasonal-banner::after{content:"🦇  🎃  🕸️";letter-spacing:4px}
html[data-gamedin-theme="christmas"] .seasonal-banner::after{content:"🎁  ❄️  🎄";letter-spacing:4px}
html[data-gamedin-theme="new_year"] .seasonal-banner::after{content:"🎉  ✨  🎆";letter-spacing:4px}

.seasonal-art{position:absolute;z-index:2;right:3%;top:10%;width:min(36%,390px);height:78%;pointer-events:none;filter:drop-shadow(0 12px 30px var(--season-glow))}
.seasonal-symbols{position:absolute;inset:0}
.seasonal-symbol{position:absolute;display:block;font-size:clamp(34px,4vw,66px);line-height:1;filter:drop-shadow(0 5px 8px rgba(0,0,0,.5));animation:seasonFloat 4.5s ease-in-out infinite}
.seasonal-symbol-1{top:3%;left:8%;transform:rotate(-12deg)}
.seasonal-symbol-2{top:3%;right:5%;animation-delay:-1.1s}
.seasonal-symbol-3{bottom:5%;left:2%;animation-delay:-2.2s}
.seasonal-symbol-4{bottom:9%;right:3%;animation-delay:-1.7s}
.seasonal-symbol-5{top:33%;right:-2%;animation-delay:-.8s}
.seasonal-plaque{position:absolute;top:31%;left:10%;right:10%;min-height:118px;display:grid;align-content:center;gap:7px;text-align:center;padding:18px 12px;border:2px solid var(--season-border);border-radius:20px;background:linear-gradient(140deg,var(--season-panel),color-mix(in srgb,var(--season-bg) 87%,black));box-shadow:0 14px 35px rgba(0,0,0,.5),inset 0 0 24px var(--season-glow);transform:rotate(-3deg)}
.seasonal-plaque strong{font-weight:1000;font-size:clamp(25px,2.6vw,40px);line-height:1.05;letter-spacing:.025em;color:var(--season-accent);text-shadow:0 3px 0 rgba(0,0,0,.5)}
.seasonal-plaque span{font-size:14px;color:#fff;font-weight:700;letter-spacing:.06em}
html[data-gamedin-theme="black_friday"] .seasonal-plaque{border-radius:10px;transform:rotate(3deg);background:linear-gradient(135deg,#060606,#323023);box-shadow:0 0 0 6px #0a0a0a,0 0 0 8px var(--season-border),0 14px 35px #000}
html[data-gamedin-theme="black_friday"] .seasonal-plaque strong{font-style:italic;letter-spacing:-.04em}
html[data-gamedin-theme="christmas"] .seasonal-plaque{background:linear-gradient(135deg,#194f39,#7a202c);border-color:#e9cf98;transform:rotate(2deg)}
html[data-gamedin-theme="new_year"] .seasonal-plaque{background:radial-gradient(circle at top,#42598e,#14223f 72%);transform:rotate(2deg)}

html[data-gamedin-theme] .support .robot,html[data-gamedin-theme] .support-chat-avatar{filter:drop-shadow(0 0 10px var(--season-accent));transition:filter .25s ease}
html[data-gamedin-theme] .support{box-shadow:0 0 0 3px var(--season-glow),0 12px 30px var(--season-glow)}
.seasonal-flyby{position:fixed;z-index:35;top:74px;left:0;white-space:nowrap;font-size:43px;line-height:1;pointer-events:none;opacity:0;filter:drop-shadow(0 5px 9px #000);animation:santaCross 8s linear infinite}
@keyframes santaCross{0%,4%{transform:translateX(110vw);opacity:0}7%{opacity:1}38%{transform:translateX(-130%);opacity:1}42%,100%{transform:translateX(-130%);opacity:0}}
@keyframes seasonFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}

@media(max-width:850px){.seasonal-banner::after{display:none}.seasonal-art{width:36%;right:1%;top:15%;height:70%}.seasonal-plaque{left:0;right:0}.seasonal-symbol{font-size:clamp(30px,5vw,52px)}}
@media(max-width:700px){.seasonal-banner{margin:10px 12px 0;padding:11px 13px}.seasonal-banner-icon{width:42px;height:42px;font-size:24px}.seasonal-banner strong{font-size:16px}.seasonal-banner small{font-size:11px}html[data-gamedin-theme] .hero-overlay{background:linear-gradient(0deg,color-mix(in srgb,var(--season-bg) 96%,transparent),color-mix(in srgb,var(--season-bg) 84%,transparent) 60%,rgba(5,8,16,.25))}html[data-gamedin-theme] .hero-content{padding-bottom:190px!important}.seasonal-art{top:auto;bottom:14px;left:10%;right:10%;width:80%;height:168px}.seasonal-plaque{top:27%;left:17%;right:17%;min-height:86px;padding:9px}.seasonal-plaque strong{font-size:25px}.seasonal-plaque span{font-size:11px}.seasonal-symbol{font-size:34px}.seasonal-symbol-1{top:0}.seasonal-symbol-2{top:0}.seasonal-symbol-3{bottom:0}.seasonal-symbol-4{bottom:0}.seasonal-symbol-5{top:35%}.seasonal-flyby{top:62px;font-size:29px}}
@media(prefers-reduced-motion:reduce){.seasonal-symbol,.seasonal-flyby{animation:none}.seasonal-flyby{display:none}}

/* Decoración de Halloween presente en todas las páginas públicas. */
.halloween-scene{position:fixed;inset:0;z-index:24;overflow:hidden;pointer-events:none;contain:layout style}
.halloween-web{position:absolute;top:150px;width:210px;height:192px;color:rgba(255,183,111,.42);filter:drop-shadow(0 0 8px rgba(255,113,52,.28))}
.halloween-web-left{left:0}
.halloween-web-right{right:0;transform:scaleX(-1)}
.halloween-spider-hanger{position:absolute;top:145px;right:7%;width:80px;height:208px;transform-origin:top center;animation:halloweenSpiderSway 5s ease-in-out infinite}
.halloween-spider-thread{position:absolute;top:0;left:39px;height:135px;border-left:2px solid rgba(255,183,111,.55)}
.halloween-spider{position:absolute;top:126px;left:0;width:80px;height:75px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.55));animation:halloweenSpiderCrawl 8s ease-in-out infinite}
.halloween-bat{position:absolute;top:195px;left:0;width:90px;height:50px;opacity:0;filter:drop-shadow(0 5px 12px rgba(0,0,0,.65));animation:halloweenBatCross 14s linear infinite}
html[data-gamedin-theme="halloween"] :is(#recharge,#deposit,#orders) .page-title{position:relative;padding-right:60px;border-bottom:1px solid rgba(255,165,76,.3)}
.halloween-page-mark{position:absolute;top:0;right:0;width:52px;height:52px;color:rgba(255,177,104,.72);pointer-events:none}
.halloween-page-mark svg{display:block;width:100%;height:100%}
@keyframes halloweenSpiderSway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(8deg)}}
@keyframes halloweenSpiderCrawl{0%,100%{transform:translateY(-8px)}42%{transform:translateY(16px)}65%{transform:translateY(16px)}}
@keyframes halloweenBatCross{0%,10%{transform:translate(-130px,20px) scale(.8);opacity:0}13%{opacity:.9}24%{transform:translate(25vw,-12px) scale(1)}37%{transform:translate(58vw,18px) scale(.9)}50%{transform:translate(110vw,-22px) scale(1);opacity:.85}54%,100%{transform:translate(110vw,-22px);opacity:0}}
@media(max-width:700px){.halloween-web{top:114px;width:105px;height:96px}.halloween-spider-hanger{top:110px;right:5px;scale:.65;transform-origin:top right}.halloween-bat{top:205px;width:65px;height:36px}.halloween-page-mark{width:38px;height:38px}html[data-gamedin-theme="halloween"] :is(#recharge,#deposit,#orders) .page-title{padding-right:44px}}
@media(prefers-reduced-motion:reduce){.halloween-spider-hanger,.halloween-spider,.halloween-bat{animation:none}.halloween-bat{display:none}}