body.goodies article .animObserver :is(h1,h2,h3,.btns > *,p,li,.armory__item,.steps > div),body.goodies article section.bounties div.left img{transition:transform .7s,opacity .7s;opacity:0}body.goodies article .animObserver :is(h1,h2,h3,.btns > *,p,li,.armory__item,.steps > div):nth-of-type(2){transition-delay:.15s}body.goodies article .animObserver :is(h1,h2,h3,.btns > *,p,li,.armory__item,.steps > div):nth-of-type(3){transition-delay:.3s}body.goodies article .animObserver :is(h1,h2,h3,.btns > *,p,li,.armory__item,.steps > div):nth-of-type(4){transition-delay:.45s}body.goodies article .animObserver :is(h1,h2,h3,.btns > *,p,li,.armory__item,.steps > div):nth-of-type(5),body.goodies article section.bounties div.left img{transition-delay:.6s}body.goodies article .animObserver :is(h1,h2,h3,.btns > *,p,li,.armory__item,.steps > div):nth-of-type(7){transition-delay:.75s}body.goodies article .animObserver :is(h1,h2,h3,.btns > *,p,li,.armory__item,.steps > div):nth-of-type(8){transition-delay:.9s}body.goodies article .animObserver :is(h1,h2,h3,.btns > *,p,li,.armory__item,.steps > div):nth-of-type(9){transition-delay:1.05s}body.goodies article .animObserver :is(h1,h2,h3){transform:translateY(-50px)}body.goodies article .animObserver p,body.goodies article section.bounties div.left img{transform:translateY(50px)}body.goodies article .animObserver :is(.btns > *,.armory__item,.steps > div){transform:scale(1.1)}body.goodies article .animObserver.visible :is(h1,h2,h3,.btns > *,p,li,.armory__item,.steps > div),body.goodies article section.bounties.visible div.left img{transform:translateY(0) scale(1);opacity:1}body.goodies article>header{background-image:url('/img/events/54/bg_top_50off_1920.jpg');background-position:center center;display:flex;align-items:center;padding-top:50px;position:relative;z-index:2}body.goodies article>header div.wrapper{margin:0;max-width:none;display:grid;grid-template-columns:.7fr 1fr .6fr;height:auto;gap:5px 60px;width:100%}body.goodies article>header div.wrapper>:not(h1),body.goodies.subpage article>header h1{margin-top:0}body.goodies.subpage article>header h1 span{font-size:71px;line-height:61px;padding:35px 40px 25px}body.goodies.subpage.de article>header h1 span{font-size:51px;line-height:47px}body.goodies.subpage:is(.fr,.pl) article>header h1 span{font-size:51px;line-height:41px}body.goodies.subpage.pt article>header h1 span{font-size:61px;line-height:56px}body.goodies.subpage.jp article>header h1 span{font-size:40px;line-height:28px}body.goodies article>header .steam{grid-column:2;grid-row:1;align-self:flex-end}body.goodies article>header .steam svg{width:120px;--svg-logo-steam:#c5c3c0}body.goodies article>header .dates{grid-column:1;grid-row:3;font:600 34px/44px var(--font-din);display:flex;justify-content:center;align-items:center;gap:5px;text-transform:uppercase;position:relative;padding-top:5px}body.goodies article>header .dates::after,body.goodies article>header .dates::before{content:' ';display:inline-block;width:100px;height:4px;background:url('/img/events/54/line2.png') center center/100% 100% no-repeat;margin-right:10px}body.goodies article>header .dates::after{margin-left:10px;margin-right:0}body.goodies article>header .dates time:first-child{margin-right:5px}body.goodies article>header .btns{grid-column:2;grid-row:2}body.goodies article>header .time{grid-column:2;grid-row:3;font:400 24px/24px var(--font-din);text-transform:uppercase}body.goodies article>header :is(.left,.center){text-align:center}body.goodies article>header .left h1{font-size:34px;text-transform:uppercase}body.goodies article>header .left img{max-width:165px;margin-bottom:30px}body.goodies article>header .center{color:var(--color-bg);display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}body.goodies article>header .center p{text-transform:uppercase;font-size:26px;font-weight:600;margin-bottom:15px;text-shadow:1px 1px 5px #fff,1px 1px 5px #fff}body.goodies article>header .center img{max-width:500px}body.goodies article>header .right{text-align:right}body.goodies article .bgwrapper{width:100vw;background:url('/img/bg_paper_tile_1600.jpg') center top/100% repeat-y;margin-top:-120px;padding-top:120px;padding-bottom:120px;position:relative;overflow:hidden}body.goodies article .bgwrapper::after{content:' ';position:absolute;bottom:-40px;right:0;background:url('/img/events/54/tree.png') center center/100% 100% no-repeat;width:512px;height:719px;opacity:.5;pointer-events:none;mix-blend-mode:luminosity}body.goodies article section.welcomepack div.wrapper{display:flex;gap:45px 25px;align-items:center}body.goodies article section.welcomepack div.left{max-width:730px;text-align:center}body.goodies article section.welcomepack div.left h1{font-size:84px;line-height:82px;color:var(--color-gold);text-transform:uppercase;margin-bottom:25px}body.goodies.de article section.welcomepack div.left h1{font-size:72px;line-height:70px}body.goodies.jp article section.welcomepack div.left h1{font-size:64px;line-height:72px}body.goodies article section.welcomepack div.left h1.maskdots.withbg::before{width:100%;height:120%;left:0}body.goodies article section.welcomepack div.left p{font-size:24px;line-height:34px}body.goodies article section.welcomepack div.left .btns{margin-top:25px}body.goodies article section.welcomepack div.left .btns .btn{border-radius:5px;color:var(--color-gold)}body.goodies article section.welcomepack div.right{display:flex;justify-content:center;flex-wrap:wrap;gap:25px 35px}body.goodies article section.howto{text-align:center;margin-top:85px}body.goodies article section.bounties div.right h2,body.goodies article section.howto h2{font-size:44px;line-height:44px;text-transform:uppercase;color:var(--color-second)}body.goodies article section.howto .steps{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:55px 25px;margin-top:65px;counter-reset:hexcount}body.goodies article section.howto .steps>div{position:relative;flex:1;counter-increment:hexcount;max-width:383px}body.goodies article section.howto .steps>div::before{content:' ';background:url('/img/bg_paper.jpg') center center no-repeat;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:15px}body.goodies article section.howto .steps>div.checked::before{filter:saturate(0) brightness(75%)}body.goodies article section.howto .steps div.inner{position:relative;padding:40px 45px;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid var(--color-lightgrey);border-radius:15px;height:100%;min-height:214px}body.goodies article section.howto .steps div.inner::before{content:' ';position:absolute;top:-34px;left:0;right:0;margin:auto;width:59px;height:69px;filter:drop-shadow(0 0 7px #000);background:url('/img/icons/hex_stone.png') center center/100% 100% no-repeat}body.goodies article section.howto .steps div.inner::after{content:counter(hexcount);position:absolute;top:-11px;left:0;right:0;margin:auto;filter:drop-shadow(0 0 4px #000) drop-shadow(0 0 2px #000);font-size:32px;line-height:23px;font-weight:500}body.goodies article section.howto .steps>div.checked div.inner::after{content:' ';width:28px;height:23px;background:url('/img/icons/check.svg') center center/100% 100% no-repeat}body.goodies article section.howto .steps>div .checked,body.goodies article section.howto .steps>div.checked .unchecked{display:none}body.goodies article section.howto .steps>div.checked .checked,body.goodies article section.howto .steps>div:not(.checked) .unchecked{display:block}body.goodies article section.howto .steps>div div.inner>*{margin-top:12px}body.goodies article section.howto .steps>div p{font-size:16px;color:var(--color-lightgrey)}body.goodies article section.howto .steps>div p.head{font-size:24px;line-height:32px;color:var(--color-first)}body.goodies article section.howto .steps .step1 .btns{margin-top:15px}body.goodies article section.howto .steps .step3 p{max-width:180px}body.goodies article section.howto .steps .step3.checked p{max-width:270px}body.goodies article section.howto .steps .step3 p::before{content:' ';width:44px;height:51px;background:url('/img/icons/present.png') center center/100% 100% no-repeat;display:block;margin-left:auto;margin-right:auto;margin-bottom:5px}body.goodies article section.howto .steps .step3.checked p.head{color:var(--color-gold);font-size:34px;line-height:42px}body.goodies:is(.pt,.cn) article section.howto .steps .step3.checked p.head{font-size:32px;line-height:40px}body.goodies article section header[data-ghosthead] h2+p{font-size:24px;margin-top:15px}body.goodies article section.gifts ul{text-align:center}body.goodies article section.bounties{margin-top:100px;position:relative}body.goodies article section.bounties::before{content:' ';position:absolute;left:0;bottom:0;width:100%;height:100%;background:url('/img/events/54/bg_bounties_1920.jpg') center center/cover no-repeat;-webkit-mask:url('/img/events/54/mask_art.png') no-repeat left bottom/100% 100%;mask:url('/img/events/54/mask_art.png') no-repeat left bottom/100% 100%;z-index:-1;pointer-events:none}body.goodies article section.bounties div.wrapper{display:flex;justify-content:center;align-items:flex-end;gap:30px 90px}body.goodies article section.bounties div.left{max-width:37%}body.goodies article section.bounties div.right{align-self:flex-start;text-align:center;padding-bottom:120px}body.goodies article section.bounties div.right hr{width:332px;height:10px;margin:25px auto;background:url('/img/events/54/line.png') center center no-repeat}body.goodies article section.bounties div.right p{max-width:650px}body.goodies article section.bounties div.right div.content{margin-top:25px}body.goodies article section.bounties div.right div.btns{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:25px}body.goodies.logged article section.bounties div.right div.btns span,body.goodies:not(.logged) article section.bounties div.right div.btns a{display:none}body.goodies.logged article section.bounties div.right div.btns a,body.goodies:not(.logged) article section.bounties div.right div.btns span{display:inline-block}body.goodies article section.bounties div.right div.btns .info{font:400 24px var(--font-din);text-transform:uppercase}body.goodies article section.bounties+section.dl250off{margin-top:-120px}body.goodies .newsletterBox{margin-top:0}body.goodies article section.faq{margin:30px 0 50px}body.goodies article section.faq>div.wrapper>header h1{text-align:center;margin-bottom:15px}@media only screen and (max-width:1299px){body.goodies article .bgwrapper{background-image:url('/img/bg_paper_tile_1299.jpg')}body.goodies article section.bounties::before{background-image:url('/img/events/54/bg_bounties_1299.jpg')}body.goodies.subpage article>header{padding-bottom:0}body.goodies article>header{background-position:center left -200px}body.goodies article>header div.wrapper{grid-template-columns:.6fr 1fr}body.goodies article>header .right{display:none}body.goodies article>header .center img{max-width:400px}body.goodies article section.welcomepack div.wrapper{align-items:flex-start}body.goodies article section.welcomepack div.left{position:sticky;top:70px}}@media only screen and (max-width:991px){body.goodies article .bgwrapper{background-image:url('/img/bg_paper_tile_991.jpg')}body.goodies article section.bounties::before{background-image:url('/img/events/54/bg_bounties_991.jpg')}body.goodies.subpage article>header h1 span{font-size:61px;line-height:51px}body.goodies article section.welcomepack div.left h1{font-size:64px;line-height:62px}body.goodies article section.welcomepack div.left p{font-size:18px;line-height:27px}}@media only screen and (max-width:768px){body.goodies.subpage article>header{height:auto}body.goodies article>header{background-image:url('/img/updates/15/bg_dl2_991.jpg');background-position:center center;color:#000}body.goodies article>header div.wrapper{display:flex;padding-bottom:80px}body.goodies.subpage article>header h1 span{font-size:46px;line-height:35px}body.goodies article>header .steam{align-self:center}body.goodies article>header .dates::after,body.goodies article>header .dates::before{width:60px}body.goodies article>header .left{display:flex;justify-items:center;align-items:center;gap:10px 50px}body.goodies article .bgwrapper::after{opacity:.2}body.goodies article section.bounties div.right h2,body.goodies article section.howto h2{font-size:40px;line-height:40px}body.goodies article section.welcomepack div.wrapper{flex-direction:column;align-items:center}body.goodies article section.welcomepack div.left{position:static}body.goodies article section.welcomepack div.left h1{font-size:48px;line-height:44px}body.goodies article section.howto .steps{align-items:center;flex-direction:column}body.goodies article section.howto .steps>div{width:100%}body.goodies article.dl2freeweekend section.gifts ul{flex-direction:column}body.goodies article section.bounties::before{-webkit-mask-size:auto 100%;mask-size:auto 100%;filter:brightness(71%) opacity(50%)}body.goodies article section.bounties div.left{display:none}}@media only screen and (max-width:575px){body.goodies article .bgwrapper{background-image:url('/img/bg_paper_tile_575.jpg')}body.goodies article section.bounties::before{background-image:url('/img/events/54/bg_bounties_575.jpg')}body.goodies article>header .left{display:block}body.goodies article>header .center img{max-width:95vw}}