#menu{transform-origin:0 0;color:#fff;background:#1b1814 url(../assets/ui/menu/Background.webp) 50%/cover no-repeat;gap:0;padding:0;font-size:28px;font-weight:400;display:block;inset:0 auto auto 0;overflow:hidden}#menu.hidden{display:none}#menu.see{background:0 0}:where(#menu) button{font:inherit;color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;margin:0;padding:0}:where(#menu) button:disabled{cursor:default}:where(#menu) img{display:block}:where(#menu) input,:where(#menu) select{font:inherit;pointer-events:auto}.m-scroll{touch-action:pan-y;overscroll-behavior:contain;overflow:hidden scroll}.m-scroll::-webkit-scrollbar{width:10px}.m-scroll::-webkit-scrollbar-track{background:#000;border-radius:5px}.m-scroll::-webkit-scrollbar-thumb{background:#6a501f;border-radius:5px}.m-scroll.w15::-webkit-scrollbar{width:15px}.m-scroll.sb15::-webkit-scrollbar{width:23px}.m-scroll.sb15::-webkit-scrollbar-track{background:linear-gradient(#000,#000) 0/15px 100% no-repeat;border-radius:0;margin:20px 0}.m-scroll.sb15::-webkit-scrollbar-thumb{background-clip:padding-box;border-right:8px solid #0000;border-radius:5px 13px 13px 5px/5px}.m-top{z-index:2;height:100px;position:absolute;top:0;left:0;right:0}.m-top:before{content:"";opacity:.93;background:url(../assets/ui/menu/top_bg_panel_new_2.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.m-back{width:100px;height:100px;position:absolute;top:0;left:0}.m-back img{width:100px;height:100px}.m-ttl{text-transform:uppercase;color:#f4dfb1;white-space:nowrap;width:492px;font-size:40px;line-height:100px;position:absolute;top:0;left:100px}.m-user{text-align:left;width:552px;height:119px;position:absolute;top:0;left:0}.m-ava{pointer-events:none;width:256px;height:256px;position:absolute;top:-8px;left:-11px}.m-ava i{position:absolute;inset:0;-webkit-mask:url(../assets/ui/sprites/MainMenu/Account/AvatarFrameMask.webp) 0 0/256px 169px no-repeat;mask:url(../assets/ui/sprites/MainMenu/Account/AvatarFrameMask.webp) 0 0/256px 169px no-repeat}.m-ava i img{width:256px;height:256px;position:absolute;top:4px;left:9px}.m-ava>img{width:256px;height:169px;position:absolute;top:0;left:0}.m-uname{color:#dfd5c3;white-space:nowrap;width:300px;font-size:38px;line-height:60px;position:absolute;top:20px;left:252px}.m-xp{width:325px;height:25px;position:absolute;top:87px;left:188px}.m-xp i{background:#252721;position:absolute;inset:0;-webkit-mask:url(../assets/ui/sprites/MainMenu/Account/ExperienceFrameMask.webp) 50%/100% 100% no-repeat;mask:url(../assets/ui/sprites/MainMenu/Account/ExperienceFrameMask.webp) 50%/100% 100% no-repeat}.m-xp i u{background:#2ea2c8;position:absolute;top:0;bottom:0;left:0}.m-xp img{width:100%;height:100%;position:absolute;inset:0}.m-lvl{color:#fff;background:url(../assets/ui/sprites/MainMenu/Account/LevelFrame.webp) 50%/100% 100% no-repeat;place-items:center;width:50px;height:50px;font-size:26px;font-style:normal;display:grid;position:absolute;top:90px;left:115px}.m-cur{gap:35px;height:100px;display:flex;position:absolute;top:0;left:50%;translate:-50%}.m-cur span{-webkit-text-stroke:.019em;letter-spacing:.07em;color:#dfd5c3;white-space:nowrap;font-size:36px;font-weight:400;line-height:100px;display:block;position:relative}.m-cur .gold{padding-left:70px}.m-cur .dust{padding:0 65px 0 80px}.m-cur span>img{position:absolute;top:50%;left:0;translate:0 -50%}.m-cur .gold>img{width:50px;height:50px}.m-cur .dust>img{width:64px;height:64px}.m-plus{width:50px;height:50px;position:absolute;top:50%;right:0;translate:0 -50%}.m-plus img{width:50px;height:50px}.m-tr{align-items:center;gap:20px;height:100px;display:flex;position:absolute;top:0;right:30px}.m-tr img{width:64px;height:64px}.m-back:hover,.m-gear:hover{filter:brightness(1.2)}@media (any-pointer:coarse){.m-gear{position:relative}.m-gear:after{content:"";position:absolute;inset:-18px -10px -18px -30px}}.m-body{position:absolute;inset:100px 50px}.m-fill{position:absolute;inset:0}.m-nav{z-index:2;background:url(../assets/ui/sprites/MainMenu/BottomBar/bottom_bar_bg.webp) 50%/100% 100% no-repeat;height:100px;display:flex;position:absolute;bottom:0;left:0;right:0}.m-nav.home{padding-right:350px}.m-nav>button{text-transform:uppercase;color:#fff;white-space:nowrap;flex:1 1 0;min-width:0;height:100px;font-size:36px;font-weight:600;position:relative}.m-nav>button:after{content:"";background:#ffffff08;width:1px;height:80px;position:absolute;top:10px;right:0}.m-nav>button.sel:before{content:"";opacity:.5;pointer-events:none;background:url(../assets/ui/sprites/MainMenu/CurrentScreenButtonHighlight.webp) 50%/100% 100% no-repeat;width:512px;height:100px;position:absolute;top:0;left:50%;translate:-50%}.m-nav>button span{position:relative}.m-nav>button:disabled{color:#848484c4}.m-nav>button:not(:disabled):active{color:#c8c8c8}.m-nav .m-note{pointer-events:none;background:url(../assets/ui/menu/ExclamationNEW2.webp) 50%/100% 100% no-repeat;width:42px;height:43px;position:absolute;top:50%;right:30px;translate:0 -50%}.m-playbtn{transform-origin:100% 100%;z-index:3;width:365px;height:450px;position:absolute;bottom:0;right:0;transform:scale(.8);background:url(../assets/ui/sprites/MainMenu/Home/PlayButtonContent.webp) 50%/contain no-repeat,url(../assets/ui/sprites/MainMenu/Home/PlayButtonFrame.webp) 50%/100% 100% no-repeat!important}.m-playbtn:hover{filter:brightness(1.12)}.m-playbtn img{width:100px;height:100px;position:absolute;top:271px;left:211px}.m-btn{white-space:nowrap;width:250px;height:60px;font-size:34px;color:#c7ac83!important;background:url(../assets/ui/menu/button_popup_normal.webp) 50%/100% 100% no-repeat!important}.m-btn:not(:disabled):hover{background-image:url(../assets/ui/menu/button_popup_highlighted.webp)!important}.m-btn:not(:disabled):active{background-image:url(../assets/ui/menu/button_popup_pressed.webp)!important}.m-btn:disabled{filter:brightness(.78);opacity:.5}.m-btn.up{text-transform:uppercase}.m-input{color:#fff;box-sizing:border-box;background:0 0;border:3px solid #efd9ab80;outline:0;width:520px;height:50px;padding:0 10px;font-size:25px}.m-input::placeholder{color:#737373;font-style:italic}.m-pill{color:#fefeff;white-space:nowrap;width:300px;height:90px;font-size:36px;position:absolute;bottom:25px}.m-pill.hb{left:0;background:url(../assets/ui/sprites/Buttons/ButtonGreen.webp) 50%/100% 100% no-repeat!important}.m-pill.gm{right:230px;background:url(../assets/ui/sprites/Buttons/ButtonViolet.webp) 50%/100% 100% no-repeat!important}.m-pill.hb:hover{background-image:url(../assets/ui/sprites/Buttons/ButtonGreen_Highlight.webp)!important}.m-pill.gm:hover{background-image:url(../assets/ui/sprites/Buttons/ButtonViolet_Highlighted.webp)!important}.m-pill i{color:#fff;background:#000;width:150px;height:50px;font-style:normal;line-height:50px;position:absolute;top:-25px;left:50%;translate:-50%}.m-pill.gm i{width:200px}.m-deckname{color:#fff;white-space:nowrap;pointer-events:none;font-size:36px;line-height:50px;position:absolute;bottom:45px;left:320px}.m-hlist{flex-direction:column;align-items:center;gap:30px;width:160px;padding:25px 5px 10px 0;display:flex;position:absolute;top:25px;bottom:25px;left:0}.m-hbtn{flex:none;width:100px;height:100px;position:relative}.m-hbtn .glow{background:#83cbff;display:none;position:absolute;inset:-18px;-webkit-mask:url(../assets/ui/sprites/Glow/Glow3.webp) 50%/100% 100% no-repeat;mask:url(../assets/ui/sprites/Glow/Glow3.webp) 50%/100% 100% no-repeat}.m-hbtn.sel .glow{display:block}.m-hbtn .bg{width:94px;height:94px;position:absolute;top:3px;left:3px}.m-hbtn .top,.m-hbtn .bot{width:100px;height:100px;position:absolute;inset:0}.m-hbtn .face{object-fit:cover;object-position:center top;width:94px;height:120px;position:absolute;top:-23px;left:3px}.m-hbtn .lock{filter:brightness(.78);opacity:.8;width:40px;height:40px;position:absolute;top:30px;left:30px}.m-hbtn.locked .face{filter:brightness(.5)}.m-bgbtn{width:240px;height:40px;font-size:24px;position:absolute;top:15px;right:0}.m-hname{pointer-events:none;flex-direction:column;align-items:flex-end;gap:15px;width:397px;display:flex;position:absolute;top:50%;right:0;translate:0 -50%}.m-hname b{font-size:50px;font-weight:inherit;white-space:nowrap;line-height:1.2}.m-hname span{white-space:nowrap;padding-left:48px;font-size:30px;line-height:40px;position:relative}.m-hname span img{width:40px;height:40px;position:absolute;top:0;left:0}.m-hname u{background:url(../assets/ui/sprites/MainMenu/Lines/HLine1.webp) 50%/100% 100% no-repeat;width:350px;height:2px;transform:scaleX(-1)}.m-hdecks{position:absolute;bottom:0;right:0}.m-hdecks>b{font-size:36px;line-height:50px;font-weight:inherit;white-space:nowrap;position:absolute;bottom:160px;right:0}.m-hdecks>div{gap:30px;display:flex;position:absolute;bottom:15px;right:0}.m-dthumb{flex:none;width:100px;height:120px;position:relative}.m-dthumb .glow{background:#83cbff;border-radius:10px;width:85px;height:108px;display:none;position:absolute;top:6px;left:6px;box-shadow:0 0 8px 8px #83cbff}.m-dthumb.sel .glow{display:block}.m-dthumb .edge{width:10px;height:120px;position:absolute;top:0;left:85px;transform:scaleX(-1)}.m-dthumb .back{width:90px;height:120px;position:absolute;top:0;left:0}.m-dthumb .face{width:80px;height:110px;position:absolute;top:5px;left:5px;overflow:hidden}.m-dthumb .face img{object-fit:cover;object-position:center top;width:100px;height:120px;position:absolute;top:0;left:-10px}.m-dthumb .bad{width:50px;height:50px;position:absolute;bottom:-12px;right:-6px}.m-dthumb.new .back{width:38px;height:56px;top:32px;left:31px}.m-dthumb.new .plus{width:42px;height:42px;position:absolute;top:66px;left:43px}.m-sale{position:absolute;bottom:35px;left:185px}.m-sale p{width:772px;margin:0;font-size:24px;position:absolute;bottom:90px;left:0}.m-filter{z-index:1;height:100px;position:absolute;top:0;left:0;right:0}.m-filter.deck{left:470px}.m-fbtns{gap:50px;display:flex;position:absolute;top:30px;left:10px}.m-fbtns button{width:40px;height:40px;-webkit-mask:var(--i) center / 100% 100% no-repeat;-webkit-mask:var(--i) center / 100% 100% no-repeat;mask:var(--i) center / 100% 100% no-repeat;transition:background-color .1s;background:#787878!important}.m-fbtns button:hover{background:#adadad!important}.m-fbtns button:active{background:#6f6f6f!important}.m-fbtns button:disabled{background:#ffe000!important}.m-search{box-sizing:border-box;border:2px solid #c5ab72;width:300px;height:50px;position:absolute;top:25px;right:600px}.m-search:before{content:"";opacity:.54;background:url(../assets/ui/sprites/Common/SearchIcon.webp) 50%/100% 100% no-repeat;width:30px;height:30px;position:absolute;top:8px;left:13px}.m-search input{color:#fff;background:0 0;border:0;outline:0;width:226px;height:46px;padding:0;font-size:22px;position:absolute;top:0;left:58px}.m-search input::placeholder{color:#ffffff63;font-style:italic}.m-search input::-webkit-search-cancel-button{display:none}.m-misc{width:546px;height:50px;position:absolute;top:25px;right:0}.m-toggle{text-align:left;width:160px;height:50px;position:absolute;top:0;left:0}.m-toggle i{background:url(../assets/ui/sprites/Common/Checkbox.webp) 50%/100% 100% no-repeat;width:32px;height:32px;position:absolute;top:9px;left:0}.m-toggle i img{opacity:0;width:32px;height:32px;transition:opacity .1s}.m-toggle.on i img{opacity:1}.m-toggle span{text-transform:uppercase;color:#dfd5c3;white-space:nowrap;font-size:28px;line-height:50px;position:absolute;top:0;left:40px}.m-dd{z-index:3;width:300px;height:50px;position:absolute;top:0;right:0}.m-ddmain{text-align:left;border-radius:5px;width:300px;height:50px;position:absolute;inset:0;background:#1c2024!important}.m-ddmain:hover{filter:brightness(.96)}.m-ddmain:active{filter:brightness(.78)}.m-ddmain span{color:#dfd5c3;white-space:nowrap;font-size:24px;line-height:37px;position:absolute;top:6px;left:10px;right:25px;overflow:hidden}.m-ddmain i{border:6px solid #0000;border-top:8px solid #fff;border-bottom-width:0;position:absolute;top:21px;right:9px}.m-ddlist{background:#1b2020;border-radius:5px;max-height:150px;animation:.15s linear m-ddin;position:absolute;top:48px;left:0;right:0;overflow:hidden}@keyframes m-ddin{0%{opacity:0}}.m-ddlist button{text-align:left;width:100%;height:50px;display:block;position:relative;background:#1b2020!important}.m-ddlist button:hover{filter:brightness(.96)}.m-ddlist button:active{filter:brightness(.78)}.m-ddlist img{width:32px;height:32px;position:absolute;top:9px;left:6px}.m-ddlist span{color:#ded4c3;white-space:nowrap;font-size:24px;line-height:47px;position:absolute;top:0;left:40px;right:27px}.m-under{position:absolute;inset:100px 0 0}.m-grid{grid-template-columns:repeat(auto-fill,240px);gap:40px;padding:25px;display:grid}.m-card{touch-action:pan-y;width:240px;height:360px;position:relative}.m-card>img{width:240px;height:360px}.m-card em,.m-packframe em{color:#fff;background:url(../assets/ui/sprites/Cards/Amount.webp) 50%/100% 100% no-repeat;place-items:center;width:60px;height:60px;font-size:24px;font-style:normal;display:grid;position:absolute;bottom:-25px;right:-21px}.m-card.used>img{filter:grayscale()}.m-grid.emo{grid-template-columns:repeat(auto-fill,300px);gap:40px;padding:20px 0 0}.m-emote{width:300px;height:400px;position:relative}.m-emote>img:first-child{object-fit:contain;width:300px;height:400px}.m-emote.locked>img:first-child{filter:brightness(.5)}.m-emote .lock,.m-pet .lock{opacity:.25;width:38px;height:54px;position:absolute;top:50%;left:50%;translate:-50% -50%}.m-grid.pets{grid-template-columns:repeat(auto-fill,240px);gap:50px;padding:20px 0 0}.m-pet{width:240px;height:340px;position:relative}.m-mask{position:absolute;inset:0;overflow:hidden;-webkit-mask:url(../assets/ui/sprites/Common/Mask1.webp) 50%/100% 100% no-repeat;mask:url(../assets/ui/sprites/Common/Mask1.webp) 50%/100% 100% no-repeat}.m-mask>img{width:100%;height:100%;position:absolute;inset:0}.m-mask>img.art{object-fit:cover}.m-frame1{box-sizing:border-box;pointer-events:none;border:32px solid #0000;border-image:url(../assets/ui/sprites/Common/Frame1.webp) 32/32px;position:absolute;inset:0}.m-pet .dark{background:#000000e6;position:absolute;inset:0;-webkit-mask:url(../assets/ui/sprites/Common/Mask1.webp) 50%/100% 100% no-repeat;mask:url(../assets/ui/sprites/Common/Mask1.webp) 50%/100% 100% no-repeat}.m-pet .gem{width:32px;height:32px;position:absolute;top:-11px;left:104px}.m-packlist{grid-template-columns:repeat(auto-fill,297px);gap:5px;display:grid}.m-packframe{width:297px;height:489px;display:block;position:relative}.m-packframe>span{transition:scale .2s;position:absolute;inset:0;scale:.9}.m-packframe>span>img{width:100%;height:100%}.m-packframe>span>.hl{opacity:0;-webkit-mask:var(--hl) center / 100% 100% no-repeat;-webkit-mask:var(--hl) center / 100% 100% no-repeat;mask:var(--hl) center / 100% 100% no-repeat;background:#fff;position:absolute;inset:0}.m-packframe.rare .hl{background:#0080ff}.m-packframe.epic .hl{background:#8000ff}.m-packframe.legendary .hl{background:#ff8000}.m-packframe em{bottom:-24px;right:-14px}.m-packframe.hov:hover>span{scale:1}.m-packframe.hov:hover .hl{opacity:1}.m-deck{width:450px;position:absolute;top:20px;bottom:0;left:0}.m-dhead{background:#000 50%/cover no-repeat;height:110px;position:absolute;top:0;left:0;right:0}.m-dhead:after{content:"";border:3px solid #4d402a;position:absolute;inset:0}.m-dhead b{color:#ddd5c9;white-space:nowrap;-webkit-text-stroke:.025em #000;paint-order:stroke fill;font-size:32px;line-height:43px;position:absolute;top:8px;left:18px;right:9px;overflow:hidden}.m-dhead span{color:#fff;-webkit-text-stroke:.025em #000;paint-order:stroke fill;font-size:28px;line-height:35px;position:absolute;bottom:14px;left:18px}.m-dhead span.bad{color:red}.m-curve{box-sizing:border-box;gap:5px;height:65px;padding:10px;display:flex;position:absolute;top:110px;left:0;right:0}.m-curve:before{content:"";box-sizing:border-box;border:32px solid #0000;border-image:url(../assets/ui/sprites/Common/Frame2.webp) 32 fill/32px;position:absolute;inset:0}.m-curve i{background:#355581a1;flex:1;position:relative}.m-dbox{background:url(../assets/ui/sprites/MainMenu/DeckEditorContentFrame.webp) 50%/100% 100% no-repeat;position:absolute;inset:175px 0 0}.m-dcount{height:65px;display:flex;position:absolute;top:0;left:0;right:0}.m-dcount span{flex:1;position:relative}.m-dcount img{width:40px;height:40px;position:absolute;top:12px;left:10px}.m-dcount b{color:#c0a26e;font-size:30px;font-weight:400;line-height:36px;position:absolute;top:4px;left:60px}.m-dcount small{text-transform:uppercase;color:#ddd5c9;font-size:20px;line-height:24px;position:absolute;bottom:5px;left:60px}.m-rows{scrollbar-width:none;flex-direction:column;gap:5px;padding-top:9px;display:flex;position:absolute;inset:73px 4px 3px 3px}.m-rows:after{content:"";flex:none;height:1px}.m-row{text-align:left;touch-action:pan-y;flex:none;width:443px;height:80px;position:relative}.m-row .art{position:absolute;inset:0;-webkit-mask:url(../assets/ui/sprites/MainMenu/DeckEditorDeckCardMask.webp) 50%/100% 100% no-repeat;mask:url(../assets/ui/sprites/MainMenu/DeckEditorDeckCardMask.webp) 50%/100% 100% no-repeat}.m-row .art b{background:50%/contain no-repeat;position:absolute;inset:0 80px 0 40px}.m-row .art:after{content:"";background:#00000080;position:absolute;inset:0}.m-row .fr{width:100%;height:100%;position:absolute;inset:0}.m-row i{color:#fff;background:url(../assets/ui/sprites/Cards/StatBackgroundGreen.webp) 50%/contain no-repeat;place-items:center;width:80px;height:64px;font-size:36px;font-style:normal;display:grid;position:absolute;top:9px;left:0}.m-row span{color:#fff;white-space:nowrap;font-size:25px;line-height:80px;position:absolute;top:0;left:92px;right:108px;overflow:hidden}.m-row em{text-align:center;color:#ded9cf;width:108px;font-size:36px;font-style:normal;line-height:80px;position:absolute;top:0;right:0}.m-dfade{pointer-events:none;background:linear-gradient(#0000,#00000080);height:100px;position:absolute;bottom:3px;left:3px;right:4px}.m-drop{text-transform:uppercase;color:#fff;pointer-events:none;z-index:2;background:#000000e6;place-items:center;font-size:30px;display:none;position:absolute;inset:0}.drag-add .m-dbox .m-drop,.drag-remove .m-dcards .m-drop{display:grid}.m-dbox .m-drop{top:65px}.m-ghost{z-index:20;translate:-50% -50%;pointer-events:none!important;position:absolute!important}.m-ghost.m-card>img{width:100%;height:100%}.m-dcards{position:absolute;inset:100px 0 0 465px}.m-dcards>.m-scroll{position:absolute;inset:0}.m-grid.deck .m-card,.m-grid.deck .m-card>img{width:235px;height:355px}.m-skins{position:absolute;inset:100px 0 0 500px}.m-skins h2{letter-spacing:0;text-transform:uppercase;text-align:left;color:#aba499;margin:0;font-size:40px;font-weight:700;line-height:81px;position:absolute;top:-14px;left:0}.m-skins>u{opacity:.6;background:url(../assets/ui/sprites/MainMenu/Lines/HLine2.webp) 50%/100% 100% no-repeat;height:3px;position:absolute;top:70px;left:0;right:50px}.m-skinrow{scrollbar-width:none;touch-action:pan-x;overscroll-behavior:contain;gap:50px;display:flex;position:absolute;inset:102px 50px 0 0;overflow:auto hidden}.m-skinframe{flex:none;width:400px;height:590px;position:relative}.m-skinframe .glow{opacity:.39;background:#68bbff;display:none;position:absolute;inset:-20px;-webkit-mask:url(../assets/ui/sprites/Glow/Glow1.webp) 50%/100% 100% no-repeat;mask:url(../assets/ui/sprites/Glow/Glow1.webp) 50%/100% 100% no-repeat}.m-skinframe.sel .glow{display:block}.m-skinframe .m-mask>img.art{object-fit:cover;filter:brightness(.54);width:600px;height:800px;inset:-185px auto auto -100px}.m-skinframe .lock{filter:brightness(.78);opacity:.8;width:100px;height:100px;position:absolute;top:245px;left:150px}.m-skinframe.locked .m-mask>img{filter:brightness(.5)}.m-pop{z-index:5;background:#000000e6;position:absolute;inset:0}.m-win{position:absolute;top:50%;left:50%;translate:-50% -50%}.m-info{background:url(../assets/ui/menu/background_popup.webp) 50%/100% 100% no-repeat;width:1350px;height:550px}.m-x{width:70px;height:70px;position:absolute;top:0;right:0}.m-x img{width:100%;height:100%}.m-x:hover img{content:url(../assets/ui/menu/button_close_highlighted.webp)}.m-popcard,.m-popmodel{width:288px;height:432px;position:absolute;top:59px;left:60px}.m-popcard .m-card{transform-origin:0 0;transform:scale(1.2)}.m-popmodel{cursor:grab;touch-action:none}.m-popmodel .rot{opacity:.5;pointer-events:none;width:38px;height:38px;position:absolute;bottom:19px;left:125px}.m-popmodel img{-webkit-user-drag:none}.m-popinfo{flex-direction:column;gap:10px;width:887px;height:455px;display:flex;position:absolute;top:45px;left:403px}.m-popinfo h4{-webkit-text-stroke:.019em;letter-spacing:.07em;text-transform:uppercase;color:#f4deae;margin:0;font-size:36px;font-weight:400;line-height:47px;position:relative}.m-popinfo h4 small{-webkit-text-stroke:0;letter-spacing:0;text-transform:none;color:#c8ac8380;font-size:32px;font-weight:400;line-height:60px;position:absolute;top:0;right:22px}.m-popinfo h4 small img{width:50px;height:50px;margin-right:10px;position:absolute;top:5px;right:100%}.m-popinfo>u{background:url(../assets/ui/sprites/Lines/Line1.webp) 50%/100% 100% no-repeat;flex:none;height:2px}.m-popinfo p{color:#c8ac83;margin:0;font-size:34px;line-height:1.3}.m-popsrc{color:#ffffff40;font-size:28px}.m-popacts{height:60px;position:absolute;bottom:0;left:0;right:0}.m-popacts .m-btn{position:absolute;bottom:0}.m-popacts .l{left:0}.m-popacts .c{left:50%;translate:-50%}.m-popacts .r{right:0}.m-popacts i{box-sizing:border-box;-webkit-text-stroke:.019em;letter-spacing:.07em;text-align:left;width:250px;height:60px;padding-left:108px;font-size:36px;font-style:normal;font-weight:400;line-height:60px;position:absolute;bottom:75px}.m-popacts i img{width:60px;height:60px;position:absolute;top:0;left:40px}.m-popacts i.c{color:#d8ffe5}.m-popacts i.r{color:#ffa0a0}.m-packinfo .m-packbox{width:288px;height:474px;position:absolute;top:38px;left:60px}.m-packinfo .m-packframe{transform-origin:0 0;width:240px;height:395px;transform:scale(1.2)}.m-packinfo .m-popacts{gap:10px;display:flex}.m-packinfo .m-popacts .m-btn{flex:1;position:static}.m-frame2{box-sizing:border-box;border:32px solid #0000;border-image:url(../assets/ui/sprites/Common/Frame2.webp) 32 fill/32px}.m-dialog{width:1000px;height:400px;margin-top:25px}.m-dialog>*{position:absolute}.m-dialog .m-x{width:60px;height:60px;top:-42px;right:-42px}.m-dialog h4{text-align:center;-webkit-text-stroke:.019em;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:url(../assets/ui/sprites/Lines/Line1.webp) bottom/100% 2px no-repeat;height:80px;margin:0;font-size:36px;font-weight:400;line-height:80px;top:-17px;left:-32px;right:-32px}.m-dialog p{text-align:center;-webkit-text-stroke:.019em;letter-spacing:.07em;text-transform:uppercase;color:#fff;margin:0;font-size:28px;font-weight:400;left:-32px;right:-32px}.m-dialog.rename p{top:106px}.m-dialog.delete p{top:143px}.m-dialog .m-input{bottom:128px;left:208px}.m-dialog .acts{background:url(../assets/ui/sprites/Lines/Line1.webp) top/100% 2px no-repeat;justify-content:center;align-items:center;gap:20px;height:100px;display:flex;bottom:-22px;left:-32px;right:-32px}.m-dialog .acts .m-btn{height:50px;font-size:30px}.m-mm{color:#e0ceaf;width:700px;height:560px}.m-mm.small{height:301px}.m-mm>*{position:absolute}.m-mm h4{text-align:center;letter-spacing:0;color:#e0ceaf;height:122px;margin:0;font-size:42px;font-weight:400;line-height:122px;top:-32px;left:-32px;right:-32px}.m-mm p{text-align:center;text-transform:uppercase;height:73px;margin:0;font-size:32px;line-height:73px;top:67px;left:-32px;right:-32px}.m-mm.small p{top:57px}.m-mm .swords{width:180px;height:141px;top:154px;left:228px}.m-mm b{text-align:center;font-size:43px;font-weight:400;line-height:91px;top:295px;left:-32px;right:-32px}.m-mm .m-btn{width:260px;height:70px;font-size:30px;bottom:21px;left:188px;color:#fff!important}.m-mm .spin{width:64px;height:64px;animation:1s linear infinite m-spin;top:147px;left:286px}@keyframes m-spin{to{rotate:360deg}}.m-mm.small .msg{text-align:center;text-transform:none;place-items:center;height:150px;margin:0;font-size:28px;line-height:1.3;display:grid;top:9px;left:83px;right:83px}.m-mm .m-x{width:64px;height:64px;top:-32px;right:-32px}.m-mm .m-btn.wide{width:350px;height:60px;bottom:23px;left:143px}.m-region{position:absolute;inset:0}.m-regionbg{z-index:0;background:#1b1814 50%/cover no-repeat;position:absolute;inset:0}.m-region h2{-webkit-text-stroke:.019em;letter-spacing:.07em;text-transform:none;text-align:left;color:#fff5ce;white-space:nowrap;margin:0;font-size:70px;font-weight:400;line-height:116px;position:absolute;top:0;left:0}.m-arrow{width:260px;height:320px;margin-top:-160px;position:absolute;top:50%}.m-arrow img{width:260px;height:320px}.m-arrow.prev{left:-50px;transform:scaleX(-1)}.m-arrow.next{right:-50px}.m-arrow:disabled img{filter:brightness(.78);opacity:.5}.m-arrow:not(:disabled):hover{filter:brightness(1.2)}.m-medals{pointer-events:none;flex-direction:column;justify-content:space-between;height:600px;margin-top:-300px;display:flex;position:absolute;top:50%;left:250px;right:250px}.m-medals>div{justify-content:center;gap:150px;height:267px;display:flex}.m-medal{flex:none;width:267px;height:267px;position:relative}.m-medal .pic{border-radius:50%;width:257px;height:257px;position:absolute;top:5px;left:5px;overflow:hidden}.m-medal .pic img{object-fit:cover;width:257px;height:257px;position:absolute;top:0;left:-5px}.m-medal .fr{width:267px;height:267px;position:absolute;inset:0}.m-medal b{text-align:center;color:#fff5ce;white-space:nowrap;background:url(../assets/ui/sprites/Campaign/title_holder.webp) 50%/100% 100% no-repeat;height:55px;font-size:36px;font-weight:400;line-height:52px;position:absolute;bottom:-7px;left:-20px;right:-20px}.m-medal .lock{width:64px;height:64px;position:absolute;top:101px;left:101px}.m-medal.locked .pic img{filter:grayscale()}.m-medal:not(:disabled):hover{filter:brightness(1.1)}.m-diff{z-index:3;width:344px;height:50px;font-weight:300;position:absolute;top:23px;right:10px}.m-diff>button{text-align:left;width:344px;height:50px;font-size:24px;position:absolute;inset:0;color:#d7c78f!important;background:url(../assets/ui/menu/dropdown.webp) 50%/100% 100% no-repeat!important;padding:0 0 0 14px!important}.m-diff>button img{width:30px;height:18px;position:absolute;top:16px;right:10px}.m-diff>div{background:#0b0b08;border-radius:6px;padding:2px 0 4px;position:absolute;top:50px;left:0;right:0}.m-diff>div button{text-align:left;width:100%;height:45px;font-size:24px;display:block;position:relative;color:#c7b681!important;padding:0 14px!important}.m-diff>div button small{color:#ded6bf54;font-size:18px;line-height:45px;position:absolute;top:0;right:14px}.m-diff>div button:hover{background:#ffffff0f!important}.m-pvpmodes h2{font-size:60px;line-height:120px;font-weight:inherit;letter-spacing:0;text-transform:uppercase;text-align:left;color:#fff5ce;margin:0;position:absolute;top:0;left:0;right:0}.m-pvpmodes>u{opacity:.6;background:url(../assets/ui/sprites/MainMenu/Lines/HLine1.webp) 50%/100% 100% no-repeat;height:3px;position:absolute;top:110px;left:0;right:0}.m-pvpmodes>div{justify-content:center;align-items:center;display:flex;position:absolute;inset:120px 0 0}.m-pvptile{flex:none;width:700px;height:700px;position:relative}.m-pvptile img{object-fit:contain;width:700px;height:700px}.m-pvptile b{text-transform:uppercase;color:#fff;font-size:40px;font-weight:400;line-height:78px;position:absolute;bottom:55px;left:0;right:0}.m-pvptile.off img{filter:brightness(.784);opacity:.502}.m-pvptile:not(:disabled):hover{filter:brightness(1.1)}.m-qlist{padding-right:10px}.m-q{height:200px;position:relative}.m-qcircle{place-items:center;width:170px;height:170px;display:grid;position:absolute;top:15px;left:0}.m-qcircle:before,.m-qcircle:after{content:"";position:absolute;inset:0;-webkit-mask:url(../assets/ui/sprites/Battle/TimerCircle.webp) 50%/100% 100% no-repeat;mask:url(../assets/ui/sprites/Battle/TimerCircle.webp) 50%/100% 100% no-repeat}.m-qcircle:before{background:#29354f}.m-qcircle:after{background:conic-gradient(#f1ca6a var(--deg), transparent 0)}.m-qcircle span{z-index:1;color:#ffffffc7;font-size:32px;position:relative}.m-q>b{-webkit-text-stroke:.019em;letter-spacing:.07em;text-transform:uppercase;color:#fff0d8;white-space:nowrap;font-size:32px;font-weight:400;line-height:50px;position:absolute;top:25px;left:190px;right:0}.m-qrew{gap:20px;height:50px;display:flex;position:absolute;top:75px;left:190px}.m-qrew span{box-sizing:border-box;min-width:160px;padding-left:60px;font-size:36px;line-height:50px;position:relative}.m-qrew span img,.m-qrew span i{width:50px;height:50px;position:absolute;top:0;left:0}.m-qrew .g{color:#cab432}.m-qrew .x i{background-blend-mode:multiply;background:#616d9f url(../assets/ui/menu/CircleBlurSoft.webp) 50%/100% 100% no-repeat}.m-q>p{color:#a08c6b;white-space:nowrap;margin:0;font-size:32px;font-weight:300;line-height:42px;position:absolute;top:125px;left:190px;right:0}.m-q .m-btn{width:200px;height:60px;font-size:28px;position:absolute;top:70px;right:10px}.m-q .m-btn:disabled{filter:brightness(.45);opacity:.75}.m-qdone{filter:brightness(0)saturate()invert(86%)sepia(22%)saturate(1011%)hue-rotate(58deg)brightness(103%);width:64px;height:64px;position:absolute;top:68px;right:73px}.m-lbrow{color:#fff;white-space:nowrap;height:80px;font-size:32px;line-height:80px;position:relative}.m-lbrow span{width:150px;position:absolute;left:0}.m-lbrow b{font-weight:inherit;position:absolute;left:170px;right:170px;overflow:hidden}.m-lbrow i{width:150px;font-style:normal;position:absolute;right:0}.m-lbrow.head{position:absolute;top:0;left:0;right:0}.m-lbrow.head:before{content:"";background:#0080ff0d url(../assets/ui/sprites/MainMenu/Lines/HLine1.webp) 50% calc(100% + 2px)/100% 4px no-repeat;position:absolute;inset:0 -50px}.m-lblist{flex-direction:column;gap:10px;display:flex;position:absolute;inset:90px 0 0}.m-lblist .m-lbrow{flex:none}.m-loading{color:#ffffff80;place-items:center;font-size:36px;font-weight:300;display:grid;position:absolute;inset:0}.m-store>h2{letter-spacing:0;text-transform:none;text-align:left;color:#fff;margin:0;font-family:LiberationSans,Arial,sans-serif;font-size:36px;font-weight:400;line-height:1.15;position:absolute;top:0;left:0}.m-store>.m-scroll{position:absolute;inset:0 0 17px}.m-sitems{grid-template-columns:repeat(auto-fill,347px);gap:60px 20px;padding-top:160px;display:grid}.m-sitems.packs{row-gap:130px}.m-sitem{background:#372a23;border-radius:10px;width:347px;height:450px;position:relative}.m-sitem .m-card{position:absolute;top:-40px;left:54px}.m-sitem .m-packframe{position:absolute;top:-139px;left:25px}.m-sitem b{text-align:center;color:#fff;font-size:36px;font-weight:600;line-height:1.3;position:absolute;top:335px;left:0;right:0}.m-sitem .buy{border-radius:10px;width:347px;height:54px;font-size:24px;font-weight:600;position:absolute;bottom:0;left:0;right:0;color:#323232!important;background:#fff!important}.m-sitem .m-pet{position:absolute;top:-40px;left:53px}.m-sitem .m-emote{width:240px;height:320px;position:absolute;top:-40px;left:53px}.m-sitem .m-emote>img:first-child{width:240px;height:320px}.m-sitem.owned .buy{cursor:default;color:#d8d8d8!important;background:#6a6a6a!important}.m-sitem .buy:hover{background:#f5f5f5!important}.m-sitem .buy:active{background:#c8c8c8!important}.m-sitem.nolive .buy,.m-sitem.nolive .buy:hover,.m-sitem.nolive .buy:active{cursor:default;font-size:19px;color:#d8d8d8!important;background:#6a6a6a!important}.m-opts{flex-direction:column;align-items:center;gap:20px;width:600px;display:flex;position:absolute;top:calc(50% - 110px);left:50%;translate:-50% -50%}.m-opts>label.t{text-align:center;text-transform:uppercase;color:#e0ceaf;align-self:stretch;height:31px;font-size:26px;line-height:31px}.m-slider{cursor:pointer;touch-action:none;pointer-events:auto;align-self:stretch;height:32px;position:relative}.m-slider i{pointer-events:none;position:absolute}.m-slider .bg{opacity:.92;background:#fff;border-radius:5px;height:16px;top:6.4px;left:0;right:0;box-shadow:inset 0 0 0 1px #0000002e}.m-slider .fill{height:16px;width:calc(10px + (100% - 20px) * var(--v));background:#fff;border-radius:5px;top:6.4px;left:0}.m-slider .knob{left:calc(10px + (100% - 20px) * var(--v) - 16px);background:#fff;border-radius:50%;width:32px;height:32px;top:0;box-shadow:inset 0 0 0 1px #00000040}.m-slider:hover .knob{background:#f5f5f5}.m-slider:active .knob{background:#c8c8c8}.m-opts .m-btn{height:70px;font-size:30px}.m-prof{flex-direction:column;gap:20px;padding:20px 10px 20px 0;display:flex}.m-prof h2{letter-spacing:0;text-transform:uppercase;text-align:left;color:#aba499;margin:0;font-size:40px;font-weight:700;line-height:50px}.m-form{height:50px;position:relative}.m-form .m-btn{height:50px;font-size:30px;position:absolute;top:0;left:552px}.m-avatars{grid-template-columns:repeat(auto-fill,257px);gap:32px;padding-bottom:120px;display:grid}.m-avatars button{width:257px;height:140px;position:relative}.m-avatars img{pointer-events:none;width:256px;height:256px;position:absolute;top:0;left:0}.m-rewards{z-index:4;color:#fff;width:100%;height:100%;position:absolute;inset:0;background:#000000c7!important}.m-rewards h1{letter-spacing:0;text-transform:none;text-shadow:none;color:#fff3cb;margin:0;font-size:80px;font-weight:400;line-height:347px;position:absolute;top:0;left:0;right:0}.m-xpbar{width:658px;height:35px;margin:-229px 0 0 -329px;position:absolute;top:50%;left:50%}.m-xpbar span{white-space:nowrap;font-size:36px;line-height:56px;position:absolute;bottom:35px;left:0}.m-xpbar div{position:absolute;inset:0;overflow:hidden;-webkit-mask:url(../assets/ui/sprites/Login/LoadingBarMask.webp) 50%/100% 100% no-repeat;mask:url(../assets/ui/sprites/Login/LoadingBarMask.webp) 50%/100% 100% no-repeat}.m-xpbar div i{background-blend-mode:multiply;background:#53e8ff url(../assets/ui/sprites/Login/LoadingBarFiller.webp) 0/658px 100% no-repeat;position:absolute;top:0;bottom:0;left:0}.m-xpbar>img{width:660px;height:37px;position:absolute;top:-1px;left:-1px}.m-xpbar em{text-align:center;-webkit-text-stroke:.025em #000;paint-order:stroke fill;font-size:22px;font-style:normal;line-height:35px;position:absolute;inset:0}.m-rtiles{justify-content:center;gap:100px;height:360px;margin-top:-125px;display:flex;position:absolute;top:50%;left:0;right:0}.m-rgold,.m-rcard{flex:none;width:240px;height:360px;position:relative}.m-rewards.first .m-rgold{animation:1s cubic-bezier(.55,.085,.68,.53) both m-goldin}@keyframes m-goldin{0%{opacity:0}}.m-rgold img{width:195px;height:195px;position:absolute;top:27px;left:22px}.m-rgold b{font-size:53px;font-weight:400;line-height:123px;position:absolute;bottom:0;left:0;right:0}.m-rcard img{width:240px;height:360px}.m-rewards p{text-align:center;text-transform:uppercase;text-shadow:none;color:#fff;margin:0;font-size:40px;font-weight:300;line-height:150px;animation:1.5s infinite m-tap;position:absolute;bottom:60px;left:0;right:0}@keyframes m-tap{0%{opacity:0;animation-timing-function:cubic-bezier(.165,.84,.44,1)}50%{opacity:1;animation-timing-function:cubic-bezier(.895,.03,.685,.22)}to{opacity:0}}.m-packres{z-index:6;cursor:pointer;pointer-events:auto;background:#000000e6;position:absolute;inset:0;overflow:hidden}.m-packres .pack{width:500px;height:500px;margin:-250px 0 0 -250px;animation:.5s ease-out both packfade,2s cubic-bezier(.075,.82,.165,1) both packgrow;position:absolute;top:50%;left:50%}.m-packres .pack img{object-fit:contain;width:500px;height:500px;position:absolute;inset:0}.m-packres .pack .hl{opacity:0;transition:opacity .35s cubic-bezier(.075,.82,.165,1)}.m-packres.glow .pack .hl{opacity:1}.m-packres.open .pack{display:none}.m-packres .white{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.m-packres.open .white{animation:.25s cubic-bezier(.075,.82,.165,1) both packflash}@keyframes packfade{0%{opacity:0}}@keyframes packgrow{to{scale:1.2}}@keyframes packflash{0%{opacity:1}to{opacity:0}}.m-packres .cards{box-sizing:border-box;grid-template-columns:repeat(auto-fill,240px);align-content:start;gap:75px;padding:150px 25px 25px 150px;display:grid;position:absolute;inset:200px 50px 100px}.m-cres{width:240px;height:360px;animation:.5s ease-out both cardpunch;position:relative}@keyframes cardpunch{0%{opacity:0;scale:1}1%{opacity:1}25%{scale:1.1}50%{scale:.96}75%{scale:1.03}to{scale:1}}.m-cres img{width:240px;height:360px;position:absolute;inset:0}.m-cres .face{transform:scaleX(0)}.m-cres.flip .back{transition:transform .15s ease-in;transform:scaleX(0)}.m-cres.flip .face{transition:transform .15s ease-out .15s;transform:scaleX(1)}.m-cres canvas.hl{left:calc(50% + var(--gx) - (240px + var(--gw)) / 2);top:calc(50% - var(--gy) - (360px + var(--gh)) / 2);width:calc(240px + var(--gw));height:calc(360px + var(--gh));pointer-events:none;position:absolute}.m-cres b{opacity:0;font-family:LiberationSans,Arial,sans-serif;font-size:36px;font-weight:400;line-height:50px;position:absolute;bottom:0;left:0;right:0}.m-cres.flip b{opacity:1;transition:opacity 0s .3s,translate .5s ease-out .3s;translate:0 50px}body:not(.dev) #menu .devonly{display:none!important}@font-face{font-family:CofPalatino;src:url(../assets/fonts/pala.ttf);font-weight:400}@font-face{font-family:CofPalatino;src:url(../assets/fonts/palab.ttf);font-weight:700}.cof-popup{z-index:60;--pu:min(calc(100vw / 1920), calc(100vh / 1080));pointer-events:auto;background:#00000080;font-family:CofPalatino,Palatino Linotype,Palatino,serif;font-weight:400;position:fixed;inset:0}.cof-popup>div{width:calc(648 * var(--pu));height:calc(454 * var(--pu));background:url(../assets/ui/menu/popup_closeButton.webp) 50%/100% 100% no-repeat;position:absolute;top:50%;left:50%;translate:-50% -50%}.cof-popup h4{left:0;right:0;top:calc(45.6 * var(--pu));height:calc(95.7 * var(--pu));text-align:center;font-size:calc(47 * var(--pu));letter-spacing:0;text-transform:none;color:#e0ceaf;margin:0;font-weight:400;line-height:1.05;position:absolute;overflow:hidden}.cof-popup p{left:calc(20 * var(--pu));right:calc(20 * var(--pu));text-align:center;white-space:pre-line;font-size:calc(46 * var(--pu));color:#fff;place-items:center;margin:0;line-height:normal;display:grid;position:absolute;top:0;bottom:0}.cof-popup button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.cof-popup .ok,.cof-popup .cancel{width:calc(349 * var(--pu));height:calc(97 * var(--pu));background:url(../assets/ui/menu/button_bg.webp) 50%/100% 100% no-repeat}.cof-popup .ok{left:calc(149.5 * var(--pu));top:calc(318.7 * var(--pu))}.cof-popup .ok span,.cof-popup .cancel span{inset:calc(9.8 * var(--pu)) 0 0;font-size:calc(44 * var(--pu));place-items:center;font-weight:700;line-height:1;display:grid;position:absolute}.cof-popup .ok:hover,.cof-popup .cancel:hover{filter:brightness(1.1)}.cof-popup .x{left:calc(602.5 * var(--pu));top:calc(13 * var(--pu));width:calc(45 * var(--pu));height:calc(46 * var(--pu))}.cof-popup.reconnect>div{width:calc(787 * var(--pu));background:0 0}.cof-popup.reconnect .bg,.cof-popup.reconnect .bg:after{background:url(../assets/ui/menu/popup_closeButton.webp) 0/200% 100% no-repeat;width:50%;height:100%;position:absolute;top:0;left:0}.cof-popup.reconnect .bg:after{content:"";width:100%;left:100%;transform:scaleX(-1)}.cof-popup.reconnect .ok{left:calc(25 * var(--pu));top:auto;bottom:calc(25 * var(--pu))}.cof-popup.reconnect .cancel{right:calc(36 * var(--pu));bottom:calc(25 * var(--pu));filter:grayscale()}.cof-popup.reconnect .cancel:hover{filter:grayscale()brightness(1.1)}.cof-popup.reconnect .cancel span{color:#cfcfcf}.m-playbtn:disabled{cursor:default;background:url(../assets/ui/sprites/MainMenu/Home/PlayButtonFrame.webp) 50%/100% 100% no-repeat!important}.m-playbtn:disabled:before{content:"";filter:brightness(.443);opacity:.502;background:url(../assets/ui/sprites/MainMenu/Home/PlayButtonContent.webp) 50%/contain no-repeat;position:absolute;inset:0}.m-playbtn:disabled:hover{filter:none}.m-x:active img{content:url(../assets/ui/menu/button_close_pressed.webp)}.m-ava>canvas{width:256px;height:169px;position:absolute;top:0;left:0}.m-ava:has(canvas.on)>img{visibility:hidden}.m-cur span>canvas{pointer-events:none;position:absolute;top:50%;left:0;translate:0 -50%}.m-cur .gold>canvas{width:50px;height:50px}.m-cur .gold:has(canvas.on)>img{visibility:hidden}.m-cur .dust>canvas{width:96px;height:96px;left:-16px}.m-playbtn canvas{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.m-playbtn:has(canvas.on):not(:disabled){background:url(../assets/ui/sprites/MainMenu/Home/PlayButtonFrame.webp) 50%/100% 100% no-repeat!important}.m-playbtn:disabled canvas{display:none}.m-xp i canvas,.m-xpbar div canvas{pointer-events:none;width:60px;height:30px;position:absolute;top:50%;translate:-75% -50%}.cof-wait{z-index:58;--pu:min(calc(100vw / 1920), calc(100vh / 1080));pointer-events:auto;background:#000000e6;font-family:Sarabun,sans-serif;font-weight:400;position:fixed;inset:0}.cof-wait>div{width:calc(700 * var(--pu));height:calc(250 * var(--pu));box-sizing:border-box;border-style:solid;border-width:calc(11 * var(--pu)) calc(11 * var(--pu)) calc(8 * var(--pu));border-image:url(../assets/ui/menu/adaptable_window_noheader_2.webp) 11 11 8 fill;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.cof-wait span{font-size:calc(44 * var(--pu));white-space:nowrap;color:#c7ac83;line-height:1}@supports (height:100dvh){.cof-popup,.cof-wait{--pu:min(calc(100vw / 1920), calc(100dvh / 1080))}}@media (any-pointer:coarse){.m-sitem .buy:after{content:"";position:absolute;inset:-40px 0 -18px}.m-q .m-btn:after{content:"";position:absolute;inset:-35px -10px -35px -40px}.m-fbtns button{position:relative}.m-fbtns button:after{content:"";position:absolute;inset:-30px -24px}.m-search input{box-sizing:border-box;width:296px;height:96px;padding-left:58px;top:-25px;left:0}.m-ddmain:after{content:"";position:absolute;inset:-25px 0}.m-diff>button:after{content:"";position:absolute;inset:-20px 0}.m-bgbtn:after{content:"";position:absolute;inset:-15px 0 -30px -20px}.m-form .m-input{background:linear-gradient(#efd9ab80,#efd9ab80) 0 0/100% 3px no-repeat padding-box padding-box,linear-gradient(#efd9ab80,#efd9ab80) 0 100%/100% 3px no-repeat padding-box padding-box,linear-gradient(#efd9ab80,#efd9ab80) 0/3px calc(100% - 6px) no-repeat padding-box padding-box,linear-gradient(#efd9ab80,#efd9ab80) 100%/3px calc(100% - 6px) no-repeat padding-box padding-box;border-width:30px 0;border-color:#0000;height:110px;margin:-30px 0;padding:0 13px}.m-form .m-btn:after{content:"";position:absolute;inset:-30px -30px -30px -12px}.m-slider:after{content:"";position:absolute;inset:-20px -10px}.m-opts .m-btn{position:relative}.m-opts .m-btn:after{content:"";position:absolute;inset:-18px -30px}.m-back:after{content:"";position:absolute;inset:0 -40px -25px 0}.m-x:after{content:"";position:absolute;inset:-25px}.m-hbtn:after{content:"";position:absolute;inset:-15px -27px}.m-dthumb:after{content:"";position:absolute;inset:-20px -15px}}.m-plus:after{content:"";position:absolute;inset:-25px -60px -25px -20px}.m-plus:hover,.m-net:hover{filter:brightness(1.2)}.m-net{position:relative}.m-net:after{content:"";position:absolute;inset:-18px -30px -18px -10px}.m-net.off img{opacity:.45;filter:grayscale()}.m-nav>button[title=Coming\ soon]:before{content:"Coming soon";letter-spacing:.08em;white-space:nowrap;color:#cdb98e;background:#00000080;border-radius:12px;padding:0 12px;font-size:17px;font-weight:400;line-height:24px;position:absolute;top:5px;left:50%;translate:-50%}.m-price{vertical-align:bottom;align-items:center;gap:.25em;display:inline-flex}.m-price img{width:1.4em;height:1.4em;display:inline-block}.m-store>h2{font-family:inherit;font-weight:600;line-height:1.3}.m-sitem b{white-space:nowrap;text-overflow:ellipsis;padding:0 12px;font-size:32px;overflow:hidden}.m-sitem .buy{height:64px;font-size:28px}.m-sitem .buy:after{content:"";position:absolute;inset:-40px 0 -18px}.m-sitem .buy.poor,.m-sitem .buy.poor:hover,.m-sitem .buy.poor:active{color:#26211d!important;background:#7d766f!important}.m-sitem .buy.poor .m-price img{opacity:.7}.m-sitem.owned .buy{font-size:24px}.m-sitems.packs{row-gap:40px;padding-top:80px}.m-sitems.packs .m-sitem{height:760px}.m-sitems.packs .m-sitem .m-packframe{top:0;left:25px}.m-sitems.packs .m-packframe em{display:none}.m-sitems.packs .m-sitem b{white-space:normal;padding:0 20px;font-size:30px;line-height:1.2;top:484px;overflow:visible}.m-sinfo{text-align:center;color:#ead9b4;padding:0 14px;font-size:24px;line-height:1.3;position:absolute;top:564px;left:0;right:0}.m-sinfo i{color:#a89c88;margin-top:6px;font-size:19px;font-style:normal;line-height:1.3;display:block}.m-mask:has(>.m-thumbwait){background:#1c1712}.m-thumbwait{box-sizing:border-box;border:6px solid #ffffff24;border-top-color:#f1ca6a;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;animation:.9s linear infinite m-spin;position:absolute;top:50%;left:50%}.m-pet .cap,.m-skinframe .cap{text-align:center;pointer-events:none;background:linear-gradient(#0000,#000c 55%);border-radius:0 0 22px 22px;padding:34px 8px 12px;position:absolute;bottom:12px;left:12px;right:12px}.cap b{color:#fff0d8;font-size:25px;font-weight:600;line-height:1.15;display:block}.cap small{color:#d6c39c;margin-top:4px;font-size:19px;line-height:1.2;display:block}.m-pet .lock{opacity:.5;top:42%}.m-skinframe .cap{padding:50px 10px 18px;bottom:16px;left:16px;right:16px}.m-skinframe .cap b{font-size:36px}.m-skinframe .cap small{font-size:26px}.m-skinframe:disabled .cap{filter:none}.m-empty{place-content:center;justify-items:center;gap:36px;display:grid;position:absolute;inset:0}.m-empty p{color:#fff9;margin:0;font-size:40px;font-weight:300}.m-empty .m-btn{width:520px;height:96px;font-size:36px}.m-dialog.buy p{box-sizing:border-box;letter-spacing:0;-webkit-text-stroke:0;text-transform:none;color:#e8dcc6;padding:0 60px;font-size:36px;line-height:1.3;top:84px}.m-dialog.buy p b{color:#fff;font-weight:600}.m-dialog.buy p small{color:#a89c88;margin-top:12px;font-size:28px;display:block}.m-dialog.buy.funds h4,.m-dialog.buy.currency h4,.m-dialog.buy.live h4{color:#ffb0a0}.m-dialog.buy.done h4{color:#c9f2b0}.m-dialog.buy .acts .m-btn{width:300px;height:70px;font-size:32px;position:relative}.m-dialog.buy .acts .m-btn.go{color:#fff!important}.m-dialog.buy .acts .m-btn:after{content:"";position:absolute;inset:-25px -10px}.m-qreset{text-align:right;color:#a08c6b;height:56px;padding-right:10px;font-size:28px;font-weight:300;line-height:56px}.m-qrew .x{color:#8e9bd4}.m-qrew .x small{letter-spacing:.06em;margin-left:8px;font-size:24px}.m-q .m-btn{width:240px;height:80px;font-size:34px;top:60px}.m-q .m-btn:after{content:"";position:absolute;inset:-25px -10px -25px -40px}.m-q .m-btn:disabled{filter:grayscale(.7)brightness(.75);opacity:1;color:#a3988a!important}.m-q .m-btn:not(:disabled){animation:1.1s ease-in-out infinite alternate m-claim;color:#fff!important}@keyframes m-claim{0%{filter:drop-shadow(0 0 4px #f1ca6a80)}to{filter:drop-shadow(0 0 16px #f1ca6a)brightness(1.2)}}.m-fbtns button{position:relative}.m-fbtns button:after{content:"";position:absolute;inset:-30px -25px -50px}.m-fbtns button,.m-fbtns button:hover,.m-fbtns button:active,.m-fbtns button:disabled{-webkit-mask:none;mask:none;background:0 0!important}.m-fbtns button:before{content:"";-webkit-mask:var(--i) center / 100% 100% no-repeat;-webkit-mask:var(--i) center / 100% 100% no-repeat;mask:var(--i) center / 100% 100% no-repeat;background:#787878;transition:background-color .1s;position:absolute;inset:0}.m-fbtns button:hover:before{background:#adadad}.m-fbtns button:active:before{background:#6f6f6f}.m-fbtns button:disabled:before{background:#ffe000}@media (any-pointer:coarse){.m-filter:not(.deck) .m-fbtns{gap:80px}.m-filter:not(.deck) .m-fbtns button:after{inset:-30px -40px -50px}}.m-info:not(.m-packinfo) .m-popacts .m-btn:after{content:"";position:absolute;inset:-30px -10px}.m-toast{z-index:57;box-sizing:border-box;text-align:center;color:#ffe9c4;pointer-events:none;opacity:0;background:#140e08f2;border:1px solid #c79a4a;border-radius:10px;max-width:88vw;padding:.6em 1.3em;font:400 clamp(13px,3.1vh,24px)/1.3 Sarabun,sans-serif;position:fixed;bottom:17vh;left:50%;translate:-50%;box-shadow:0 6px 24px #0009}.m-toast.show{animation:2.6s both m-toast}@keyframes m-toast{0%{opacity:0;translate:-50% 12px}8%,85%{opacity:1;translate:-50%}to{opacity:0;translate:-50%}}.m-deckname,.m-gminfo{pointer-events:auto;text-shadow:0 2px 5px #000,0 0 12px #000000b3}.m-deckname small{color:#e6d7ae;font-size:28px}.m-gminfo{text-align:right;color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:640px;padding:35px 10px;font-size:34px;line-height:50px;position:absolute;bottom:10px;right:540px;overflow:hidden}.m-deckname:hover,.m-gminfo:hover{color:#ffe9a8}.m-deckname:after{content:"";position:absolute;inset:-35px -10px}.m-pill:after{content:"";position:absolute;inset:-28px 0 -2px}.m-gear{position:relative}.m-gear:after{content:"";position:absolute;inset:-28px -10px -28px -46px}.m-medal.sel .fr{filter:drop-shadow(0 0 7px #ffd76a)drop-shadow(0 0 18px #ffb400)brightness(1.2)}.m-medal.sel b{color:#fff}.m-chosen{z-index:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#1d1608;background:#ffd76a;border-radius:21px;padding:0 20px;font-size:24px;font-style:normal;font-weight:600;line-height:42px;position:absolute;top:-18px;left:50%;translate:-50%;box-shadow:0 2px 8px #0009}.m-diff{width:440px;height:72px;font-weight:400;top:20px}.m-diff:before{content:"Difficulty";white-space:nowrap;color:#e6d7ae;text-shadow:0 2px 5px #000,0 0 12px #000000b3;margin-right:20px;font-size:30px;line-height:72px;position:absolute;top:0;right:100%}.m-diff>button{width:440px;height:72px;font-size:34px;padding:0 0 0 20px!important}.m-diff>button img{width:36px;height:22px;top:25px;right:16px}.m-diff>button:after{content:"";position:absolute;inset:-24px 0}.m-diff>div{top:72px}.m-diff>div button{height:70px;font-size:32px;padding:0 20px!important}.m-diff>div button small{color:#ded6bf99;font-size:24px;line-height:70px;right:20px}.m-hlist::-webkit-scrollbar{width:14px}.m-hlist::-webkit-scrollbar-thumb{background:#c9a04a;border-radius:7px}.m-hlist::-webkit-scrollbar-track{background:#000000b3;border-radius:7px}.m-hbtn{touch-action:pan-y}.m-hbtn:after{content:"";position:absolute;inset:-15px -27px}.m-dthumb:after{content:"";position:absolute;inset:-20px -15px}.m-back:after{content:"";position:absolute;inset:0 -40px -25px 0}.m-hmore{z-index:1;width:146px;height:100px;position:absolute;left:0}.m-hmore:after{content:"";position:absolute;inset:-25px 0 -10px}.m-hmore.down:after{inset:-10px 0 -25px}.m-hmore[hidden]{display:none}.m-hmore.up{background:linear-gradient(#000000e6 35%,#0000);top:25px}.m-hmore.down{background:linear-gradient(#0000,#000000e6 65%);bottom:25px}.m-hmore:before{content:"";box-sizing:border-box;filter:drop-shadow(0 0 4px #000);border:6px solid #ffd76a;border-width:0 6px 6px 0;width:26px;height:26px;margin-left:-13px;position:absolute;left:50%}.m-hmore.up:before{top:26px;rotate:-135deg}.m-hmore.down:before{animation:1.2s ease-in-out infinite alternate m-more;bottom:26px;rotate:45deg}.m-hmore:hover:before{border-color:#fff}@keyframes m-more{0%{translate:0 -6px}to{translate:0 6px}}.m-sale.m-locked{box-sizing:border-box;background:#0c0905db;border:2px solid #a8854a;border-radius:14px;align-items:center;gap:22px;width:800px;padding:16px 22px;display:flex;bottom:30px;left:200px}.m-sale.m-locked p{flex:1;width:auto;min-width:0;margin:0;padding-left:62px;font-size:26px;line-height:1.25;position:relative;bottom:auto;left:auto}.m-sale.m-locked p>img{width:44px;height:44px;position:absolute;top:50%;left:4px;translate:0 -50%}.m-sale.m-locked p b{color:#ffd76a;white-space:nowrap;text-overflow:ellipsis;font-size:34px;font-weight:600;display:block;overflow:hidden}.m-sale.m-locked p span{color:#e8dcc6;display:block}.m-sale.m-locked p i{color:#ffb0a0;font-style:normal}.m-sale.m-locked .coin{vertical-align:-6px;width:32px;height:32px;display:inline-block}.m-sale.m-locked .m-btn{flex:none;width:250px;height:70px;font-size:30px;position:relative;color:#fff!important}.m-sale.m-locked .m-btn:after{content:"";position:absolute;inset:-25px -10px}.m-bgbtn{width:320px;height:58px;font-size:30px}.m-bgbtn:after{content:"";position:absolute;inset:-15px 0 -47px -20px}.m-curve{gap:6px;height:90px;padding:8px 14px 6px 10px}.m-ctitle{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#c0a26e;flex:none;align-self:center;width:62px;font-size:19px;position:relative}.m-curve i{background:0 0}.m-curve i u{height:max(3px, calc((100% - 44px) * var(--h)));background:#5486ccd9;border-radius:3px 3px 0 0;text-decoration:none;position:absolute;bottom:24px;left:0;right:0}.m-curve i u b{text-align:center;color:#fff;font-size:17px;font-weight:400;line-height:19px;position:absolute;bottom:100%;left:0;right:0}.m-curve i em{text-align:center;color:#c0a26e;border-top:1px solid #c0a26e73;font-size:18px;font-style:normal;line-height:22px;position:absolute;bottom:0;left:0;right:0}.m-dbox{top:200px}.m-dhint{white-space:nowrap;text-overflow:ellipsis;color:#b9ab8c;margin:0;font-size:22px;line-height:36px;position:absolute;top:88px;left:490px;right:20px;overflow:hidden}.m-dcards{top:126px}.m-grid.deck{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px 26px;padding:18px 34px 34px 22px}.m-grid.deck .m-card{aspect-ratio:235/355;width:100%;height:auto}.m-grid.deck .m-card>img{width:100%;height:100%}.m-card.unowned>img{filter:grayscale()brightness(.5)}.m-card.unowned em{color:#b9b2a6}.m-filter.deck .m-toggle{width:236px}.m-filter.deck .m-toggle span{font-size:25px}.m-filter.deck .m-toggle:after{content:"";position:absolute;inset:-35px -6px}.m-filter.deck .m-ddmain:after{content:"";position:absolute;inset:-35px 0}.m-nav>button[data-off]{color:#848484c4}@media (any-pointer:coarse){.m-filter.deck .m-fbtns{gap:80px}.m-filter.deck .m-fbtns button:after{inset:-40px}}.m-avatars button.sel img{filter:none}.m-avatars button.sel:before{content:"";z-index:1;pointer-events:none;border:5px solid #ffd76a;border-radius:16px;position:absolute;inset:-10px -8px;box-shadow:0 0 20px 4px #ffc43cbf,inset 0 0 22px #ffc43c59}.m-avatars button.sel:after{content:"Selected";z-index:2;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#1d1608;background:#ffd76a;border-radius:17px;padding:0 16px;font-size:20px;font-weight:600;line-height:34px;position:absolute;bottom:-24px;left:50%;translate:-50%}.m-avatars button:not(.sel):hover img{filter:brightness(1.15)}.m-form .m-btn:after{content:"";position:absolute;inset:-35px -30px -35px -12px}.m-opts{gap:18px;width:700px;top:50%}.m-opts>label.t b{text-align:left;color:#fff;min-width:3.2em;margin-left:10px;font-weight:400;display:inline-block}.m-slider.muted{opacity:.4}.m-opts>label.t{margin-top:18px}.m-opts>label.t:first-child{margin-top:0}.m-slider:after{content:"";position:absolute;inset:-65px -10px -20px}.m-optrow{justify-content:center;align-self:stretch;align-items:center;gap:70px;min-height:60px;margin-top:8px;display:flex}.m-opts .m-toggle{width:auto;height:60px;padding:0 0 0 46px;position:relative;top:auto;left:auto}.m-opts .m-toggle i{top:14px}.m-opts .m-toggle span{line-height:60px;position:static}.m-opts .m-toggle:after,.m-quality button:after{content:"";position:absolute;inset:-30px -8px}.m-quality{gap:16px;margin-top:0}.m-quality span{text-transform:uppercase;color:#dfd5c3;margin-right:14px;font-size:28px}.m-quality button{text-transform:uppercase;color:#c7ac83;background:#00000080;border:2px solid #6a501f;border-radius:8px;width:150px;height:60px;font-size:28px;position:relative}.m-quality button:hover{border-color:#c9a04a}.m-quality button.sel{color:#1d1608;background:#e0b85c;border-color:#ffe29a}.m-optnote{color:#9c917c;margin:-10px 0 0;font-size:20px}.m-opts .m-btn.wide{width:520px}.m-opts .m-btn{margin-top:6px;position:relative}.m-opts .m-btn:after{content:"";position:absolute;inset:-25px -30px}#login{z-index:58;--pu:max(.52px, min(calc(100vw / 1920), calc(100vh / 1080)));padding:calc(24 * var(--pu));box-sizing:border-box;color:#fff;background:#00000080;place-items:safe center;font-family:CofPalatino,Palatino Linotype,Palatino,serif;display:grid;position:fixed;inset:0;overflow-y:auto}@supports (height:100dvh){#login{--pu:max(.52px, min(calc(100vw / 1920), calc(100dvh / 1080)))}}#login{touch-action:pan-y;overscroll-behavior:contain}#login .lg{width:calc(720 * var(--pu));align-items:stretch;gap:calc(18 * var(--pu));max-width:100%;padding:calc(30 * var(--pu)) calc(60 * var(--pu)) calc(34 * var(--pu));box-sizing:border-box;border:calc(3 * var(--pu)) solid #efd9ab80;box-shadow:0 0 calc(80 * var(--pu)) #000c;background:#0a080ef5;flex-direction:column;display:flex}#login h1{text-align:center;text-shadow:none;margin:0}#login h1 img{width:calc(250 * var(--pu));vertical-align:top;height:auto;display:inline-block}body:has(#login:not(.hidden)) .bt-front .bt-logo{visibility:hidden}#login .lg-register,#login .lg-reset{gap:calc(13 * var(--pu));padding-top:calc(22 * var(--pu));padding-bottom:calc(24 * var(--pu))}#login .lg-register h1 img,#login .lg-reset h1 img{width:calc(140 * var(--pu))}#login .lg-register .acts,#login .lg-reset .acts{gap:calc(4 * var(--pu));margin-top:calc(6 * var(--pu))}#login h2{font-size:calc(44 * var(--pu));letter-spacing:0;text-transform:none;text-align:center;color:#e0ceaf;margin:0;font-weight:400}#login .err{padding:calc(10 * var(--pu)) calc(14 * var(--pu));font-size:calc(25 * var(--pu));color:#fff;background:#c53535;margin:0;line-height:1.3}#login .note{padding:calc(10 * var(--pu)) calc(14 * var(--pu));font-size:calc(25 * var(--pu));color:#e0ceaf;background:#efd9ab1f;margin:0;line-height:1.3}#login label{gap:calc(6 * var(--pu));flex-direction:column;display:flex}#login label>span:first-child{font-size:calc(24 * var(--pu));color:#e0ceaf}#login input{width:100%;height:max(44px, calc(58 * var(--pu)));padding:0 calc(12 * var(--pu));font:inherit;font-size:max(16px, calc(28 * var(--pu)));color:#fff;border:calc(3 * var(--pu)) solid #efd9ab80;box-sizing:border-box;background:#00000059;border-radius:0;outline:0}#login input:focus-visible{border-color:#ffdca5}#login input:disabled{opacity:.6}#login input[aria-invalid=true]{background:#c5353538;border-color:#ff6b5e}#login input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 calc(3 * var(--pu)) #ff6b5e73;border-color:#ff6b5e}#login .pw{display:block;position:relative}#login .pw input{padding-right:max(64px, calc(100 * var(--pu)))}#login .pw .eye{height:100%;min-width:max(60px, calc(96 * var(--pu)));padding:0 calc(12 * var(--pu));font-size:max(13px, calc(22 * var(--pu)));color:#ffdca5;position:absolute;top:0;right:0}#login .pw .eye:hover{color:#fff}#login .pw .eye:disabled{opacity:.6;cursor:default}#login .acts{align-items:center;gap:calc(8 * var(--pu));margin-top:calc(10 * var(--pu));flex-direction:column;display:flex}#login button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;padding:0}#login .go{width:calc(349 * var(--pu));height:calc(97 * var(--pu));background:url(../assets/ui/menu/button_bg.webp) 50%/100% 100% no-repeat}#login .go span{height:100%;padding-top:calc(9.8 * var(--pu));box-sizing:border-box;font-size:calc(40 * var(--pu));place-items:center;font-weight:700;line-height:1;display:grid}#login .go:not(:disabled):hover{filter:brightness(1.1)}#login .go:disabled{cursor:default;filter:brightness(.8)}#login .swap{min-height:44px;padding:0 calc(16 * var(--pu));font-size:max(14px, calc(25 * var(--pu)));color:#ffdca5;text-underline-offset:.18em;text-decoration:underline}#login .swap:hover{color:#fff}#login .swap:disabled{opacity:.6;cursor:default}#login .guest{padding-top:calc(10 * var(--pu));border-top:1px solid #efd9ab4d;flex-direction:column;align-items:center;display:flex}#login .guest .swap{font-size:max(15px, calc(28 * var(--pu)))}#login .guest p{font-size:max(12px, calc(21 * var(--pu)));text-align:center;color:#c9bda6;margin:0;line-height:1.3}#login button:focus-visible{outline:calc(3 * var(--pu)) solid #ffdca5;outline-offset:calc(3 * var(--pu))}@media (height<=520px) and (orientation:landscape){#login{place-items:start center;padding:8px 12px}#login .lg{border-width:2px;grid-template-columns:1fr 1fr;gap:6px 14px;width:min(100%,640px);padding:8px 16px 10px;display:grid;position:relative}#login .lg>*{grid-column:1/-1}#login .lg>label{grid-column:auto;min-width:0}#login .lg>label:last-of-type:nth-of-type(odd){grid-column:1/-1}#login h1{position:absolute;top:6px;left:14px}#login h1 img{width:56px}#login h2{font-size:22px;line-height:34px}#login label{gap:2px}#login label>span:first-child{font-size:13px;line-height:17px}#login input{border-width:2px;height:44px;padding:0 10px}#login .pw input{padding-right:62px}#login .pw .eye{min-width:58px;padding:0 8px;font-size:13px}#login .err,#login .note{padding:4px 10px;font-size:13px}#login .lg-register,#login .lg-reset{gap:6px 14px;padding:8px 16px 10px}#login .lg-register h1 img,#login .lg-reset h1 img{width:56px}#login .acts,#login .lg-register .acts,#login .lg-reset .acts{flex-flow:wrap;justify-content:center;align-items:center;gap:0 10px;margin-top:2px}#login .go{width:158px;height:44px}#login .go span{padding-top:4px;font-size:18px}#login .swap,#login .guest .swap{padding:0 8px;font-size:14px}#login .guest{flex-direction:row;justify-content:center;gap:4px;padding-top:2px}#login .guest p{font-size:12px}}@font-face{font-family:Sarabun;src:url(../assets/fonts/Sarabun-Thin.ttf);font-weight:100}@font-face{font-family:Brawler;src:url(../assets/fonts/Brawler-Regular.ttf);font-weight:400}@font-face{font-family:Cormorant;src:url(../assets/fonts/Cormorant-SemiBold.ttf);font-weight:600}@font-face{font-family:Cormorant;src:url(../assets/fonts/Cormorant-Bold.ttf);font-weight:700}.bt{z-index:56;--bu:min(calc(100vw / 1920), calc(100vh / 1080));color:#fff;-webkit-user-select:none;user-select:none;background:#000;font-family:Brawler,serif;font-weight:400;position:fixed;inset:0;overflow:hidden}@supports (height:100dvh){.bt{--bu:min(calc(100vw / 1920), calc(100dvh / 1080))}}.bt.hidden{display:none}.bt-front{z-index:49}.bt img,.bt canvas{display:block}.bt-intro{z-index:70}.bt-intro video{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0;scale:.990196}.bt-sky{filter:brightness(.73);background:url(../assets/ui/boot/splash.webp) top/100% 56.4972vw no-repeat;position:absolute;inset:0}.bt-sky:after{content:"";background:linear-gradient(90deg,#0000002b,#0000 256px calc(100% - 256px),#0000002b),linear-gradient(#0000002b,#0000 256px calc(100% - 256px),#0000002b);position:absolute;inset:0}@media (aspect-ratio<=177/100){.bt-sky{background-position:top;background-size:cover}}@media (orientation:portrait){.bt-sky{background-position:0 0;background-size:177vh 100%}}@supports (height:100dvh){@media (orientation:portrait){.bt-sky{background-size:177dvh 100%}}}.bt-logo{width:calc(768 * var(--bu));height:calc(768 * var(--bu));pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.bt-logo img,.bt-logo canvas{width:100%;height:100%;position:absolute;inset:0}.bt-logo:has(canvas.on) img{visibility:hidden}.bt-load .bt-logo{left:calc(32 * var(--bu));width:calc(400 * var(--bu));height:calc(400 * var(--bu));top:0;translate:none}.bt-tip{height:calc(195 * var(--bu));text-align:center;text-transform:uppercase;font-size:calc(32 * var(--bu));color:#d5d9dc;-webkit-text-stroke:.05em #000;paint-order:stroke fill;margin:0;line-height:1.25;position:absolute;bottom:0;left:0;right:0}.bt-load .bt-tip{left:calc(200 * var(--bu));right:calc(200 * var(--bu));height:calc(192 * var(--bu));font-size:calc(26 * var(--bu));height:auto;bottom:calc(150 * var(--bu));left:max(16px, calc(200 * var(--bu)));right:max(16px, calc(200 * var(--bu)));font-size:max(13px, calc(26 * var(--bu)));text-wrap:balance;text-shadow:0 0 .35em #000,0 0 .7em #000c}.bt-version{right:calc(25 * var(--bu));top:calc(25 * var(--bu));width:calc(820 * var(--bu));text-align:right;font-family:Sarabun,sans-serif;font-weight:100;font-size:calc(30 * var(--bu));letter-spacing:.07em;-webkit-text-stroke:.019em currentColor;color:#ffffff7f;line-height:1.3;position:absolute}.bt-tap{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.bt-load .bg{background:#000 50%/100% 100% no-repeat;position:absolute;inset:0}.bt-load .ch{max-width:none;position:absolute}.bt-load .fader{box-sizing:border-box;border:calc(240 * var(--bu)) solid transparent;border-image:url(../assets/ui/boot/fade1.webp) 240 fill / calc(240 * var(--bu)) stretch;position:absolute;inset:0}.bt-bar{left:50%;bottom:calc(103.5 * var(--bu));width:calc(856.9 * var(--bu));height:calc(35 * var(--bu));position:absolute;translate:-50%}.bt-bar .track{width:calc(648.9 * var(--bu));height:calc(12 * var(--bu));box-sizing:border-box;border:0 solid #0000;border-width:0 calc(64 * var(--bu));border-image:url(../assets/ui/boot/bar_bg.webp) 0 64 fill / 0 calc(64 * var(--bu)) stretch;position:absolute;top:0;left:0}.bt-bar .fill{width:calc(648.9 * var(--bu));height:calc(12 * var(--bu));clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0);background:url(../assets/ui/boot/bar.webp) 50%/100% 100% no-repeat;position:absolute;top:0;left:0}.bt-bar .pct{left:calc(650.4 * var(--bu));top:calc(-1 * var(--bu));width:calc(64 * var(--bu));height:calc(16 * var(--bu));font-size:calc(22 * var(--bu));white-space:nowrap;color:#babfc6;-webkit-text-stroke:.05em #000;paint-order:stroke fill;place-items:center;line-height:1;display:grid;position:absolute}.bt-bar .line{height:calc(16 * var(--bu));background:url(../assets/ui/boot/underline.webp) 50%/100% 100% no-repeat;position:absolute;bottom:0;left:0;right:0}