.landing__playable{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;z-index:1}.banner{position:absolute;top:1.5rem;left:50%;transform:translate(-50%) translateY(-200%);width:100%;max-width:373px;height:90px;background:var(--color-banner-bg);border-radius:var(--r-banner);box-shadow:0 4px 4px #00000040;z-index:4;padding:10px 20px;pointer-events:none;gap:7px;transition:transform .5s cubic-bezier(.2,.9,.3,1.2);display:flex}.banner--visible{transform:translate(-50%) translateY(0);pointer-events:auto}.sound-btn{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);right:1rem;width:52px;height:52px;padding:0;border:none;background:var(--btn-outer);border-radius:var(--r-btn);box-shadow:0 2px 4px #0000004d;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;translate:0 0;transition:transform .15s ease,translate .5s cubic-bezier(.2,.9,.3,1.2)}.sound-btn:before{content:"";position:absolute;top:0;right:0;bottom:3px;left:0;background:var(--btn-inner);border:1.6px solid var(--btn-border);border-radius:var(--r-btn);box-shadow:inset 0 -6px 6px 0 var(--btn-inset-shadow),inset 0 3px 0 0 var(--btn-inset-highlight)}.sound-btn__icon{position:relative;z-index:1;display:flex;color:#fff;filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.35))}.sound-btn__icon svg{width:26px;height:26px}.sound-btn:hover{transform:scale(1.05);filter:brightness(1.08)}.sound-btn:active{transform:scale(.95)}.sound-btn__x,.sound-btn--muted .sound-btn__waves{display:none}.sound-btn--muted .sound-btn__x{display:inline}.sound-btn--pending{translate:calc(100% + 1rem) 0;pointer-events:none}.sound-btn--gone{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.hero-icon{position:relative;width:70px;height:70px}.hero-icon__bg{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;border-radius:4px}.hero-icon__avatar{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 5px);height:calc(100% - 5px);object-fit:cover;border-radius:3px}.hero-icon__frame{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-icon__stars{position:absolute;bottom:-4px;display:flex;gap:0;left:1px}.hero-icon__stars img{width:15.5px;height:17.5px;margin-right:-.16rem}.banner__body{display:flex;flex-direction:column;align-items:center;gap:1px}.banner__title{font-family:var(--font-main);font-weight:700;font-size:1.25rem;line-height:1.5rem;color:#000;letter-spacing:.01em;white-space:nowrap;text-align:center}.play-btn.banner__btn{width:100%;height:2.75rem;padding:10px 38px}.gem-badge{position:relative;width:120px;height:67px;flex-shrink:0;pointer-events:none}.gem-badge__hex{width:100%;height:100%}.gem-badge__count{position:absolute;left:48px;top:29px;font-family:var(--font-main);font-weight:700;font-size:20px;line-height:1.2;color:var(--color-text-main);text-shadow:var(--shadow-gem-count);letter-spacing:.01em}.gem-badge__emerald{position:absolute;top:-20px;left:30%;width:3.25rem;height:3.25rem;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.banner .gem-badge{position:absolute;right:-6px;top:24%}.play-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer;transition:transform .15s ease,filter .15s ease;overflow:visible;width:100%;height:100%}.play-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--btn-outer);border-radius:var(--r-btn);box-shadow:0 1px 3px #0003}.play-btn:after{content:"";position:absolute;top:0;right:0;bottom:4px;left:0;background:var(--btn-inner);border:1.77px solid var(--btn-border);border-radius:var(--r-btn);box-shadow:inset 0 -7px 7px 0 var(--btn-inset-shadow),inset 0 7px 0 0 var(--btn-inset-highlight)}.play-btn:hover{transform:scale(1.03);filter:brightness(1.08)}.play-btn:active{transform:scale(.98)}.play-btn__label{position:relative;z-index:1;font-family:var(--font-main);font-weight:700;font-size:2.216rem;line-height:2.659rem;letter-spacing:.01em;color:var(--color-text-main);text-shadow:var(--shadow-label);white-space:nowrap}.play-btn--compact .play-btn__label{font-size:1.25rem;line-height:1.5rem;text-shadow:var(--shadow-label-sm)}.play-btn.play-btn--compact:after{top:0;right:0;bottom:2px;left:0;border:1px solid var(--btn-border);box-shadow:inset 0 -7px 7px 0 var(--btn-inset-shadow),inset 0 4px 0 0 var(--btn-inset-highlight)}.play-btn--shine{overflow:hidden;border-radius:var(--r-btn)}.play-btn__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.15) 44%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.15) 56%,transparent 70%);transform:translate(-120%);animation:btn-body-shine 2.4s ease-in-out infinite;mix-blend-mode:screen}@keyframes btn-body-shine{0%{transform:translate(-120%)}55%{transform:translate(120%)}to{transform:translate(120%)}}.victory-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.2s ease,visibility 0s linear 0s}.victory-overlay--visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1.2s ease,visibility 0s linear 0s}.victory-overlay__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://hwlandings-a.akamaihd.net/w2a/p/assets/victory-dungeon/en/assets/background.18c3f90be7.webp) center / cover no-repeat #1a2615;pointer-events:none;background-position-x:35%}.victory-overlay__spine{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.victory-overlay__logo{position:absolute;left:7%;top:calc(env(safe-area-inset-top,0px) + 1rem);width:7.125rem;height:auto;z-index:4;opacity:0;transform:translateY(-.5rem);transition:opacity .7s ease .8s,transform .7s ease .8s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.victory-overlay--visible .victory-overlay__logo{opacity:1;transform:translateY(0)}.victory-text{position:absolute;left:50%;top:46%;z-index:5;transform:translate(-50%,-50%) translate(140vw);font-family:var(--font-main);font-weight:700;font-size:6.25rem;line-height:1;letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(180deg,#eeba63,#ffe2a1);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;filter:drop-shadow(0 1.5px 0 #B77C2D) drop-shadow(0 3px 0 rgba(45,19,19,.7))}.victory-text--fly-in{animation:victory-fly 3s cubic-bezier(.2,.8,.25,1) forwards}@keyframes victory-fly{0%{transform:translate(-50%,-50%) translate(140vw) rotate(4deg);opacity:0}18%{transform:translate(-50%,-50%) translate(0) rotate(0) scale(1);opacity:1}45%{transform:translate(-50%,-50%) scale(1.15);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(-140vw);opacity:1}}.bubble{position:absolute;left:66%;top:18%;transform:translate(-50%,-50%) translateY(.5rem);z-index:6;display:inline-block;background:#fffc;color:#000;padding:.75rem 1.25rem;border-radius:var(--r-bubble);font-family:var(--font-main);font-weight:700;font-size:1rem;line-height:1.2;white-space:nowrap;opacity:0;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.9,.3,1.3)}.bubble__tail{position:absolute;right:3.9rem;bottom:-.9rem;width:1.25rem;height:.9375rem;transform:scaleY(-1);pointer-events:none}.bubble--visible{opacity:1;transform:translate(-50%,-50%) translateY(0)}.join-title{z-index:5;width:100%;max-width:calc(100% - 2rem);text-align:center;font-family:var(--font-main);font-weight:700;font-size:3rem;line-height:1.1;letter-spacing:-.01em;color:var(--color-white);text-shadow:var(--shadow-join);opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.9,.3,1.2);pointer-events:none;padding-bottom:1rem}.join-title--visible{opacity:1}.victory-cta{position:absolute;left:50%;bottom:2rem;transform:translate(-50%) translateY(1rem);z-index:5;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:calc(100% - 2rem);max-width:22rem;opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.9,.3,1.2)}.victory-cta--visible{opacity:1;transform:translate(-50%) translateY(0)}.victory-cta__row{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.victory-cta__btn{width:min(100%,18.9375rem);height:4.875rem}.victory-cta .gem-badge{position:absolute;right:-2rem;top:14px;transform:translateY(-10%);animation:gem-slide 1.3s ease-in-out infinite;will-change:transform}@keyframes gem-slide{0%,to{transform:translate(-.45rem,-10%)}50%{transform:translate(.45rem,-10%)}}.victory-cta__downloads{display:flex;align-items:center;gap:.375rem;font-family:var(--font-main);font-weight:500;font-size:1.5rem;color:var(--color-white);letter-spacing:.02em}.victory-cta__trophy{font-size:1.25rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}@media(max-width:359px){.banner__title,.play-btn--compact .play-btn__label{font-size:1.05rem}.victory-cta__downloads{font-size:1.15rem}.banner{padding:10px}}@media(min-height:900px){.victory-cta{bottom:7.5rem}.victory-overlay__logo{top:calc(env(safe-area-inset-top,0px) + 1.25rem)}}