.section-mask-both{-webkit-mask:url('/img/masks/mega.svg#section-top') repeat-x left -116px/100vw 150px,linear-gradient(to bottom,transparent 34px,var(--color-dark) 34px,var(--color-dark) calc(100% - 59px),transparent calc(100% - 60px)),url('/img/masks/mega.svg#section-bottom') repeat-x left calc(100% + 90px)/100% 150px;mask:url('/img/masks/mega.svg#section-top') repeat-x left -116px/100vw 150px,linear-gradient(to bottom,transparent 34px,var(--color-dark) 34px,var(--color-dark) calc(100% - 59px),transparent calc(100% - 60px)),url('/img/masks/mega.svg#section-bottom') repeat-x left calc(100% + 90px)/100% 150px}.section-mask-bottom{-webkit-mask:url('/img/masks/mega.svg#section-bottom') repeat-x left calc(100% + 90px)/100% 150px,linear-gradient(to top,transparent 59px,var(--color-dark) 60px);mask:url('/img/masks/mega.svg#section-bottom') repeat-x left calc(100% + 90px)/100% 150px,linear-gradient(to top,transparent 59px,var(--color-dark) 60px)}.section-mask-top{-webkit-mask:url('/img/masks/mega.svg#section-top') repeat-x left -116px/100vw 150px,linear-gradient(to bottom,transparent 34px,var(--color-dark) 34px);mask:url('/img/masks/mega.svg#section-top') repeat-x left -116px/100vw 150px,linear-gradient(to bottom,transparent 34px,var(--color-dark) 34px)}body ::selection{background:var(--color-accent-dltb-alt);color:var(--color-light)}body ::-moz-selection{background:var(--color-accent-dltb-alt);color:var(--color-light)}.halloweenshowdown{background:#000}.halloweenshowdown>*{padding-bottom:0;color:var(--color-light);--font-head:'Heading','Arial',sans-serif;--font-text:'HeadingMedium','Arial',sans-serif;font-family:var(--font-text)}.halloweenshowdown>header{height:76.39vh;position:relative;background:url('/img/events/70/bg_intro_1920.jpg') center bottom/cover no-repeat}@media only screen and (max-width:1299px){.halloweenshowdown>header{background-image:url('/img/events/70/bg_intro_1299.jpg')}}@media only screen and (max-width:991px){.halloweenshowdown>header{background-image:url('/img/events/70/bg_intro_991.jpg')}}@media only screen and (max-width:575px){.halloweenshowdown>header{background-image:url('/img/events/70/bg_intro_575.jpg')}}.halloweenshowdown>header div.wrapper{height:100%;align-content:center;text-align:center}.halloweenshowdown>header div.wrapper h2{margin-bottom:-40px;position:relative;display:inline-block}.halloweenshowdown>header div.wrapper h2::before{content:'';position:absolute;inset:-70px 0;background:radial-gradient(#000a 0,#0000 65%)}.halloweenshowdown>header div.wrapper h2 img{position:relative}.halloweenshowdown>.participation{text-align:center;margin-top:-120px;overflow:hidden;padding-bottom:40px}.halloweenshowdown>.participation h2{text-transform:uppercase;font-size:42px;line-height:42px;max-width:575px;margin:15px auto 5px;font-weight:500}.halloweenshowdown>.participation p{font-size:24px;line-height:32px;font-weight:300;max-width:450px;margin:0 auto 30px}.halloweenshowdown>.participation p b{text-transform:uppercase;color:var(--color-gold)}.halloweenshowdown>.participation ul{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:50px}.halloweenshowdown>.participation ul li{position:relative;background:url('/img/events/70/howto_bg.jpg') center center/100% 100% no-repeat;max-width:310px;padding:0 35px 35px}.halloweenshowdown>.participation ul .btn__taped{top:-25px}.halloweenshowdown>.participation ul p{font-size:14px;line-height:20px;margin:15px 0 0}.halloweenshowdown .event{padding-bottom:70px}.halloweenshowdown .event nav{text-align:center;width:720px;max-width:100%;margin:0 auto;position:relative;padding-left:100px;padding-top:10px}.halloweenshowdown .event nav::after,.halloweenshowdown .event nav::before{content:'';position:absolute;top:0;width:100px;height:100%;background:linear-gradient(90deg,#000 0,#0000 100%);pointer-events:none;z-index:10}.halloweenshowdown .event nav::before{left:0}.halloweenshowdown .event nav::after{right:0;rotate:180deg}.halloweenshowdown .event nav ul{display:flex}.halloweenshowdown .event nav li{display:flex;flex-direction:column;align-items:center;width:auto;opacity:.5;cursor:pointer;transition:opacity .3s}.halloweenshowdown .event nav .current{opacity:1}.halloweenshowdown .event nav .next{cursor:default}.halloweenshowdown .event nav .btn__taped.btn__taped--label{font-size:34px;line-height:34px;min-width:auto;padding-block:8px 2px;transition:.3s}.halloweenshowdown .event nav li:not(.current) .btn__taped.btn__taped--label{color:var(--color-dark)}.halloweenshowdown .event nav .current .btn__taped.btn__taped--label{font-size:46px;line-height:44px;transform:translateY(-5px) rotate(-4deg)}.halloweenshowdown .event .swiper.swiper-events{width:100%;max-width:2200px;margin:0 auto}.halloweenshowdown .event .info{text-align:center;max-width:430px;margin:20px auto -80px;font-size:22px;line-height:26px;position:relative;z-index:5}.halloweenshowdown .event .info b{text-transform:uppercase;color:var(--color-gold)}.halloweenshowdown .event .time{font-size:20px;margin-top:15px}.halloweenshowdown .event h2{font-size:60px;line-height:60px;text-shadow:0 4px 4px #000a;text-transform:uppercase;font-weight:500;margin-bottom:20px;position:relative;max-width:350px}.halloweenshowdown .event .plaguedoctor h2{max-width:250px;text-align:right}.halloweenshowdown .event .factions{width:100%;display:flex;align-items:stretch;aspect-ratio:11/4;margin-bottom:-13vh}.halloweenshowdown .event .factions .faction{background:center center/cover no-repeat;flex:1;max-width:1100px;aspect-ratio:11/8;display:flex;flex-direction:column;justify-content:center;position:relative}.halloweenshowdown .event .factions .plaguedoctor{background-image:url('/img/events/70/bg_plague_doctor.png');align-items:flex-end;padding-right:75px}.halloweenshowdown .event .factions .plaguedoctor::after{content:'';background:url('/img/events/70/icon_vs.png') center center/100% 100% no-repeat;width:70px;aspect-ratio:336/685;display:inline-block;position:absolute;right:-35px}.halloweenshowdown .event .factions .scarecrow{background-image:url('/img/events/70/bg_scarecrow.png');padding-left:75px}.halloweenshowdown .event .weapon{background:url('/img/events/70/rw_bg.png') center center/100% 100% no-repeat;width:128px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1/span 2}.halloweenshowdown .event .scarecrow .weapon{grid-column:1}.halloweenshowdown .event .weapon img{transition:filter .5s}.halloweenshowdown .event .weapon.unlocked img{filter:drop-shadow(0 0 1px var(--color-uv-light-1)) drop-shadow(0 0 3px var(--color-gold)) drop-shadow(0 0 7px var(--color-gold-hover))}.halloweenshowdown .event .data{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:flex-start;align-items:center;gap:10px 20px}.halloweenshowdown .event .plaguedoctor .data{text-align:right;justify-content:flex-end}.halloweenshowdown .event .percent{font:500 72px/72px var(--font-head);color:var(--color-gold);text-shadow:0 4px 4px #000a;grid-row:1;grid-column:1}.halloweenshowdown .event .counter{display:flex;gap:9px;align-items:center;font-size:22px;text-transform:uppercase;grid-row:2;grid-column:1;text-shadow:0 4px 4px #000a}.halloweenshowdown .event .scarecrow :is(.percent,.counter){grid-column:2}.halloweenshowdown .event .counter .refreshEventProgress{cursor:pointer;height:31px}.halloweenshowdown .event .ended .counter .refreshEventProgress{display:none}.halloweenshowdown .event .counter .refreshEventProgress.active{animation:1s linear infinite rotateRefresh}@keyframes rotateRefresh{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}.halloweenshowdown .event hr{background:url('/img/events/70/hr.png') center top/100% 100% no-repeat;width:522px;height:84px;max-width:100%;margin:0 auto -50px}.halloweenshowdown .event .weeklyrewards{text-align:center;max-width:405px;margin:0 auto}.halloweenshowdown .event .weeklyrewards h3{font-size:34px;line-height:34px;margin-bottom:10px;text-transform:uppercase}.halloweenshowdown .event .weeklyrewards p{margin-bottom:15px;line-height:22px}.odometer.gold{color:var(--color-light);margin-top:75px}.odometer.gold .odometer-digit{font:400 114px/104px var(--font-head)}.odometer.gold .odometer-digit .odometer-digit-spacer{line-height:94px}.odometer.gold .odometer-digit .odometer-value{line-height:110px}.odometer.gold .odometer-digit:first-child::after,.odometer.gold .odometer-digit:nth-child(3)::after,.odometer.gold .odometer-digit:nth-child(6)::after,.odometer.gold .odometer-digit:nth-child(9)::after{font-size:20px;line-height:20px}.odometer-formatting-mark{font-size:110px}.odometer.globalprogress{color:#ffab00}.odometer.globalprogress .odometer-digit{background:0 0;-webkit-mask:none;mask:none;font:500 34px/30px var(--font-head);margin-right:0}.odometer.globalprogress .odometer-digit .odometer-digit-spacer{line-height:18px;padding:10px 1px}.odometer.globalprogress .odometer-digit .odometer-value{line-height:8px}.newsletterBox{-webkit-mask:url('/img/masks/mega.svg#section-top') repeat-x left -116px/100vw 150px,linear-gradient(to bottom,transparent 34px,var(--color-dark) 34px,var(--color-dark) calc(100% - 59px),transparent calc(100% - 60px)),url('/img/masks/mega.svg#section-bottom') repeat-x left calc(100% + 90px)/100% 150px;mask:url('/img/masks/mega.svg#section-top') repeat-x left -116px/100vw 150px,linear-gradient(to bottom,transparent 34px,var(--color-dark) 34px,var(--color-dark) calc(100% - 59px),transparent calc(100% - 60px)),url('/img/masks/mega.svg#section-bottom') repeat-x left calc(100% + 90px)/100% 150px;margin-top:-40px}.newsletterBox>figure img{-o-object-position:right center;object-position:right center}.newsletterBox .inner{min-height:auto;padding:100px 0}.newsletterBox .inner button{border:none}section.faq header{text-align:center;margin-bottom:15px}section.faq .faqlist{max-width:1100px;margin:auto;max-height:600px;overflow:auto}section.faq li{background:0 0;border:none;border-bottom:1px solid var(--color-gray);border-radius:0}.fancyToolTip{filter:drop-shadow(0 0 10px #0006);z-index:15;--font-head:'Heading','Arial',sans-serif;--font-text:'HeadingMedium','Arial',sans-serif}.fancyToolTip .tip{font:300 14px/15px var(--font-text);background:var(--color-light);padding:10px 20px;max-width:300px;color:var(--color-dark);-webkit-mask:url('/img/masks/mega.svg#button') no-repeat 0 0/140% 100%;mask:url('/img/masks/mega.svg#button') no-repeat 0 0/140% 100%}.fancyToolTip .tip .tip-title{font:500 20px/22px var(--font-head);margin-bottom:5px;text-transform:uppercase}.fancyToolTip .tip ul{list-style-type:disc}.newsletterBox>figure{background:#121411}@media only screen and (max-width:1299px){.halloweenshowdown>header div.wrapper h2{margin-bottom:0}.halloweenshowdown>header div.wrapper h2 img{max-width:350px}.halloweenshowdown .event .factions{margin-bottom:-8vh}.halloweenshowdown>.participation h2{font-size:36px;line-height:36px}.halloweenshowdown>.participation p{font-size:20px;line-height:25px}.halloweenshowdown>.participation ul .btn__taped{font-size:25px;line-height:25px;min-width:180px}}@media only screen and (orientation:portrait){.halloweenshowdown .event .info{margin-bottom:-20px}.halloweenshowdown .event .factions{margin-bottom:-2vh}}@media only screen and (max-width:991px){.halloweenshowdown>.participation h2 span{display:block;margin-bottom:15px}.halloweenshowdown>.participation h2 span:not(:first-child)::before{position:absolute;left:0;right:0;bottom:13px;margin:auto;rotate:90deg}.halloweenshowdown .event .bg{aspect-ratio:auto}.halloweenshowdown .event h2{font-size:45px;line-height:45px}.halloweenshowdown .event .factions{flex-direction:column}.halloweenshowdown .event .factions .plaguedoctor::after{right:0;bottom:-30px;left:0;margin:auto}}@media only screen and (((max-width:1441px) and (min-width:1299px) and (max-height:800px)) or ((max-width:2881px) and (min-width:2600px) and (min-height:1600px) and (max-height:1900px))){.halloweenshowdown>header div.wrapper h2 img{max-width:350px}}@media only screen and (max-width:768px){.halloweenshowdown>header div.wrapper{padding-bottom:0}.halloweenshowdown .event .weapon{width:108px}.halloweenshowdown .event .percent{font-size:52px;line-height:52px}.halloweenshowdown .event .factions .plaguedoctor::after{width:50px;bottom:-20px}.odometer.gold .odometer-digit{font-size:74px;line-height:64px}.odometer.gold .odometer-digit .odometer-digit-spacer{line-height:54px}.odometer-formatting-mark{font-size:60px}.odometer.gold .odometer-digit .odometer-value{line-height:70px}.odometer.gold .odometer-digit:first-child::after,.odometer.gold .odometer-digit:nth-child(3)::after,.odometer.gold .odometer-digit:nth-child(6)::after,.odometer.gold .odometer-digit:nth-child(9)::after{font-size:12px;line-height:12px}.odometer.globalprogress .odometer-digit .odometer-value{padding:17px 0}}@media only screen and (max-width:575px){.halloweenshowdown>header{height:51.5vh}.halloweenshowdown>header div.wrapper h2 img{max-width:280px}.halloweenshowdown>.participation{margin-top:-70px}.halloweenshowdown>.participation h2{font-size:24px;line-height:24px}.halloweenshowdown>.participation p{font-size:18px;line-height:20px}.halloweenshowdown .event .swiper.swiper-events .swiper-slide{text-align:center}.halloweenshowdown .event h2{font-size:35px;line-height:33px;text-align:center}.halloweenshowdown .event .info{font-size:18px;line-height:22px;margin-bottom:-10px;padding:0 2vw}.halloweenshowdown .event .data{gap:0 20px}.halloweenshowdown .event .percent{font-size:42px;line-height:42px}.halloweenshowdown .event .counter{justify-content:center}.halloweenshowdown .event .weapon{width:80px}.halloweenshowdown .event .factions .plaguedoctor{padding-right:0}.halloweenshowdown .event .factions .scarecrow{padding-left:0}.halloweenshowdown .event .factions :is(.plaguedoctor,.scarecrow){align-items:center}.halloweenshowdown .event .factions .plaguedoctor::after{width:8vw;bottom:-4vw}.halloweenshowdown .event :is(.plaguedoctor,.scarecrow) h2{text-align:center;max-width:none}.halloweenshowdown .event .factions .scarecrow .percent{text-align:left}.halloweenshowdown .event .weeklyrewards h3{font-size:28px;line-height:28px}.odometer.gold{margin-top:55px}.odometer.gold .odometer-digit{font-size:54px;line-height:44px}.odometer.gold .odometer-digit .odometer-digit-spacer{line-height:34px}.odometer-formatting-mark{font-size:40px}.odometer.gold .odometer-digit .odometer-value{line-height:50px}.odometer.gold .odometer-digit:first-child::after,.odometer.gold .odometer-digit:nth-child(3)::after,.odometer.gold .odometer-digit:nth-child(6)::after,.odometer.gold .odometer-digit:nth-child(9)::after{font-size:12px;line-height:12px}.odometer.globalprogress .odometer-digit{font-size:22px}.halloweenshowdown .event .counter .refreshEventProgress{height:28px}section.faq li .name{font-size:14px}}