:root{--u:min(100vw / 1080, 100vh / 1920);--uf:"Liberation Sans", Arial, Helvetica, sans-serif;--gold:#e3a01e;--gold-2:#f3b63e;--night:#0e0b14;--panel:#14101eeb;--text:#efe9f7;--muted:#a79cb8;--hp:#e8735a;--en:#3aa08e;--ult:#e3a01e}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--night);height:100%;color:var(--text);margin:0;font-family:Inconsolata,monospace;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block}.btn{--cut:12px;color:#fff;background:var(--gold);cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);border:0;padding:12px 26px;font-family:inherit;font-size:1rem;font-weight:600}.btn:hover{background:var(--gold-2)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{color:var(--text);background:#ffffff1f}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-family:Michroma,sans-serif;font-size:.62rem}.splash{align-content:center;place-items:center;gap:calc(40 * var(--u));z-index:20;background:#05070f url(/hud/menu/cavern.webp) 50%/cover no-repeat;transition:opacity .5s;display:grid;position:fixed;inset:0}.splash.out{opacity:0;pointer-events:none}.splash .logo{width:min(70vw, calc(700 * var(--u)));height:auto;filter:drop-shadow(0 calc(10 * var(--u)) calc(30 * var(--u)) #000c);animation:1s ease-out logoIn}.splash small{font-family:var(--uf);letter-spacing:.3em;text-transform:uppercase;color:#cfe0ff;font-size:calc(24 * var(--u))}.loadbar{width:min(60vw, calc(600 * var(--u)));height:calc(18 * var(--u));border:calc(2 * var(--u)) solid #ffd84a80;background:#0000008c;overflow:hidden}.loadbar i{background:linear-gradient(90deg,#ffd84a,#ff9b2a);width:0;height:100%;animation:1.6s ease-out forwards load;display:block}@keyframes load{to{width:100%}}@keyframes logoIn{0%{opacity:0;transform:scale(1.15)}}.lobby{padding:calc(30 * var(--u)) calc(20 * var(--u));color:#fff;font-family:var(--uf);background:#0a0e1c url(/hud/menu/heroes-bg.webp) top/cover no-repeat;align-content:center;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.lobby:before{content:"";pointer-events:none;background:linear-gradient(#060a1c59,#060a1cd9 60%,#060a1cf2);position:fixed;inset:0}.step{z-index:1;width:min(calc(880 * var(--u)), 100%);align-items:center;gap:calc(24 * var(--u));text-align:center;flex-direction:column;margin:auto 0;display:flex;position:relative}.step .logo{width:min(60vw, calc(620 * var(--u)));height:auto;filter:drop-shadow(0 calc(8 * var(--u)) calc(24 * var(--u)) #000c)}.mtitle{font-size:calc(52 * var(--u));letter-spacing:.06em;text-transform:uppercase;text-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) #000;margin:0;font-weight:700}.mtitle em{color:#ffd84a;font-style:normal;display:block}.field{gap:calc(8 * var(--u));width:min(calc(620 * var(--u)), 100%);flex-direction:column;display:flex}.field>span{font-size:calc(22 * var(--u));letter-spacing:.16em;text-transform:uppercase;color:#cfe0ff}.field input,.joinrow input{font:inherit;font-family:var(--uf);font-size:calc(34 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u));color:#fff;border:calc(2 * var(--u)) solid #ffd84a73;text-align:center;background:#03081ecc}.field input:focus,.joinrow input:focus{border-color:#ffd84a;outline:none}.menu{gap:calc(18 * var(--u));width:min(calc(620 * var(--u)), 100%);flex-direction:column;display:flex}.mbtn{color:#fff;font-family:var(--uf);font-weight:700;font-size:calc(34 * var(--u));letter-spacing:.04em;text-shadow:0 calc(3 * var(--u)) calc(6 * var(--u)) #000;height:calc(120 * var(--u));cursor:pointer;padding:0 calc(40 * var(--u));background:url(/hud/menu/btn.webp) 50%/100% 100% no-repeat;border:0}.mbtn:hover{filter:brightness(1.15)}.mbtn:active{transform:scale(.97)}.mbtn:disabled{filter:grayscale()brightness(.6);cursor:default}a.mbtn{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:flex}.mbtn.wide{min-width:calc(400 * var(--u))}.mbtn.continue{justify-content:center;align-items:center;gap:calc(4 * var(--u));flex-direction:column;display:flex}.mbtn.continue[hidden]{display:none}.mbtn.continue small{font-family:var(--uf);font-weight:400;font-size:calc(20 * var(--u));letter-spacing:.02em;opacity:.85}.carousel{align-items:center;gap:calc(16 * var(--u));display:flex}.chev{width:calc(90 * var(--u));height:calc(90 * var(--u));cursor:pointer;background:url(/hud/menu/chevron.webp) 50%/contain no-repeat;border:0;flex:none}.chev.left{transform:rotate(-90deg)}.chev.right{transform:rotate(90deg)}.chev:active{filter:brightness(1.4)}.card{width:calc(470 * var(--u));aspect-ratio:160/235;place-items:center;display:grid}.card img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 calc(10 * var(--u)) calc(24 * var(--u)) #000000bf) drop-shadow(0 0 calc(16 * var(--u)) #ffd84a40);animation:.25s ease-out cardIn}@keyframes cardIn{0%{opacity:0;transform:scale(.94)}}.mapframe{width:calc(520 * var(--u));aspect-ratio:1;padding:calc(40 * var(--u));background:url(/hud/menu/frame-gold.webp) 50%/100% 100% no-repeat;place-items:center;display:grid}.mapframe img{object-fit:contain;width:100%;height:100%}.cname{font-size:calc(46 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:#ffd84a;text-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) #000;font-weight:700}.cdesc{font-size:calc(26 * var(--u));color:#dfe6ff;max-width:calc(700 * var(--u));line-height:1.4}.diffpick{align-items:center;gap:calc(10 * var(--u));width:min(calc(700 * var(--u)), 100%);flex-direction:column;display:flex}.diffpick h4{font-size:calc(24 * var(--u));letter-spacing:.3em;text-transform:uppercase;color:#ffd84a;margin:0;font-weight:700}.diffrow{gap:calc(12 * var(--u));flex-wrap:wrap;justify-content:center;display:flex}.diffrow button{font:inherit;font-family:var(--uf);font-weight:700;font-size:calc(28 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:#cfe0ff;cursor:pointer;padding:calc(12 * var(--u)) calc(26 * var(--u));border:calc(2 * var(--u)) solid #ffd84a59;background:#03081eb8}.diffrow button[hidden]{display:none}.diffrow button:hover{color:#fff;border-color:#ffd84ab3}.diffrow button.on{color:#ffd84a;box-shadow:0 0 calc(18 * var(--u)) #ffd84a47 inset;background:#ffd84a2e;border-color:#ffd84a}.diffnote{font-size:calc(23 * var(--u));color:#c9d2ff;max-width:calc(640 * var(--u));min-height:2.8em;margin:0;line-height:1.4}.navrow{align-items:center;gap:calc(24 * var(--u));display:flex}.back{width:calc(90 * var(--u));height:calc(84 * var(--u));cursor:pointer;background:url(/hud/menu/back.webp) 50%/contain no-repeat;border:0}.joinrow{gap:calc(12 * var(--u));width:min(calc(620 * var(--u)), 100%);display:flex}.joinrow input{letter-spacing:.35em;text-transform:uppercase;flex:1;min-width:0}.err{z-index:1;color:#ff6a5e;font-family:var(--uf);font-size:calc(26 * var(--u));min-height:1.4em;margin-top:calc(14 * var(--u));text-align:center;position:relative}.hint{font-size:calc(24 * var(--u));color:#c9d2ff;margin:0}.hint a{color:#ffd84a}@media (aspect-ratio>=1){.lobby{background-size:cover}.card{width:calc(420 * var(--u))}}.step.wide{width:min(calc(1000 * var(--u)), 100%)}.whoami{font-size:calc(24 * var(--u));color:#cfe0ff;min-height:1.4em}.whoami b{color:#ffd84a}.authform{gap:calc(14 * var(--u));width:min(calc(620 * var(--u)), 100%);flex-direction:column;display:flex}.linkbtn{color:#ffd84a;font:inherit;font-family:var(--uf);font-size:calc(24 * var(--u));cursor:pointer;padding:calc(6 * var(--u));background:0 0;border:0;text-decoration:underline}.acct-head{justify-content:space-between;align-items:center;gap:calc(20 * var(--u));width:100%;display:flex}.acct-head .mtitle{text-align:left;margin:0}.acct-gold{align-items:center;gap:calc(10 * var(--u));font-size:calc(52 * var(--u));color:#ffd84a;text-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) #000;font-weight:700;display:flex}.acct-gold img{width:calc(64 * var(--u));height:calc(64 * var(--u))}.acct-heroes{grid-template-columns:repeat(auto-fit, minmax(calc(220 * var(--u)), 1fr));gap:calc(16 * var(--u));width:100%;display:grid}.hcard{border:calc(2 * var(--u)) solid #ffd84a59;border-radius:calc(12 * var(--u));padding:calc(12 * var(--u));align-items:center;gap:calc(8 * var(--u));background:#040a28b8;flex-direction:column;display:flex}.hcard.owned{box-shadow:0 0 calc(18 * var(--u)) #ffd84a40 inset;border-color:#ffd84a}.hcard img{width:100%;max-width:calc(200 * var(--u));aspect-ratio:160/235;object-fit:contain}.hcard.locked img{filter:brightness(.75)}.hcard b{font-size:calc(30 * var(--u))}.hcard .lvl{font-size:calc(24 * var(--u));color:#ffd84a;letter-spacing:.06em}.hcard small{font-size:calc(20 * var(--u));color:#cfe0ff;text-align:center;line-height:1.4}.hcard .mbtn{height:calc(86 * var(--u));font-size:calc(24 * var(--u));width:100%;padding:0 calc(10 * var(--u))}.acct-record{grid-template-columns:repeat(auto-fit, minmax(calc(200 * var(--u)), 1fr));gap:calc(8 * var(--u));width:100%;font-size:calc(22 * var(--u));display:grid}.acct-record div{justify-content:space-between;gap:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u));background:#040a2899;border:1px solid #ffffff1f;display:flex}.acct-record span{color:#cfe0ff}.acct-record b{color:#fff}#hud{pointer-events:none;font-family:var(--uf);color:#fff;position:fixed;inset:0}#hud>*{pointer-events:auto}#hud b,#hud .txt{text-shadow:0 2px 4px #000000b3}.u-img{background:50%/contain no-repeat;position:absolute;inset:0}.timer-ring{left:calc(51 * var(--u));top:calc(39 * var(--u));width:calc(150 * var(--u));height:calc(150 * var(--u));background:url(/hud/ui/timer.webp) 50%/contain no-repeat;place-items:center;display:grid;position:absolute}.timer-ring span{font-size:calc(35 * var(--u));letter-spacing:.02em;text-shadow:0 2px 4px #000;font-weight:700}.timer-ring span.low{color:#ff5a4a;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.4}}.namebox{left:50%;top:calc(47 * var(--u));width:calc(555 * var(--u));height:calc(137 * var(--u));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.namebox small{font-size:calc(26 * var(--u));color:#dfe6ff;text-shadow:0 2px 4px #000;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.namebox small[data-mine]{color:#ffd84a;font-weight:700}.namebox b{font-size:calc(56 * var(--u));letter-spacing:.06em;text-transform:uppercase;text-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #000;font-weight:700}.posbadge{right:calc(34 * var(--u));top:calc(64 * var(--u));width:calc(166 * var(--u));height:calc(100 * var(--u));background:url(/hud/ui/pin-blue.webp) 50%/100% 100% no-repeat;place-items:center;display:grid;position:absolute}.posbadge b{font-size:calc(35 * var(--u));font-weight:700}.status{left:0;top:calc(189 * var(--u));width:calc(1080 * var(--u));height:calc(400 * var(--u));position:absolute}.avatar-ring{left:calc(10 * var(--u));top:calc(30 * var(--u));width:calc(300 * var(--u));height:calc(300 * var(--u));background:url(/hud/ui/avatar-ring.webp) 50%/contain no-repeat;place-items:center;display:grid;position:absolute}.avatar-ring img{object-fit:contain;border-radius:50%;width:76%;height:76%}.bar{height:calc(60 * var(--u));position:absolute}.bar .stat{z-index:1;left:calc(-44 * var(--u));top:calc(-45 * var(--u));width:calc(140 * var(--u));height:calc(140 * var(--u));object-fit:contain;filter:drop-shadow(0 3px 4px #0009);position:absolute}.bar .fill{width:var(--p,100%);background:0/auto 100% no-repeat;transition:width .35s;position:absolute;inset:0}.bar.hp{left:calc(402 * var(--u));top:calc(96 * var(--u));width:calc(537 * var(--u));background:url(/hud/ui/health-2.webp) 0/100% 100% no-repeat}.bar.hp .fill{background-image:url(/hud/ui/health-3.webp);background-size:calc(537 * var(--u)) 100%}.bar.en{left:calc(426 * var(--u));top:calc(212 * var(--u));width:calc(540 * var(--u));height:calc(65 * var(--u));background:url(/hud/ui/energy-2.webp) 0/100% 100% no-repeat}.bar.en .fill{background-image:url(/hud/ui/energy-3.webp);background-size:calc(540 * var(--u)) 100%}.bar.ult{left:calc(402 * var(--u));top:calc(328 * var(--u));width:calc(529 * var(--u));height:calc(65 * var(--u));background:url(/hud/ui/ultimate-power-2.webp) 0/100% 100% no-repeat}.bar.ult .fill{background-image:url(/hud/ui/ultimate-power-3.webp);background-size:calc(529 * var(--u)) 100%}.bar.ult .stat{left:calc(-70 * var(--u))}.bar b{left:calc(56 * var(--u));top:calc(-46 * var(--u));font-size:calc(30 * var(--u));letter-spacing:.02em;text-shadow:0 calc(3 * var(--u)) calc(5 * var(--u)) #000;font-weight:700;position:absolute}.bar span{right:calc(-6 * var(--u));top:calc(-44 * var(--u));font-size:calc(38 * var(--u));text-shadow:0 calc(3 * var(--u)) calc(5 * var(--u)) #000;white-space:nowrap;font-weight:700;position:absolute}.bar span i{font-style:normal;font-size:calc(26 * var(--u));color:#cfe0ff}.gold{left:calc(96 * var(--u));top:calc(330 * var(--u));align-items:center;gap:calc(8 * var(--u));font-size:calc(38 * var(--u));font-weight:700;display:flex;position:absolute}.gold img{width:calc(64 * var(--u));height:calc(64 * var(--u));filter:drop-shadow(0 2px 3px #000)}.side{right:calc(20 * var(--u));top:calc(600 * var(--u));align-items:flex-end;gap:calc(10 * var(--u));max-height:calc(700 * var(--u));flex-direction:column;display:flex;position:absolute}.code{color:#fff;font:inherit;width:calc(166 * var(--u));height:calc(100 * var(--u));cursor:pointer;padding:0 0 calc(6 * var(--u));background:url(/hud/ui/pin-blue.webp) 50%/100% 100% no-repeat;border:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.code b{font-size:calc(30 * var(--u));letter-spacing:.14em}.code small{font-size:calc(18 * var(--u));color:#ffd84a;text-transform:uppercase;letter-spacing:.1em}.others{gap:calc(8 * var(--u));flex-direction:column;align-items:flex-end;display:flex;overflow:auto}.other{align-items:center;gap:calc(8 * var(--u));border:calc(2 * var(--u)) solid #ffd84a59;border-radius:calc(60 * var(--u));padding:calc(4 * var(--u)) calc(14 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));color:#fff;font:inherit;cursor:pointer;background:#060a28a6;display:flex}.other img{width:calc(64 * var(--u));height:calc(64 * var(--u));object-fit:cover;background:#0e0b14;border-radius:50%}.other span{min-width:calc(120 * var(--u));flex-direction:column;display:flex}.other b{font-size:calc(22 * var(--u))}.other i{height:calc(8 * var(--u));margin-top:calc(4 * var(--u));background:#2a1010;border-radius:4px;display:block;position:relative;overflow:hidden}.other i:before{content:"";width:var(--p);background:linear-gradient(#ff7a6e,#c81e14);position:absolute;inset:0}.other.on{box-shadow:0 0 calc(12 * var(--u)) #ffd84a99;border-color:#ffd84a}.other.user b{color:#ffd84a}.fbtn{width:calc(130 * var(--u));height:calc(150 * var(--u));cursor:pointer;color:#fff;font-family:var(--uf);background:50%/contain no-repeat;border:0;place-items:center;padding:0;display:grid;position:absolute}.fbtn.blue{background-image:url(/hud/ui/frame-blue.webp)}.fbtn.green{background-image:url(/hud/ui/frame-green.webp)}.fbtn.red{background-image:url(/hud/ui/frame-red.webp)}.fbtn>img{object-fit:contain;filter:drop-shadow(0 3px 4px #000000b3);width:72%;height:72%}.fbtn em{right:calc(-14 * var(--u));bottom:calc(-6 * var(--u));width:calc(50 * var(--u));height:calc(50 * var(--u));font-style:normal;font-weight:700;font-size:calc(30 * var(--u));background:#25f;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 2px 4px #000}.fbtn:disabled{filter:grayscale()brightness(.6);cursor:default}.fbtn.melee{left:calc(73 * var(--u));bottom:calc(329 * var(--u))}.fbtn.mana{right:calc(73 * var(--u));bottom:calc(329 * var(--u))}.fbtn.end{right:calc(73 * var(--u));bottom:calc(522 * var(--u))}.fbtn.bag{left:calc(73 * var(--u));bottom:calc(522 * var(--u))}.fbtn.cam{left:calc(73 * var(--u));bottom:calc(715 * var(--u));width:calc(100 * var(--u));height:calc(100 * var(--u));border:calc(2 * var(--u)) solid #ffd84a66;background:#060a2899;border-radius:50%}.fbtn.cam img{width:60%;height:60%}.fbtn.locktgl{left:calc(73 * var(--u));bottom:calc(475 * var(--u));width:calc(100 * var(--u));height:calc(100 * var(--u));border:calc(2 * var(--u)) solid #ffd84a66;background:#060a2899;border-radius:50%}.fbtn.locktgl svg{fill:#8ea2c8;filter:drop-shadow(0 2px 3px #000000b3);width:58%;height:58%}.fbtn.locktgl.on svg{fill:#ffd84a}.fbtn.locktgl .shackle-open{display:none}.fbtn.locktgl.on .shackle-closed{display:inline}.fbtn.locktgl:not(.on) .shackle-closed{display:none}.fbtn.locktgl:not(.on) .shackle-open{display:inline}.fbtn.locktgl:active{transform:scale(.94)}.fbtn.bugbtn{left:calc(73 * var(--u));bottom:calc(595 * var(--u));width:calc(100 * var(--u));height:calc(100 * var(--u));border:calc(2 * var(--u)) solid #ffd84a66;background:#060a2899;border-radius:50%}.fbtn.bugbtn svg{fill:#ffd84a;filter:drop-shadow(0 2px 3px #000000b3);width:58%;height:58%}.fbtn.bugbtn:active{transform:scale(.94)}.bugform{gap:calc(10 * var(--u));text-align:left;display:grid}.bugform img{border-radius:calc(6 * var(--u));border:calc(2 * var(--u)) solid #ffffff26;width:100%}.bugform input,.bugform textarea{box-sizing:border-box;color:#fff;border:calc(2 * var(--u)) solid #fff3;border-radius:calc(6 * var(--u));width:100%;padding:calc(10 * var(--u));font:inherit;font-size:calc(28 * var(--u));background:#00000059}.bugform textarea{min-height:calc(180 * var(--u));resize:vertical}.bugform .hint{color:#9fb3d9;font-size:calc(24 * var(--u))}.fbtn:active>img{transform:scale(.92)}.drawer-strip{width:calc(1013 * var(--u));height:calc(281 * var(--u));background:url(/hud/ui/drawer-top.webp) top/100% no-repeat;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sockets{left:calc(118 * var(--u));top:calc(0 * var(--u));gap:calc(36 * var(--u));display:flex;position:absolute}.socket{width:calc(235 * var(--u));height:calc(235 * var(--u));cursor:pointer;background:url(/hud/ui/socket.webp) 50%/contain no-repeat;border:0;place-items:center;padding:0;display:grid}.socket img{object-fit:contain;filter:drop-shadow(0 3px 5px #000000b3);width:62%;height:62%}.socket.on{filter:drop-shadow(0 0 calc(10 * var(--u)) #fffb00cc)}.popup{border:calc(34 * var(--u)) solid transparent;border-image:url(/hud/ui/popup.webp) 52 fill / calc(34 * var(--u)) stretch;color:#fff;font-family:var(--uf);box-shadow:0 12px 40px #0009}.ctx{left:50%;bottom:calc(560 * var(--u));width:calc(866 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));border:calc(34 * var(--u)) solid transparent;border-image:url(/hud/ui/popup.webp) 52 fill / calc(34 * var(--u)) stretch;text-align:center;animation:.18s ease-out pop;position:absolute;transform:translate(-50%);box-shadow:0 12px 40px #0009}.ctx-scroll{max-height:calc(1000 * var(--u));overflow:auto}.ctx-x{z-index:2;top:calc(-28 * var(--u));right:calc(-28 * var(--u));width:calc(88 * var(--u));height:calc(88 * var(--u));cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/hud/ui/close.webp) 50%/contain no-repeat;border:0;padding:0;position:absolute}.ctx-x:active{transform:scale(.92)}@keyframes pop{0%{opacity:0;transform:translate(-50%)translateY(10px)}}.ctx .eyebrow{font-family:var(--uf);font-size:calc(22 * var(--u));letter-spacing:.14em;color:#ffd84a;text-transform:uppercase}.ctx h3{margin:calc(4 * var(--u)) 0 calc(10 * var(--u));font-size:calc(44 * var(--u));letter-spacing:.02em;text-shadow:0 2px 6px #000;font-weight:700}.ctx.good h3{color:#7dff9d}.ctx.bad h3{color:#ff6a5e}.ctx .body{font-size:calc(28 * var(--u))}.ctx .body p{margin:calc(6 * var(--u)) 0}.ctx .btns{gap:calc(40 * var(--u));margin-top:calc(16 * var(--u));flex-wrap:wrap;justify-content:center;display:flex}.ctx .btn{--cut:0;clip-path:none;padding:0 calc(28 * var(--u));min-width:calc(230 * var(--u));height:calc(95 * var(--u));font-family:var(--uf);font-size:calc(28 * var(--u));color:#fff;text-shadow:0 2px 4px #000;justify-content:center;align-items:center;gap:calc(10 * var(--u));background:url(/hud/ui/pin-blue.webp) 50%/100% 100% no-repeat;font-weight:700;display:inline-flex}.ctx .btn img{width:calc(40 * var(--u));height:calc(40 * var(--u))}.ctx .btn.primary{min-width:calc(150 * var(--u));width:calc(150 * var(--u));height:calc(170 * var(--u));background-image:url(/hud/ui/frame-green.webp);background-size:contain;padding:0;font-size:0}.ctx .btn.primary img{display:none}.ctx .btn.primary:after{content:attr(data-label);font-size:calc(22 * var(--u));bottom:calc(-34 * var(--u));white-space:nowrap;position:absolute;left:0;right:0}.ctx .btn.ghost,.ctx .btn.danger{min-width:calc(150 * var(--u));width:calc(150 * var(--u));height:calc(170 * var(--u));background-image:url(/hud/ui/frame-red.webp);background-size:contain;padding:0;font-size:0}.ctx .btn.ghost img,.ctx .btn.danger img{display:none}.ctx .btn.ghost:after,.ctx .btn.danger:after{content:attr(data-label);font-size:calc(22 * var(--u));bottom:calc(-34 * var(--u));white-space:nowrap;position:absolute;left:0;right:0}.ctx .btn{margin-bottom:calc(34 * var(--u));position:relative}.ctx .btn:disabled{filter:grayscale()brightness(.5);opacity:1}.ctx .btn.short:disabled{filter:none;opacity:1;background:#280a0eb3;box-shadow:inset 0 0 0 1.5px #ff6a5e99}.ctx .btn .no{color:#ff6a5e;font-weight:700}.ctx .btn.sm{width:auto;min-width:0;height:calc(60 * var(--u));font-size:calc(24 * var(--u));padding:0 calc(16 * var(--u));background-image:url(/hud/ui/pin-blue.webp);margin:0}.ctx .btn.sm:after{content:none}.cost{justify-content:center;align-items:center;gap:calc(8 * var(--u));font-size:calc(36 * var(--u));display:flex}.cost b{font-size:calc(48 * var(--u))}.no{color:#ff6a5e}.cost .lbl{min-width:calc(110 * var(--u));text-align:right;font-size:calc(32 * var(--u))}.what{justify-content:center;align-items:center;gap:calc(12 * var(--u));margin-top:calc(8 * var(--u));font-weight:700;font-size:calc(30 * var(--u));display:flex}.what img{width:calc(64 * var(--u));height:calc(64 * var(--u));flex:none}.what span{align-items:flex-start;gap:calc(2 * var(--u));text-align:left;flex-direction:column;display:flex}.what small{font-weight:400;font-size:calc(23 * var(--u));color:#c9d2ff}.muted{color:#c9d2ff}.stats{justify-content:center;align-items:center;gap:calc(6 * var(--u));font-size:calc(30 * var(--u));flex-wrap:wrap;display:flex}.stat-ico{vertical-align:middle;width:calc(50 * var(--u));height:calc(50 * var(--u))}.ico{width:var(--s,44px);height:var(--s,44px);display:inline-block;position:relative}.ico img{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:100%;height:100%}.ico .cnt{color:#1b1206;font-size:calc(22 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));border-radius:calc(8 * var(--u));min-width:calc(30 * var(--u));text-align:center;background:#ffd84a;font-weight:700;line-height:1;position:absolute;bottom:-6%;right:-6%}.inv{gap:calc(16 * var(--u));padding:calc(8 * var(--u)) 0;text-align:left;border-bottom:1px solid #ffffff2e;align-items:center;display:flex}.inv:last-child{border-bottom:0}.inv .grow{flex:1}.inv.sold{opacity:.5}.inv.sold img{filter:grayscale()}.chip-sold{padding:calc(6 * var(--u)) calc(16 * var(--u));color:#cbd3ee;font-family:var(--uf);font-size:calc(22 * var(--u));letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:#ffffff0d;border:1px dashed #ffffff59;border-radius:999px;flex:none;align-self:center}.inv b{font-size:calc(30 * var(--u));display:block}.inv small{color:#dfe6ff;font-size:calc(22 * var(--u));line-height:1.3;display:block}.loot .lootrow{justify-content:center;align-items:center;gap:calc(18 * var(--u));padding:calc(8 * var(--u)) 0;font-size:calc(34 * var(--u));display:flex}.loot .lootrow.small{font-size:calc(28 * var(--u));color:#dfe6ff}.dice{gap:calc(20 * var(--u));margin:calc(12 * var(--u)) 0 calc(4 * var(--u));justify-content:center;display:flex}.die{width:calc(110 * var(--u));height:calc(110 * var(--u));animation:.6s ease-out roll}.die.d4{display:inline-block;position:relative}.die.d4 img{width:100%;height:100%}.die.d4 b{font-size:calc(50 * var(--u));color:#fff;text-shadow:0 1px 3px #000;padding-top:calc(20 * var(--u));place-items:center;display:grid;position:absolute;inset:0}.die.spin{animation:.5s linear infinite spin}@keyframes roll{0%{opacity:0;transform:rotate(-200deg)scale(.4)}}@keyframes spin{to{transform:rotate(360deg)}}.ctx.attack .body p b{color:#ffd84a;font-size:calc(40 * var(--u))}.enemy-head{gap:calc(16 * var(--u));margin-bottom:calc(10 * var(--u));text-align:left;justify-content:center;align-items:center;display:flex}.enemy-head img{width:calc(120 * var(--u));height:calc(120 * var(--u));object-fit:cover;border:calc(3 * var(--u)) solid #ffd84a;background:#0e0b14;border-radius:50%}.pmlist{gap:calc(8 * var(--u));flex-direction:column;display:flex}.pmrow{gap:calc(14 * var(--u));border:calc(2 * var(--u)) solid #ffd84a80;color:#fff;font:inherit;padding:calc(8 * var(--u)) calc(14 * var(--u));cursor:pointer;text-align:left;border-radius:calc(8 * var(--u));background:#000a5073;align-items:center;display:flex}.pmrow:hover:not(:disabled){background:#00147899;border-color:#ffd84a}.pmrow:disabled{opacity:.45;cursor:default}.pmrow>img,.pmrow>.ico{width:calc(80 * var(--u));height:calc(80 * var(--u));flex:none}.pmrow span{flex:1}.pmrow b{font-size:calc(30 * var(--u));display:block}.pmrow small{color:#dfe6ff;font-size:calc(22 * var(--u));line-height:1.5;display:block}.pmrow small .ico,.pmrow small .stat-ico{vertical-align:middle;width:calc(34 * var(--u));height:calc(34 * var(--u))}.mtabs{gap:calc(6 * var(--u));margin-bottom:calc(10 * var(--u));display:flex}.mtab{border:calc(2 * var(--u)) solid #ffd84a66;color:#dfe6ff;font:inherit;font-size:calc(24 * var(--u));padding:calc(10 * var(--u));cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#000a5080;flex:1}.mtab.on{color:#ffd84a;background:#001478b3;border-color:#ffd84a}.mbody{max-height:calc(620 * var(--u));overflow:auto}.shoplock{margin:0 0 calc(10 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));border-radius:calc(10 * var(--u));color:#ffe9a8;font-size:calc(24 * var(--u));background:#ffd84a1f;border:1px solid #ffd84a66;line-height:1.4}.mtab.shut{opacity:.4;cursor:not-allowed}.mdoor{margin:calc(6 * var(--u)) 0 calc(4 * var(--u));font-size:calc(21 * var(--u));text-align:left;opacity:.8;line-height:1.35}.mgroup{font-size:calc(22 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:#ffd84a;margin:calc(12 * var(--u)) 0 calc(4 * var(--u));text-align:left}.recipe{align-items:center;gap:calc(6 * var(--u));display:flex}.recipe span{color:#dfe6ff}.btn.sm .stat-ico{width:calc(28 * var(--u));height:calc(28 * var(--u))}.drawer{left:50%;bottom:calc(300 * var(--u));width:calc(866 * var(--u));height:calc(1100 * var(--u));border:calc(46 * var(--u)) solid transparent;border-image:url(/hud/ui/popup-power.webp) 70 fill / calc(46 * var(--u)) stretch;flex-direction:column;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 40px #0009}.drawer .tabs{gap:calc(6 * var(--u));margin:calc(-10 * var(--u)) calc(60 * var(--u)) calc(8 * var(--u)) 0;display:flex}.drawer .tabs button{border:calc(2 * var(--u)) solid #ffd84a66;color:#dfe6ff;font:inherit;font-family:var(--uf);font-size:calc(24 * var(--u));padding:calc(10 * var(--u)) calc(4 * var(--u));cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:#000a5080;flex:1}.drawer .tabs button.on{color:#ffd84a;background:#001478b3;border-color:#ffd84a}.xbtn{right:calc(-46 * var(--u));top:calc(-46 * var(--u));width:calc(100 * var(--u));height:calc(100 * var(--u));cursor:pointer;background:url(/hud/ui/close.webp) 50%/contain no-repeat;border:0;position:absolute}.drawer-body{padding:0 calc(6 * var(--u));flex:1;overflow:auto}.drawer .btn.sm{--cut:0;clip-path:none;height:calc(60 * var(--u));font-family:var(--uf);font-size:calc(24 * var(--u));padding:0 calc(20 * var(--u));color:#fff;background:url(/hud/ui/pin-blue.webp) 50%/100% 100% no-repeat;font-weight:700}.drawer .btn.sm.ghost{width:calc(60 * var(--u));background-image:url(/hud/ui/frame-red.webp);background-size:contain;font-size:0}.qbar{height:calc(12 * var(--u));border-radius:calc(6 * var(--u));margin:calc(6 * var(--u)) 0;background:#00000080;overflow:hidden}.qbar i{background:linear-gradient(90deg,#ffd84a,#ff9b2a);height:100%;display:block}body.fx-dead:after,body.fx-win:after{content:"";pointer-events:none;z-index:4;position:fixed;inset:0}body.fx-dead:after{background:radial-gradient(#0000 30%,#7800008c 75%,#280000e6);animation:1.2s ease-out forwards deadIn}body.fx-win:after{background:radial-gradient(#ffd84a2e 0%,#0000 55%);animation:1s ease-out winIn}@keyframes deadIn{0%{opacity:0}to{opacity:1}}@keyframes winIn{0%{opacity:0}40%{opacity:1}to{opacity:.85}}body.fx-dead #game{filter:grayscale(.65)brightness(.7);transition:filter 1.4s}.payout{text-align:left}.ptot{justify-content:center;align-items:center;gap:calc(14 * var(--u));margin:calc(6 * var(--u)) 0 calc(14 * var(--u));display:flex}.ptot b{font-size:calc(86 * var(--u));color:#ffd84a;text-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) #000;animation:.3s ease-out pop}.prow{justify-content:space-between;gap:calc(16 * var(--u));font-size:calc(28 * var(--u));padding:calc(5 * var(--u)) 0;border-bottom:1px solid #ffffff24;display:flex}.prow span{color:#cfe0ff}.prow.win b{color:#ffd84a}.sales{gap:calc(10 * var(--u));margin:calc(10 * var(--u)) 0;flex-wrap:wrap;justify-content:center;display:flex}.sale{align-items:center;gap:calc(4 * var(--u));border-radius:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));background:#000a5080;border:1px solid #ffd84a59;display:flex}.sale b{color:#ffd84a;font-size:calc(24 * var(--u))}.small{font-size:calc(22 * var(--u))}.banner{width:calc(550 * var(--u));padding:calc(60 * var(--u)) calc(20 * var(--u)) calc(30 * var(--u));border:calc(34 * var(--u)) solid transparent;border-image:url(/hud/ui/popup.webp) 52 fill / calc(34 * var(--u)) stretch;align-items:center;gap:calc(20 * var(--u));pointer-events:none;z-index:5;font-family:var(--uf);color:#fff;text-align:center;flex-direction:column;animation:.3s ease-out bannerIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0009}.banner.out{animation:.35s ease-in forwards bannerOut}.banner img{width:calc(300 * var(--u));height:calc(300 * var(--u));object-fit:contain;filter:drop-shadow(0 6px 10px #0009)}.banner b{font-size:calc(46 * var(--u));text-shadow:0 2px 8px #000;font-weight:700;display:block}.banner small{color:#dfe6ff;font-size:calc(26 * var(--u));margin-top:calc(6 * var(--u));display:block}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}@keyframes bannerOut{to{opacity:0;transform:translate(-50%,-55%)}}.toasts{left:50%;top:calc(600 * var(--u));gap:calc(8 * var(--u));pointer-events:none;z-index:6;font-family:var(--uf);flex-direction:column;align-items:center;display:flex;position:fixed;transform:translate(-50%)}.toast{border:calc(2 * var(--u)) solid #ffd84a;color:#fff;padding:calc(12 * var(--u)) calc(24 * var(--u));font-size:calc(26 * var(--u));border-radius:calc(10 * var(--u));background:#000c5ae6;max-width:90vw;animation:.2s ease-out pop}.toast.error{background:#5a0a0ae6;border-color:#ff5a4a}.toast.good{border-color:#5fd39a}.toast.out{opacity:0;transition:opacity .3s}.floatnum{font-family:var(--uf);font-size:calc(50 * var(--u));pointer-events:none;z-index:6;text-shadow:0 2px 6px #000;font-weight:700;animation:1.5s ease-out forwards floatUp;position:fixed;transform:translate(-50%,-50%)}.floatnum.heart{color:#ff6a5e}.floatnum.energy{color:#ffe14a}.floatnum.ultimate{color:#d59cff}.floatnum.stack{color:#8fe3ff}.floatnum.coin{color:#ffd84a}.stackflash{pointer-events:none;z-index:6;flex-direction:column;align-items:center;gap:2px;animation:1.7s ease-out forwards stackFlash;display:flex;position:fixed;transform:translate(-50%,-150%)}.stackflash img{width:calc(64 * var(--u));height:calc(64 * var(--u));filter:drop-shadow(0 0 8px #fff8)drop-shadow(0 2px 4px #000);min-width:48px;min-height:48px}.stackflash b{font-family:var(--uf);font-size:max(16px, calc(34 * var(--u)));color:#8fe3ff;text-shadow:0 2px 6px #000}.stackflash.loss img{filter:grayscale(.7)drop-shadow(0 2px 4px #000);opacity:.85}.stackflash.loss b{color:#ff8a7e}@keyframes stackFlash{0%{opacity:0;transform:translate(-50%,-120%)scale(.5)}12%{opacity:1;transform:translate(-50%,-150%)scale(1.25)}24%{transform:translate(-50%,-150%)scale(1)}45%{filter:brightness(1.6)}70%{opacity:1;filter:none}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}@media (prefers-reduced-motion:reduce){.stackflash{animation:1.7s linear forwards stackFade}@keyframes stackFade{0%,70%{opacity:1}to{opacity:0}}}.stackclash{pointer-events:none;z-index:7;grid-auto-flow:column;place-items:center;animation:1.6s ease-out forwards clashLift;display:grid;position:fixed;transform:translate(-50%,-150%)}.stackclash i{grid-area:1/1;display:block}.stackclash img{width:calc(56 * var(--u));height:calc(56 * var(--u));filter:drop-shadow(0 0 8px #fff8)drop-shadow(0 2px 4px #000);min-width:42px;min-height:42px}.stackclash .in{animation:1.6s linear forwards clashInLeft}.stackclash .held{animation:1.6s linear forwards clashInRight}.stackclash .burst{width:calc(56 * var(--u));height:calc(56 * var(--u));opacity:0;background:radial-gradient(circle,#fff 0%,#ffe9b0 35%,#e3a01e00 70%);border-radius:50%;min-width:42px;min-height:42px;animation:1.6s ease-out forwards clashBurst}.stackclash b{font-family:var(--uf);font-size:max(15px, calc(30 * var(--u)));color:#ffd98a;text-shadow:0 2px 6px #000;opacity:0;grid-area:1/1;align-self:end;animation:1.6s ease-out forwards clashCount;transform:translateY(1.4em)}@keyframes clashInLeft{0%{opacity:0;animation-timing-function:cubic-bezier(.3,1.5,.5,1);transform:translate(-170%)scale(.7)}20%{opacity:1;transform:translate(-60%)scale(1)}38%{opacity:1;animation-timing-function:ease-in;transform:translate(-24%)scale(1)}52%{opacity:1;transform:translate(-4%)scale(.94)}62%{opacity:1;transform:translate(0)scale(.78)rotate(-12deg)}78%{opacity:0;transform:translate(0)scale(.45)rotate(-20deg)}to{opacity:0;transform:translate(0)scale(.45)rotate(-20deg)}}@keyframes clashInRight{0%{opacity:1;transform:translate(24%)scale(1)}38%{opacity:1;animation-timing-function:ease-in;transform:translate(24%)scale(1)}52%{opacity:1;transform:translate(4%)scale(.94)}62%{opacity:1;transform:translate(0)scale(.78)rotate(12deg)}78%{opacity:0;transform:translate(0)scale(.45)rotate(20deg)}to{opacity:0;transform:translate(0)scale(.45)rotate(20deg)}}@keyframes clashBurst{0%,52%{opacity:0;transform:scale(.2)}66%{opacity:.95;transform:scale(1.5)}to{opacity:0;transform:scale(2.2)}}@keyframes clashCount{0%,56%{opacity:0;transform:translateY(1.4em)}70%{opacity:1;transform:translateY(1.1em)scale(1.15)}80%{transform:translateY(1.1em)scale(1)}to{opacity:0;transform:translateY(.4em)}}@keyframes clashLift{0%{transform:translate(-50%,-140%)}to{transform:translate(-50%,-185%)}}@media (prefers-reduced-motion:reduce){.stackclash{animation:none}.stackclash .in,.stackclash .held{animation:1.6s linear forwards clashFade;transform:none}.stackclash .in{opacity:.45}.stackclash .burst{opacity:0;animation:none}.stackclash b{opacity:1;animation:1.6s linear forwards clashFade}@keyframes clashFade{0%,65%{opacity:1}to{opacity:0}}}@keyframes floatUp{to{opacity:0;transform:translate(-50%,-160%)}}@media (aspect-ratio>=1){:root{--u:min(100vw / 1080, 100vh / 1920, .62px)}.status{width:calc(1080 * var(--u))}.ctx{bottom:calc(420 * var(--u))}}.splash.loading .loadbar i{transition:width .25s ease-out;animation:none}.ammo-pick{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 8px;display:flex}.ammo-pick>span{text-transform:uppercase;letter-spacing:.1em;opacity:.75;width:4.5em;font-size:.8em}.ammo-pick .ammo{color:inherit;font:inherit;cursor:pointer;background:#00000040;border:1px solid #fff3;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 2px;display:flex}.ammo-pick .ammo.on{border-color:#e3a01e;box-shadow:inset 0 0 0 1px #e3a01e}html[dir=rtl] #hud,html[dir=rtl] #game{direction:ltr}html[dir=rtl] #hud .ctx,html[dir=rtl] #hud .drawer-body,html[dir=rtl] #toasts,html[dir=rtl] #banner{direction:rtl}.fbody{gap:calc(14 * var(--u));text-align:left;align-items:flex-start;display:flex}.frail{gap:calc(8 * var(--u));flex-direction:column;flex:none;display:flex}.fsrc{align-items:center;gap:calc(2 * var(--u));width:calc(112 * var(--u));padding:calc(8 * var(--u)) calc(4 * var(--u));border:calc(2 * var(--u)) solid #ffffff2e;border-radius:calc(10 * var(--u));color:#fff;font:inherit;cursor:pointer;background:#000a5066;flex-direction:column;display:flex;position:relative}.fsrc img{width:calc(56 * var(--u));height:calc(56 * var(--u))}.fsrc small{font-size:calc(18 * var(--u));color:#cfd6ff;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.1;overflow:hidden}.fsrc .fs-n{top:calc(2 * var(--u));right:calc(6 * var(--u));font-size:calc(22 * var(--u));color:#ffd84a;text-shadow:0 1px 2px #000;font-weight:800;position:absolute}.fsrc .fs-plus{font-size:calc(46 * var(--u));line-height:calc(56 * var(--u));color:#ffffff73}.fsrc.ready{border-color:#ffd84a80}.fsrc.empty{opacity:.6}.fsrc.on{box-shadow:0 0 calc(16 * var(--u)) #ffd84a73, 0 0 calc(14 * var(--u)) #ffd84a4d inset;background:#ffd84a2e;border-color:#ffd84a}.fsrc.on small{color:#ffe9a8}.fmoves{gap:calc(8 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.pmwrap{gap:calc(4 * var(--u));flex-direction:column;display:flex}.reps{gap:calc(6 * var(--u));padding-left:calc(6 * var(--u));flex-wrap:wrap;display:flex}.rep{font:inherit;font-weight:700;font-size:calc(22 * var(--u));min-width:calc(56 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u));cursor:pointer;color:#ffe9a8;border:calc(2 * var(--u)) solid #ffd84a73;background:#ffd84a1f;border-radius:999px}.rep:hover{color:#fff;background:#ffd84a42;border-color:#ffd84a}.dice.sm{gap:calc(8 * var(--u));margin:0}.dice.sm .die,.dice.sm img.die{width:calc(48 * var(--u));height:calc(48 * var(--u))}.lobby:has(>.pick:not([hidden])){align-content:start}.step.pick{width:min(calc(1000 * var(--u)), 100%);gap:calc(22 * var(--u));margin:0}.pk-top{grid-template-columns:calc(90 * var(--u)) 1fr calc(90 * var(--u));align-items:center;width:100%;display:grid}.pk-title{font-size:calc(40 * var(--u));letter-spacing:.14em;text-transform:uppercase;text-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #000;grid-column:2;margin:0;font-weight:700}.pk-title em{color:#ffd84a;font-style:normal}.pk-stage{--acc:#ffd84a;width:100%;height:calc(720 * var(--u));touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:calc(18 * var(--u));box-shadow:inset 0 0 0 calc(2 * var(--u)) color-mix(in srgb, var(--acc) 55%, transparent), 0 calc(14 * var(--u)) calc(40 * var(--u)) #0000008c;background:linear-gradient(#0a0e2233,#060816d9);transition:box-shadow .3s;position:relative;overflow:hidden}.pk-glow{background:radial-gradient(60% 55% at 50% 58%, color-mix(in srgb, var(--acc) 45%, transparent), transparent 70%), repeating-linear-gradient(115deg, transparent 0 calc(38 * var(--u)), color-mix(in srgb, var(--acc) 7%, transparent) calc(38 * var(--u)) calc(40 * var(--u)));transition:background .3s;position:absolute;inset:0}.pk-ghost{left:0;right:0;top:calc(30 * var(--u));font-size:calc(170 * var(--u));letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:calc(2 * var(--u)) color-mix(in srgb, var(--acc) 40%, transparent);opacity:.9;font-weight:900;line-height:1;position:absolute}.pk-hero{left:50%;bottom:calc(150 * var(--u));height:calc(560 * var(--u));object-fit:contain;width:auto;max-width:92%;filter:drop-shadow(0 calc(10 * var(--u)) calc(22 * var(--u)) #000c) drop-shadow(0 0 calc(26 * var(--u)) color-mix(in srgb, var(--acc) 45%, transparent));pointer-events:none;position:absolute;transform:translate(-50%)}.pk-hero.in{animation:.35s cubic-bezier(.2,.9,.3,1.2) pkIn}@keyframes pkIn{0%{opacity:0;transform:translate(-38%)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}.pk-arrow{width:calc(80 * var(--u));height:calc(80 * var(--u));cursor:pointer;opacity:.85;background:url(/hud/menu/chevron.webp) 50%/contain no-repeat;border:0;position:absolute;top:40%}.pk-arrow.l{left:calc(14 * var(--u));transform:rotate(-90deg)}.pk-arrow.r{right:calc(14 * var(--u));transform:rotate(90deg)}.pk-arrow:hover{opacity:1;filter:brightness(1.3)}.pk-info{padding:calc(70 * var(--u)) calc(34 * var(--u)) calc(24 * var(--u));text-align:left;background:linear-gradient(#0000,#040612eb 45%);position:absolute;bottom:0;left:0;right:0}.pk-num{font-size:calc(22 * var(--u));letter-spacing:.3em;color:var(--acc);font-weight:700}.pk-name{margin:calc(2 * var(--u)) 0 calc(6 * var(--u));font-size:calc(58 * var(--u));letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #000;font-weight:800;line-height:1}.pk-desc{font-size:calc(25 * var(--u));color:#dfe6ff;max-width:calc(820 * var(--u));margin:0;line-height:1.4}.pk-roster{gap:calc(12 * var(--u));grid-template-columns:repeat(5,1fr);width:100%;display:grid}.pk-tile{--acc:#ffd84a;aspect-ratio:1;border-radius:calc(12 * var(--u));cursor:pointer;box-shadow:inset 0 0 0 calc(2 * var(--u)) #ffffff24;background:#0c1030;border:0;padding:0;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.pk-tile img{object-fit:cover;object-position:50% 8%;width:100%;height:130%;position:absolute;inset:0}.pk-tile span{padding:calc(18 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));font-size:calc(19 * var(--u));letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000d9);font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pk-tile:not(.locked):hover{transform:translateY(calc(-4 * var(--u)))}.pk-tile[aria-checked=true]{box-shadow:inset 0 0 0 calc(5 * var(--u)) var(--acc), 0 0 calc(22 * var(--u)) color-mix(in srgb, var(--acc) 60%, transparent);transform:translateY(calc(-4 * var(--u)))}.pk-tile.locked{cursor:not-allowed}.pk-tile.locked img{filter:grayscale()brightness(.35)}.pk-tile.locked i{top:calc(8 * var(--u));right:calc(8 * var(--u));font-style:normal;font-size:calc(15 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:#0c1030;padding:calc(3 * var(--u)) calc(8 * var(--u));border-radius:calc(20 * var(--u));background:#cfd6ee;font-weight:700;position:absolute}.pk-tile.locked span{color:#9aa3c0}.pk-badge{top:calc(8 * var(--u));left:calc(8 * var(--u));font-style:normal;font-size:calc(17 * var(--u));letter-spacing:.06em;padding:calc(3 * var(--u)) calc(9 * var(--u));border-radius:calc(20 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #0009;font-weight:800;position:absolute}.pk-badge.own{color:#1b1404;background:linear-gradient(#ffe27a,#e9a51c)}.pk-badge.buy{color:#ffd84a;box-shadow:inset 0 0 0 calc(2 * var(--u)) #ffd84a8c;background:#080a1ed9}.pk-own{margin:0 0 calc(6 * var(--u));font-size:calc(23 * var(--u));color:#cfd8f5}.pk-own b{color:var(--acc)}.pk-sub{margin:calc(8 * var(--u)) 0 0;font-size:calc(24 * var(--u));letter-spacing:.3em;text-transform:uppercase;color:#ffd84a;align-self:flex-start;font-weight:700}.pk-maps{gap:calc(18 * var(--u));grid-template-columns:repeat(2,1fr);width:100%;display:grid}.pk-map{grid-template-columns:calc(150 * var(--u)) 1fr;column-gap:calc(16 * var(--u));text-align:left;cursor:pointer;padding:calc(12 * var(--u));border-radius:calc(12 * var(--u));color:#fff;font-family:var(--uf);box-shadow:inset 0 0 0 calc(2 * var(--u)) #ffffff24;background:#0c1030cc;border:0;grid-template-rows:auto 1fr;align-items:start;transition:box-shadow .15s;display:grid}.pk-map img{aspect-ratio:1;object-fit:cover;border-radius:calc(8 * var(--u));grid-row:1/3;width:100%}.pk-map b{font-size:calc(30 * var(--u));letter-spacing:.06em;text-transform:uppercase;margin-top:calc(4 * var(--u))}.pk-map small{font-size:calc(19 * var(--u));color:#b8c2e6;margin-top:calc(6 * var(--u));-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.pk-map[aria-checked=true]{box-shadow:inset 0 0 0 calc(4 * var(--u)) #ffd84a, 0 0 calc(18 * var(--u)) #ffd84a66}.pk-map[aria-checked=true] b{color:#ffd84a}.pk-start{margin-top:calc(6 * var(--u));min-width:calc(520 * var(--u))}.pk-tile:focus-visible,.pk-map:focus-visible,.pk-arrow:focus-visible{outline:calc(3 * var(--u)) solid #fff;outline-offset:calc(3 * var(--u))}@media (aspect-ratio>=5/4){.step.pick{width:min(94vw, calc(2000 * var(--u)));column-gap:calc(40 * var(--u));grid-template-rows:auto auto auto auto 1fr;grid-template-columns:1.05fr 1fr;align-content:start;align-items:start;display:grid}.pk-top{grid-column:1/-1}.pk-stage{height:calc(1250 * var(--u));grid-area:2/1/6}.pk-hero{height:calc(980 * var(--u));bottom:calc(200 * var(--u))}.pk-ghost{font-size:calc(230 * var(--u))}.pk-roster,.pk-sub,.pk-maps,.pk-start{grid-column:2}.pk-sub{justify-self:start}.pk-maps{grid-template-columns:1fr}.pk-start{margin-top:calc(30 * var(--u));place-self:start center}}@media (prefers-reduced-motion:reduce){.pk-hero.in{animation:none}.pk-tile,.pk-map{transition:none}}