body.u20 #pcPlate,body:is(.u20,.u2m) #hud{display:none!important}body.u2m #top .lvbox,body.u2m #top .topmid{visibility:hidden!important}#heroCard{display:none}body:is(.u20,.u2m) #heroCard{position:absolute;left:6px;top:4px;z-index:6;display:block;width:480px;aspect-ratio:5;font-family:"Segoe UI",sans-serif;pointer-events:none}#heroCard>*{position:absolute}#heroCard .hc-frame{inset:0;background:url(../img/ui/hcard_pc.webp?v=73bcd552) center/100% 100% no-repeat;z-index:1;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .7))}#heroCard .hc-pic{left:8.94%;top:21.66%;width:12.87%;height:63.9%}#heroCard .hc-nm{left:32%;top:29.96%;width:52.5%;height:12.28%}#heroCard .hp{left:32%;top:47.2%;width:60.5%;height:11.64%}#heroCard .mp{left:32.28%;top:63.58%;width:59.91%;height:7.33%}#heroCard .hc-xp{left:33.6%;top:75.65%;width:57.24%;height:5.39%}#heroCard .hc-sq{left:85.75%;top:10.78%;width:6.14%;height:26.51%}#heroCard .hc-pic{z-index:0;border-radius:50%;pointer-events:auto;cursor:pointer;background:var(--pl,none) center 9%/auto 230% no-repeat,radial-gradient(#3a2a1e,#0e0906)}#heroCard .hc-pic.face{background-size:cover;background-position:center 18%}#heroCard .hc-pic:hover{filter:brightness(1.15)}#heroCard .hc-nm{z-index:2;display:flex;align-items:center;gap:5px;padding:0 2px 0 8px;box-sizing:border-box;white-space:nowrap}#heroCard .hc-nm img{height:82%;aspect-ratio:1;object-fit:contain;flex:none}#heroCard .hc-name{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;font:700 12px/1 "Times New Roman",serif;color:#f6dc9a;text-shadow:0 1px 2px #000}#heroCard .hc-seal{position:static;margin-left:auto;flex:none;display:flex;align-items:center;gap:3px;height:15px;padding:0 6px 0 2px;border:0;border-radius:3px;cursor:pointer;pointer-events:auto;background:linear-gradient(#a3221a,#5e0f0a);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #e0644a;font:700 10.5px/15px "Segoe UI",sans-serif;color:#ffe9c9}#heroCard .hc-seal:hover{filter:brightness(1.15)}#heroCard .hc-seal i{width:11px;height:11px;border-radius:2px;background:#ffe9c9;color:#8a1810;font:900 8px/11px serif;font-style:normal;text-align:center}#heroCard .hc-bar,#heroCard .hc-xp{z-index:2;box-sizing:border-box}#heroCard .hc-bar .f,#heroCard .hc-bar .g,#heroCard .hc-xp .f{position:absolute;left:3px;top:1.5px;bottom:1.5px;max-width:calc(100% - 6px);border-radius:99px}#heroCard .hc-bar .f{transition:width .35s ease-out}#heroCard .hc-bar .g{background:linear-gradient(#ffe7a0,#d9a63c);opacity:.85;transition:width .9s .35s ease-in}#heroCard .hp .f{background:linear-gradient(#ff8a72,#e0352b 45%,#8d150f)}#heroCard .mp .f{background:linear-gradient(#8cc4ff,#2f7fe6 45%,#123d8a)}#heroCard .hc-bar .f::after{content:"";position:absolute;left:4px;right:4px;top:1px;height:35%;border-radius:4px;background:linear-gradient(#fff6,#fff0)}#heroCard .hc-bar span{position:absolute;inset:0;display:grid;place-items:center;font:700 10px/1 "Segoe UI",sans-serif;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;font-variant-numeric:tabular-nums;z-index:1}#heroCard .mp span{font-size:8px}#heroCard .hc-xp .f{overflow:hidden;background:linear-gradient(#fff2b8,#e8b440 50%,#8a5a12);transition:width .5s;box-shadow:0 0 4px rgba(255,216,117,.5)}#heroCard .hc-xp .f::after{content:"";position:absolute;top:0;bottom:0;width:40px;background:linear-gradient(90deg,#fff0,#fffc,#fff0);animation:hcShine 2.6s linear infinite}@keyframes hcShine{from{left:-40px}to{left:100%}}#heroCard .hc-xp .tk{position:absolute;left:3px;right:3px;top:1.5px;bottom:1.5px;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#000a calc(10% - 1px) 10%)}#heroCard .hc-sq{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}#heroCard .hc-lv{font:800 12px/1 "Segoe UI",sans-serif;color:#ffe9a8;text-shadow:0 0 3px #000,0 1px 1px #000}#heroCard .hc-xt{font:700 7px/1 "Segoe UI",sans-serif;color:#9fe0a0;text-shadow:0 0 2px #000}#heroCard.low .hp .f{animation:hcLow .7s ease-in-out infinite alternate}@keyframes hcLow{to{filter:brightness(1.7) saturate(1.3)}}#heroCard.lvup{animation:hcLv 1.2s ease-out}@keyframes hcLv{0%{filter:brightness(1.8) drop-shadow(0 0 12px #ffd875)}100%{filter:none}}@media (prefers-reduced-motion:reduce){#heroCard .hc-xp .f::after,#heroCard.low .hp .f,#heroCard.lvup{animation:none}}body.u20 #skBuffs{top:102px!important;left:10px!important}body.u2m #heroCard{left:4px;top:2px;width:240px;aspect-ratio:4.0312;z-index:3}body.u2m #heroCard .hc-frame{background-image:url(../img/ui/hcard_m.webp?v=2028dcd3);filter:none}body.u2m #heroCard .hc-pic{left:9.84%;top:20.8%;width:15.58%;height:65.23%}body.u2m #heroCard .hc-nm{left:36.77%;top:28.71%;width:45.5%;height:12.11%;padding:0 1px 0 3px;gap:2px}body.u2m #heroCard .hp{left:36.8%;top:45.9%;width:54.36%;height:12.11%}body.u2m #heroCard .mp{left:36.99%;top:62.3%;width:53.88%;height:8.2%}body.u2m #heroCard .hc-xp{left:38.78%;top:74.8%;width:50.31%;height:6.64%}body.u2m #heroCard .hc-sq{left:83.48%;top:9.77%;width:7.12%;height:26.37%}body.u2m #heroCard .hc-name{font-size:8px}body.u2m #heroCard .hc-seal{height:8px;padding:0 2px;border-radius:2px;font-size:6px;line-height:8px}body.u2m #heroCard .hc-seal i{display:none}body.u2m #heroCard .hc-bar .f,body.u2m #heroCard .hc-bar .g,body.u2m #heroCard .hc-xp .f{left:1.5px;top:1px;bottom:1px;max-width:calc(100% - 3px)}body.u2m #heroCard .hc-xp .tk{left:1.5px;right:1.5px;top:1px;bottom:1px}body.u2m #heroCard .hc-xp .f::after{width:24px}body.u2m #heroCard .hc-bar span{font-size:6.5px}body.u2m #heroCard .mp span{font-size:4.5px}body.u2m #heroCard .hc-lv{font-size:7px}body.u2m #heroCard .hc-xt{font-size:4px}body.u2m #top{box-shadow:none!important;background:linear-gradient(#2a1f18,#17110d)!important}body.u2m #top::after{content:"";position:absolute;left:0;right:0;top:100%;height:26px;pointer-events:none;z-index:0;background:linear-gradient(#17110d,rgba(23,17,13,.55) 45%,rgba(23,17,13,0))}body.deskland #inBtn{display:none!important}body.u20 #u20menu .u20mi[data-u=autoset]{background-image:url(../img/ui/ic/more.webp?v=4878b654)!important}body.u20 #topCtl #asBtn,body.u20 #topCtl #rotBtn{display:none!important}body.u20 #mswBtn .msw-t{display:none!important}body.u20 #mswBtn{padding-left:8px!important;padding-right:8px!important;min-height:0!important;height:26px!important;font-size:12px!important}body.u20 #battle>#u20stb{width:32px!important;height:32px!important;overflow:visible!important;z-index:6!important;box-shadow:0 0 0 1.5px #f3c9a0,0 0 0 3px #c2987d,0 0 0 4px #41322a,0 0 0 5px #000,0 0 10px rgba(243,201,160,.45)!important}body.u20 #battle>#u20stb::after{content:"NGỰA";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);padding:1px 4px;border-radius:6px;white-space:nowrap;font:800 8.5px/1.1 "Segoe UI",sans-serif;letter-spacing:.3px;color:#ffe3a0;background:#5a3f22;box-shadow:0 0 0 1px #000}body.u20 #battle>#u20stb,body.u20 #topCtl #ctrlBtn.chip{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-height:34px!important;aspect-ratio:1!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;box-sizing:border-box!important;clip-path:none!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:0 0 0 1.5px #f3c9a0,0 0 0 3px #c2987d,0 0 0 4px #41322a,0 0 0 5px #000,0 2px 6px rgba(0,0,0,.6)!important}body.u20 #topCtl #ctrlBtn.chip::before{display:none!important}body.u20 #topCtl{gap:0!important}body.u2m #topCtl #rotBtn{display:none!important}body.u2m #pad #bSub,body:not(.u20) #pad #bSub{display:none!important}body.u20 #pad #bSub.empty i{opacity:0}body.u20 #pad #bSub::after{content:"PHỤ";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);padding:0 3px;border-radius:3px;font:800 7.5px/1.2 "Segoe UI",sans-serif;color:#e8d2a8;background:rgba(0,0,0,.7);pointer-events:none}body.u2m #panel#panel #u20wh button#u20wx{position:absolute!important;right:8px!important;top:6px!important;width:30px!important;height:30px!important}body.u2m #panel#panel{position:relative}body.u2m:has(#modal:not(.hidden)) #panel,body.u2m:has(#skPick) #panel,body.u2m:has(#vmenu) #panel{visibility:hidden!important}body.u2m #top>button{flex:none!important}body.u2m #top .topmid{flex:1 1 0!important;min-width:0!important}body.u2m #actTog{display:none!important}body.u2m #panel#panel #u20wh#u20wh{position:static!important}html body.u2m.pnoff #panel#panel#panel{display:none!important}body.u2m[data-u2t=char]:not(.pnoff) :is(#u20zone,#mmBar){display:none!important}html body.u2m.pnoff #battle#battle{flex:1 1 auto!important}html body.u2m #chatBox:not(.open){left:6px!important;right:auto!important;max-width:34px;overflow:hidden;padding:2px!important;gap:6px;background:rgba(20,13,9,.82)!important;border:1px solid var(--br)!important;border-radius:17px!important;transition:max-width .35s ease,padding .35s}html body.u2m #chatBox:not(.open) #chatLines{opacity:0;transition:opacity .3s}html body.u2m #chatBox.fresh:not(.open){max-width:calc(100% - 12px);padding:2px 10px 2px 2px!important;box-shadow:0 0 10px rgba(255,210,120,.45)!important}html body.u2m #chatBox.fresh:not(.open) #chatLines{opacity:1}html body.u2m #chatBox.quiet:not(.open){background:0 0!important;border:0!important}body.u2m #compactBtn{display:none!important}body.u2m #mswBtn{font-size:0!important;color:transparent!important;background:url(../img/ui/ic/luyencong.webp?v=348f9bbf) center/100% 100% no-repeat!important}body.u2m #modeSw #mswBtn{width:40px!important;height:40px!important}body.u2m #modeSw #mswBtn .msw-n{font-size:10px!important;color:#ffe3a0!important}body.u2m #modeSw #mswBtn .msw-ic{display:none!important}body.u20 #modeSw #mswBtn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;font-size:0!important;color:transparent!important;overflow:visible!important;clip-path:none!important;position:relative;background:url(../img/ui/ic/luyencong.webp?v=348f9bbf) center/100% 100% no-repeat!important;box-shadow:0 0 0 1.5px #f3c9a0,0 0 0 3px #c2987d,0 0 0 4px #41322a,0 0 0 5px #000,0 2px 6px rgba(0,0,0,.6)!important}body.u20 #modeSw #mswBtn .msw-a,body.u20 #modeSw #mswBtn .msw-ic,body.u20 #modeSw #mswBtn .msw-t{display:none!important}body.u20 #modeSw #mswBtn .msw-n{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);padding:1px 4px;border-radius:6px;white-space:nowrap;font:800 8.5px/1.1 "Segoe UI",sans-serif!important;letter-spacing:.3px;text-transform:uppercase;color:#ffe3a0!important;background:#5a3f22;box-shadow:0 0 0 1px #000}body.u20 #modeSw{width:34px}body.u20 #modeSw #mswMenu{left:50%!important;right:auto!important;transform:translateX(-50%);bottom:calc(100% + 14px)!important;top:auto!important}body.u20 #u20mail{background:url(../img/ui/ic/mail.webp?v=f8ac4b40) center/100% 100% no-repeat!important;border-radius:50%!important}