#event-decor{display:none;position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:90}body:has(.dashboard-content) #event-decor{display:block}.event-decor{position:absolute;background:center / contain no-repeat}html[data-event-theme] .event-logo{filter:none}.vtx-modal:has(.event-prompt){width:min(440px,92vw);min-width:0;border-color:color-mix(in srgb,var(--accent-color1) 55%,transparent);background:radial-gradient(circle at top center,color-mix(in srgb,var(--accent-color2) 45%,transparent),transparent 60%),var(--modal-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color1) 20%,transparent),0 0 40px color-mix(in srgb,var(--accent-color1) 25%,transparent)}.event-prompt{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}.event-prompt-logo{width:110px;height:110px;object-fit:contain;animation:eventPromptFloat 4s ease-in-out infinite}.event-prompt-tag{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:none;color:var(--accent-color1);background:color-mix(in srgb,var(--accent-color1) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-color1) 40%,transparent)}.event-prompt h2{font-size:1.6rem}.event-prompt .vtx-modal-buttons{gap:12px;margin-top:6px}.event-prompt .event-prompt-note{font-size:.75rem;opacity:.45}@keyframes eventPromptFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes eventSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}html[data-event-theme=halloween]{--event-web-left: url(/img/decoration/halloween/cobweb_top_left.png);--event-web-right: url(/img/decoration/halloween/cobweb_top_right.png);--event-spider: url(/img/decoration/halloween/spider.png)}html[data-event-theme=halloween] .event-decor--cobweb-left{top:0;left:65px;width:150px;aspect-ratio:400 / 432;background-image:var(--event-web-left);opacity:.45}html[data-event-theme=halloween] .event-decor--cobweb-right{top:0;right:0;width:170px;aspect-ratio:400 / 355;background-image:var(--event-web-right);opacity:.45}html[data-event-theme=halloween] .event-decor--spider,html[data-event-theme=halloween] :is(.page-hero,.settings-hero,.store-hero,.friends-hero,.hero):after{--spider: clamp(30px, 3vw, 42px);top:0;right:clamp(96px,14vw,210px);width:calc(var(--spider) * 1.4);height:calc(var(--spider) * 2.8);background:var(--event-spider) center bottom / var(--spider) auto no-repeat,linear-gradient(#ffffff73,#ffffff73) center top / 2px calc(100% - var(--spider) * .75) no-repeat;transform-origin:top center;animation:eventSway 6s ease-in-out infinite}html[data-event-theme=halloween] :is(.page-hero,.settings-hero,.store-hero,.friends-hero,.hero){position:relative;isolation:isolate}html[data-event-theme=halloween] :is(.page-hero,.settings-hero,.store-hero,.friends-hero,.hero):before,html[data-event-theme=halloween] :is(.page-hero,.settings-hero,.store-hero,.friends-hero,.hero):after{content:"";position:absolute;z-index:-1;pointer-events:none}html[data-event-theme=halloween] :is(.page-hero,.settings-hero,.store-hero,.friends-hero,.hero):before{inset:0;border-radius:inherit;background:var(--event-web-left) left top / 84px auto no-repeat,var(--event-web-right) right top / 96px auto no-repeat;opacity:.3}html[data-event-theme=halloween] :is(.page-hero,.settings-hero,.store-hero,.friends-hero,.hero):after{--spider: clamp(24px, 2.2vw, 30px);right:auto;left:60%;height:calc(var(--spider) * 2.2)}html[data-event-theme=halloween] :is(.page-hero.is-centered,.hero):after{right:112px;left:auto}html[data-event-theme=halloween] .chat-sidebar{position:relative}html[data-event-theme=halloween] .chat-sidebar:after{content:"";position:absolute;bottom:0;left:0;width:120px;aspect-ratio:400 / 432;background:var(--event-web-left) center / contain no-repeat;transform:scaleY(-1);opacity:.2;pointer-events:none}@media screen and (max-width:768px){html[data-event-theme=halloween] .event-decor--cobweb-left{left:0;width:90px}html[data-event-theme=halloween] .event-decor--cobweb-right{width:100px}html[data-event-theme=halloween] .event-decor--spider{--spider: 28px;right:96px}html[data-event-theme=halloween] :is(.page-hero,.settings-hero,.store-hero,.friends-hero,.hero):after,html[data-event-theme=halloween] .chat-sidebar:after{display:none}}
