@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/baloo2-vietnamese-500_800.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/baloo2-latin-ext-500_800.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/baloo2-latin-500_800.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/bevn-vietnamese-500.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/bevn-latin-ext-500.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/bevn-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bevn-vietnamese-700.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bevn-latin-ext-700.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bevn-latin-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bevn-vietnamese-800.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bevn-latin-ext-800.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bevn-latin-800.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0f1226;--bg2:#171b38;--card:#1f2448;--card2:#272d5a;--line:#2e3566;--text:#eef0ff;--muted:#a3a9d6;--yellow:#ffd23f;--pink:#ff5d8f;--cyan:#3ee0d0;--orange:#ff9f1c;--green:#7bd389;--purple:#a78bfa;--red:#ff5252;--blue:#5ab0ff;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Be Vietnam Pro,system-ui,Segoe UI,sans-serif;overflow:hidden}:where(*){touch-action:pan-x pan-y}canvas{touch-action:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}#game{position:fixed;inset:0}#game canvas{display:block}#ui{pointer-events:none;position:fixed;inset:0}:where(#ui)>*{pointer-events:auto}button{cursor:pointer;font-family:inherit}input,select{-webkit-user-select:text;user-select:text;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.btn{background:var(--card2);color:var(--text);border:2px solid var(--line);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700;transition:transform 60ms;box-shadow:3px 3px #000}.btn:hover{border-color:var(--cyan)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.btn.primary{background:var(--yellow);color:#1a1a1a;border-color:var(--yellow)}.btn.good{background:#2f7d4a;border-color:#4fbf78}.btn.danger{background:#8c2f3a;border-color:#d65a6a}.btn.small{padding:4px 9px;font-size:12px;box-shadow:2px 2px #000}.btn:disabled,.btn.off{opacity:.45;pointer-events:none;filter:grayscale(.4)}.card{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:12px 14px}.card.hl{border-color:var(--yellow)}.muted{color:var(--muted)}.yellow{color:var(--yellow)}.green{color:var(--green)}.red{color:var(--red)}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1}.between{justify-content:space-between}.col{flex-direction:column;gap:8px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pill{color:var(--yellow);background:#ffd23f26;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.pill.cyan{color:var(--cyan);background:#3ee0d026}.pill.pink{color:var(--pink);background:#ff5d8f26}.pill.gray{color:var(--muted);background:#ffffff14}h2,h3{margin:0}h3{font-size:15px}.small{font-size:12px}.tiny{font-size:11px}.bar{background:#0b0d20;border:1px solid #000;border-radius:6px;height:10px;position:relative;overflow:hidden}.bar>i{background:var(--green);height:100%;transition:width .15s;display:block}.bar.hp>i{background:linear-gradient(#ff6b6b,#d63a3a)}.bar.xp>i{background:linear-gradient(#7bd389,#3fa35a)}.bar.rage>i{background:linear-gradient(#ffd23f,#ff5d8f)}.bar.cyan>i{background:var(--cyan)}.bar .sh{background:#5ab0ffbf;position:absolute;top:0;bottom:0;left:0}.bar.thick{height:14px}.sep{background:var(--line);height:1px;margin:6px 0}.kbd{text-align:center;border:1px solid var(--line);min-width:18px;color:var(--muted);background:#11142c;border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:11px;font-weight:800;display:inline-block}.screen{background:radial-gradient(circle at 85% 15%, #ff5d8f24, transparent 45%), radial-gradient(circle at 10% 90%, #3ee0d01f, transparent 45%), linear-gradient(160deg, var(--bg), var(--bg2));flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.screen.scroll{justify-content:flex-start}.logo{letter-spacing:-2px;background:linear-gradient(90deg, var(--yellow), var(--orange), var(--pink));color:#0000;filter:drop-shadow(5px 5px #000);text-align:center;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,9vw,96px);font-weight:900;line-height:1}.logo small{vertical-align:top;margin-left:6px;font-size:.5em}.tagline{text-align:center;margin:12px 0 28px;font-size:clamp(14px,2.4vw,22px);font-weight:800}.crowd{filter:drop-shadow(3px 3px #000);flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 6px;font-size:clamp(26px,5vw,44px);display:flex}.crowd span{animation:1.6s ease-in-out infinite bob}.crowd span:nth-child(2n){animation-delay:.4s}.crowd span:nth-child(3n){animation-delay:.8s}@keyframes bob{50%{transform:translateY(-8px)}}.menu-col{flex-direction:column;gap:12px;width:min(320px,90vw);display:flex}.menu-col .btn{padding:12px 16px;font-size:16px}.overlay{padding:calc(10px + var(--safe-t)) 10px calc(10px + var(--safe-b));z-index:50;background:#0506149e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win{background:linear-gradient(160deg, var(--bg2), var(--bg));border:3px solid var(--line);border-radius:16px;flex-direction:column;width:min(780px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:6px 6px #000}.win.wide{width:min(980px,100%)}.win.narrow{width:min(520px,100%)}.win-head{border-bottom:2px solid var(--line);background:var(--card);align-items:center;gap:10px;padding:10px 14px;display:flex}.win-head h2{flex:1;font-size:18px}.win-body{flex-direction:column;gap:12px;padding:14px;display:flex;overflow:auto}.x{color:var(--muted);background:0 0;border:0;padding:2px 8px;font-size:22px;line-height:1}.x:hover{color:var(--text)}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{background:var(--card);border:2px solid var(--line);color:var(--muted);border-radius:99px;padding:5px 12px;font-size:13px;font-weight:800}.tab.on{background:var(--yellow);color:#1a1a1a;border-color:var(--yellow)}.items{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.item{background:var(--card);border:2px solid var(--line);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.item .ic{border:2px solid var(--rc,var(--line));background:#11142c;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:26px;display:flex}.item .nm{text-overflow:ellipsis;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.item.sel{border-color:var(--yellow)}.slot{background:var(--card);border:2px dashed var(--line);border-radius:10px;min-height:62px;padding:8px}.slot.filled{border-style:solid}.rar{color:var(--rc)}.hud-tl{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));border:2px solid var(--line);background:#0f1226d1;border-radius:14px;align-items:center;gap:8px;min-width:210px;max-width:280px;padding:6px 10px 6px 6px;display:flex;position:fixed;box-shadow:3px 3px #000}.avatar{border:3px solid var(--yellow);background:#11142c;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;display:flex}.hud-tl .name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.hud-tr{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed}.chip{border:2px solid var(--line);white-space:nowrap;background:#0f1226d1;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:800;display:flex;box-shadow:2px 2px #000}.chip .pend{color:var(--muted);font-size:11px;font-weight:600}.chip.btn-like{cursor:pointer}.chip.btn-like:hover{border-color:var(--cyan)}.hud-boss{top:calc(8px + var(--safe-t));border:2px solid var(--pink);background:#0f1226e0;border-radius:12px;width:min(420px,46vw);padding:6px 10px;position:fixed;left:50%;transform:translate(-50%);box-shadow:3px 3px #000}.quest{left:calc(8px + var(--safe-l));top:calc(78px + var(--safe-t));border:2px solid var(--line);background:#0f1226cc;border-radius:12px;max-width:250px;padding:8px 10px;font-size:12px;position:fixed}.menu-row{left:calc(8px + var(--safe-l));bottom:calc(8px + var(--safe-b));flex-wrap:wrap;gap:6px;max-width:52vw;display:flex;position:fixed}.mbtn{border:2px solid var(--line);width:40px;height:40px;color:var(--text);background:#0f1226e0;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex;position:relative;box-shadow:2px 2px #000}.mbtn:hover{border-color:var(--yellow)}.mbtn .dot{background:var(--pink);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.skills{right:calc(10px + var(--safe-r));bottom:calc(10px + var(--safe-b));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}.skill-row{align-items:flex-end;gap:8px;display:flex}.sbtn{border:3px solid var(--line);width:54px;height:54px;color:var(--text);background:#1f2448f2;border-radius:14px;justify-content:center;align-items:center;padding:0;font-size:26px;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #000}.sbtn.big{width:66px;height:66px;font-size:32px}.sbtn.ult{border-color:var(--pink)}.sbtn.ult.ready{box-shadow:0 0 14px var(--pink), 3px 3px 0 #000;animation:1s infinite pulse}.sbtn .cd{background:#0000009e;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex;position:absolute;inset:0}.sbtn .key{color:var(--muted);font-size:10px;font-weight:900;position:absolute;top:1px;left:4px}@keyframes pulse{50%{transform:scale(1.06)}}.rage-wrap{width:min(280px,60vw)}.rage-wrap .tiny{text-align:right;color:var(--yellow);font-weight:800}.prompt{left:50%;bottom:calc(96px + var(--safe-b));position:fixed;transform:translate(-50%)}.prompt .btn{padding:10px 18px;font-size:15px;animation:1.2s infinite pulse}.toasts{top:calc(64px + var(--safe-t));z-index:80;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{border:2px solid var(--line);text-align:center;background:#1f2448f5;border-radius:10px;max-width:90vw;padding:6px 14px;font-size:13px;font-weight:700;animation:.2s pop;box-shadow:3px 3px #000}.toast.good{border-color:var(--green)}.toast.bad{border-color:var(--red)}.toast.gold{border-color:var(--yellow)}@keyframes pop{0%{opacity:0;transform:translateY(-8px)scale(.95)}}.dialog{left:50%;bottom:calc(14px + var(--safe-b));background:var(--bg2);border:3px solid var(--yellow);z-index:60;border-radius:16px;gap:12px;width:min(720px,96vw);padding:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:6px 6px #000}.dialog .face{border:3px solid var(--line);background:#11142c;border-radius:14px;flex:none;justify-content:center;align-items:center;width:70px;height:70px;font-size:46px;display:flex}.dialog .who{color:var(--yellow);margin-bottom:4px;font-weight:900}.dialog .txt{min-height:46px;font-size:15px;line-height:1.5}.dialog .choices{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hint-next{color:var(--muted);font-size:11px;position:absolute;bottom:8px;right:16px}.joy{left:calc(18px + var(--safe-l));bottom:calc(70px + var(--safe-b));touch-action:none;background:#ffffff0f;border:2px solid #fff3;border-radius:50%;width:130px;height:130px;position:fixed}.joy i{border:2px solid var(--yellow);pointer-events:none;background:#ffd23f80;border-radius:50%;width:54px;height:54px;position:absolute;top:38px;left:38px}.stall{border:3px solid var(--line);background:linear-gradient(#2a2f5c,#1a1d3d);border-radius:14px;padding:12px}.cust{background:var(--card);border:2px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.cust .face{font-size:30px}.cust .order{letter-spacing:4px;flex:1;font-size:22px}.prodbtn{background:var(--card2);border:3px solid var(--line);width:70px;height:70px;color:var(--text);border-radius:14px;font-size:30px;box-shadow:3px 3px #000}.prodbtn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.cls-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cls{background:var(--card);border:2px solid var(--line);text-align:center;cursor:pointer;color:var(--text);border-radius:12px;padding:8px 4px}.cls:hover{border-color:var(--cyan);transform:translateY(-2px)}.cls.sel{border-color:var(--yellow);background:var(--card2);box-shadow:3px 3px #000}.cls .e{font-size:30px}.cls .n{font-size:12px;font-weight:800}.cls .r{color:var(--muted);font-size:10px}.skill-line{border-bottom:1px dashed var(--line);align-items:flex-start;gap:8px;padding:6px 0;display:flex}.skill-line .k{border:2px solid var(--cyan);width:28px;height:28px;color:var(--cyan);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.skill-line.ult .k{border-color:var(--pink);color:var(--pink)}.stars{color:var(--yellow);letter-spacing:1px}.story{text-align:center;max-width:640px}.story p{color:var(--text);font-size:clamp(15px,2.6vw,19px);line-height:1.7}.story .big{margin-bottom:8px;font-size:60px}table.t{border-collapse:collapse;width:100%;font-size:13px}table.t th,table.t td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}table.t th{color:var(--yellow);text-transform:uppercase;letter-spacing:1px;font-size:11px}@media (max-width:760px){.cls-grid{grid-template-columns:repeat(4,1fr)}.grid2{grid-template-columns:1fr}.hud-tl{min-width:0;max-width:200px}.quest{top:calc(70px + var(--safe-t));max-width:190px}.menu-row{display:none}.sbtn{width:48px;height:48px;font-size:22px}.sbtn.big{width:60px;height:60px}.dialog{padding:10px}.dialog .face{width:54px;height:54px;font-size:34px}.win-body{padding:10px}}@media (pointer:coarse){.menu-row{display:none}}.only-mobile{display:none}@media (pointer:coarse),(max-width:760px){.only-mobile{display:flex}.only-desktop{display:none!important}}.ico{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle;flex:none;display:inline-block}.sbtn .ico{z-index:0;position:relative}.avatar{overflow:hidden}.cls .e{justify-content:center;display:flex}:root{--k:1;--asset:"/assets/ui"}@media (min-width:1400px) and (min-height:800px){:root{--k:2}}.ico,.skin-px,.sbtn,.mbtn,.btn,.win,.tab,.x,.dialog,.toast,.avatar,.bar,.bar i,.quest,.joy,.joy i,input,.item .ic{image-rendering:pixelated;image-rendering:crisp-edges}.btn{--kb:var(--k);box-shadow:none;color:#fff;text-shadow:0 2px #00000080;letter-spacing:.2px;border-style:solid;border-color:var(--line);border-width:calc(var(--kb) * 8px) calc(var(--kb) * 10px) calc(var(--kb) * 10px);border-image-slice:8 10 10 fill;border-image-repeat:stretch;border-image-width:calc(var(--kb) * 8px) calc(var(--kb) * 10px) calc(var(--kb) * 10px);padding:0 calc(var(--kb) * 2px) calc(var(--kb) * 2px);min-height:calc(var(--kb) * 6px);background:0 0;border-image-source:url(/assets/ui/buttons/nut_xanh_dam_normal.webp);border-radius:6px;font-weight:800;transition:none;transform:none}.btn.small{--kb:1;font-size:12px}.btn:hover{border-color:var(--line);border-image-source:url(/assets/ui/buttons/nut_xanh_dam_hover.webp)}.btn:active{padding:calc(var(--kb) * 2px) calc(var(--kb) * 2px) 0;box-shadow:none;border-image-source:url(/assets/ui/buttons/nut_xanh_dam_pressed.webp);transform:none}.btn:disabled,.btn.off{opacity:1;filter:none;color:#aab;border-image-source:url(/assets/ui/buttons/nut_xanh_dam_disabled.webp)}.btn.primary{color:#3a1d00;text-shadow:0 1px #ffffff59;border-color:var(--orange);background:0 0;border-image-source:url(/assets/ui/buttons/nut_cam_normal.webp)}.btn.primary:hover{border-image-source:url(/assets/ui/buttons/nut_cam_hover.webp)}.btn.primary:active{border-image-source:url(/assets/ui/buttons/nut_cam_pressed.webp)}.btn.primary:disabled{border-image-source:url(/assets/ui/buttons/nut_cam_disabled.webp)}.btn.good{border-color:var(--green);background:0 0;border-image-source:url(/assets/ui/buttons/nut_xanh_la_normal.webp)}.btn.good:hover{border-image-source:url(/assets/ui/buttons/nut_xanh_la_hover.webp)}.btn.good:active{border-image-source:url(/assets/ui/buttons/nut_xanh_la_pressed.webp)}.btn.good:disabled{border-image-source:url(/assets/ui/buttons/nut_xanh_la_disabled.webp)}.btn.danger{border-color:var(--red);background:0 0;border-image-source:url(/assets/ui/buttons/nut_do_normal.webp)}.btn.danger:hover{border-image-source:url(/assets/ui/buttons/nut_do_hover.webp)}.btn.danger:active{border-image-source:url(/assets/ui/buttons/nut_do_pressed.webp)}.btn.danger:disabled{border-image-source:url(/assets/ui/buttons/nut_do_disabled.webp)}.overlay{background:url(/assets/ui/modal/lop_toi_8x8.webp) 0 0 / calc(var(--k) * 8px) calc(var(--k) * 8px), #05061459}.win{--bg:#f6efde;--bg2:#f0e6cc;--card:#fbf5e6;--card2:#efe2c4;--line:#cdb48c;--text:#4a2e1c;--muted:#8a6f55;--yellow:#a85d00;--pink:#b9305f;--cyan:#17756f;--green:#2a7240;--red:#b3261e;--orange:#b25f00;--purple:#5d41b0;--blue:#24609f;background:var(--bg) padding-box;color:var(--text);box-shadow:none;border-style:solid;border-color:var(--line);border-width:calc(var(--k) * 16px);border-image:url(/assets/ui/frames/frame_receipt.webp) 16 / calc(var(--k) * 16px) round;border-radius:0;overflow:visible}.win.nb{border-image:url(/assets/ui/frames/frame_notebook.webp) 16 / calc(var(--k) * 16px) round}.win-head{border-bottom:2px dotted var(--line);background:0 0;padding:2px 8px 8px}.win-head h2{color:var(--text);font-size:19px}.win-body{padding:10px 6px}.x{width:calc(var(--k) * 20px);height:calc(var(--k) * 20px);color:#0000;background:url(/assets/ui/window/nut_dong.webp) 50%/100% 100% no-repeat;border:0;padding:0;font-size:0}.x:hover{filter:brightness(1.15)}.win .muted{color:var(--muted)}.win .card{box-shadow:inset 0 0 0 2px #ffffff8c}.win .card.hl{border-color:var(--orange)}.win table.t th{color:var(--yellow)}.win .skill-line .k{border-color:var(--cyan);color:var(--cyan);background:0 0}.win .skill-line.ult .k{border-color:var(--pink);color:var(--pink)}.win .pill{color:var(--yellow);background:#a85d0024}.win .pill.cyan{color:var(--cyan);background:#17756f24}.win .pill.pink{color:var(--pink);background:#b9305f24}.win .pill.gray{color:var(--muted);background:#4a2e1c1a}.win .kbd{color:var(--muted);background:#efe2c4}.win .sep{background:var(--line)}.tab{border-style:solid;border-color:var(--line);color:#c9d0f5;border-width:calc(var(--k) * 8px);border-image:url(/assets/ui/window/tab_thuong.webp) 8 fill / calc(var(--k) * 8px) stretch;padding:0 calc(var(--k) * 2px);background:0 0;border-radius:6px;font-weight:800}.tab.on{color:#4a2e1c;border-image:url(/assets/ui/window/tab_chon.webp) 8 fill / calc(var(--k) * 8px) stretch;background:0 0}.item{border-width:2px}.item .ic{width:calc(var(--k) * 36px);height:calc(var(--k) * 36px);background:url(/assets/ui/rarity/hang_cho.webp) 50%/100% 100% no-repeat;border:0;border-radius:0}.item.r0 .ic{background-image:url(/assets/ui/rarity/hang_cho.webp)}.item.r1 .ic{background-image:url(/assets/ui/rarity/hang_sieu_thi.webp)}.item.r2 .ic{background-image:url(/assets/ui/rarity/hang_hieu.webp)}.item.r3 .ic{background-image:url(/assets/ui/rarity/hang_xach_tay.webp)}.item.r4 .ic{background-image:url(/assets/ui/rarity/hang_gioi_han.webp)}.item.r5 .ic{background-image:url(/assets/ui/rarity/hang_gia_truyen.webp)}.item .ic .ico{width:calc(var(--k) * 26px);height:calc(var(--k) * 26px)}.items{grid-template-columns:repeat(auto-fill, minmax(calc(var(--k) * 90px + 80px), 1fr))}input[type=text],input[type=number]{color:#f2f4ff;border-style:solid;border-color:var(--line);border-width:calc(var(--k) * 8px);border-image:url(/assets/ui/form/o_nhap_normal_9slice.webp) 8 fill / calc(var(--k) * 8px) stretch;background:0 0;border-radius:4px;outline:none;padding:0 4px}input[type=text]:focus,input[type=number]:focus{border-image-source:url(/assets/ui/form/o_nhap_focus_9slice.webp)}input[type=checkbox]{appearance:none;width:calc(var(--k) * 18px);height:calc(var(--k) * 18px);cursor:pointer;background:url(/assets/ui/window/checkbox_khong.webp) 50%/100% 100% no-repeat;flex:none;margin:0}input[type=checkbox]:checked{background-image:url(/assets/ui/window/checkbox_co.webp)}.dialog{--text:#4a2e1c;--muted:#8a6f55;--yellow:#a85d00;--line:#cdb48c;box-shadow:none;color:var(--text);border-style:solid;border-color:var(--line);border-width:calc(var(--k) * 16px);border-image:url(/assets/ui/modal/hoi_thoai_9slice.webp) 16 / calc(var(--k) * 16px) round;background:#f6efde padding-box padding-box;border-radius:0;padding:0 4px}.dialog .face{width:calc(var(--k) * 40px);height:calc(var(--k) * 40px);font-size:calc(var(--k) * 24px);background:url(/assets/ui/modal/khung_chan_dung.webp) 50%/100% 100% no-repeat;border:0}.dialog .who{color:#8b3a1a;font-size:16px}.dialog .txt{color:var(--text)}.hint-next{color:var(--muted)}.toast{box-shadow:none;color:#f2f4ff;border-style:solid;border-color:var(--line);border-width:calc(var(--k) * 6px) calc(var(--k) * 6px) calc(var(--k) * 6px) calc(var(--k) * 24px);border-image:url(/assets/ui/modal/toast_thong_tin_9slice.webp) 6 6 6 24 fill / calc(var(--k) * 6px) calc(var(--k) * 6px) calc(var(--k) * 6px) calc(var(--k) * 24px) stretch;background:#1f2448 padding-box padding-box;border-radius:0;padding:2px 6px}.toast.good{border-image-source:url(/assets/ui/modal/toast_thanh_cong_9slice.webp)}.toast.bad{border-image-source:url(/assets/ui/modal/toast_loi_9slice.webp)}.toast.gold{border-image-source:url(/assets/ui/modal/toast_canh_bao_9slice.webp)}.hud-tl{box-shadow:none;gap:calc(var(--k) * 4px);min-width:calc(var(--k) * 150px);background:0 0;border:0;align-items:flex-start;max-width:none;padding:0}.avatar{width:calc(var(--k) * 56px);height:calc(var(--k) * 56px);background:url(/assets/ui/hud/avatar_frame.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.avatar .ico{width:calc(var(--k) * 32px);height:calc(var(--k) * 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-tl .bar,.rage-wrap .bar,.hud-boss .bar{height:calc(var(--k) * 14px);padding:calc(var(--k) * 2px);background:url(/assets/ui/hud/bar_frame.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;position:relative;overflow:visible}.hud-tl .bar>i,.rage-wrap .bar>i,.hud-boss .bar>i{background-image:url(/assets/ui/hud/bar_fill_hp.webp);background-repeat:no-repeat;background-size:100% 100%;height:100%;display:block}.bar.xp>i{background-image:url(/assets/ui/hud/bar_fill_exp.webp)}.bar.rage>i{background-image:url(/assets/ui/hud/bar_fill_mau_lua.webp)}.bar .sh{left:calc(var(--k) * 2px);top:calc(var(--k) * 2px);bottom:calc(var(--k) * 2px);background:#5ab0ff99;position:absolute}.bar.thin{height:calc(var(--k) * 8px);padding:calc(var(--k) * 1px)}.hud-tl .name,.hud-tl .tiny{text-shadow:0 1px #000,0 0 4px #000}.chip{box-shadow:none;text-shadow:0 1px #000,0 0 5px #000,0 0 5px #000;background:0 0;border:0;padding:0 2px}.hud-boss{background:#0f1226e0}.rage-wrap .bar{height:calc(var(--k) * 12px)}.sbtn{width:calc(var(--k) * 40px);height:calc(var(--k) * 40px);box-shadow:none;background:url(/assets/ui/hud/skill_slot.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;overflow:visible}.sbtn.big{width:calc(var(--k) * 48px);height:calc(var(--k) * 48px)}.sbtn.ult{background-image:url(/assets/ui/hud/skill_slot_ultimate.webp)}.sbtn.ready{border-color:#0000}.sbtn .ico{width:calc(var(--k) * 28px);height:calc(var(--k) * 28px)}.sbtn.big .ico,.sbtn.ult .ico{width:calc(var(--k) * 32px);height:calc(var(--k) * 32px)}.sbtn .cd{font-size:calc(var(--k) * 8px);text-shadow:0 1px #000,0 0 3px #000;background:0 0}.sbtn .cdf{pointer-events:none;background:url(/assets/ui/hud/cooldown_40.webp) 0 0/800% 100% no-repeat;position:absolute;inset:0}.sbtn.ult .cdf,.sbtn.big .cdf{background-image:url(/assets/ui/hud/cooldown_48.webp)}.sbtn .key{z-index:2;text-shadow:0 1px #000}.mbtn{width:calc(var(--k) * 40px);height:calc(var(--k) * 40px);box-shadow:none;background:url(/assets/ui/buttons/o_vuong_xanh_dam_normal.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;font-size:0}.mbtn:hover{background-image:url(/assets/ui/buttons/o_vuong_xanh_ngoc_normal.webp)}.mbtn:active{background-image:url(/assets/ui/buttons/o_vuong_xanh_dam_pressed.webp)}.mbtn .ico{width:calc(var(--k) * 24px);height:calc(var(--k) * 24px)}.menu-row{gap:calc(var(--k) * 3px);max-width:64vw}.quest{--text:#4a2e1c;--muted:#8a6f55;--yellow:#a85d00;--line:#cdb48c;color:var(--text);border-style:solid;border-color:var(--line);border-width:calc(var(--k) * 16px);border-image:url(/assets/ui/frames/frame_receipt.webp) 16 / calc(var(--k) * 16px) round;max-width:calc(var(--k) * 120px + 130px);background:#f6efde padding-box padding-box;border-radius:0;padding:0 2px}.quest b{color:#8b3a1a}.joy{width:calc(var(--k) * 96px);height:calc(var(--k) * 96px);background:url(/assets/ui/mobile/joystick_base.webp) 50%/100% 100% no-repeat;border:0}.joy i{width:calc(var(--k) * 40px);height:calc(var(--k) * 40px);left:calc(var(--k) * 28px);top:calc(var(--k) * 28px);background:url(/assets/ui/mobile/joystick_knob.webp) 50%/100% 100% no-repeat;border:0}.atkbtn{width:calc(var(--k) * 64px);height:calc(var(--k) * 64px);background:url(/assets/ui/mobile/action_orange.webp) 50%/100% 100% no-repeat;border:0;padding:0;font-size:0}.atkbtn:active{filter:brightness(.85)}.man-hinh-chinh{image-rendering:pixelated;z-index:0;background-color:#0f1226;background-image:url(/assets/ui/title/title_ngang.webp);background-position:0 0;background-repeat:no-repeat;background-size:711.111vh 100vh;animation:1s steps(4,end) infinite pho-dem;position:fixed;inset:0}@keyframes pho-dem{to{background-position:-711.111vh 0}}@media (min-aspect-ratio:2){.man-hinh-chinh{background-image:url(/assets/ui/title/title_sieu_rong.webp);background-size:888.889vh 100vh;animation-name:pho-dem-rong}@keyframes pho-dem-rong{to{background-position:-888.889vh 0}}}@media (max-aspect-ratio:3/4){.man-hinh-chinh{background-image:url(/assets/ui/title/title_doc.webp);background-position:0 0;background-size:225vh 100vh;animation-name:pho-dem-doc}@keyframes pho-dem-doc{to{background-position:-225vh 0}}}.man-hinh-chinh:after{content:"";image-rendering:pixelated;background:url(/assets/ui/title/lop_ngang/8_lam_diu_giua.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.man-hinh-chinh{animation:none}}.screen.title{background:0 0}.screen.title>:not(.man-hinh-chinh){z-index:1;position:relative}.cls{background:url(/assets/ui/select/the_class.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;padding:14px 6px}.cls.sel{box-shadow:none;background-image:url(/assets/ui/select/the_class_chon.webp)}.cls:hover{filter:brightness(1.12);transform:none}.cls .n{color:#3a2515}.cls .r{color:#7a604a}.spinner{width:calc(var(--k) * 16px);height:calc(var(--k) * 16px);image-rendering:pixelated;background:url(/assets/ui/form/dang_tai.webp) 0 0/800% 100% no-repeat;animation:.8s steps(8,end) infinite spin8;display:inline-block}@keyframes spin8{to{background-position:100% 0}}body{cursor:url(/assets/ui/cursors/cursor_normal.webp) 0 0,auto}button,.btn,.tab,.mbtn,.sbtn,.cls,.chip.btn-like{cursor:url(/assets/ui/cursors/cursor_normal.webp) 0 0,pointer}.hud-tl .grow{background:#0f1226c7;border-radius:6px;padding:3px 6px}.quest{top:calc(96px + var(--safe-t))}.skills{display:none}.cluster{z-index:5;pointer-events:none;width:0;height:0;right:calc(var(--safe-r) + var(--k) * 46px);bottom:calc(var(--safe-b) + var(--k) * 46px);position:fixed}.cluster .sbtn{left:calc(var(--x) * var(--k) * 1px);top:calc(var(--y) * var(--k) * 1px);pointer-events:auto;touch-action:none;position:absolute;transform:translate(-50%,-50%)}.cluster .s-atk{--x:0;--y:0;width:calc(var(--k) * 64px);height:calc(var(--k) * 64px);background-image:url(/assets/ui/mobile/action_orange.webp)}.cluster .s-atk .ico{width:calc(var(--k) * 36px);height:calc(var(--k) * 36px)}.cluster .s1{--x:-88;--y:0}.cluster .s4{--x:15;--y:-87}.cluster .s-ult{--x:-100;--y:-100;width:calc(var(--k) * 48px);height:calc(var(--k) * 48px)}.cluster .s-dodge{--x:-142;--y:6;width:calc(var(--k) * 32px);height:calc(var(--k) * 32px);font-size:calc(var(--k) * 14px)}.cluster .s-potion{--x:-150;--y:-42;width:calc(var(--k) * 36px);height:calc(var(--k) * 36px)}.cluster .s-potion .ico{width:calc(var(--k) * 26px);height:calc(var(--k) * 26px)}.cluster .s-potion .cnt{right:calc(var(--k) * 2px);font-size:calc(var(--k) * 9px);color:#fff;text-shadow:0 1px #000,0 0 3px #000;z-index:2;font-weight:900;position:absolute;bottom:0}.cluster .rage-wrap{width:calc(var(--k) * 150px);left:calc(var(--k) * -190px);top:calc(var(--k) * -172px);pointer-events:none;position:absolute}.cluster .rage-wrap .tiny{text-align:left}@media (max-width:380px){.cluster .rage-wrap{width:130px;left:-170px}}.win.v-shop,.win.v-class,.win.v-profile{--bg:#12163a;--bg2:#171b38;--card:#1f2448;--card2:#272d5a;--line:#3a4280;--text:#eef0ff;--muted:#a3a9d6;--yellow:#ffd23f;--pink:#ff5d8f;--cyan:#3ee0d0;--green:#7bd389;--red:#ff6b6b;--orange:#ff9f1c;--purple:#a78bfa;--blue:#5ab0ff}.win.v-shop .card,.win.v-class .card,.win.v-profile .card{box-shadow:none}.win.v-shop .pill,.win.v-class .pill,.win.v-profile .pill{color:var(--text);background:#ffffff14}.win.v-shop .kbd,.win.v-class .kbd,.win.v-profile .kbd{color:var(--muted);background:#11142c}.win.v-shop .win-head h2,.win.v-class .win-head h2,.win.v-profile .win-head h2{color:#fff;text-shadow:0 2px #0000008c}.win.v-shop{border-image:url(/assets/ui/frames/frame_panel.webp) 16 / calc(var(--k) * 16px) round;background:#12163a padding-box padding-box;position:relative}.win.v-shop .win-head{background:url(/assets/ui/modal_lon/mai_hien_lap_ngang.webp) 0 0 / auto calc(var(--k) * 24px) repeat-x;margin:calc(var(--k) * -16px) calc(var(--k) * -16px) 0;padding:calc(var(--k) * 24px + 4px) 12px 6px;border:0}.win.v-shop .win-head h2{text-align:center}.win.v-shop .x,.win.v-house .x{top:calc(var(--k) * -8px);right:calc(var(--k) * -8px);position:absolute}.win.v-house{border-image:url(/assets/ui/modal_lon/khung_nha_9slice.webp) 16 / calc(var(--k) * 16px) round;background:#f6efde padding-box padding-box;position:relative}.win.v-house .win-head{background:url(/assets/ui/modal_lon/mai_nha_lap_ngang.webp) 0 0 / auto calc(var(--k) * 40px) repeat-x;margin:calc(var(--k) * -16px) calc(var(--k) * -16px) 0;padding:calc(var(--k) * 8px) 12px calc(var(--k) * 4px);min-height:calc(var(--k) * 40px);border:0}.win.v-house .win-head h2{text-align:center;color:#fff;text-shadow:0 2px #00000080}.win.v-class{border-image:url(/assets/ui/modal_lon/bang_phan_9slice.webp) 16 / calc(var(--k) * 16px) round;--text:#f3efe0;--muted:#b5c7b8;--line:#3e6b53;--card:#1c3a2c;--card2:#24493a;background:#14291f padding-box padding-box}.win.v-class .win-head{background:0 0;border-bottom:2px dashed #3e6b53}.win.v-class .win-head h2{font-family:Georgia,Times New Roman,serif}.win.v-book{border-image:url(/assets/ui/modal_lon/bia_so_tay_9slice.webp) 16 / calc(var(--k) * 16px) round;background:#f6efde padding-box padding-box}.win.v-profile{border-image:url(/assets/ui/modal_lon/the_ho_so_9slice.webp) 16 / calc(var(--k) * 16px) round;background:#12163a padding-box padding-box}.shop-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shop-tabs{flex-wrap:wrap;flex:1;gap:4px;display:flex}.stab{color:#cfd6ff;padding:0 calc(var(--k) * 4px);min-height:calc(var(--k) * 14px);border:solid #0000;border-width:calc(var(--k) * 8px);border-image:url(/assets/ui/thoi_trang/tab_pho_thuong.webp) 8 fill / calc(var(--k) * 8px) stretch;background:0 0;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.stab.vang{border-image-source:url(/assets/ui/thoi_trang/tab_vang_thuong.webp)}.stab.phieu{border-image-source:url(/assets/ui/thoi_trang/tab_phieu_thuong.webp)}.stab.pho.on{color:#fff;border-image-source:url(/assets/ui/thoi_trang/tab_pho_chon.webp)}.stab.vang.on{color:#3a1d00;border-image-source:url(/assets/ui/thoi_trang/tab_vang_chon.webp)}.stab.phieu.on{color:#fff;border-image-source:url(/assets/ui/thoi_trang/tab_phieu_chon.webp)}.shop-wallet{background:#00000059;border-radius:6px;gap:12px;padding:5px 10px;font-size:13px;font-weight:800;display:flex}.shop-wallet span{align-items:center;gap:5px;display:inline-flex}.shop-body{flex:1;grid-template-columns:minmax(180px,250px) 1fr;gap:10px;min-height:0;display:grid}@media (max-width:640px){.shop-body{grid-template-columns:1fr}}.shop-side{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.stage{width:100%;height:calc(var(--k) * 124px);background:radial-gradient(at 50% 80%,#ffffff1f,#0000 65%);border-radius:6px;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.stage.vang{background-image:radial-gradient(at 50% 80%,#ffd23f38,#0000 65%)}.stage.phieu{background-image:radial-gradient(at 50% 80%,#ff5d8f40,#0000 65%)}.stage:before{content:"";left:50%;bottom:calc(var(--k) * 4px);width:calc(var(--k) * 80px);height:calc(var(--k) * 22px);margin-left:calc(var(--k) * -40px);background:url(/assets/ui/thoi_trang/be_pho.webp) 0 0 / calc(var(--k) * 320px) calc(var(--k) * 22px) no-repeat;image-rendering:pixelated;animation:.8s steps(4,end) infinite be-xoay;position:absolute}.stage.vang:before{background-image:url(/assets/ui/thoi_trang/be_vang.webp)}.stage.phieu:before{background-image:url(/assets/ui/thoi_trang/be_phieu.webp)}@keyframes be-xoay{to{background-position:calc(var(--k) * -320px) 0}}.stage .walk{z-index:1;margin-bottom:calc(var(--k) * 8px);transform-origin:50% 100%;animation-play-state:running;position:relative;transform:scale(2)}.walk{image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;flex:none;animation:1s steps(6,end) infinite paused walk-strip}@keyframes walk-strip{to{background-position:calc(var(--k) * var(--fw) * var(--n) * -1px) 0}}.walk-fb{font-size:calc(var(--k) * 32px);line-height:1}.shop-name{color:#fff;font-size:17px;font-weight:900}.shop-desc{color:var(--muted);min-height:30px;font-size:12px}.shop-tags{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.tag{color:#d9defc;background:#2a2f5e;border:1px solid #4a5299;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:800}.tag.gold{color:#ffd23f;background:#5a3d00;border-color:#a87400}.tag.pink{color:#ff9fc4;background:#5a1b3d;border-color:#b9305f}.shop-parts{align-items:center;gap:4px;display:flex}.shop-parts .ico{background:#1f2448;border:1px solid #4a5299;padding:1px}.shop-buy{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.price{color:#ffe58a;align-items:center;gap:6px;font-size:20px;font-weight:900;display:inline-flex}.shop-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--k) * 52px + 56px), 1fr));align-content:start;gap:10px;padding:8px;display:grid;overflow:auto}.fcard{color:var(--text);padding:0 calc(var(--k) * 2px);text-align:center;border:solid #0000;border-width:calc(var(--k) * 16px) calc(var(--k) * 16px) calc(var(--k) * 12px);border-image:url(/assets/ui/thoi_trang/the_pho_9slice.webp) 16 fill / calc(var(--k) * 16px) calc(var(--k) * 16px) calc(var(--k) * 12px) stretch;background:0 0;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.fcard.vang{border-image-source:url(/assets/ui/thoi_trang/the_vang_9slice.webp)}.fcard.phieu{border-image-source:url(/assets/ui/thoi_trang/the_phieu_9slice_0.webp);animation:.6s step-end infinite phieu-glint}@keyframes phieu-glint{0%{border-image-source:url(/assets/ui/thoi_trang/the_phieu_9slice_0.webp)}25%{border-image-source:url(/assets/ui/thoi_trang/the_phieu_9slice_1.webp)}50%{border-image-source:url(/assets/ui/thoi_trang/the_phieu_9slice_2.webp)}75%{border-image-source:url(/assets/ui/thoi_trang/the_phieu_9slice_3.webp)}}.fcard:hover .walk,.fcard.sel .walk{animation-play-state:running}.fcard.sel{outline-offset:2px;outline:2px solid #fff}.fname{color:#fff;font-size:12px;font-weight:800;line-height:1.15}.fprice{color:#ffe58a;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.badge.own{top:calc(var(--k) * -10px);left:calc(var(--k) * -10px);color:#fff;z-index:2;background:#3aa56b;border:1px solid #1a5c3a;padding:1px 5px;font-size:9px;font-weight:900;position:absolute}.house-body{grid-template-columns:minmax(200px,270px) 1fr;gap:12px;min-height:0;display:grid}@media (max-width:640px){.house-body{grid-template-columns:1fr}}.house-side{flex-direction:column;gap:6px;display:flex}.house-art{padding:calc(var(--k) * 6px);background:#e9dcc0;border:2px solid #5a3a22;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 2px #f6efde}.house-art .ico{width:calc(var(--k) * 128px);aspect-ratio:4/3;max-width:100%;height:auto;image-rendering:pixelated}.lvtag{color:#fff;z-index:1;background:#7a2a1a;padding:1px 6px;font-size:10px;font-weight:900;position:absolute;top:4px;left:4px}.house-name{color:#7a2a1a;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:900}.comfort .bar.pink>i{background:#e8588f}.house-levels{gap:4px;display:flex}.hl-thumb{color:#7a604a;background:#e9dcc0;border:2px solid #b79d78;flex-direction:column;flex:1;align-items:center;padding:2px;font-weight:800;display:flex}.hl-thumb .ico{aspect-ratio:4/3;width:100%;height:auto;image-rendering:pixelated}.hl-thumb.cur{color:#3a1d00;background:#ffe08a;border-color:#f5a000}.hl-thumb.lock{filter:grayscale(.8);opacity:.65}.house-up{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.house-main{flex-direction:column;gap:8px;min-height:0;display:flex}.house-filter{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ftab{color:#5a3a22;background:#f0e6cc;border:2px solid #b79d78;border-radius:3px;padding:3px 9px;font-size:12px;font-weight:800}.ftab.on{color:#7a2a1a;background:#fff6d8;border-color:#7a2a1a}.furn-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--k) * 40px + 70px), 1fr));align-content:start;gap:8px;display:grid;overflow:auto}.furn{text-align:center;background:#fffaf0;border:2px solid #6b4a30;border-bottom-width:4px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;display:flex;position:relative}.furn .fname{color:#4a2e1c;min-height:28px;font-size:12px;font-weight:800;line-height:1.15}.furn .comf{color:#b9305f;align-items:center;gap:2px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:3px;right:4px}.furn .fimg{min-height:calc(var(--k) * 40px);justify-content:center;align-items:center;display:flex}.furn .buy{color:#3a1d00;background:#ffb52e;border:2px solid #b36b00;border-bottom-width:4px;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:900;display:inline-flex}.furn .buy:disabled{filter:grayscale(.7);opacity:.6}.furn .buy.off{color:#7a604a;background:#e0d6bf;border-color:#b79d78;font-size:10px}.furn .own-tag{color:#2a7240;font-size:11px;font-weight:800}.furn.own{background:#eef6e8}.liv-art{background:#0e1d16;border:2px solid #3e6b53;flex:none;padding:4px}.liv-art .ico{width:calc(var(--k) * 96px);aspect-ratio:4/3;height:auto;image-rendering:pixelated}.liv-thumb{width:calc(var(--k) * 32px);background:#0e1d16;border:1px solid #3e6b53;flex:none}.liv-thumb .ico{width:100%;height:auto;image-rendering:pixelated;display:block}.win.v-class .card{background:#1c3a2c;border-color:#3e6b53}.win.v-class .card.hl{border-color:#ffd23f}.win.v-class .bar{background:#0e1d16}.statname{align-items:center;gap:6px;display:inline-flex}.win.v-profile .win-head{background:0 0;border-bottom:2px solid #3ee0d0}.win.v-profile .tab{color:#cfd6ff}.win.v-profile .t td{padding:6px 8px}.win.v-profile .t tbody tr:nth-child(odd){background:#ffffff0d}.win.v-book .win-head{background:0 0;border-bottom:2px dotted #cdb48c}.win.v-profile .tab.on{color:#4a2e1c}.shop-theme{background:linear-gradient(#1b2247,#10142e);border-radius:4px;flex-direction:column;gap:10px;padding:10px;display:flex}.shop-theme.vang{background:linear-gradient(#33260a,#17120a)}.shop-theme.phieu{background:linear-gradient(#43226f,#170f35)}.shop-wallet .plus{width:calc(var(--k) * 22px);height:calc(var(--k) * 22px);color:#3a1d00;image-rendering:pixelated;background:url(/assets/ui/buttons/o_vuong_cam_normal.webp) 50%/100% 100% no-repeat;border:0;padding:0;font-size:16px;font-weight:900;line-height:1}.shop-theme .shop-side{padding-top:4px}.shop-theme.vang .stage{background-image:radial-gradient(at 50% 80%,#ffd23f4d,#0000 68%)}.shop-theme.phieu .stage{background-image:radial-gradient(at 50% 80%,#ff5d8f61,#0000 68%)}.shop-name{font-size:18px}.shop-theme.vang .shop-name{color:#ffe58a}.shop-theme.phieu .shop-name{color:#ffd6ea}.tag.gold2{color:#ffe08a;background:#3b2d10;border-color:#8a6a1c}.tag.cyan{color:#7ff0e6;background:#123a3a;border-color:#1f8a82}.shop-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--k) * 64px + 70px), 1fr));gap:12px 10px;padding:10px 6px 6px;overflow:visible}.fcard{padding:0 0 calc(var(--k) * 2px);border-width:calc(var(--k) * 16px) calc(var(--k) * 16px) calc(var(--k) * 14px);min-height:calc(var(--k) * 150px);outline:none;gap:3px}.fcard.sel{filter:brightness(1.18)drop-shadow(0 0 4px #ffffffbf)}.fstage{width:100%;height:calc(var(--k) * 74px);margin-top:calc(var(--k) * -6px);justify-content:center;align-items:flex-end;display:flex;position:relative}.fstage:before{content:"";width:calc(var(--k) * 80px);height:calc(var(--k) * 22px);margin-left:calc(var(--k) * -40px);background:url(/assets/ui/thoi_trang/be_pho.webp) 0 0 / calc(var(--k) * 320px) calc(var(--k) * 22px) no-repeat;image-rendering:pixelated;animation:.8s steps(4,end) infinite paused be-xoay;position:absolute;bottom:0;left:50%}.fcard.vang .fstage:before{background-image:url(/assets/ui/thoi_trang/be_vang.webp)}.fcard.phieu .fstage:before{background-image:url(/assets/ui/thoi_trang/be_phieu.webp)}.fcard:hover .fstage:before,.fcard.sel .fstage:before{animation-play-state:running}.fstage .walk{z-index:1;margin-bottom:calc(var(--k) * 6px);position:relative}.fcard .fname{padding:0 4px;font-size:13px}.fcard .fdesc{color:#a9b0e0;min-height:24px;padding:0 6px;font-size:10px;line-height:1.2}.frow{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:auto;padding:0 4px;display:flex}.ftag{color:#d9defc;background:#2a2f5e;border-radius:2px;padding:1px 5px;font-size:9px;font-weight:800}.ftag.gold{color:#3a1d00;background:#ffc233}.ftag.pink{color:#fff;background:#ff5d8f}.ftag.gold2{color:#ffd23f;background:#5a3d00}.ftag.cyan{color:#fff;background:#1f8a82}.fprice{color:#ffe58a;background:#1d2250;border:1px solid #3a4280;border-radius:3px;align-items:center;gap:4px;padding:1px 7px;font-size:12px;font-weight:900;display:inline-flex}.fprice.vang{background:#4a3608;border-color:#a87400}.fprice.phieu{color:#ffc9e2;background:#4d1f52;border-color:#b9305f}.badge.hot{top:calc(var(--k) * -10px);right:calc(var(--k) * -6px);color:#fff;z-index:2;background:#e53935;border:1px solid #7a1612;padding:1px 6px;font-size:9px;font-weight:900;position:absolute}.win.v-shop .x,.win.v-house .x{width:calc(var(--k) * 36px);height:calc(var(--k) * 36px);top:calc(var(--k) * -10px);right:calc(var(--k) * -10px);background:url(/assets/ui/buttons/o_vuong_xanh_dam_normal.webp) 50%/100% 100% no-repeat}.win.v-shop .x:after,.win.v-house .x:after{content:"";background:url(/assets/ui/icons_ui/dong.webp) center / calc(var(--k) * 24px) calc(var(--k) * 24px) no-repeat;image-rendering:pixelated;position:absolute;inset:0}.win.v-shop .x:active,.win.v-house .x:active{background-image:url(/assets/ui/buttons/o_vuong_xanh_dam_pressed.webp)}.fstage{height:calc(var(--k) * 118px);margin-top:calc(var(--k) * -8px)}.fstage .walk{transform-origin:50% 100%;margin-bottom:calc(var(--k) * 8px);transform:scale(2)}.fstage .walk-fb{z-index:1;margin-bottom:calc(var(--k) * 12px);font-size:calc(var(--k) * 48px);position:relative}.fcard{min-height:calc(var(--k) * 190px)}.win.v-shop{--k:1}.win.v-shop.wide{width:min(860px,100%)}.win.v-shop .shop-body{grid-template-columns:210px minmax(0,1fr)}.win.v-shop .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}@media (max-width:900px){.win.v-shop .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.win.v-shop .shop-body{grid-template-columns:1fr}.win.v-shop .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.win.v-shop .stage{height:150px}.win.v-shop .stage .walk{transform:scale(2)}.win.v-shop .fstage{height:92px}.win.v-shop .fstage .walk{margin-bottom:8px;transform:scale(1.5)}.win.v-shop .fcard{min-height:150px}.win.v-shop .fcard .fdesc{min-height:0}.fcard .walk,.fcard .fstage:before{animation-play-state:running}.fcard{overflow:visible}.fcard.vang:after,.fcard.phieu:after{content:"";pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:.9;background:linear-gradient(105deg,#0000 38%,#ffffff38 47%,#ffffff0f 53%,#0000 62%) 150% 0/260% 100% no-repeat;animation:3.4s ease-in-out infinite shaft;position:absolute;inset:12px}.fcard.vang:after{background-image:linear-gradient(105deg,#0000 38%,#ffe28c38 47%,#ffe28c0d 53%,#0000 62%)}.fcard.phieu:nth-child(3n+2):after{animation-delay:.5s}.fcard.phieu:nth-child(3n):after{animation-delay:1s}@keyframes shaft{0%{background-position:150% 0}60%,to{background-position:-50% 0}}.fcard.phieu{animation:.6s step-end infinite phieu-glint,2.6s ease-in-out infinite glow-pink}.fcard.vang{animation:3s ease-in-out infinite glow-gold}@keyframes glow-pink{0%,to{filter:drop-shadow(0 0 2px #ff5d8f59)}50%{filter:drop-shadow(0 0 7px #be78ffbf)}}@keyframes glow-gold{0%,to{filter:drop-shadow(0 0 1px #ffd23f40)}50%{filter:drop-shadow(0 0 5px #ffd23f99)}}.fcard.sel{filter:brightness(1.18)drop-shadow(0 0 6px #fffc);animation:.6s step-end infinite phieu-glint}.fcard.vang.sel{animation:none}.fcard.sel:after{opacity:1}@media (prefers-reduced-motion:reduce){.fcard,.fcard:after,.fcard .walk,.fcard .fstage:before{animation:none!important}}.fcard.sel{animation:none}.fcard.phieu.sel{animation:.6s step-end infinite phieu-glint}.walk-fb{width:calc(var(--k) * 64px);height:calc(var(--k) * 64px);font-size:calc(var(--k) * 40px);z-index:1;justify-content:center;align-items:flex-end;display:inline-flex;position:relative}.win.v-shop .stage .walk-fb{transform-origin:50% 100%;margin-bottom:8px;transform:scale(2)}.win.v-shop .fstage .walk-fb{transform-origin:50% 100%;margin-bottom:8px;font-size:40px;transform:scale(1.5)}.man-hinh-chinh,.man-hinh-chinh:after{animation:none!important}.man-hinh-chinh{filter:brightness(.5)saturate(.85)contrast(1.05);background-color:#070914;background-image:url(/assets/ui/title/title_ngang_tinh.webp);background-position:bottom;background-size:cover}@media (min-aspect-ratio:2){.man-hinh-chinh{background-image:url(/assets/ui/title/title_sieu_rong_tinh.webp);background-size:cover}}@media (max-aspect-ratio:3/4){.man-hinh-chinh{background-image:url(/assets/ui/title/title_doc_tinh.webp);background-size:cover}}.screen.title:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 58% at 50% 42%,#050614b8,#05061440 70%,#0000 100%),linear-gradient(#05061459,#0000 30%,#05061459);position:absolute;inset:0}.screen.title .tagline{text-shadow:0 2px #000,0 0 10px #000,0 0 18px #000c;color:#fff}.screen.title .menu-col .btn{text-shadow:0 2px #000;filter:drop-shadow(0 3px #0009)}.screen.title .menu-col .btn:not(.primary){color:#fff;border-image-source:url(/assets/ui/buttons/nut_xanh_ngoc_normal.webp)}.screen.title .menu-col .btn:not(.primary):hover{border-image-source:url(/assets/ui/buttons/nut_xanh_ngoc_hover.webp)}.screen.title .menu-col .btn:not(.primary):active{border-image-source:url(/assets/ui/buttons/nut_xanh_ngoc_pressed.webp)}.screen.title .menu-col .btn:not(.primary):disabled{border-image-source:url(/assets/ui/buttons/nut_xanh_ngoc_disabled.webp)}.screen.title .crowd{filter:drop-shadow(0 0 3px #000)drop-shadow(2px 3px #000)brightness(1.12)}.screen.title .crowd span{animation-duration:3s}.screen.title .muted,.screen.title .tiny{color:#d5d9f7;text-shadow:0 1px #000,0 0 6px #000}:root{--font-ui:"Baloo 2", "Be Vietnam Pro", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, "Segoe UI", sans-serif}html,body{font-family:var(--font-body)}.btn,.tab,.stab,.mtab,.ctab,.ftab,.craft-rc,.jb-pick button,.buy,.tool,.mbtn,.tgl-row span:last-child,.sbtn .cd,.sbtn .cnt,.sbtn .key,.win-head h2,h1,h2,h3,.logo,.badge,.tag,.ftag,.fprice,.price,.pill,.chip,.lvtag,.g-name,.shop-name,.fname,.house-name,.d-sub,.q-st{font-family:var(--font-ui);letter-spacing:.2px}.btn{padding-top:2px;font-size:16px;font-weight:800;line-height:1.05}.btn.small{font-size:14px}.tab,.stab,.mtab,.ctab,.ftab{font-size:15px;font-weight:800}.win-head h2,h2{font-size:22px;font-weight:800;line-height:1.1}h3{font-size:18px;font-weight:800}.pill,.tag,.ftag{font-weight:700}.fname,.shop-name,.house-name,.fprice,.price{font-weight:800}.screen.title .menu-col .btn{font-size:19px}.tagline{font-family:var(--font-ui);font-weight:700}.hud-left{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));gap:calc(var(--k) * 6px);z-index:4;pointer-events:none;max-width:min(46vw, calc(var(--k) * 150px + 250px));flex-direction:column;align-items:flex-start;display:flex;position:fixed}.hud-left>*{pointer-events:auto;position:static!important}.hud-left .quest{max-width:100%}@media (max-width:760px),(max-height:520px){.hud-left{gap:4px;max-width:50vw}.hud-tl{min-width:0;max-width:none}.avatar{width:40px;height:40px}.avatar .ico{width:24px;height:24px}.hud-tl .name{font-size:12px}.hud-tl .grow .row{display:none}.hud-tl .tiny{margin:0;font-size:10px}.hud-tl .bar{height:10px;padding:1px}.quest{cursor:pointer;border:1px solid #cdb48c;border-radius:8px;max-width:100%;padding:4px 8px;font-size:11px;line-height:1.25}.quest .q-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quest .q-more{display:none}.quest.open .q-text{-webkit-line-clamp:unset;display:block}.quest.open .q-more{display:block}.quest .q-title b{font-size:11px}.hud-tr{gap:3px}.chip{padding:1px 6px;font-size:11px}.hud-boss{top:calc(52px + var(--safe-t));width:min(300px,52vw)}.toasts{top:calc(44px + var(--safe-t))}}@media (max-height:520px){.cluster{transform-origin:100% 100%;right:calc(var(--safe-r) + 40px);bottom:calc(var(--safe-b) + 36px);transform:scale(.82)}.joy{width:88px;height:88px;bottom:calc(46px + var(--safe-b))}.joy i{width:36px;height:36px;top:26px;left:26px}.win-head h2{font-size:17px}.win-body{gap:8px;padding:6px}.overlay{padding:4px}}@media (max-width:400px){.cluster{transform-origin:100% 100%;transform:scale(.9)}}@media (max-height:520px){.screen.title{padding:6px 10px}.screen.title>img.ico{max-width:60vw;max-height:24vh;width:auto!important}.screen.title .tagline{margin:4px 0 8px;font-size:13px}.screen.title .menu-col{flex-direction:row;gap:8px;width:min(640px,94vw)}.screen.title .menu-col .btn{--kb:1;flex:1;min-height:0;padding:0 2px;font-size:14px}.screen.title .crowd{flex-wrap:nowrap;gap:4px;max-width:96vw;margin:6px 0 0;overflow:hidden}.screen.title .crowd img{width:44px!important;height:44px!important}}@media (max-width:420px){.screen.title>img.ico{max-width:86vw}.screen.title .crowd img{width:40px!important;height:40px!important}}.win.v-shop{height:min(640px,100%)}.win.v-shop .win-body{overflow:hidden}.win.v-shop .shop-theme{flex:1;min-height:0}.win.v-shop .shop-body{flex:1;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.win.v-shop .shop-grid{align-content:start;height:100%;min-height:0;overflow-y:auto}.win.v-shop .shop-side{min-height:0;overflow-y:auto}@media (max-width:680px){.win.v-shop .shop-body{grid-template-rows:auto;overflow-y:auto}.win.v-shop .shop-grid{height:auto;overflow:visible}.win.v-shop .shop-side{overflow:visible}}.win.v-shop .shop-grid{grid-auto-rows:max-content}.win.v-shop .fcard>*{flex-shrink:0}.win.v-shop .fcard{height:auto;min-height:0}.btn:disabled,.btn.off,.btn.primary:disabled,.btn.good:disabled,.btn.danger:disabled{color:#e4e7fa;text-shadow:0 2px #000,0 0 3px #000;opacity:1;filter:none;cursor:not-allowed}.btn:disabled:hover,.btn:disabled:active{padding-top:0;transform:none}input::placeholder{color:#9aa3d8;opacity:1;font-weight:600}input[type=text],input[type=number]{font-family:var(--font-ui);caret-color:#ffd23f;font-size:17px;font-weight:700}input[type=text]:focus,input[type=number]:focus{box-shadow:0 0 0 2px #ffd23f8c}input[type=text],input[type=number]{color:#3a2a1c!important}input::placeholder{color:#8a7a68}::-webkit-scrollbar{background:0 0;width:12px;height:12px}::-webkit-scrollbar-track{background:url(/assets/ui/window/scroll_track.webp) top/100% 48px repeat-y,#14183a;border-radius:0}::-webkit-scrollbar-thumb{background:0 0;border:6px solid #0000;border-width:6px 5px;border-image:url(/assets/ui/window/scroll_thumb.webp) 6 5 fill/6px 5px;border-radius:0;min-width:36px;min-height:36px}::-webkit-scrollbar-thumb:hover{filter:brightness(1.15)}::-webkit-scrollbar-thumb:active{filter:brightness(.9)}::-webkit-scrollbar-corner{background:#14183a}@supports ((-moz-appearance:none)){*{scrollbar-width:thin;scrollbar-color:#d99a5a #14183a}}.liv-art.ext,.liv-thumb.ext{background:linear-gradient(#23284a,#3a3f5c);border:2px solid #4a5299;border-radius:4px;justify-content:center;align-items:flex-end;padding:4px 6px 2px;display:flex}.liv-thumb.ext{width:auto;min-width:calc(var(--k) * 36px);border-width:1px;height:34px;padding:2px 4px 1px}.ket-bar{width:192px;height:32px;image-rendering:pixelated;background:url(/assets/ui/kinh_te/ket_tien_bar_rong.webp) 0 0/192px 32px no-repeat;position:relative}.ket-bar i{height:100%;width:calc(28px + (192px - 28px) * var(--pct));image-rendering:pixelated;background:url(/assets/ui/kinh_te/ket_tien_bar.webp) 0 0/768px 32px no-repeat;position:absolute;top:0;left:0}.house-inside{background:#2a1f2e;border:2px solid #8a6f55;border-radius:4px;flex:none;justify-content:center;padding:2px;display:flex;position:relative;overflow:hidden}.house-inside .inside-furn{pointer-events:auto;justify-content:center;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:6px;left:8px;right:8px}.house-inside .inside-furn img{width:auto;height:30px;image-rendering:pixelated;filter:drop-shadow(0 2px #00000059)}.house-art .sprite-anim{margin:0 auto}.win.v-debt .card.so-no{border:solid #0000;border-width:calc(var(--k) * 14px);border-image:url(/assets/ui/kinh_te/so_no_9slice.webp) 14 fill / calc(var(--k) * 14px) round;box-shadow:none;background:#fbf7ec padding-box padding-box;border-radius:0}.win.v-debt .card.giay-thue{border:solid #0000;border-width:calc(var(--k) * 14px);border-image:url(/assets/ui/kinh_te/giay_bao_thue_9slice.webp) 14 fill / calc(var(--k) * 14px) round;box-shadow:none;background:#fbf7ec padding-box padding-box;border-radius:0}.win.v-debt .card h3{margin-top:0}.stamp{width:64px;height:64px;image-rendering:pixelated;opacity:.9;pointer-events:none;z-index:2;position:absolute;top:10px;right:10px;transform:rotate(-14deg)}.clip{width:56px;height:20px;image-rendering:pixelated;pointer-events:none;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.ico-px{width:18px;height:auto;image-rendering:pixelated;vertical-align:-3px}.win.v-bank{border-image:url(/assets/ui/kinh_te/ngan_hang_9slice.webp) 14 / calc(var(--k) * 14px) round;--bg:#0f2a2c;--bg2:#123335;--card:#143a3d;--card2:#1a4649;--line:#2e6b6a;--text:#eaf7f2;--muted:#9cc4bb;--yellow:#ffd23f;color:var(--text);background:#0f2a2c padding-box padding-box}.win.v-bank .win-head h2{color:#ffd23f;text-shadow:0 2px #00000080}.win.v-bank .card{box-shadow:none}.shop-screen .sh-card.paper{color:#4a2e1c;background:#fbf5e6 padding-box padding-box;border:14px solid #0000;border-image:url(/assets/ui/kinh_te/quan_ly_9slice.webp) 14 fill/14px round;border-radius:0;box-shadow:0 6px #00000059}.anvil-fx{pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.shop-screen .sh-card.paper h2{color:#a85d00;text-shadow:none}.shop-screen .sh-card.paper .muted,.shop-screen .sh-card.paper .tiny.muted{color:#8a6f55}.shop-screen .sh-card.paper .sh-rows div{border-bottom-color:#d9c39c}.shop-screen .sh-card.paper .sh-rows .tot{border-bottom-color:#8a6f55}.shop-screen .sh-card.paper .green{color:#1e7a3f}.shop-screen .sh-card.paper .red{color:#b3261e}.pc-wallet{cursor:pointer;border-top:1px solid #ffffff24;flex-wrap:wrap;gap:2px 10px;margin-top:4px;padding-top:4px;display:flex}.pc-wallet .cur{color:#fff;text-shadow:0 1px #000;white-space:nowrap;align-items:center;gap:3px;font-size:13px;font-weight:900;display:inline-flex}.pc-wallet .cur .ico{width:14px;height:14px}.pc-wallet .xu b{color:#ffd23f}.pc-wallet .vang b{color:#ffe58a}.pc-wallet .phieu b{color:#ff9db8}.pc-wallet .pend{color:#9fe0b0;margin-left:2px;font-size:10px;font-weight:800}.pc-wallet:hover .cur b{text-decoration:underline}.hud-tr{gap:calc(var(--k) * 3px);z-index:4;align-items:center}.minimap{width:calc(var(--k) * 112px);height:calc(var(--k) * 112px);cursor:pointer;filter:drop-shadow(0 3px #00000073);position:relative}.minimap canvas{width:83%;height:83%;image-rendering:pixelated;background:#0b0d20;border-radius:50%;position:absolute;top:8.5%;left:8.5%}.minimap .mm-frame{image-rendering:pixelated;pointer-events:none;background:url(/assets/ui/map/minimap_vien.webp) 0 0/100% 100% no-repeat;position:absolute;inset:0}.minimap:hover .mm-frame{filter:brightness(1.15)}.mm-zone{font-family:var(--font-ui);color:#ffd23f;text-shadow:0 1px #000,0 0 4px #000;margin-top:-2px;font-size:12px;font-weight:900}.hud-tr .chip.net{background:#0f1226c7;border-radius:6px;padding:2px 8px;font-size:11px}@media (max-width:760px),(max-height:520px){.minimap{width:80px;height:80px}.pc-wallet{gap:0 6px;margin-top:2px;padding-top:2px}.pc-wallet .cur{font-size:11px}.pc-wallet .cur .ico{width:12px;height:12px}.mm-zone{font-size:10px}.hud-tr .chip.net{padding:1px 6px;font-size:10px}}.sbtn .rage-ring rect{fill:none}.sbtn .rage-ring .fg{stroke:#ff9f1c;stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 2px #ff781ee6);transition:stroke-dashoffset .25s linear}@keyframes rage-pulse{0%,to{opacity:1}50%{opacity:.55}}.sbtn .rage-pct{left:50%;bottom:calc(var(--k) * -9px);z-index:3;white-space:nowrap;pointer-events:none;font-family:var(--font-ui);font-weight:900;font-size:calc(var(--k) * 10px + 2px);color:#fff;text-shadow:0 1px #000;background:#0c0e22f2;border:2px solid #ff9f1c;border-radius:99px;padding:2px 6px;line-height:1;position:absolute;transform:translate(-50%);box-shadow:0 2px #00000080}.skill-tip-wrap{z-index:60;pointer-events:none;width:min(280px,100vw - 16px);position:fixed}.skill-tip{color:#eef0ff;text-align:left;font-size:12px;line-height:1.35;font-family:var(--font-body);background:#0c0e22f5;border:2px solid #4a5299;border-radius:8px;flex-direction:column;gap:5px;padding:8px 10px;display:flex;box-shadow:0 6px #00000073}.skill-tip .st-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-tip .st-head b{font-family:var(--font-ui);color:#ffd23f;font-size:15px}.skill-tip .st-kind,.skill-tip .st-ult{color:#cfd6ff;white-space:nowrap;background:#2e3566;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:900}.skill-tip .st-ult{color:#ffd0dc;background:#8e2b3b}.skill-tip .st-desc{color:#cfd6ff}.skill-tip .st-dmg b{color:#ff9f1c;font-size:14px}.skill-tip .muted{color:#9aa3c7;font-size:11px}.skill-tip .st-lbl{letter-spacing:.5px;text-transform:uppercase;color:#7bd389;font-size:10px;font-weight:900}.skill-tip .st-cc .st-lbl{color:#ff8a80}.skill-tip .st-foot{color:#a3a9d6;border-top:1px solid #2e3566;padding-top:4px;font-size:11px}.cluster .rage-wrap{display:none}.sbtn .rage-ring circle{fill:none;stroke-width:5px}.sbtn .rage-ring .fg{stroke:#ff9f1c;stroke-linecap:round;filter:drop-shadow(0 0 2px #ff781ecc);transition:stroke-dashoffset .25s linear}.sbtn .rage-ring.full .fg{stroke:#ff5d8f;filter:drop-shadow(0 0 4px #ff5d8f)drop-shadow(0 0 8px #ff5d8fb3);animation:.9s ease-in-out infinite rage-pulse}.sbtn.ult .ico{z-index:1;position:relative}.sbtn.ult .cd,.sbtn.ult .key{z-index:2}.quest .q-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.quest .q-hide{color:#6b4a2e;cursor:pointer;background:#f0e2c0;border:1px solid #b79d78;border-radius:4px;flex:none;width:20px;height:20px;padding:0;font-size:15px;font-weight:900;line-height:1}.quest .q-hide:hover{background:#ffe9b8}.quest-ico{width:calc(var(--k) * 40px);height:calc(var(--k) * 40px);cursor:pointer;image-rendering:pixelated;filter:drop-shadow(0 2px #00000073);background:url(/assets/ui/buttons/o_vuong_xanh_dam_normal.webp) 50%/100% 100% no-repeat;border:0;place-items:center;padding:0;display:grid;position:relative}.quest-ico:hover{background-image:url(/assets/ui/buttons/o_vuong_xanh_ngoc_normal.webp)}.quest-ico .ico{width:calc(var(--k) * 24px);height:calc(var(--k) * 24px)}.quest-ico .dot{color:#fff;text-align:center;background:#e8394a;border:2px solid #fff;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:900;line-height:10px;animation:1.4s ease-in-out infinite q-dot;position:absolute;top:-3px;right:-3px;box-shadow:0 0 6px #e8394acc}@keyframes q-dot{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.hud-left>.quest-ico{position:relative!important}.cluster .s-ult{width:calc(var(--k) * 42px);height:calc(var(--k) * 42px)}.cluster .s-ult .ico{width:calc(var(--k) * 26px);height:calc(var(--k) * 26px)}.sbtn .rage-pct{bottom:calc(var(--k) * -8px);font-size:calc(var(--k) * 9px + 2px);border-width:1.5px;padding:1px 5px}.cluster .s-ride{--x:-190;--y:-16;width:calc(var(--k) * 34px);height:calc(var(--k) * 34px);font-size:calc(var(--k) * 16px)}.cluster .s-ride .ico{width:calc(var(--k) * 24px);height:calc(var(--k) * 24px)}.cluster .s-ride.on{filter:drop-shadow(0 0 4px #ffd23f)drop-shadow(0 0 2px #ffd23f)}.combo{right:calc(14px + var(--safe-r));z-index:4;pointer-events:none;text-align:right;font-family:var(--font-ui);font-style:italic;line-height:1;position:fixed;top:34%}.combo .cb-row{transform-origin:100% 100%;justify-content:flex-end;align-items:baseline;gap:4px;animation:.16s ease-out cb-pop;display:flex}.combo .cb-n{font-size:calc(var(--k) * 34px + 12px);letter-spacing:-1px;background:linear-gradient(#fff 15%,#a6fff2 55%,#3ee0d0 85%);color:#0000;-webkit-text-stroke:1.5px #0e3a47;filter:drop-shadow(0 2px #0b1830)drop-shadow(0 0 6px #3ee0d08c);-webkit-background-clip:text;background-clip:text;font-weight:900}.combo .cb-hits{font-size:calc(var(--k) * 12px + 5px);color:#a6fff2;text-shadow:0 1px #0b1830,0 0 4px #0e3a47;font-weight:900}.combo .cb-dmg{font-size:calc(var(--k) * 9px + 4px);color:#cfe8ff;text-shadow:0 1px #000,0 0 3px #000;letter-spacing:.5px;margin-top:2px;font-weight:800}.combo.t1 .cb-n{-webkit-text-stroke-color:#1b3f8a;background-image:linear-gradient(#fff 15%,#b5dbff 55%,#5fa8ff 85%)}.combo.t2 .cb-n{-webkit-text-stroke-color:#2a1840;filter:drop-shadow(0 2px #0b1830)drop-shadow(0 0 8px #b98be6b3);background-image:linear-gradient(#fff 15%,#e0c8ff 55%,#b98be6 85%)}.combo.t3 .cb-n{-webkit-text-stroke-color:#7a3a1e;filter:drop-shadow(0 2px #0b1830)drop-shadow(0 0 8px #ff9f1ccc);background-image:linear-gradient(#fff1a8 15%,#ffd23f 55%,#ff9f1c 85%)}.combo.t4 .cb-n{-webkit-text-stroke-color:#4a1a2c;filter:drop-shadow(0 2px #0b1830)drop-shadow(0 0 10px #ff5d8fe6);background-image:linear-gradient(#ffd0dc 10%,#ff5d8f 50%,#d2434e 85%)}@keyframes cb-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}@media (max-height:520px){.combo{top:26%}}.title-logo{--w:min(654px, 86vw, 78vh);width:var(--w);aspect-ratio:327/126;filter:drop-shadow(0 4px #0000008c);pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:4px;position:relative}.title-logo .tl-sweep{image-rendering:pixelated;background:url(/assets/ui/logo/logo_pho_hiep_lap_lanh.webp) 0 0 / calc(var(--w) * 14) 100% no-repeat;animation:1.16667s steps(14,end) infinite tl-sweep;position:absolute;inset:0}.title-logo .tl-glow{left:calc(var(--w) * -16 / 327);top:calc(var(--w) * -16 / 327);width:calc(var(--w) * 359 / 327);aspect-ratio:359/158;image-rendering:pixelated;mix-blend-mode:screen;mix-blend-mode:plus-lighter;background:url(/assets/ui/logo/logo_pho_hiep_sang.webp) 50%/100% 100% no-repeat;animation:2.4s ease-in-out infinite tl-glow;position:absolute}@keyframes tl-sweep{to{background-position-x:calc(var(--w) * -14)}}@keyframes tl-glow{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.title-logo .tl-sweep,.title-logo .tl-glow{animation:none}}@media (max-height:500px){.title-logo{--w:min(654px, 86vw, 62vh)}}.dialog .face.has-art{padding:calc(var(--k) * 4px);box-sizing:border-box;overflow:hidden}.dialog .face .face-art{width:100%;height:100%;image-rendering:pixelated;background:radial-gradient(circle at 50% 40%,#fff6df,#e4d2ad 70%);border-radius:2px;display:block}.prompt{z-index:7;max-width:92vw}.prompt .btn{white-space:normal;max-width:100%;line-height:1.15}@media (max-width:560px){.prompt{bottom:calc(var(--safe-b) + 252px)}.prompt .btn{min-height:48px;padding:12px 20px;font-size:16px}}@media (max-width:340px){.cluster{--k:.88}}@media (pointer:coarse){.cluster .s-dodge{--x:-146;--y:12;width:calc(var(--k) * 44px);height:calc(var(--k) * 44px);font-size:calc(var(--k) * 18px)}.cluster .s-potion{--x:-158;--y:-40;width:calc(var(--k) * 44px);height:calc(var(--k) * 44px)}.cluster .s-potion .ico{width:calc(var(--k) * 32px);height:calc(var(--k) * 32px)}.cluster .s-ride{--x:-40;--y:-146;width:calc(var(--k) * 40px);height:calc(var(--k) * 40px)}.joy{width:calc(var(--k) * 112px);height:calc(var(--k) * 112px);bottom:calc(64px + var(--safe-b))}.joy i{left:calc(var(--k) * 36px);top:calc(var(--k) * 36px)}}.cluster .s2{--x:-78;--y:-45}.cluster .s3{--x:-34;--y:-83}.vol-row{grid-template-columns:max-content 1fr 32px;align-items:center;gap:10px;display:grid}.vol-row>span{white-space:nowrap}.vol-row input[type=range]{accent-color:#ff9f1c;width:100%;height:22px}.vol-row b{text-align:right;font-variant-numeric:tabular-nums}.cluster .s-atk{transition:transform 80ms ease-out,filter 80ms;overflow:visible}.cluster .s-atk.held,.cluster .s-atk:active{filter:brightness(1.12)saturate(1.2);transform:translate(-50%,-50%)scale(.9)}.s-atk .atk-ico{z-index:2;font-size:calc(var(--k) * 28px);filter:drop-shadow(0 2px #00000080);line-height:1;animation:.22s ease-out atk-punch;display:inline-block;position:relative}@keyframes atk-punch{0%{transform:scale(1)rotate(0)}35%{transform:scale(1.3)rotate(-14deg)}to{transform:scale(1)rotate(0)}}.s-atk .atk-fx{pointer-events:none;z-index:3;position:absolute;inset:0}.s-atk .atk-fx .ring{border:3px solid #ffe28cf2;border-radius:50%;animation:.4s ease-out forwards atk-ring;position:absolute;inset:-3px;box-shadow:0 0 10px #ffaa28e6,inset 0 0 8px #ffc850b3}@keyframes atk-ring{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.s-atk .atk-fx .slash{background:conic-gradient(from var(--r,0deg), transparent 0 50%, #ffffff26 54%, #fff 68%, #ffce50e6 78%, transparent 88%);filter:drop-shadow(0 0 4px #ffd25af2);border-radius:50%;animation:.32s cubic-bezier(.2,.7,.3,1) forwards atk-slash;position:absolute;inset:-9px;-webkit-mask:radial-gradient(circle,#0000 50%,#000 54% 72%,#0000 76%);mask:radial-gradient(circle,#0000 50%,#000 54% 72%,#0000 76%)}@keyframes atk-slash{0%{opacity:1;transform:rotate(-80deg)}70%{opacity:1}to{opacity:0;transform:rotate(140deg)}}.s-atk .atk-fx .spark{width:4px;height:10px;transform:rotate(var(--a)) translateY(-22px);opacity:0;background:linear-gradient(#fff,#ffcc4d);border-radius:2px;margin:-5px 0 0 -2px;animation:.36s ease-out forwards atk-spark;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ffb020}@keyframes atk-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(-20px) scaleY(1.2)}to{opacity:0;transform:rotate(var(--a)) translateY(-46px) scaleY(.4)}}@media (prefers-reduced-motion:reduce){.s-atk .atk-fx,.s-atk .atk-ico{display:none;animation:none!important}.s-atk .atk-ico{display:inline-block}}.music-style{flex-wrap:wrap;gap:4px}.music-style .tab{white-space:nowrap;flex:1 1 0;min-width:0}.cluster .sbtn:not(.s-atk){background:radial-gradient(circle at 50% 32%,#34407e 0%,#1a1f45 62%,#10132e 100%);border-radius:50%;overflow:visible;box-shadow:inset 0 0 0 2px #8f99e0,inset 0 0 0 3px #00000059,0 0 0 2px #0a0c22,0 3px 0 2px #00000059}.cluster .sbtn.ult{background:radial-gradient(circle at 50% 32%,#5a2d5e 0%,#2a1534 62%,#170b1f 100%);box-shadow:inset 0 0 0 2px #ff7aa8,inset 0 0 0 3px #00000059,0 0 0 2px #0a0c22,0 3px 0 2px #00000059}.cluster .sbtn:not(.s-atk) .ico{border-radius:50%}.cluster .sbtn:not(.s-atk):active{transform:translate(-50%,-50%)scale(.93)}.sbtn .cd-dim{z-index:3;pointer-events:none;background:#030510ad;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sbtn .cd-num{font-weight:900;font-size:calc(var(--k) * 12px + 1px);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 2px #000,0 1px #000,0 0 4px #000000e6;line-height:1}.cluster .s-dodge .cd-num,.cluster .s-potion .cd-num{font-size:calc(var(--k) * 11px + 1px)}.sbtn .cd-ready{z-index:4;pointer-events:none;background:#fff6;border-radius:50%;animation:.45s ease-out forwards cd-ready;position:absolute;inset:-2px;box-shadow:0 0 0 2px #fff6c8f2,0 0 12px 3px #78e6ffcc}@keyframes cd-ready{0%{opacity:1;transform:scale(.92)}60%{opacity:.8;transform:scale(1.12)}to{opacity:0;transform:scale(1.22)}}.sbtn .rage-ring{pointer-events:none;z-index:0;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotate(-90deg)}.sbtn .rage-ring circle{fill:none}.sbtn .rage-ring .bg{stroke:#0a0c20cc;stroke-width:3.2px}.sbtn .rage-ring .fg{stroke:#ff9f1c;stroke-width:2.6px;stroke-linecap:round}.hud-tl .mp-row{margin:0 0 3px;position:relative}.hud-tl .bar.mp{height:calc(var(--k) * 10px)}.bar.mp>i{transition:width .15s linear;box-shadow:inset 0 1px #ffffff73;background:linear-gradient(#a9e6ff 0%,#4fb0ff 40%,#2368d8 100%)!important}.hud-tl .mp-num{font-size:calc(var(--k) * 8px + 1px);color:#eaf6ff;text-shadow:0 0 2px #000,0 1px #000;pointer-events:none;font-weight:900;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}@media (max-width:760px){.hud-tl .bar.mp{height:8px}}.cluster .sbtn.nomana .ico{filter:grayscale(.7)brightness(.65)sepia(.3)hue-rotate(170deg)saturate(2.2)}.cluster .sbtn.nomana:after{content:"";z-index:2;pointer-events:none;background:#1e5ac852;border-radius:50%;position:absolute;inset:0}.sbtn .mp-need{left:50%;bottom:calc(var(--k) * -7px);z-index:4;white-space:nowrap;pointer-events:none;font-weight:900;font-size:calc(var(--k) * 8px + 2px);color:#fff;text-shadow:0 1px #000;background:#1c4fae;border:1.5px solid #8fd0ff;border-radius:99px;padding:1px 4px;line-height:1;position:absolute;transform:translate(-50%)}.cluster .s-mana{--x:-150;--y:-86;width:calc(var(--k) * 36px);height:calc(var(--k) * 36px)}.cluster .s-mana .ico{width:calc(var(--k) * 26px);height:calc(var(--k) * 26px)}.cluster .s-mana .cnt{right:calc(var(--k) * 2px);font-size:calc(var(--k) * 9px);color:#fff;text-shadow:0 1px #000,0 0 3px #000;z-index:2;font-weight:900;position:absolute;bottom:0}.cluster .sbtn.s-mana{box-shadow:inset 0 0 0 2px #6ec8ff,inset 0 0 0 3px #00000059,0 0 0 2px #0a0c22,0 3px 0 2px #00000059}.cluster .sbtn.s-potion{box-shadow:inset 0 0 0 2px #ff8a80,inset 0 0 0 3px #00000059,0 0 0 2px #0a0c22,0 3px 0 2px #00000059}.cluster .sbtn.empty .ico{filter:grayscale()brightness(.6)}@media (pointer:coarse){.cluster .s-mana{--x:-150;--y:-96;width:calc(var(--k) * 44px);height:calc(var(--k) * 44px)}.cluster .s-mana .ico{width:calc(var(--k) * 32px);height:calc(var(--k) * 32px)}}.auto-wrap{pointer-events:auto;flex-direction:column;align-items:center;gap:3px;display:flex}.auto-btn{cursor:pointer;font-family:var(--font-ui);font-weight:900;font-size:calc(var(--k) * 11px + 1px);letter-spacing:.5px;color:#fff;text-shadow:0 1px #000;background:linear-gradient(#3a4486,#1d2350);border:2px solid #8f99e0;border-radius:99px;align-items:center;gap:4px;padding:3px 10px 3px 6px;display:flex;position:relative;box-shadow:0 2px #00000073}.auto-btn .ab-ico{font-size:calc(var(--k) * 12px + 1px);line-height:1}.auto-btn:active{transform:scale(.94)}.auto-btn.on{color:#3a1500;text-shadow:0 1px #fff6;background:linear-gradient(#ffb347,#e8590c);border-color:#ffe08a;box-shadow:0 0 10px #ffa028bf,0 2px #00000073}.auto-btn .ab-ring{pointer-events:none;opacity:0;border-radius:99px;position:absolute;inset:-5px}.auto-btn.on .ab-ring{opacity:1;border:2px solid #fff3c4;border-color:#fff3c4 #fff3c459 #0000 #0000;animation:1.1s linear infinite ab-spin}@keyframes ab-spin{to{transform:rotate(360deg)}}.auto-panel{min-width:calc(var(--k) * 112px);cursor:pointer;font-size:calc(var(--k) * 9px + 2px);color:#eef0ff;background:#0c0e22e0;border:1.5px solid #ff9f1c;border-radius:8px;padding:4px 7px;line-height:1.35;box-shadow:0 2px #00000073}.auto-panel .ap-status{color:#ffd23f;white-space:nowrap;font-weight:900}.auto-panel .ap-row{white-space:nowrap;justify-content:space-between;gap:8px;display:flex}.auto-panel .ap-tax{color:#ff8a80;font-weight:800}.auto-panel .ap-rate{text-align:center;font-weight:900;font-size:calc(var(--k) * 8px + 2px);border-radius:4px;margin-top:2px;padding:0 4px}.auto-panel .ap-rate.t0{color:#b8f5c8;background:#1f5f3a}.auto-panel .ap-rate.t1{color:#ffe08a;background:#6b4a10}.auto-panel .ap-rate.t2{color:#ffc2c2;background:#6e1b22}.auto-receipt-wrap{z-index:70;background:#05061273;place-items:center;display:grid;position:fixed;inset:0}.auto-receipt{color:#3a2a1a;background:#fbf3dc repeating-linear-gradient(0deg,#0000 0 21px,#8c6e461f 21px 22px);border:2px solid #b79d78;border-radius:4px;width:min(300px,88vw);padding:14px 16px 12px;font-size:13px;animation:.28s ease-out ar-in;position:relative;box-shadow:0 8px #00000059}.auto-receipt:after{content:"";background:radial-gradient(circle at 7px 0,#fbf3dc 6px,#0000 6.5px) 0 0/14px 9px repeat-x;height:9px;position:absolute;bottom:-9px;left:-2px;right:-2px}@keyframes ar-in{0%{opacity:0;transform:translateY(14px)rotate(-1.5deg)}}.auto-receipt .ar-head{text-align:center;font-family:var(--font-ui);letter-spacing:1px;color:#8b2a1a;font-size:15px;font-weight:900}.auto-receipt .ar-sub{text-align:center;color:#8a6f55;border-bottom:1px dashed #b79d78;margin-bottom:8px;padding-bottom:6px;font-size:10px}.auto-receipt .ar-line{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.auto-receipt .ar-line.tax b{color:#b3261e}.auto-receipt .ar-net{color:#1f6b3a;font-size:15px}.auto-receipt .ar-xp{color:#24609f}.auto-receipt .ar-stamp{color:#c0392b;letter-spacing:2px;opacity:.78;border:3px double #c0392b;border-radius:6px;padding:2px 8px;font-size:15px;font-weight:900;animation:.35s cubic-bezier(.3,1.6,.5,1) .25s backwards ar-stamp;position:absolute;top:46px;right:14px;transform:rotate(-14deg)}@keyframes ar-stamp{0%{opacity:0;transform:rotate(-14deg)scale(2.2)}}.auto-receipt .btn{width:100%;margin-top:10px}.incense-chip{left:50%;top:calc(var(--safe-t) + 8px);z-index:5;pointer-events:none;color:#ffe7a3;background:#281a08d1;border:1.5px solid #c9962e;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:800;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 2px #0006}.incense-chip.in{background:#5c3a0ae6;border-color:#ffe08a;box-shadow:0 0 12px #ffc850b3,0 2px #0006}.incense-chip .ic-bowl{animation:1.6s ease-in-out infinite ic-glow}@keyframes ic-glow{50%{filter:drop-shadow(0 0 5px #ffb020)}}@media (max-width:560px){.incense-chip{top:auto;bottom:calc(var(--safe-b) + 310px);font-size:11px}}.auto-wrap .auto-panel{position:absolute;top:-2px;right:calc(100% + 6px)}.combo{top:44%}@media (max-width:560px){.auto-wrap .auto-panel{position:static}}.auto-btn{isolation:isolate;overflow:hidden}.auto-btn .ab-ring,.auto-btn.on .ab-ring{border-radius:inherit;z-index:-1;opacity:0;border:0;animation:none;position:absolute;inset:0;transform:none}.auto-btn.on .ab-ring{opacity:1;background:linear-gradient(105deg,#0000 0 35%,#ffffffbf 47%,#fff0 60%) -120% 0/220% 100% no-repeat;animation:1.6s ease-in-out infinite ab-shine}@keyframes ab-shine{0%{background-position:130% 0}60%,to{background-position:-130% 0}}.auto-btn.on{animation:1.6s ease-in-out infinite ab-glow}@keyframes ab-glow{0%,to{box-shadow:0 0 6px #ffa0288c,0 2px #00000073}50%{box-shadow:0 0 14px #ffbe46f2,0 2px #00000073}}.auto-btn .ab-ico,.auto-btn .ab-txt{z-index:1;position:relative}.load-screen{z-index:90;padding:calc(var(--safe-t) + 6vh) 16px calc(var(--safe-b) + 6vh);color:#fff;pointer-events:auto;flex-direction:column;justify-content:space-between;align-items:center;animation:.25s ease-out ls-in;display:flex;position:fixed;inset:0;overflow:hidden}.load-screen.leaving{pointer-events:none;animation:.42s ease-in forwards ls-out}@keyframes ls-in{0%{opacity:0}}@keyframes ls-out{to{opacity:0;transform:scale(1.02)}}.load-screen .man-hinh-chinh{z-index:0}.load-screen .ls-shade{z-index:0;background:linear-gradient(#08091826 0%,#0809180d 40%,#080918c7 78%,#080918eb 100%);position:absolute;inset:0}.load-screen .ls-top,.load-screen .ls-bottom{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.load-screen .title-logo{--w:min(440px, 74vw, 46vh)}.load-screen .ls-zone{text-shadow:0 2px #000,0 0 10px #000c;flex-direction:column;align-items:center;margin-top:6px;line-height:1.1;display:flex}.load-screen .ls-zone span{letter-spacing:2px;text-transform:uppercase;color:#cfd6ff;font-size:13px}.load-screen .ls-zone b{font-family:var(--font-ui);color:#ffd23f;letter-spacing:.5px;font-size:clamp(22px,5vw,34px);font-weight:900}.load-screen .ls-bottom{gap:8px;width:min(560px,92vw)}.load-screen .ls-track{width:100%;padding-top:74px;position:relative}.load-screen .ls-runner{pointer-events:none;filter:drop-shadow(0 3px #00000073);width:84px;height:86px;transition:left .25s ease-out;position:absolute;bottom:14px;transform:translate(-50%)}.ls-bar{height:28px;image-rendering:pixelated;border-style:solid;border-width:6px;border-image:url(/assets/ui/form/thanh_tien_do_9slice.webp) 6 fill/6px;position:relative}.ls-bar>i{min-width:0;max-width:calc(100% + 4px);image-rendering:pixelated;background:url(/assets/ui/form/thanh_tien_do_fill_cam.webp) 0 0/100% 100%;transition:width .25s ease-out;display:block;position:absolute;top:-2px;bottom:-2px;left:-2px;overflow:hidden}.ls-bar>i:after{content:"";background:linear-gradient(100deg,#0000 0 40%,#ffffff8c 50%,#0000 60%) 0 0/200% 100%;animation:1.4s linear infinite ls-shine;position:absolute;inset:0}@keyframes ls-shine{0%{background-position:150% 0}to{background-position:-50% 0}}.load-screen .ls-row{color:#dfe4ff;text-shadow:0 1px #000;align-items:center;gap:8px;width:100%;font-size:13px;display:flex}.load-screen .ls-row b{font-family:var(--font-ui);color:#ffd23f;font-variant-numeric:tabular-nums;margin-left:auto;font-size:16px}.load-screen .ls-tip{color:#eef0ff;background:#0f122ad1;border:1.5px solid #4a5299;border-radius:8px;align-items:flex-start;gap:8px;width:100%;min-height:52px;padding:8px 10px;font-size:13px;line-height:1.4;animation:.4s ease-out ls-tip;display:flex;box-shadow:0 3px #00000059}.load-screen .ls-tip-k{letter-spacing:1px;color:#3a1d00;background:#ffb347;border-radius:4px;flex:none;margin-top:1px;padding:2px 6px;font-size:10px;font-weight:900}@keyframes ls-tip{0%{opacity:0;transform:translateY(6px)}}@media (max-height:480px){.load-screen{padding-top:calc(var(--safe-t) + 3vh);padding-bottom:calc(var(--safe-b) + 3vh)}.load-screen .title-logo{--w:min(300px, 50vw, 40vh)}.load-screen .ls-track{padding-top:60px}.load-screen .ls-runner{transform-origin:50% 100%;transform:translate(-50%)scale(.8)}.load-screen .ls-tip{min-height:0}}.mini-load{left:50%;top:calc(var(--safe-t) + 6px);z-index:60;pointer-events:none;color:#ffd23f;background:#0c0e22d9;border:1.5px solid #4a5299;border-radius:99px;align-items:center;gap:6px;width:min(220px,60vw);padding:3px 8px;font-size:11px;display:flex;position:fixed;transform:translate(-50%)}.mini-load .ls-bar{border-width:3px;border-image-width:3px;flex:1;height:14px}.style-tab{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.style-stage{flex-direction:column;flex:none;align-items:center;gap:6px;width:190px;margin:0 auto;display:flex}.style-stage .stage-bg{background:radial-gradient(at 50% 78%,#ffd23f59,#0000 62%),linear-gradient(#232a5a,#12163a);border:2px solid #3a4280;border-radius:10px;place-items:center;width:178px;display:grid;overflow:hidden;box-shadow:inset 0 0 18px #00000080}.style-stage .stage-name{text-align:center;flex-direction:column;align-items:center;line-height:1.2;display:flex}.style-stage .btn{width:100%}.style-list{flex-direction:column;flex:220px;gap:8px;min-width:0;display:flex}.style-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.style-tile{cursor:pointer;text-align:center;color:inherit;font:inherit;background:#1b2050;border:2px solid #2e3566;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px 6px;display:flex;position:relative}.style-tile .st-ico{background:radial-gradient(circle,#2e3566,#161a40);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.style-tile .st-nm{word-break:break-word;font-size:12px;font-weight:800;line-height:1.15}.style-tile.sel{border-color:#ffb347;box-shadow:0 0 0 2px #ffb34766,0 0 12px #ffb34773}.style-tile.worn{background:#1e3a30;border-color:#4fd08a}.style-tile.worn.sel{border-color:#ffb347}.style-tile .st-tag{color:#fff;background:#2f9e62;border:1.5px solid #0b0e26;border-radius:99px;padding:1px 6px;font-size:9px;font-weight:900;position:absolute;top:-6px;right:-4px}@media (max-width:520px){.style-stage{width:100%}.style-stage .stage-bg{width:190px}.style-tile .st-ico{width:46px;height:46px}}.fatigue-chip{color:#dfffe9;cursor:help;background:#1e3c28bf;border:1px solid #5fbf86;border-radius:10px;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:900;display:flex}.fatigue-chip .fc-bar{background:#00000073;border-radius:3px;flex:none;width:46px;height:5px;overflow:hidden}.fatigue-chip .fc-bar i{background:#6ee39a;height:100%;display:block}.fatigue-chip.warn{color:#ffe7b8;background:#50380acc;border-color:#ffb84d}.fatigue-chip.warn .fc-bar i{background:#ffb84d}.fatigue-chip.tired{color:#ffd6d6;background:#50141ed9;border-color:#ff6b6b;animation:2.4s ease-in-out infinite fc-pulse}.fatigue-chip.tired .fc-bar{display:none}@keyframes fc-pulse{50%{box-shadow:0 0 8px #ff6b6bb3}}.screen.title .cont-btn{align-items:center;gap:6px;display:inline-flex}.screen.title .cont-btn img{filter:drop-shadow(0 2px #0009);margin:-8px 0}.stage{flex-shrink:0}@media (max-width:680px){.win.v-shop .shop-top{flex-direction:column;align-items:stretch;gap:6px}.win.v-shop .shop-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.win.v-shop .shop-tabs::-webkit-scrollbar{display:none}.win.v-shop .stab{white-space:nowrap;flex:1 1 0;justify-content:center;gap:4px;min-width:0;padding:0 2px;font-size:11.5px}.win.v-shop .shop-wallet{justify-content:flex-end;align-self:stretch;gap:10px;min-width:0;padding:3px 8px;font-size:12px}.win.v-shop .shop-wallet .plus{flex:none}.win.v-shop .shop-tabs,.win.v-shop .shop-wallet{box-sizing:border-box;min-width:0;max-width:100%}.win.v-shop .shop-body{flex-direction:column;gap:8px;display:flex;overflow:hidden}.win.v-shop .shop-side{text-align:left;background:#00000047;border-radius:10px;flex:none;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:3px 10px;padding:6px 8px;display:grid;overflow:visible}.win.v-shop .shop-side>*{grid-column:2;justify-self:start}.win.v-shop .shop-side .stage{grid-area:1/1/span 8;align-self:center;height:128px}.win.v-shop .shop-side .stage .walk{transform:scale(1.6)}.win.v-shop .shop-name{font-size:16px}.win.v-shop .shop-tags,.win.v-shop .shop-parts,.win.v-shop .shop-buy{flex-wrap:wrap;justify-content:flex-start}.win.v-shop .shop-buy .btn{min-height:32px}.win.v-shop .shop-grid{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;height:auto;min-height:0;overflow-y:auto}.win.v-shop .fstage{height:70px}.win.v-shop .fstage .walk{margin-bottom:6px;transform:scale(1.1)}.win.v-shop .fcard .fname{font-size:11px;line-height:1.15}.win.v-shop .fcard .fdesc,.win.v-shop .fcard .ftag{display:none}.win.v-shop .fcard .fprice{font-size:11px}.win.v-shop .win-body>.muted.small{display:none}}.win.v-board{--bg:#12163a;--text:#eef0ff;--muted:#a3a9d6;--yellow:#ffd23f;background:#141838 padding-box padding-box;border-image:url(/assets/ui/frames/frame_panel.webp) 16/16px round}.win.v-board .win-head h2{color:#ffd23f}.win.v-board .card{color:#2a2118;--muted:#7a6a58;--text:#2a2118;--yellow:#a85d00;--cyan:#17756f;--green:#2a7240;--red:#b3261e;background:repeating-linear-gradient(#0000 0 21px,#78aae659 21px 22px),#fbf6e8;border:2px solid #c9a06a;border-top-width:12px;position:relative;box-shadow:3px 3px #0006}.win.v-board .card.hl{border-color:#f5a000}.win.v-board .card:before{content:"";background:radial-gradient(circle,#e8404f 3px,#0000 3.5px) 0 0/14px 6px repeat-x;height:6px;position:absolute;top:-9px;left:6px;right:6px}.win.v-board .pill{color:#4a3a2a;background:#00000014}.win.v-board .pill.cyan{color:#17756f;background:#17756f26}.win.v-enhance{background:#f6efde padding-box padding-box;border-image:url(/assets/ui/frames/frame_stamp_gold.webp) 16/16px round}.anvil-row{justify-content:center;display:flex}.anvil-row .ico{width:168px;height:auto;image-rendering:pixelated}.rate-bar{background:#14122a;border:3px solid #2a2140;height:16px}.rate-bar i{background:linear-gradient(#8fe0a0,#3dab6a);height:100%;display:block}.enh-log{background:repeating-linear-gradient(#0000 0 25px,#78aae659 25px 26px),#fbf6e8;border:3px solid #f5a000;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.enh-log b{color:#7a2a1a;font-size:16px}.enh-log-row{border-bottom:1px dashed #cdb48c;padding:3px 0;font-size:13px;font-weight:700}.win:not(.v-shop):not(.v-profile):not(.v-class):not(.v-guild):not(.v-training):not(.v-craft):not(.v-board):not(.v-market):not(.v-mapw):not(.v-jobs):not(.v-project) .tab{color:#7a604a;text-shadow:none;background:#e9dcc0;border:2px solid #b79d78;border-bottom:0;border-image:;border-radius:6px 6px 0 0;min-height:0;padding:5px 14px}.win:not(.v-shop):not(.v-profile):not(.v-class):not(.v-guild):not(.v-training):not(.v-craft):not(.v-board):not(.v-market):not(.v-mapw):not(.v-jobs):not(.v-project) .tab.on{color:#7a2a1a;background:#fffaf0;border-color:#7a2a1a}.itab{font-family:var(--font-ui);color:#7a604a;background:#e9dcc0;border:2px solid #b79d78;border-bottom:0;border-radius:6px 6px 0 0;padding:5px 16px;font-size:15px;font-weight:800}.itab.on{color:#7a2a1a;background:#fffaf0;border-color:#7a2a1a}.win.v-profile .tab{color:#cfd6ff;background:#1b2050;border:2px solid #3a4280;border-image:;border-radius:6px 6px 0 0;padding:5px 14px}.win.v-profile .tab.on{color:#0b2b2b;background:#3ee0d0;border-color:#3ee0d0}.item .nm.rar{color:var(--text)}.win:not(.v-shop):not(.v-profile):not(.v-class):not(.v-guild):not(.v-training):not(.v-craft):not(.v-board):not(.v-market):not(.v-mapw):not(.v-jobs):not(.v-project) .item .nm.rar[style*=color]{filter:brightness(.7)saturate(1.3)}.lg-overlay{z-index:90}.lg-win{width:min(420px,100%)}.lg-body{flex-direction:column;align-items:stretch;gap:10px;display:flex}.lg-why{background:#ffd23f1f;border:1px solid #ffd23f66;border-radius:10px;padding:8px 10px;font-size:13px}.lg-perks{gap:4px;margin:0;padding-left:4px;font-size:13px;list-style:none;display:grid}.lg-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.acc-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.title-login{color:#e8ecff;font:700 12px var(--font-ui);cursor:pointer;text-shadow:0 1px 2px #000;background:#0a0c208c;border:1px solid #ffffff40;border-radius:999px;margin-top:2px;padding:6px 12px}.title-login.on{cursor:default;text-align:center;color:#9be7b0}.lg-gwrap{align-self:center;width:min(300px,100%);height:48px;margin-top:6px;position:relative}.lg-google{min-height:0;font:900 15px var(--font-ui);pointer-events:none;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.lg-gic{background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 2px #00000040}.lg-g{width:17px;height:17px}.lg-gwrap.live:hover .lg-google{border-image-source:url(/assets/ui/buttons/nut_cam_hover.webp);transform:translateY(-1px)}.lg-gwrap.live:active .lg-google{border-image-source:url(/assets/ui/buttons/nut_cam_pressed.webp);transform:translateY(1px)}.lg-gwrap:not(.live) .lg-google{filter:saturate(.7)brightness(.95)}.lg-gsi{opacity:.01;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.lg-gsi>div,.lg-gsi iframe{transform:scaleY(1.15)}.lg-gwrap.busy .lg-gsi{pointer-events:none}.lg-spin{border:3px solid #3a1d0040;border-top-color:#3a1d00;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite cs-spin}@keyframes cs-spin{to{transform:rotate(360deg)}}.g-ic{vertical-align:middle;background:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-right:2px;display:inline-grid;box-shadow:0 1px #00000040}.title-login .g-ic{width:18px;height:18px}.screen.create{justify-content:flex-start;padding:10px 12px}.cs-wrap{flex-direction:column;gap:10px;width:min(1040px,100%);display:flex}.cs-top{align-items:center;gap:10px;display:flex}.cs-name{min-width:0;font-family:var(--font-ui);color:#fff;flex:1;padding:0 6px;font-size:18px;font-weight:700}.cs-main{grid-template-columns:236px 1fr;align-items:start;gap:12px;display:grid}.cs-list{border:2px solid var(--line);background:#0a0c2099;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;display:grid}.cs-chip{color:var(--text);text-align:center;background:#1b2050;border:2px solid #2e3566;border-radius:8px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:4px 1px;font-size:9px;font-weight:700;line-height:1.1;display:flex}.cs-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cs-chip:hover{border-color:var(--cyan)}.cs-chip.sel{border-color:var(--yellow);color:#ffd23f;background:#3a2b12}.cs-stage-col{flex-direction:column;gap:8px;min-width:0;display:flex}.cs-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.cs-head h2{margin:0}.class-stage{aspect-ratio:16/9;width:100%;max-width:640px;image-rendering:pixelated;background:#1a1840;border:3px solid #0b0d20;border-radius:6px;display:block}.cs-skills{flex-wrap:wrap;gap:8px;display:flex}.cs-sk{width:54px;height:54px;image-rendering:pixelated;color:#fff;background:url(/assets/ui/hud/skill_slot.webp) 50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cs-sk.ult{background-image:url(/assets/ui/hud/skill_slot_ultimate.webp)}.cs-sk.on{filter:brightness(1.25)drop-shadow(0 0 5px #ffd23f);transform:translateY(-2px)}.cs-sk .k{text-shadow:0 1px #000;font-size:10px;font-weight:900;position:absolute;top:1px;left:3px}.cs-sk-ico{font-size:26px}.cs-info{border:2px solid var(--line);background:#0a0c2099;border-radius:8px;min-height:74px;padding:8px 10px}.cs-extra{flex-direction:column;gap:4px;display:flex}@media (max-width:760px){.cs-main{grid-template-columns:1fr}.cs-list{grid-template-columns:repeat(8,1fr)}.cs-chip span{display:none}.cs-chip{padding:3px 0}.cs-name{font-size:15px}}@media (max-height:520px){.cs-main{grid-template-columns:200px 1fr}.cs-list{grid-template-columns:repeat(4,1fr)}.cs-extra{display:none}.class-stage{max-width:420px}}.cs-wrap{width:min(1120px,100%);margin:auto}.cs-top{grid-template-columns:1fr minmax(0,520px) 1fr;align-items:center;gap:10px;display:grid}.cs-top>:first-child{justify-self:start}.cs-top>:last-child{justify-self:end}.cs-name{text-align:center;width:100%}.cs-main{grid-template-columns:232px minmax(0,1fr) 300px;grid-template-areas:"list stage side";align-items:start}.cs-list{grid-area:list}.cs-stage-col{grid-area:stage}.cs-side{flex-direction:column;grid-area:side;gap:8px;display:flex}.cs-head{text-align:center;justify-content:center}.class-stage{max-width:none}.cs-skills{justify-content:center}.cs-info{min-height:0}@media (max-width:1020px){.cs-main{grid-template-columns:232px minmax(0,1fr);grid-template-areas:"list stage""list side"}}@media (max-width:760px){.cs-top{grid-template-columns:auto minmax(0,1fr) auto}.cs-main{grid-template-columns:1fr;grid-template-areas:"list""stage""side"}}@media (max-height:520px){.cs-main{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"list stage""list side"}}.cs-name{box-sizing:border-box;text-align:center;height:48px;padding:0 10px;font-size:19px}.cs-top .btn{white-space:nowrap;justify-content:center;align-items:center;min-height:48px;display:inline-flex}.class-stage-wrap{width:100%;position:relative}.class-stage-wrap .class-stage{max-width:none}.cs-load{color:#e8ecff;font:700 13px var(--font-ui);text-align:center;background:#10102ed1;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;inset:3px}.cs-load.mini{background:#0a0c20bf;border-radius:6px;padding:4px 8px;font-size:11px;inset:auto 8px 8px auto}.cs-spin{border:4px solid #ffffff26;border-top-color:#ffd23f;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite cs-spin}.cs-bar{background:#ffffff1f;border-radius:3px;width:min(240px,70%);height:6px;overflow:hidden}.cs-bar i{background:linear-gradient(90deg,#ffd23f,#ff9f43);height:100%;transition:width .25s;display:block}.intro{z-index:900;background:#000;place-items:center;animation:.5s ease-out both ob-in;display:grid;position:fixed;inset:0}.intro.leaving{animation:.6s ease-in both ob-out}@keyframes ob-in{0%{opacity:0}to{opacity:1}}@keyframes ob-out{to{opacity:0}}.intro-video{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;background:0 0}.intro-top{top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + 12px);gap:8px;display:flex;position:absolute}.intro-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c1ea6;border:1px solid #ffffff59;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:800;animation:.4s both ob-in}.intro-btn.skip:hover{color:#1a1a1a;background:#ffd23fe6}.intro-bar{background:#ffffff1f;height:3px;position:absolute;bottom:0;left:0;right:0}.intro-bar i{background:#ffd23f;height:100%;transition:width .25s linear;display:block}.intro-load{color:#cfd6ff;pointer-events:none;flex-direction:column;align-items:center;gap:10px;font-weight:700;display:flex;position:absolute}.intro-load i{border:3px solid #fff3;border-top-color:#ffd23f;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite ob-spin}@keyframes ob-spin{to{transform:rotate(360deg)}}.intro-play{color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex;position:absolute}.intro-play span{color:#1a1a1a;background:#ffd23f;border-radius:50%;place-items:center;width:76px;height:76px;font-size:34px;display:grid;box-shadow:0 0 0 8px #ffd23f40}.intro-rotate{color:#fff;background:#0a0c1ebf;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;animation:.4s both ob-in;position:absolute;top:18%}.prologue{z-index:50;cursor:pointer;-webkit-user-select:none;user-select:none;background:#05060f;animation:.6s ease-out both ob-in;position:fixed;inset:0;overflow:hidden}.prologue.leaving{animation:.45s ease-in both ob-out}.pl-bg{transform-origin:50% 100%;height:76%;image-rendering:pixelated;background:bottom/cover no-repeat;animation:14s ease-out both pl-ken,.9s ease-out both ob-in;position:absolute;top:0;left:0;right:0}.pl-bg.out{z-index:1;animation:.9s ease-out both ob-out}@keyframes pl-ken{0%{transform:scale(1.02)}to{transform:scale(1.09)translateY(-1%)}}.pl-tint{pointer-events:none;mix-blend-mode:soft-light;position:absolute;inset:0}.pl-tint.violet{background:radial-gradient(circle at 50% 40%,#a878ff73,#0000 70%);animation:2.4s ease-in-out infinite pl-pulse}.pl-tint.red{background:radial-gradient(circle at 50% 40%,#ff3c5066,#0000 70%)}.pl-tint.gold{background:radial-gradient(circle at 30% 70%,#ffd23f8c,#0000 60%);animation:1.6s ease-in-out infinite pl-pulse}@keyframes pl-pulse{50%{opacity:.55}}.pl-vignette{pointer-events:none;background:linear-gradient(#05060f8c 0%,#0000 20% 62%,#05060fe6 76%,#05060f 84%);position:absolute;inset:0}.pl-me{z-index:2;filter:drop-shadow(0 6px #00000059);animation:.6s cubic-bezier(.2,1.4,.4,1) both pl-me-in;position:absolute;bottom:22%;left:8%}@keyframes pl-me-in{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.pl-aura{mix-blend-mode:screen;background:radial-gradient(circle,#ffe48cd9,#ffbe3c40 45%,#0000 70%);border-radius:50%;width:220px;height:220px;animation:1.6s ease-in-out infinite pl-aura;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}@keyframes pl-aura{50%{opacity:.75;transform:translate(-50%,-50%)scale(1.12)}}.pl-top{top:calc(var(--safe-t) + 10px);z-index:5;cursor:default;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.pl-prog{background:#ffffff26;border-radius:4px;flex:1;height:4px;overflow:hidden}.pl-prog i{background:#ffd23f;height:100%;transition:width .4s;display:block}.pl-box{left:50%;bottom:calc(var(--safe-b) + 18px);z-index:4;color:#eef0ff;background:#0c0e22e6;border:2px solid #3a4290;border-radius:14px;width:min(820px,94vw);padding:16px 20px 26px;animation:.3s ease-out both pl-box-in;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@keyframes pl-box-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.pl-box.who-narrator{text-align:center;background:#080916c7;border-color:#ffffff26;font-style:italic}.pl-box.who-system{text-align:center;background:#3c2c06eb;border-color:#ffd23f;box-shadow:0 0 30px #ffd23f73}.pl-box.who-system .pl-text{color:#fff3c8;font-weight:800}.pl-box.who-vua{background:#28060eeb;border-color:#c0303f}.pl-box.who-ba_sau{border-color:#e8b95a}.pl-box.who-me{border-color:#4aa8ff}.pl-speaker{align-items:flex-end;gap:8px;display:flex;position:absolute;top:-46px;left:18px}.pl-face{background:#1b1f48;border:2px solid #ffd23f;border-radius:10px;width:64px;height:64px;overflow:hidden}.pl-face canvas,.pl-face .face{image-rendering:pixelated;width:100%!important;height:100%!important}.pl-speaker b{color:#1a1a1a;background:#ffd23f;border-radius:6px;margin-bottom:4px;padding:2px 10px;font-size:14px}.pl-box:has(.pl-speaker){padding-top:26px}.pl-text{min-height:2.6em;font-size:17px;line-height:1.55}.pl-caret{color:#ffd23f;margin-left:2px;animation:.7s steps(2,end) infinite pl-blink}@keyframes pl-blink{50%{opacity:0}}.pl-next{color:#a3a9d6;font-size:11px;font-style:normal;animation:1.2s ease-in-out infinite pl-bob;position:absolute;bottom:6px;right:16px}@keyframes pl-bob{50%{transform:translateY(3px)}}.pl-choices{cursor:default;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.pl-controls{z-index:4;color:#eef0ff;cursor:default;background:#0c0e22f0;border:2px solid #ffd23f;border-radius:14px;flex-direction:column;gap:12px;width:min(620px,94vw);max-height:88vh;padding:18px;animation:.4s both ob-in;display:flex;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.pl-ctl-h{color:#ffd23f;text-align:center;font-size:20px}.pl-ctl-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pl-ctl{background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pl-key{color:#1a1a2a;background:#f3f0e8;border-radius:8px;flex:none;place-items:center;min-width:54px;height:34px;padding:0 8px;font-size:13px;font-weight:900;display:grid;box-shadow:0 3px #9aa0bd}.pl-key.ico{color:#fff;background:#262c62;min-width:40px;font-size:20px;box-shadow:0 3px #0b0d22}.pl-ctl-t{flex-direction:column;min-width:0;display:flex}.pl-ctl-t b{font-size:13px}.pl-ctl-t em{color:#a3a9d6;font-size:11px;font-style:normal}.pl-go{align-self:center;padding:12px 22px!important;font-size:18px!important}@media (max-width:640px){.pl-ctl-grid{grid-template-columns:1fr}.pl-text{font-size:15px}.pl-me{transform-origin:0 100%;bottom:35%;left:2%;transform:scale(.75)}.pl-bg{background-size:auto 100%;height:64%}}.pl-bg.bg-hem_69{background-position:0 100%}.pl-me.at-hem_69{left:17%}@media (max-width:640px){.pl-me.at-hem_69{left:28%}}.intro.portrait{background:radial-gradient(#1b1640 0%,#07060f 70%)}.intro-logo{transform-origin:50% 0;pointer-events:none;opacity:.95;position:absolute;top:12%;left:50%;transform:translate(-50%)scale(.62)}.win.v-khoe{box-sizing:border-box;color:#4a2e1c;background:#f4efe2 padding-box padding-box;border:14px solid #0000;border-image:url(/assets/ui/chia_se/khung/bang_kem_9slice.webp) 12 fill/14px round;border-radius:0;width:min(980px,100%);max-width:100%;box-shadow:0 8px #00000059}.win.v-khoe .win-head h2{color:#4a2410;text-transform:uppercase;letter-spacing:.5px}.win.v-khoe .win-body{flex-direction:column;gap:10px;display:flex}.win.v-khoe .muted{color:#8a6f55}.kh-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.kh-tabs button{min-height:40px;font:800 14px var(--font-ui);color:#4a2410;cursor:pointer;white-space:nowrap;background:#e9c9a0;border:2px solid #7a4a2a;border-radius:4px;justify-content:center;align-items:center;gap:6px;display:flex;position:relative;box-shadow:0 3px #7a4a2a}.kh-tabs button.on{background:#ffad33;box-shadow:0 3px #8a4a00}.kh-tabs button img{image-rendering:pixelated}.kh-tabs .dot{background:#e53935;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.kh-wait,.kh-login{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:30px 10px;display:flex}.kh-login img{image-rendering:pixelated}.kh-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;display:grid}.kh-left{flex-direction:column;gap:8px;min-width:0;display:flex}.kh-preview{background:#fffaf0;border:3px solid #6b3a1c;border-radius:6px;overflow:hidden;box-shadow:0 3px #00000040}.kh-preview img{aspect-ratio:1200/630;object-fit:cover;width:100%;display:block}.kh-meta{border-top:2px solid #e2c99a;flex-direction:column;gap:2px;padding:6px 10px 8px;font-size:12px;display:flex}.kh-meta .dom{text-transform:uppercase;color:#8a6f55;letter-spacing:.5px;font-size:10px}.kh-meta b{color:#2a1a0e;font-size:14px}.kh-msg{flex-direction:column;gap:4px;font-size:13px;font-weight:800;display:flex}.kh-msg textarea{resize:vertical;font:500 13px var(--font-body);color:#4a2e1c;background:#fffaf0;border:2px solid #8a5a36;border-radius:6px;padding:6px 8px}.kh-right{flex-direction:column;gap:8px;min-width:0;display:flex}.kh-h{font-size:15px;font-weight:900}.kh-ch{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;display:grid}.kh-c{cursor:pointer;font:800 11.5px var(--font-ui);color:#3a2414;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;display:flex}.kh-c .tile{width:52px;height:52px;image-rendering:pixelated;background:50%/100% 100% no-repeat;place-items:center;transition:transform 80ms;display:grid}.kh-c .tile img{image-rendering:pixelated}.kh-c:hover .tile{transform:translateY(-2px)}.kh-c:active .tile{transform:translateY(1px)}.kh-c .nm{text-align:center;line-height:1.1}.kh-daily{background:#fff3d6;border:3px solid #f0a020;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.kh-daily .gift{image-rendering:pixelated}.kh-daily .txt{flex-direction:column;gap:2px;min-width:0;font-size:12px;display:flex}.kh-daily .txt b{color:#7a3a00;font-size:14px}.kh-daily .v{color:#a86a00}.kh-daily .streak{color:#6b4a2e;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:800;display:flex}.kh-daily .streak img{width:176px;height:28px;image-rendering:pixelated}.kh-daily .btn{min-width:120px}.kh-invite{background:#fffaf0;border:2px solid #c79a5c;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.kh-invite .code{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kh-invite .code img{image-rendering:pixelated}.kh-invite .code span{font-size:13px;font-weight:800}.kh-invite .code b{font:900 22px var(--font-ui);color:#8a1f1f;letter-spacing:1px;background:#fff;border:2px solid #8a5a36;border-radius:6px;padding:2px 12px}.kh-invite .code button{font:800 10px var(--font-ui);cursor:pointer;color:#4a2e1c;background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;display:inline-flex}.kh-friends{flex-direction:column;gap:4px;display:flex}.kh-friends>div{background:#fff;border:2px solid #e2c99a;border-radius:6px;grid-template-columns:26px minmax(0,1fr) auto 24px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:grid}.kh-friends .st{color:#a86a3a;font-size:11px}.kh-friends .ok .st{color:#2e7d4a}.kh-friends .av{text-align:center;font-size:18px}.kh-rw{flex-wrap:wrap;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.kh-rw span{align-items:center;gap:3px;display:inline-flex}.kh-rw .v{color:#a86a00}.kh-rw .p{color:#c2185b}.kh-rw .i{color:#2e7d4a}.kh-rewards{flex-direction:column;gap:10px;display:flex}.kh-total{background:linear-gradient(#fff6d6,#fff1c4);border:3px solid #f0a020;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.kh-total img{image-rendering:pixelated}.kh-total>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.kh-total b{font-size:15px}.kh-total .v{color:#a86a00}.kh-total .p{color:#c2185b}.kh-total .bar,.kh-track .bar{background:#d9c2a0;border-radius:5px;height:10px;position:relative;overflow:visible}.kh-total .bar i,.kh-track .bar i{background:linear-gradient(90deg,#5cc46a,#3ea055);border-radius:5px;height:100%;display:block}.kh-track{background:#fffaf0;border:2px solid #c79a5c;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.kh-track .h{justify-content:space-between;gap:8px;font-size:13px;display:flex}.kh-track .h span{color:#8a6f55;font-size:12px;font-weight:800}.kh-track .tick{background:#6b4a2e;width:2px;height:14px;position:absolute;top:-2px;transform:translate(-1px)}.kh-track .ms{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.kh-track .m{text-align:center;background:#fff;border:2px solid #e2c99a;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;min-height:92px;padding:6px;display:flex}.kh-track .m.ready{background:#fff3d6;border-color:#f0a020;box-shadow:0 0 0 2px #f0a02059}.kh-track .m.got{opacity:.75;background:#eef8ef;border-color:#8cc79a}.kh-track .m .n{font-size:12px;font-weight:900}.kh-track .m img{image-rendering:pixelated}.kh-rules summary{cursor:pointer;font-size:13px;font-weight:800}.kh-rules ul{gap:4px;margin:6px 0 0;padding-left:18px;font-size:12px;display:grid}.kh-pop-wrap{z-index:95;background:#0808188c;place-items:center;display:grid;position:fixed;inset:0}.kh-pop{color:#fff;background:#1b1d3e;border:4px solid #ffa726;border-radius:6px;flex-direction:column;align-items:center;gap:10px;width:min(440px,92vw);padding:34px 18px 18px;animation:.25s ease-out kh-pop;display:flex;position:relative;box-shadow:0 10px #00000073}@keyframes kh-pop{0%{opacity:0;transform:scale(.85)}}.kh-pop .rib{text-align:center;min-width:240px;font:900 15px var(--font-ui);color:#3a1d00;image-rendering:pixelated;background:url(/assets/ui/chia_se/khung/ruy_bang_vang.webp) 50%/100% 100% no-repeat;padding:6px 18px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.kh-pop .t{color:#ffe08a;font-weight:800}.kh-pop .cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.kh-pop .c{background:#2a2450;border:2px solid #ffd27a;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;width:130px;padding:14px 6px;display:flex}.kh-pop .c.p{border-color:#ff8fb4}.kh-pop .c.v b{color:#ffd23f}.kh-pop .c.p b{color:#ff8fb4}.kh-pop .c.i b{color:#9be7b0;text-align:center;font-size:12px}.kh-pop .stamp{width:72px;height:72px;image-rendering:pixelated;animation:.35s ease-out .15s both kh-stamp;position:absolute;top:-18px;right:-24px}@keyframes kh-stamp{0%{opacity:0;transform:scale(2)rotate(-20deg)}}.kh-pop .sub{color:#cfd6ff;font-size:12px}.kh-pop .btn{min-width:180px}.khoe-chip{align-items:center;gap:4px;display:inline-flex;position:relative}.khoe-chip img{image-rendering:pixelated}.khoe-chip .dot{background:#e53935;border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite kh-blink;position:absolute;top:-3px;right:-3px}@keyframes kh-blink{50%{transform:scale(1.25)}}@media (max-width:760px){.win.v-khoe{height:100%;max-height:100%}.win.v-khoe .win-body{overflow-y:auto}.win.v-khoe{border-width:10px}.kh-tabs{gap:4px}.kh-tabs button{white-space:normal;flex-direction:column;gap:1px;min-height:46px;padding:2px;font-size:11px;line-height:1.05}.kh-tabs button img{width:20px;height:20px}.kh-invite .code b{padding:2px 8px;font-size:18px}.kh-body{grid-template-columns:1fr}.kh-ch{grid-template-columns:repeat(4,minmax(0,1fr))}.kh-c .tile{width:48px;height:48px}.kh-daily{grid-template-columns:auto minmax(0,1fr)}.kh-daily .streak,.kh-daily .btn{grid-column:1/-1}.kh-track .ms{grid-template-columns:repeat(2,minmax(0,1fr))}}.auto-wrap{position:relative}.auto-cfg-btn{right:calc(var(--k) * -12px - 10px);color:#fff;cursor:pointer;background:#0f1226d9;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font-size:14px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px #00000073}.auto-cfg-btn:active{transform:translateY(-50%)scale(.92)}.hud-tr .auto-cfg-btn{left:-32px;right:auto}.acfg-wrap{z-index:95;background:#05060f73;place-items:center;padding:12px;animation:.15s ease-out both acfg-fade;display:grid;position:fixed;inset:0}@keyframes acfg-fade{0%{opacity:0}}.acfg{color:#f2f4ff;background:#151937;border:2px solid #3a4290;border-radius:14px;width:min(420px,100%);max-height:calc(100% - 24px);padding:12px 14px 10px;animation:.2s cubic-bezier(.2,1.3,.4,1) both acfg-pop;overflow:auto;box-shadow:0 10px 30px #0000008c}@keyframes acfg-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}}.acfg-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.acfg-head b{color:#ffd23f;font-size:16px}.acfg-head .x{position:static}.acfg-foot{color:#a3a9d6;text-align:center;margin-top:8px;font-size:11px}.acfg-body{flex-direction:column;gap:8px;display:flex}.acfg-row{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.acfg-row.slider{flex-direction:column;align-items:stretch;gap:6px}.acfg-l{flex-direction:column;flex:1;min-width:0;display:flex}.acfg-l b{font-size:13px}.acfg-l span{color:#a3a9d6;font-size:11px;line-height:1.3}.acfg-sl{align-items:center;gap:10px;display:flex}.acfg-v{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;font-size:15px}.acfg-row.hp .acfg-v{color:#ff8a8a}.acfg-row.mp .acfg-v{color:#7cc4ff}.acfg-sl input[type=range]{--c:#ff5d6c;appearance:none;touch-action:pan-y;cursor:pointer;background:0 0;flex:1;height:26px;margin:0}.acfg-row.mp input[type=range]{--c:#3fa2ff}.acfg-sl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--c) var(--v), #ffffff24 var(--v));border-radius:8px;height:8px}.acfg-sl input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--c) var(--v), #ffffff24 var(--v));border-radius:8px;height:8px}.acfg-sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--c);background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-7px;box-shadow:0 2px #0006}.acfg-sl input[type=range]::-moz-range-thumb{border:3px solid var(--c);background:#fff;border-radius:50%;width:16px;height:16px}.acfg-row.swr{cursor:pointer;position:relative}.acfg-row.swr input{opacity:0;pointer-events:none;position:absolute}.acfg-kit{width:48px;height:24px;image-rendering:pixelated;background:url(/assets/ui/window/toggle_tat.webp) 50%/100% 100% no-repeat;flex:none}.acfg-kit.on{background-image:url(/assets/ui/window/toggle_bat.webp)}.acfg-row.swr input:focus-visible+.acfg-kit{outline-offset:2px;outline:2px solid #ffd23f}.win .acfg-row{background:#0000000a;border-color:#00000014}.win .acfg-l span{color:inherit;opacity:.7}.win.v-hunt{--bg:#161a3a;--card:#1e2350;--line:#3e4690;--text:#eef0ff;--muted:#a3a9d6;--gold:#ffcf4a;width:min(1240px,100%);height:min(760px,100%);color:var(--text);border-image:url(/assets/ui/khung_9slice/bang_san_quai.webp) 16 / calc(var(--k) * 16px) round;background:#161a3a padding-box padding-box}.win.v-hunt .win-head h2{color:var(--gold);text-align:center;letter-spacing:1px;text-shadow:0 2px #000;font-size:24px}.win.v-hunt .win-body{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:auto}.hm-sub{text-align:center;color:var(--muted);margin-top:-6px;font-size:12.5px}.hm-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hm-tabs button{background:var(--card);color:#cfd6ff;border:2px solid var(--line);border-radius:8px;padding:4px 12px;font-size:13px;font-weight:800}.hm-tabs button.on{background:var(--gold);color:#3a2400;border-color:#ffe9a6}.hm-hot{color:#ffb4a0;font-size:12px;font-weight:800}.hm-body{flex:none;grid-template-columns:170px minmax(0,1fr) 290px;gap:12px;display:grid}.hm-moc{flex-direction:column;gap:8px;display:flex}.hm-moc button{border:2px solid var(--line);color:#fff;cursor:pointer;background:#262c5c;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:9px 6px;display:flex}.hm-moc button b{font-size:15px}.hm-moc button span{color:var(--muted);font-size:12px}.hm-moc button.on{background:var(--gold);color:#3a2400;border-color:#ffe9a6}.hm-moc button.on span{color:#6b4a00}.hm-moc button.lock{opacity:.62}.hm-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;display:grid}.hm-card{text-align:left;border:2px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:7px;display:flex;position:relative}.hm-card b{font-size:14.5px}.hm-card.sel{border-color:var(--gold);background:#3a3020;box-shadow:0 0 0 2px #ffcf4a40}.hm-card.lock .hm-img img{filter:grayscale(.7)brightness(.7)}.hm-card.cur:after{content:"Đang ở đây";color:#fff;background:#00897b;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:900;position:absolute;bottom:8px;right:8px}.hm-card .boss{color:#ff9e9e}.hm-card.old{cursor:default}.hm-img{aspect-ratio:160/96;background:#0b0d20;border-radius:6px;width:100%;position:relative;overflow:hidden}.hm-img img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.old-img{background:repeating-linear-gradient(45deg,#2a2f55 0 10px,#252a4d 10px 20px);justify-content:center;align-items:center;font-size:46px;display:flex}.hm-badge{white-space:nowrap;color:var(--gold);background:#0c0e22e0;border-radius:99px;align-items:center;gap:4px;padding:2px 9px 2px 3px;font-size:11.5px;font-weight:900;display:inline-flex;position:absolute;top:6px;left:6px}.hm-badge img{image-rendering:pixelated;border-radius:50%}.hm-badge.k-bi_an{color:#c9a7ff}.hm-badge.k-do_thi{color:#9fd3ff}.hm-badge.k-que{color:#b9f6ca}.hm-hotpill{color:#fff;background:#e8462e;border-radius:99px;padding:2px 10px;font-size:11.5px;font-weight:900;position:absolute;top:6px;right:6px;box-shadow:0 2px #00000059}.hm-lock{color:#fff;background:#000000b8;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:900;position:absolute;inset:auto 6px 6px auto}.hm-detail{border:2px solid var(--gold);background:#1b2048;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.hm-detail h3{text-align:center;color:var(--gold);margin:0;font-size:17px}.hm-detail>.tiny{text-align:center}.hm-h{color:var(--gold);margin-top:6px;font-size:13.5px;font-weight:900}.hm-h.boss{color:#ff8f8f}.hm-mons{justify-content:center;gap:14px;display:flex}.hm-mon{text-align:center;flex-direction:column;align-items:center;gap:2px;max-width:110px;font-size:11.5px;display:flex}.hm-mon em{color:var(--muted);font-size:11px;font-style:normal}.hm-boss{align-items:center;gap:8px;display:flex}.hm-bossart{flex:none;justify-content:center;width:90px;display:flex}.hm-boss ul{margin:2px 0 0;padding-left:16px;font-size:12px}.hm-boss li{margin:1px 0}.hm-it{align-items:center;gap:4px;font-weight:700;display:inline-flex}.chest-ico{object-fit:cover;object-position:0 0;width:24px;height:18px;image-rendering:pixelated}.hm-actions{flex-direction:column;align-items:stretch;gap:6px;margin-top:auto;padding-top:8px;display:flex}.hm-go{letter-spacing:.5px;color:#3a2400;cursor:pointer;background:linear-gradient(#ffe066,#ffbf2e);border:3px solid #fff1b8;border-radius:10px;padding:10px;font-size:17px;font-weight:900;box-shadow:0 3px #a86b00}.hm-go:disabled{filter:grayscale(.8);cursor:not-allowed}.hm-go:not(:disabled):hover{filter:brightness(1.06)}.hm-cards{flex-direction:column;gap:10px;display:flex}.hm-cardgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.hm-pc{text-align:center;background:var(--card);border:2px dashed var(--line);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px;display:flex}.hm-pc img{width:144px;height:96px;image-rendering:pixelated;filter:grayscale()brightness(.45)}.hm-pc.has{border-style:solid;border-color:var(--gold);background:#2c2840}.hm-pc.has img{filter:none;transform:rotate(-2deg);box-shadow:0 4px 10px #00000073}.hm-title{color:var(--gold);border:2px solid var(--gold);border-radius:99px;align-self:center;padding:6px 18px;font-size:18px;font-weight:900}@media (max-width:980px){.hm-body{grid-template-columns:1fr}.hm-moc{flex-direction:row;padding-bottom:2px;overflow-x:auto}.hm-moc button{flex:none;padding:6px 10px}.hm-moc button b{font-size:13px}}@media (max-width:520px){.hm-badge{gap:0;padding:2px;font-size:0}.hm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hm-card b{font-size:12.5px}.hm-card .tiny{font-size:10.5px}.hm-hot{font-size:11px}}.hh-top{left:50%;top:calc(var(--safe-t) + 8px);z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:3px;width:min(430px,56vw);display:flex;position:fixed;transform:translate(-50%)}.hh-name{color:#ffe7a3;white-space:nowrap;text-overflow:ellipsis;background:#0e1026e6;border-radius:10px;max-width:100%;padding:4px 16px;font-size:14px;font-weight:900;overflow:hidden;box-shadow:0 2px #0006}.hh-bar{width:100%;height:16px;image-rendering:pixelated;background:url(/assets/ui/ban_do_san/thanh_phien_muon_0.webp) 0 0/100% 100%;position:relative}.hh-bar i{background:url(/assets/ui/ban_do_san/thanh_phien_muon_100.webp) 0 0 / var(--bw) 100% no-repeat;image-rendering:pixelated;transition:width .25s;position:absolute;inset:0 auto 0 0}.hh-bar.ready{filter:drop-shadow(0 0 6px #d29bff);animation:1.2s ease-in-out infinite hh-pulse}@keyframes hh-pulse{50%{filter:drop-shadow(0 0 12px #e1bee7)}}.hh-txt{color:#fff;text-shadow:0 1px #000,0 0 4px #000;text-align:center;font-size:11.5px;font-weight:800}.hh-txt.ready{color:#e1bee7}.hh-trait{left:calc(var(--safe-l) + 8px);bottom:calc(var(--safe-b) + 64px);z-index:4;color:#eef0ff;pointer-events:auto;cursor:pointer;background:#0e1026e0;border:2px solid #3e4690;border-radius:10px;max-width:min(330px,46vw);padding:7px 10px;position:fixed}.hh-trait b{color:#9fd3ff;font-size:13px}.hh-trait .st{margin-top:2px;font-size:12px;font-weight:800}.hh-trait.alert{border-color:#ff8a65}.hh-trait.alert .st{color:#ffb4a0}.hh-trait .desc{color:#a3a9d6;margin-top:2px;font-size:11.5px}.hh-trait.mini .desc{display:none}.hh-dark{pointer-events:none;z-index:3;background:#000;transition:opacity .3s;position:fixed;inset:0}@media (max-width:760px){.hh-top{top:calc(var(--safe-t) + 152px);width:92vw}.hh-name{padding:3px 12px;font-size:12.5px}.hh-txt{font-size:10.5px}.hh-trait{bottom:auto;top:calc(var(--safe-t) + 214px);max-width:74vw;padding:5px 8px}.hh-trait b{font-size:12px}.hh-trait .st{font-size:11px}}.cluster .aim-cancel{left:calc(16px * var(--k));top:calc(-164px * var(--k));width:calc(var(--k) * 50px);height:calc(var(--k) * 50px);color:#fff;pointer-events:none;background:#141630c7;border:2px solid #ffffff8c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;font-weight:900;animation:.15s ease-out both aim-in;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px #00000080}.cluster .aim-cancel b{font-size:calc(var(--k) * 16px);line-height:1}.cluster .aim-cancel span{font-size:calc(var(--k) * 9px);line-height:1.1}.cluster .aim-cancel.over{background:#c83046eb;border-color:#ffd0d6;transform:translate(-50%,-50%)scale(1.15)}@keyframes aim-in{0%{opacity:0}to{opacity:1}}.toasts{gap:6px;width:min(92vw,440px)}.toasts .toast{--tc:#3b4aa0;--tb:#6f7fe0;border:1px solid var(--tb);color:#f2f4ff;text-align:left;background:#0d0f22ed padding-box padding-box;border-image:;border-radius:10px;align-items:center;gap:8px;max-width:100%;padding:4px 12px 4px 4px;font-size:13px;font-weight:700;line-height:1.3;animation:.22s cubic-bezier(.2,1.3,.4,1) both toast-in,.35s ease-in 2.85s forwards toast-out;display:flex;box-shadow:0 3px #00000073,inset 0 1px #ffffff0f}.toasts .toast.good{--tc:#1e8a4c;--tb:#3ecf7a}.toasts .toast.bad{--tc:#a3241c;--tb:#ff6b6b}.toasts .toast.gold{--tc:#a8750c;--tb:#ffd23f;background:#281c06ed padding-box padding-box}.toast .t-ico{background:var(--tc);color:#fff;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;font-size:15px;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 -2px #00000047,inset 0 1px #ffffff40}.toast .t-txt{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.toast .t-n{background:var(--tc);border-radius:99px;flex:none;margin-left:auto;padding:0 6px;font-size:11px;font-weight:900}.toasts .toast:nth-last-child(n+4){display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.94)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}@media (max-width:760px),(max-height:520px){.toasts .toast{gap:7px;padding:3px 10px 3px 3px;font-size:12px}.toast .t-ico{border-radius:6px;width:22px;height:22px;font-size:13px}}@media (max-width:560px) and (orientation:portrait){.toasts{width:min(84vw,340px);top:auto;bottom:56%}}.guide{--gb:#ffd23f;pointer-events:auto;color:#eef0ff;background:linear-gradient(#181c3ef5,#0e1026f5);border:2px solid #ffd23fbf;border-radius:12px;width:min(340px,44vw);padding:8px 10px 9px;font-size:13px;line-height:1.45;animation:.35s cubic-bezier(.2,1.3,.4,1) both g-in;position:relative;box-shadow:0 4px #00000073,0 0 18px #ffd23f2e}.guide.ok{border-color:#3ecf7a;box-shadow:0 4px #00000073,0 0 20px #3ecf7a73}@keyframes g-in{0%{opacity:0;transform:translate(-14px)}}.g-head{align-items:center;gap:6px;display:flex;position:relative}.g-step{color:var(--gb);letter-spacing:.3px;white-space:nowrap;font-size:11px;font-weight:900}.g-prog{background:#ffffff1f;border-radius:5px;flex:1;height:5px;overflow:hidden}.g-prog i{background:linear-gradient(90deg,#ffb347,#ffd23f);height:100%;transition:width .5s;display:block}.g-ib{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:7px;place-items:center;width:24px;height:24px;padding:0;font-size:13px;line-height:1;display:grid}.g-ib:hover{background:#ffd23f33}.g-menu{z-index:3;background:#0f1230;border:1px solid #fff3;border-radius:9px;flex-direction:column;min-width:170px;padding:4px;display:flex;position:absolute;top:28px;right:0;box-shadow:0 6px 16px #00000080}.g-menu button{text-align:left;color:#eef0ff;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:12px}.g-menu button:hover{background:#ffd23f26}.g-title{align-items:center;gap:8px;margin:7px 0 4px;display:flex}.g-ico{background:#ffd23f29;border:1px solid #ffd23f66;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.g-title b{color:#fff3c4;font-size:15px;line-height:1.25}.g-body p{margin:4px 0}.g-body ul,.g-body ol{margin:4px 0 4px 18px;padding:0}.g-body li{margin:3px 0}.g-body b{color:#fff}.g-body .g-red{color:#ff8a8a}.g-body .g-blue{color:#7cc4ff}.g-body .g-cyan{color:#6ee7d8}.g-body .g-tip{background:#3ee0d01a;border-left:3px solid #3ee0d0;border-radius:0 6px 6px 0;padding:4px 8px;font-size:12px}kbd.gk{text-align:center;color:#1a1a2a;vertical-align:1px;background:#f3f0e8;border-radius:5px;min-width:20px;height:19px;margin:0 1px;padding:0 5px;font:800 11px/18px Be Vietnam Pro,system-ui,sans-serif;display:inline-block;box-shadow:0 2px #9aa0bd}.g-more{color:#ffd23f;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px;font-weight:800;display:none}.g-tasks{background:#00000040;border-radius:9px;flex-direction:column;gap:5px;margin:7px 0 0;padding:7px 8px;list-style:none;display:flex}.g-tasks li{align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.g-box{color:#0d2a18;border:2px solid #ffffff73;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;font-size:12px;font-weight:900;display:grid}.g-tasks li.ok .g-box{background:#3ecf7a;border-color:#3ecf7a;animation:.35s cubic-bezier(.2,1.6,.4,1) g-pop}.g-tasks li.ok .g-tl{color:#9ef0bf;-webkit-text-decoration:line-through #9ef0bf80;text-decoration:line-through #9ef0bf80}.g-cnt{color:#ffd23f;font-variant-numeric:tabular-nums;background:#ffd23f24;border-radius:99px;margin-left:auto;padding:0 7px;font-size:11px;font-weight:900}@keyframes g-pop{0%{transform:scale(.3)}}.g-foot{align-items:center;gap:8px;min-height:26px;margin-top:8px;display:flex}.g-skip{color:#a3a9d6;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.g-done{color:#3ecf7a;margin-left:auto;font-size:15px;font-weight:900;animation:.4s cubic-bezier(.2,1.6,.4,1) g-pop}.guide-pill{pointer-events:auto;cursor:pointer;color:#fff;text-align:left;background:#0e1026f0;border:2px solid #ffd23fbf;border-radius:99px;align-items:center;gap:7px;max-width:min(300px,46vw);padding:4px 12px 4px 4px;animation:.3s both g-in;display:flex;box-shadow:0 3px #00000073}.guide-pill.ok{border-color:#3ecf7a}.gp-ico{background:#ffd23f2e;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.gp-txt{flex-direction:column;min-width:0;line-height:1.2;display:flex}.gp-txt b{color:#ffd23f;font-size:10px}.gp-txt span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.gp-dot{background:#ffd23f;border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite g-blink}@keyframes g-blink{50%{opacity:.25}}.g-ring{z-index:60;pointer-events:none;border:3px solid #ffd23f;border-radius:14px;animation:1.1s ease-in-out infinite g-ring;position:fixed;box-shadow:0 0 0 4px #ffd23f40,0 0 22px #ffd23fcc}@keyframes g-ring{50%{box-shadow:0 0 0 9px #ffd23f14,0 0 30px #ffd23ff2}}.g-hand{filter:drop-shadow(0 2px #00000080);font-size:22px;font-style:normal;animation:1.1s ease-in-out infinite g-tap;position:absolute;bottom:-22px;right:-14px}@keyframes g-tap{50%{transform:translate(-4px,-6px)}}.g-ptr{z-index:3;pointer-events:auto;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:fixed;transform:translate(-50%,-100%)}.g-ptr span{color:#fff3c4;white-space:nowrap;background:#0e1026e6;border:1px solid #ffd23f;border-radius:99px;order:-1;padding:1px 9px;font-size:12px;font-weight:800;box-shadow:0 2px #0006}.g-arrow{color:#ffd23f;text-shadow:0 2px #7a4a00,0 0 10px #ffd23fe6;font-size:22px;font-style:normal;line-height:1}.g-ptr.here .g-arrow{animation:.8s ease-in-out infinite g-bob}@keyframes g-bob{50%{transform:translateY(7px)}}.g-ptr.edge{transform:translate(-50%,-50%)}.g-ptr.edge .g-arrow{transform:rotate(var(--rot));animation:none}.g-end-wrap{z-index:85;background:#05060f8c;place-items:center;padding:12px;animation:.25s both g-fade;display:grid;position:fixed;inset:0}@keyframes g-fade{0%{opacity:0}}.g-end{text-align:center;color:#eef0ff;background:linear-gradient(#1d2150,#12142e);border:3px solid #ffd23f;border-radius:16px;width:min(440px,100%);padding:30px 18px 14px;animation:.45s cubic-bezier(.2,1.4,.4,1) both g-in2;position:relative;box-shadow:0 0 40px #ffd23f59,0 10px #0006}@keyframes g-in2{0%{opacity:0;transform:scale(.85)}}.g-ribbon{white-space:nowrap;letter-spacing:.5px;color:#3a2400;background:linear-gradient(#ffe08a,#ffb347);border-radius:8px;padding:5px 22px;font-size:14px;font-weight:900;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 3px #a85d00}.g-end-ico{margin-bottom:6px;font-size:48px;line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) g-pop}.g-end p{margin:4px 0 10px}.g-gift{background:#ffd23f1a;border:1px dashed #ffd23f99;border-radius:12px;padding:8px}.g-items{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.g-item{flex-direction:column;align-items:center;gap:2px;width:78px;display:flex;position:relative}.g-item i{text-shadow:0 1px #000,0 0 3px #000;font-size:12px;font-style:normal;font-weight:900;position:absolute;top:18px;right:14px}.g-item small{color:#cfd6ff;font-size:10.5px;line-height:1.2}.g-end-btns{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 8px;display:flex}.g-confetti{pointer-events:none;z-index:2;position:absolute;top:0;left:50%;transform:translate(-50%,-30%)}@media (max-width:760px),(max-height:520px){.hud-left:has(.guide){max-width:calc(100vw - 132px - var(--safe-l) - var(--safe-r))}.guide{width:min(320px,100vw - 132px);padding:7px 8px 8px;font-size:12px}.g-title b{font-size:13.5px}.g-ico{width:26px;height:26px;font-size:15px}.g-body{max-height:6.4em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.g-body.more{max-height:46vh;overflow:auto;-webkit-mask-image:none;mask-image:none}.g-more{display:block}.g-tasks li{font-size:12px}.guide-pill{max-width:calc(100vw - 140px)}}@media (max-height:520px){.g-body{max-height:4.8em}.g-body.more{max-height:52vh}}.g-go{color:#3a2400;background:linear-gradient(#ffe27a,#ffc531);border:2px solid #8a5a00;font-weight:900}.guide-pill-row{align-items:stretch;gap:6px;display:flex}.guide-go{background:linear-gradient(#ffe27a,#ffc531);border:2px solid #8a5a00;border-radius:12px;width:44px;min-height:40px;padding:0;font-size:20px;animation:1.6s ease-in-out infinite g-pulse;box-shadow:0 2px #00000059}@keyframes g-pulse{50%{transform:scale(1.06)}}.g-ptr span:after{content:" 👆"}#ui>.g-ring,.g-ring,.g-ring *{pointer-events:none!important}.menu-it{display:contents}#ui>.shop-screen,.shop-screen{pointer-events:none;z-index:10;font-family:var(--font-body);position:fixed;inset:0}.shop-screen>*{pointer-events:auto}.sh-top{padding:calc(6px + var(--safe-t)) 12px 6px;background:linear-gradient(#0a0c20eb,#0a0c20a6);border-bottom:2px solid #2e3566;flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:absolute;top:0;left:0;right:0}.sh-title{font-family:var(--font-ui);align-items:center;gap:8px;display:flex}.sh-title .big{font-size:26px}.sh-title b{color:#ffd23f;font-size:17px}.sh-rep{min-width:150px}.sh-bar{background:#0b0d20;border:2px solid #000;height:10px;margin-top:2px}.sh-bar i{background:linear-gradient(90deg,#ffb52e,#ffd23f);height:100%;transition:width .2s;display:block}.sh-bar.small{width:140px;height:8px}.sh-cash{font-family:var(--font-ui);align-items:center;gap:5px;font-size:16px;display:inline-flex}.sh-card{color:var(--text);background:#12163a;border:3px solid #3a4280;border-radius:6px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 6px #00000073}.sh-card h2{color:#ffd23f;margin:0;font-size:20px}.sh-prep{width:min(440px,100vw - 24px);top:70px;bottom:12px;right:12px;overflow-y:auto}.sh-center,.sh-summary{z-index:3;text-align:center;align-items:stretch;width:min(460px,100vw - 24px);top:50%;left:50%;transform:translate(-50%,-45%)}.sh-prods{flex-direction:column;gap:6px;display:flex}.sh-prod{background:#1b2050;border:2px solid #2e3566;border-radius:4px;align-items:center;gap:10px;padding:6px 8px;display:flex}.sh-prod.locked{opacity:.5}.sh-prod .pic{text-align:center;width:34px;font-size:26px}.step{align-items:center;gap:4px;display:flex}.step b{text-align:center;min-width:22px;font-family:var(--font-ui);font-size:17px}.step button{color:#fff;background:#2e3566;border:2px solid #4a5299;border-radius:4px;width:30px;height:28px;font-size:15px;font-weight:900}.step button:active{transform:translateY(1px)}.sh-sum{background:#00000040;border-radius:4px;flex-direction:column;gap:3px;padding:8px 10px;font-size:14px;display:flex}.sh-sum div{justify-content:space-between;display:flex}.sh-name{align-items:center;gap:4px;display:flex}.sh-name b{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.sh-name .pen{cursor:pointer;opacity:.8;background:0 0;border:0;padding:2px 4px;font-size:14px}.sh-name .pen:hover{opacity:1;transform:scale(1.1)}.sh-name-edit{align-items:center;gap:4px;display:flex}.sh-name-edit input{width:200px;font:700 15px var(--font-ui);color:#2a1a0e;background:#fff6df;border:2px solid #ffd23f;border-radius:4px;outline:none;padding:3px 6px}.sh-name-edit button{color:#fff;background:#2e3566;border:2px solid #4a5299;border-radius:4px;width:28px;height:28px;font-weight:900}.sh-name-edit button.ok{background:#2f7d4a;border-color:#5fd38a}.sh-tips{flex-direction:column;gap:3px;margin:0;padding-left:18px;display:flex}.sh-live{left:50%;top:calc(64px + var(--safe-t));font-family:var(--font-ui);white-space:nowrap;background:#0a0c20e6;border:2px solid #3a4280;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:calc(100vw - 16px);padding:5px 10px 5px 14px;font-size:15px;font-weight:800;display:flex;position:absolute;transform:translate(-50%)}.sh-live .state{color:#7bff9e}.sh-live.paused .state{color:#ffd23f}.sh-live .muted{color:#b8c0e8}.sh-toggle{font:800 13px var(--font-ui);color:#fff;cursor:pointer;background:#1f2448;border:2px solid #4a5299;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.sh-toggle i{color:#c9cde8;background:#3a3f62;border-radius:3px;padding:1px 5px;font-size:11px;font-style:normal}.sh-toggle.on{border-color:#3ee0d0;box-shadow:0 0 8px #3ee0d073}.sh-toggle.on i{color:#fff;background:#1c8f84}.sh-msg{left:50%;top:calc(112px + var(--safe-t));pointer-events:none;z-index:2;text-align:center;background:#0a0c20eb;border:2px solid #ffd23f;border-radius:6px;max-width:calc(100vw - 24px);padding:4px 12px;font-weight:700;position:absolute;transform:translate(-50%)}.sh-bottom{left:0;right:0;bottom:calc(8px + var(--safe-b));pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;padding:0 10px;display:flex;position:absolute}.sh-bottom>*{pointer-events:auto}.sh-hands{background:#0a0c20e0;border:2px solid #3a4280;border-radius:8px;min-width:170px;max-width:240px;padding:6px 10px}.sh-hands .slots{gap:6px;margin:3px 0;display:flex}.sh-hands .slot{background:#0b0d20;border:2px dashed #4a5299;border-radius:6px;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.sh-hands .hint{color:#ffe58a;min-height:14px}.sh-keys{text-align:center;text-shadow:0 1px 2px #000;flex-basis:100%;pointer-events:none!important}.sh-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sh-pbtn{color:#fff;touch-action:none;cursor:pointer;background:#1f2448;border:3px solid #4a5299;border-bottom-width:6px;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:88px;height:88px;display:flex;position:relative;overflow:hidden}.sh-pbtn:active{border-bottom-width:4px;transform:translateY(2px)}.sh-pbtn.want{border-color:#ffd23f;box-shadow:0 0 10px #ffd23f99}.sh-pbtn.empty{opacity:.45}.sh-pbtn .pic{z-index:1;font-size:30px;line-height:1}.sh-pbtn .nm{z-index:1;text-align:center;font-size:11px;font-weight:800;line-height:1.1}.sh-pbtn .st{color:#cfd6ff;z-index:1;font-size:10px}.sh-pbtn .k{color:#ffd23f;z-index:1;font-size:11px;font-weight:900;position:absolute;top:2px;left:5px}.sh-pbtn .want-dot{color:#2a1a0e;z-index:1;background:#ffd23f;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;font-weight:900;display:grid;position:absolute;top:3px;right:4px}.sh-pbtn .fill{background:#3ee0d059;position:absolute;bottom:0;left:0;right:0}.sh-restock{text-align:left;width:min(460px,100vw - 24px);max-height:calc(100vh - 140px);overflow-y:auto}.sh-stockline{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sh-rows{text-align:left;flex-direction:column;gap:4px;font-size:14px;display:flex}.sh-rows div{border-bottom:1px dashed #2e3566;justify-content:space-between;padding:2px 0;display:flex}.sh-rows .tot{font-size:18px;font-family:var(--font-ui);border-bottom:2px solid #3a4280}.sh-req{flex-direction:column;gap:2px;font-size:13px;font-weight:700;display:flex}.sh-eq{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.sh-eq .tiers{gap:4px;display:flex}.sh-eq .tiers span{background:#d6c8a8;border:1px solid #8a6f55;width:22px;height:8px}.sh-eq .tiers span.on{background:#f5a000}@media (max-width:760px){.sh-top{gap:8px}.sh-rep{min-width:110px}.sh-prep{width:auto;max-height:50vh;top:auto;left:8px;right:8px}.sh-pbtn{width:70px;height:74px}.sh-pbtn .pic{font-size:24px}.sh-live{top:calc(96px + var(--safe-t));gap:6px 8px;padding:4px 8px;font-size:12px}.sh-msg{top:calc(150px + var(--safe-t))}.sh-hands{min-width:0;padding:4px 8px}.sh-hands .slot{width:30px;height:30px;font-size:19px}.sh-keys{display:none}.sh-name b{max-width:150px}.sh-name-edit input{width:140px}}.sh-ctrl{flex-direction:column;align-items:stretch;gap:6px;display:flex}.sh-ctrl .sh-toggle{justify-content:space-between}@media (max-width:760px){.sh-ctrl{flex-flow:wrap;justify-content:center}}@media (max-height:520px){.sh-top{padding:calc(3px + var(--safe-t)) 10px 3px;flex-wrap:nowrap;gap:10px}.sh-title .big{font-size:20px}.sh-title .tiny{display:none}.sh-title b{font-size:15px}.sh-rep{min-width:100px}.sh-cash{font-size:14px}.sh-live{top:calc(44px + var(--safe-t));gap:8px;padding:3px 8px;font-size:12px}.sh-msg{top:calc(76px + var(--safe-t));font-size:12px}.sh-bottom{bottom:calc(4px + var(--safe-b));gap:8px}.sh-pbtn{border-bottom-width:4px;width:60px;height:60px}.sh-pbtn .pic{font-size:22px}.sh-pbtn .nm,.sh-pbtn .st{font-size:9px}.sh-hands{min-width:0;padding:3px 6px}.sh-hands>.tiny.muted{display:none}.sh-hands .slot{width:26px;height:26px;font-size:16px}.sh-hands .hint{max-width:150px;font-size:10px}.sh-ctrl{gap:4px}.sh-ctrl .btn,.sh-toggle{padding:3px 8px;font-size:12px}.sh-keys{display:none}.sh-prep{top:calc(46px + var(--safe-t));gap:6px;max-height:none;padding:8px 10px;bottom:6px}.sh-prep h2{font-size:16px}.sh-prod{padding:3px 6px}.sh-prod .pic{font-size:20px}.sh-tips{display:none}.sh-center,.sh-summary{gap:6px;max-height:calc(100vh - 56px);padding:8px 12px;overflow-y:auto;transform:translate(-50%,-46%)}}.sh-night{color:#e0d8ff;background:#785ac82e;border:1px solid #6a5acd;border-radius:4px;padding:5px 8px}.sh-scene-gap,.sh-dock,.sh-wide-only,.sh-act{display:contents}.sh-narrow-only{display:none}.sh-scroll{flex-direction:column;gap:10px;display:flex}.sh-actions{flex-direction:column;gap:8px;display:flex}.sh-actions>.btn.primary{width:100%}.sh-sub{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sh-quick{align-items:center;gap:8px}.sh-suggest{font:800 12px var(--font-ui);color:#3a1d00;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffcf5a,#ff9f1c);border:2px solid #ffe08a;border-radius:99px;flex:none;padding:4px 10px;box-shadow:0 2px #0006}.sh-suggest:active{transform:translateY(1px)}.sh-locked{padding:2px 4px}.sh-tips-d summary{cursor:pointer;color:#9fb0ff;padding:2px 0}.sh-tips-d[open] summary{margin-bottom:4px}.shop-screen.col .sh-wide-only{display:none}.shop-screen.col .sh-narrow-only{display:contents}.shop-screen.col{flex-direction:column;display:flex}.shop-screen.col .sh-top{padding:calc(6px + var(--safe-t)) 10px 6px;background:#0b0e26;border-bottom:2px solid #2e3566;flex:none;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title title cash""rep cust act""pop pop pop";align-items:center;gap:4px 10px;display:grid;position:static}.shop-screen.col .sh-top .grow{display:none}.shop-screen.col .sh-top .sh-title{grid-area:title;min-width:0}.shop-screen.col .sh-top .sh-cash{grid-area:cash;justify-self:end;font-size:17px}.shop-screen.col .sh-top .sh-rep{grid-area:rep;min-width:0}.shop-screen.col .sh-top .sh-cust{white-space:nowrap;grid-area:cust}.shop-screen.col .sh-top .sh-act{grid-area:act;display:block}.shop-screen.col .sh-top .sh-title .tiny{font-size:11px;line-height:1.1}.shop-screen.col .sh-name b{max-width:calc(var(--colw) * .52)}.shop-screen.col .sh-top .sh-act .btn{min-height:34px}.shop-screen.col .sh-scene-gap{height:calc(var(--colw) * var(--shop-ar,.5796));flex:none;max-height:44vh;display:block;position:relative;pointer-events:none!important}.shop-screen.col.ph-open .sh-scene-gap{max-height:58vh}.shop-screen.col.ph-open .sh-dock .sh-btns,.shop-screen.col.ph-open .sh-dock .sh-pbtn{min-height:72px}.shop-screen.col.ph-open .sh-dock .sh-pbtn .pic{font-size:28px}.shop-screen.col .sh-scene-gap .sh-msg{max-width:calc(var(--colw) - 20px);top:auto;bottom:8px}.shop-screen.col .sh-dock{min-height:0;padding:8px 8px calc(8px + var(--safe-b));background:linear-gradient(#121634,#0b0e26);border-top:2px solid #2e3566;flex-direction:column;flex:auto;gap:8px;display:flex}.shop-screen.col .sh-dock .sh-card{width:auto;min-height:0;max-height:none;box-shadow:none;text-align:left;border-width:2px;flex:auto;gap:8px;padding:10px;position:static;transform:none}.shop-screen.col .sh-dock .sh-prep,.shop-screen.col .sh-dock .sh-center,.shop-screen.col .sh-dock .sh-summary{overflow:hidden}.shop-screen.col .sh-dock .sh-scroll{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-right:2px;overflow-y:auto}.shop-screen.col .sh-dock .sh-actions{border-top:1px solid #2e3566;flex:none;padding-top:6px}.shop-screen.col .sh-dock .sh-actions>.btn.primary{min-height:50px;font-size:17px}.shop-screen.col .sh-dock .sh-sub .btn{min-height:34px}.shop-screen.col .sh-dock .sh-card h2{font-size:17px}.shop-screen.col .sh-dock .sh-center,.shop-screen.col .sh-dock .sh-summary,.shop-screen.col .sh-dock .sh-center>.sh-scroll,.shop-screen.col .sh-dock .sh-summary>.sh-scroll{text-align:left}.shop-screen.col .sh-prod{gap:8px;padding:5px 8px}.shop-screen.col .sh-prod .pic{width:30px;font-size:24px}.shop-screen.col .step button{width:36px;height:34px}.shop-screen.col .step b{min-width:24px}.shop-screen.col .sh-sum{flex-flow:wrap;gap:4px 14px;padding:6px 8px;font-size:13px}.shop-screen.col .sh-sum div{gap:6px}.shop-screen.col .sh-dock .sh-live{white-space:normal;border-radius:8px;flex-wrap:wrap;flex:none;justify-content:center;gap:4px 12px;width:auto;padding:6px 10px;font-size:13px;position:static;transform:none}.shop-screen.col .sh-dock .sh-bottom{pointer-events:auto;flex-flow:column;flex:auto;justify-content:flex-start;align-items:stretch;gap:8px;min-height:0;padding:0;display:flex;position:static}.shop-screen.col .sh-dock .sh-hands{order:1;align-items:center;gap:10px;min-width:0;max-width:none;padding:6px 10px;display:flex}.shop-screen.col .sh-dock .sh-hands .slots{margin:0}.shop-screen.col .sh-dock .sh-hands .slot{width:36px;height:36px;font-size:22px}.shop-screen.col .sh-dock .sh-hands>.tiny.muted{display:block}.shop-screen.col .sh-dock .sh-hands .hint{flex:auto;min-width:0;max-width:none;font-size:12px}.shop-screen.col .sh-dock .sh-btns{flex:auto;order:2;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));align-content:stretch;gap:8px;min-height:90px;max-height:190px;display:grid}.shop-screen.col .sh-dock .sh-pbtn{border-radius:12px;width:auto;height:100%;min-height:90px}.shop-screen.col .sh-dock .sh-pbtn .pic{font-size:34px}.shop-screen.col .sh-dock .sh-pbtn .nm{font-size:13px}.shop-screen.col .sh-dock .sh-pbtn .st{font-size:12px}.shop-screen.col .sh-dock .sh-ctrl{order:3;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.shop-screen.col .sh-dock .sh-ctrl .sh-toggle{justify-content:center;min-height:46px;padding:8px 6px;font-size:14px}.shop-screen.col .sh-dock .sh-ctrl .btn{min-height:46px;padding:6px 4px;font-size:14px}.shop-screen.col .sh-dock .sh-keys{display:none}.shop-screen.col .sh-top .sh-rep{align-items:center;gap:6px;display:flex}.shop-screen.col .sh-top .sh-rep .tiny{white-space:nowrap}.shop-screen.col .sh-top .sh-rep .sh-bar{flex:auto;min-width:40px;height:8px;margin-top:0}.shop-screen.col .sh-prod .grow .tiny{font-size:11px;line-height:1.25}.shop-screen.col .sh-dock .sh-actions .sh-sum{background:0 0;flex-wrap:nowrap;justify-content:space-between;gap:6px;padding:0 2px;font-size:12px}.shop-screen.col .sh-dock .sh-actions .sh-sum div{white-space:nowrap;display:block}.shop-screen.col .sh-dock .sh-actions .sh-sum b{margin-left:3px}.shop-screen.col .sh-top .sh-cust .sh-lbl{display:none}.shop-screen.col .sh-top .sh-rep{overflow:hidden}.shop-screen.col .sh-top .sh-cust{font-size:12px}.shop-screen.col .sh-dock .sh-ctrl .sh-toggle,.shop-screen.col .sh-dock .sh-ctrl .btn{white-space:nowrap;font-size:13px}.shop-screen.col .sh-dock .sh-ctrl .sh-toggle i{padding:1px 4px;font-size:10px}.mg-pop{color:#fff3c4;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:800;display:flex}.mg-pop .ic{font-size:16px}.mg-pop .nm small{opacity:.75;font-weight:600}.mg-pop .mg-bar{background:#00000073;border-radius:4px;flex:60px;min-width:50px;height:7px;overflow:hidden}.mg-pop .mg-bar i{background:linear-gradient(90deg,#7bd389,#ffd23f,#ff7a59);height:100%;display:block}.mg-pop.compact{max-width:220px}.win .mg-pop{color:inherit;background:#a85d001a;border-radius:10px;padding:8px 10px;font-size:13px}.mg-win{max-height:calc(100% - 12px)}.mg-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 12px 0;display:grid}.mg-tabs button{color:#5a3a1c;background:#fff6df;border:2px solid #c9a46b;border-radius:10px;min-height:40px;font-size:14px;font-weight:800}.mg-tabs button.on{color:#3a2400;background:#ffd23f;border-color:#8a5a00}.mg-body{flex-direction:column;gap:8px;display:flex}.mg-sec{margin-top:4px;font-size:15px;font-weight:900}.mg-card{background:#fffaf0;border:2px solid #e2c99a;border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.mg-card.cand{border-style:dashed}.mg-card.taken{opacity:.6}.mg-card.big.next{background:#fff3d6;border-color:#ffb347}.mg-face{background:radial-gradient(circle at 50% 70%,#f3e2bf,#e6cfa0);border-radius:10px;flex:none;place-items:end center;width:60px;height:64px;display:grid;overflow:hidden}.mg-info{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.mg-name{font-size:15px;font-weight:900}.mg-stars{letter-spacing:-1px;color:#d8c9a8;margin-left:4px;font-size:12px}.mg-stars i.on{color:#f0a500;font-style:normal}.mg-stars i{font-style:normal}.mg-tags{flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.mg-trait,.mg-role,.mg-wage{color:#17756f;background:#17756f1f;border-radius:99px;padding:2px 8px;font-weight:700}.mg-wage{color:#b9305f;background:#b9305f1a}.mg-role{color:#8a5a00;background:#a85d0024}.mg-roles{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mg-roles button{color:#6b4a2e;background:#fff;border:2px solid #d9c09a;border-radius:9px;min-height:36px;font-size:13px;font-weight:800}.mg-roles button.on{color:#0f5a55;background:#dff5f1;border-color:#17756f}.mg-btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mg-btns .btn{min-height:36px}.mg-empty{background:#0000000a;border-radius:10px;padding:12px;font-size:13px;line-height:1.5}.mg-warn{color:#a3271b;background:#ffe5e0;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:700}.mg-note{line-height:1.5}.mg-stats{flex-wrap:wrap;gap:6px 12px;font-size:13px;display:flex}.mg-area{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mg-step{text-align:center;color:#8a7a62;background:#0000000d;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:11px;line-height:1.2;display:flex}.mg-step b{color:#fff;background:#d8c9a8;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.mg-step.on{color:#5a3a1c}.mg-step.on b{background:#17756f}.mg-step.cur{background:#fff3d6;box-shadow:inset 0 0 0 2px #ffb347}.shop-screen.col .sh-top .mg-pop.compact{grid-area:pop;max-width:none;font-size:11px}.shop-screen.col .sh-top .mg-pop.compact .ic{font-size:13px}.shop-screen.col .mg-overlay{z-index:20;background:#05061273;justify-content:stretch;align-items:flex-end;padding:0;display:flex;position:absolute;inset:0}.shop-screen.col .mg-win{border-radius:16px 16px 0 0;width:100%;height:66%;max-height:66%;animation:.18s ease-out mg-up}.shop-screen.col .mg-win .win-head h2{font-size:16px}.shop-screen.col .mg-tabs button{min-height:34px;font-size:13px}.shop-screen.col .mg-card{gap:8px;padding:7px 8px}.shop-screen.col .mg-face{transform-origin:top;margin-bottom:-10px;transform:scale(.82)}.shop-screen.col .mg-roles button{min-height:30px;font-size:12px}.shop-screen.col .mg-btns{flex-wrap:nowrap;gap:5px}.shop-screen.col .mg-btns .btn{white-space:nowrap;flex:0 auto;width:auto;min-height:30px;padding:3px 8px;font-size:12px}.shop-screen.col .mg-sec{font-size:13px}@keyframes mg-up{0%{opacity:0;transform:translateY(30px)}}#ui>.shop-screen.col,.shop-screen.col{--colw:min(100vw, calc(100vh * 9 / 16));left:calc(50% - var(--colw) / 2);width:var(--colw);right:auto;box-shadow:0 0 0 2px #2e3566,0 0 40px #0009}.sh-side{width:calc(50vw - var(--colw) / 2);z-index:0;image-rendering:pixelated;background:linear-gradient(#0a0c2059,#0a0c20bf),url(/assets/tilesets/hem_69/parallax_hem_69.webp) bottom/cover no-repeat;position:fixed;top:0;bottom:0;overflow:hidden;pointer-events:none!important}.sh-side.l{background-position:30% bottom;left:0}.sh-side.r{background-position:75% bottom;right:0}.sh-side:after{content:"";background:radial-gradient(at 50% 60%,#0000 40%,#050612a6);position:absolute;inset:0}.sh-side .lamp{background:#ffd27a;border-radius:50%;width:10px;height:10px;animation:3s ease-in-out infinite sh-flick;position:absolute;bottom:18%;box-shadow:0 0 22px 8px #ffd27a73}.sh-side.l .lamp{right:18%}.sh-side.r .lamp{animation-delay:1.3s;left:22%}@keyframes sh-flick{50%{opacity:.55}}@media (max-width:760px) and (orientation:portrait){.sh-side{display:none}.shop-screen.col{box-shadow:none}}.shop-screen.col .sh-top{background:linear-gradient(#0a0c20f2,#0a0c20cc);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title cash""rep cust""pop pop"}.shop-screen.col .sh-top .sh-act,.shop-screen.col .sh-wide-only{display:none}.shop-screen.col .sh-live{white-space:nowrap;background:#0a0c20d1;border-width:0 0 2px;border-radius:0;flex-wrap:wrap;justify-content:center;gap:2px 10px;max-width:none;padding:3px 8px;font-size:12px;position:static;transform:none}.shop-screen.col .sh-scene-gap,.shop-screen.col.ph-open .sh-scene-gap{flex:auto;height:auto;min-height:0;max-height:none}.shop-screen.col .sh-scene-gap .sh-msg{bottom:6px}.shop-screen.col .sh-hud{z-index:5;padding:14px 8px calc(6px + var(--safe-b));background:linear-gradient(#0b0e2600,#0b0e26c7 22%,#0b0e26eb);flex-direction:column;flex:none;gap:6px;display:flex;position:relative}.sh-hudrow{justify-content:space-between;align-items:flex-end;gap:4px;display:flex}.sh-hudrow .grow{flex:1}.sh-ib{color:#fff;width:54px;font:800 10px var(--font-ui);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:2px;padding:0;display:flex;position:relative}.sh-ib .ic{color:#fff;background:radial-gradient(circle at 35% 30%,#5a63ad,#262c5c);border:2px solid #7a84d6;border-radius:50%;place-items:center;width:44px;height:44px;font-size:21px;line-height:1;transition:transform 80ms;display:grid;box-shadow:0 3px #00000080}.sh-ib:active .ic{transform:translateY(2px);box-shadow:0 1px #00000080}.sh-ib.on .ic{background:radial-gradient(circle at 35% 30%,#3ad19e,#137255);border-color:#8dffd6}.sh-ib.danger .ic{background:radial-gradient(circle at 35% 30%,#e0625e,#8f2622);border-color:#ffa6a1}.sh-ib .lb{white-space:nowrap;text-shadow:0 1px 2px #000}.sh-ib .bd{color:#fff;background:#ff3b3b;border:2px solid #fff;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:10px;animation:1s ease-in-out infinite sh-pulse;display:grid;position:absolute;top:-3px;right:2px}@keyframes sh-pulse{50%{transform:scale(1.18)}}.sh-big{cursor:pointer;min-width:0;min-height:54px;font:900 16px var(--font-ui);white-space:nowrap;color:#3a1d00;background:linear-gradient(#ffe07a,#f5a623);border:2px solid #fff1b0;border-radius:16px;flex-direction:column;flex:auto;justify-content:center;align-self:center;align-items:center;padding:4px 6px;display:flex;box-shadow:0 4px #a86a00,0 0 18px #ffc44059}.sh-big small{opacity:.75;font-size:10px;font-weight:700}.sh-big:active{transform:translateY(2px);box-shadow:0 2px #a86a00}.sh-big:disabled{filter:grayscale(.85)brightness(.7);cursor:default}.sh-hm{align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.sh-hm .slots{background:#0a0c20d9;border:1px solid #3a4280;border-radius:8px;flex:none;align-items:center;gap:3px;padding:2px 6px;display:flex}.sh-hm .slot{background:#1d2250;border-radius:6px;place-items:center;width:24px;height:24px;font-size:15px;display:grid}.sh-hm .hint{text-overflow:ellipsis;white-space:nowrap;color:#c9cff5;text-shadow:0 1px 2px #000;flex:auto;min-width:0;overflow:hidden}.shop-screen.col .sh-hud .sh-btns{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px;display:grid}.shop-screen.col .sh-hud .sh-pbtn{border-radius:12px;width:auto;height:54px;min-height:0;padding:2px}.shop-screen.col .sh-hud .sh-pbtn .pic{font-size:22px}.shop-screen.col .sh-hud .sh-pbtn .st{font-size:10px}.shop-screen.col .sh-hud .sh-pbtn .k{font-size:9px}.shop-screen.col .sh-dock.sh-sheet{z-index:15;border:2px solid #3a4280;border-bottom:0;border-radius:16px 16px 0 0;flex-direction:column;flex:none;max-height:68%;padding-top:14px;animation:.18s ease-out mg-up;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0000008c}.shop-screen.col .sh-dock.sh-sheet:before{content:"";background:#4a5296;border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:5px;left:50%}.shop-screen.col .sh-dock.sh-sheet .sh-card{flex:0 auto}.sh-x{color:#fff;cursor:pointer;background:#1d2250;border:2px solid #3a4280;border-radius:50%;flex:none;width:28px;height:28px;margin-left:6px;font-weight:800}.sh-dayk{color:#ffd23f;font-weight:800}.sh-dayfx{z-index:30;background:#05061a;place-items:center;animation:1.6s ease-in-out forwards sh-day;display:grid;position:absolute;inset:0;pointer-events:none!important}.sh-dayfx span{font:900 26px var(--font-ui);color:#ffd23f;text-shadow:0 0 18px #ffd23fb3;animation:1.6s ease-out forwards sh-dayt}@keyframes sh-day{0%{opacity:0}35%{opacity:.95}60%{opacity:.95;background:#3a2a10}to{opacity:0;background:#ffe9a8}}@keyframes sh-dayt{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.mg-warn.ok{color:#1e7a3f;background:#dff5e6}.mg-pro{color:#7a4a00;background:#ffe7a8;border:1px solid #e2b04a;border-radius:8px;margin:1px 0;padding:0 6px;font-size:11px;font-weight:800;display:inline-block}.mg-fx{color:#4a2e1c;background:#fff3d6;border:2px solid #e2c99a;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding:8px;font-size:12px;display:grid}.mg-fx span{align-items:center;gap:4px;display:flex}.mg-fx b{color:#1e7a3f;margin-left:auto}.mg-fx small{color:#8a6f55}.mg-fx .max b{color:#b3261e}.mg-subtabs{flex-wrap:wrap;gap:6px;display:flex}.mg-subtabs button{color:#6b4a2e;white-space:nowrap;background:#fff;border:2px solid #d9c09a;border-radius:9px;flex:1 1 0;min-height:34px;font-size:13px;font-weight:800}.mg-subtabs button.on{color:#7a3a00;background:#ffe7b8;border-color:#e08a1e}.mg-decor{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.mg-dcard{text-align:center;background:#fffaf0;border:2px solid #e2c99a;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;display:flex;position:relative}.mg-dcard.vang{background:linear-gradient(#fff6d6,#fffaf0);border-color:#f0b93a}.mg-dcard.phieu{background:linear-gradient(#ffe6f0,#fffaf0);border-color:#ff7aa8}.mg-dcard.on{box-shadow:inset 0 0 0 2px #2fa36b}.mg-dbadge{color:#fff;background:#2fa36b;border-radius:6px;padding:1px 5px;font-size:9px;font-weight:900;position:absolute;top:4px;right:4px}.mg-dic img{width:48px;height:48px;image-rendering:pixelated}.mg-dnm{color:#4a2e1c;font-size:13px;line-height:1.15}.mg-dline{color:#8a6f55;font-size:10px;font-weight:800}.mg-dline.vang{color:#a86a00}.mg-dline.phieu{color:#c2185b}.mg-dfx{color:#1e7a3f;min-height:28px;font-size:11px;line-height:1.25}.mg-dcard .btn{white-space:nowrap;min-height:30px;font-size:12px}@media (max-width:760px){.mg-decor{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-fx{font-size:11px}}.mg-tabs{flex-wrap:nowrap}.mg-tabs button{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.mg-subtabs{flex-wrap:nowrap}.mg-subtabs button{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (max-width:760px){.mg-tabs button,.mg-subtabs button{white-space:normal;text-overflow:clip;padding:2px 3px;font-size:11.5px;line-height:1.15}}.win.v-market{--bg:#12163a;--text:#eef0ff;--muted:#a3a9d6;--yellow:#ffd23f;background:#12163a padding-box padding-box;border-image:url(/assets/ui/thoi_trang/the_pho_9slice.webp) 16/16px round}.win.v-market .win-head h2{color:#ffd23f}.mk-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mk-tabs{flex:1;gap:4px;display:flex}.mtab{color:#cfd6ff;background:#272d5a;border:2px solid #3a4280;padding:6px 14px;font-weight:800}.mtab.on{color:#3a1d00;background:#ffd23f;border-color:#ffd23f}.mk-wallet{background:#00000059;gap:12px;padding:5px 10px;font-size:13px;font-weight:800;display:flex}.mk-wallet span{align-items:center;gap:5px;display:inline-flex}.mk-empty{text-align:center;background:#0003;border:2px dashed #3a4280;flex-direction:column;align-items:center;gap:6px;padding:28px 12px;display:flex}.mk-empty .big{font-size:40px}.mk-sell{grid-template-columns:1fr 260px;gap:12px;display:grid}@media (max-width:640px){.mk-sell{grid-template-columns:1fr}}.mk-bag{grid-template-columns:repeat(auto-fill,52px);align-content:start;gap:6px;display:grid}.mk-it{background:#1b2050;border:2px solid #3a4280;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex;position:relative}.mk-it.on{border-color:#ffd23f}.mk-it .q{color:#fff;text-shadow:0 1px #000;font-size:10px;font-weight:900;position:absolute;bottom:0;right:2px}.mk-form{background:#00000040;flex-direction:column;gap:8px;padding:10px;display:flex}.mk-form input[type=number]{width:100%;margin-top:4px}.win.v-craft{--bg:#12163a;--card:#1b2050;--card2:#272d5a;--line:#3a4280;--text:#eef0ff;--muted:#a3a9d6;--yellow:#ffd23f;--red:#ff6b6b;background:#14183f padding-box padding-box;border-image:url(/assets/ui/craft/frame_xuong_9slice.webp) 16/16px round}.win.v-craft .win-head h2,.win.v-craft h2{color:#ffd23f}.win.v-craft .win-head{background:0 0;border-bottom:0}.craft-body{grid-template-columns:210px 1fr;gap:12px;display:grid}@media (max-width:700px){.craft-body{grid-template-columns:1fr}}.craft-list{background:#00000038;border-radius:4px;flex-direction:column;align-self:start;gap:4px;padding:8px;display:flex}.craft-h{color:#ffd23f;margin-bottom:4px;font-size:15px;font-weight:900}.craft-rc{text-align:left;color:var(--text);background:0 0;border:2px solid #0000;align-items:center;gap:8px;padding:3px 4px;font-size:13px;font-weight:700;display:flex}.craft-rc.on{background:#3a2b12;border-color:#ffd23f}.craft-rc .rcico{background:#1f6b4a;border:2px solid #3dbb7c;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.craft-main{flex-direction:column;gap:10px;min-width:0;display:flex}.craft-top{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.anvil{align-items:flex-end;gap:4px;display:flex;position:relative}.anvil .ico{width:120px;height:auto;image-rendering:pixelated}.heat{background:#3a1414;border:2px solid #8a4a2a;align-items:flex-end;width:14px;height:70px;display:flex}.heat i{background:linear-gradient(#ffd23f,#ff7a1c);width:100%;transition:height .1s;display:block}.recipe-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recipe-row .op{color:#cfd6ff;font-size:22px;font-weight:900}.cslot{background:#262a52;border:3px solid #8c92b8;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #14183f}.cslot.result{background:#2c2060;border-color:#b58cff;width:60px;height:60px}.cslot.lack{opacity:.75;border-color:#ff6b6b}.cslot .q{color:#fff;text-shadow:0 1px #000;font-size:11px;font-weight:900;position:absolute;bottom:0;right:2px}.tools{align-items:center;gap:6px;width:100%;display:flex}.tool{background:#1b2050;border:2px solid #3a4280;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.tool.on{background:#3a2b12;border-color:#ffd23f}.beat-track{max-width:590px;height:40px;image-rendering:pixelated;touch-action:none;cursor:pointer;background:url(/assets/ui/craft/nhip_bua_track.webp) 0 0/100% 100% no-repeat,#1a1d33;border:3px solid #0b0d20;position:relative}.beat-track .zone{position:absolute;top:0;bottom:0}.beat-track .zone.good{background:#3dab6a}.beat-track .zone.perfect{background:#ffd23f}.beat-track .cursor{width:auto;height:48px;image-rendering:pixelated;pointer-events:none;position:absolute;top:-8px;transform:translate(-50%)}.beat-tally{flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;font-weight:700;display:flex}.beat-tally span{align-items:center;gap:5px;display:inline-flex}.coop{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.coop-slot{opacity:.55;background:#123a3f;border:3px solid #3ee0d0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.coop-slot.on{opacity:1;background:#1b4f55}.coop-slot .empty{color:#7ff0e6;font-size:20px}.craft-result{color:#4a2e1c;background:#f6efde;border:2px dashed #b79d78;flex-direction:column;gap:6px;max-width:420px;padding:8px 10px;display:flex}.craft-result .rtitle{align-items:center;gap:8px;font-size:16px;display:flex}.craft-result .tiny{color:#8a6f55}.mat-strip{background:#00000047;border:2px solid #2a3070;flex-wrap:wrap;gap:4px 10px;margin-bottom:8px;padding:6px 8px;display:flex}.mat-strip .ms{align-items:center;gap:3px;font-size:12px;font-weight:900;display:inline-flex}.mat-strip .ms.zero{opacity:.38}.craft-tabs{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.ctab{color:#cfd6ff;background:#1b2050;border:2px solid #3a4280;padding:4px 9px;font-size:13px;font-weight:800;position:relative}.ctab.alt{border-style:dashed}.ctab .star{color:#ffd23f;margin-left:3px}.craft-perk{margin-bottom:8px}.craft-rc.locked{opacity:.8;font-style:italic}.craft-rc .grow{flex:1;min-width:0}.craft-rc .qm,.cslot .qm,.riddle .qm{color:#ffd23f;font-size:20px;font-weight:900}.craft-rc .ok-dot{background:#3dd68c;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 6px #3dd68c}.craft-list{max-height:420px;overflow:auto}.craft-spec{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.rc-name{color:#ffd23f;font-size:17px;font-weight:900}.spec-line{flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13px;font-weight:800;display:flex}.spec-line span{align-items:center;gap:4px;display:inline-flex}.riddle{color:#ffe7a3;background:#ffd23f14;border:2px dashed #8a7430;padding:6px 8px;font-size:13px}.tool.need{box-shadow:inset 0 0 0 2px #3dd68c}.aid{cursor:pointer;background:#1b2050;border:2px solid #3a4280;align-items:center;gap:3px;padding:2px 6px;font-size:12px;font-weight:800;display:inline-flex}.aid.off{opacity:.45;cursor:default}.aid input{margin:0}.craft-block{color:#ffb4a0;font-weight:700}.beat-track .bt-hint{color:#fff;text-shadow:0 1px #000,0 0 4px #000;pointer-events:none;text-align:center;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:800;display:flex;position:absolute;inset:0}.beat-track.live{box-shadow:0 0 0 2px #ffd23f}.craft-result.master{background:linear-gradient(135deg,#fff6d6,#f3e2ff);border-style:solid;border-color:#b58cff;box-shadow:0 0 14px #b58cff99}.master-pill{color:#fff;background:#6b3fd1}.cslot.shine{animation:1.2s ease-in-out infinite alternate cs-shine}@keyframes cs-shine{to{box-shadow:0 0 16px #ffd23f,inset 0 0 0 2px #14183f}}.cslot .q.red{color:#ff8a8a}.discover{grid-template-columns:1fr 1.1fr;gap:12px;display:grid}@media (max-width:700px){.discover{grid-template-columns:1fr}}.riddles{flex-direction:column;gap:6px;display:flex}.riddles .riddle{align-items:flex-start;gap:8px;display:flex}.riddles .riddle.known{color:#d9ffe9;background:#3dd68c14;border-style:solid;border-color:#3dd68c}.riddles .rcico{background:#1b2050;border:2px solid #3a4280;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.mix{background:#00000038;flex-direction:column;gap:8px;padding:8px;display:flex}.mix-slots{align-items:center;gap:8px;display:flex}.mix-slots .cslot{cursor:pointer}.mix-slots .cslot.full{border-color:#ffd23f}.mix-slots .op{color:#cfd6ff;font-size:22px;font-weight:900}.mix-pick{flex-wrap:wrap;gap:4px;display:flex}.mix-pick .mp{color:#fff;background:#1b2050;border:2px solid #3a4280;align-items:center;gap:3px;padding:2px 6px;font-size:12px;font-weight:900;display:inline-flex}.mix-pick .mp.on{background:#3a2b12;border-color:#ffd23f}.mix-msg{padding:6px 8px;font-size:13px;font-weight:800}.mix-msg.good{color:#b9ffd9;background:#3dd68c26}.mix-msg.near{color:#ffd9a0;background:#ffaa3c26}.mix-msg.bad{color:#ffc0c0;background:#ff5a5a1f}.salvage{flex-direction:column;gap:8px;display:flex}.sv-list{flex-direction:column;gap:4px;max-height:380px;display:flex;overflow:auto}.sv-row{background:#1b2050;border:2px solid #2a3070;align-items:center;gap:8px;padding:4px 8px;display:flex}.empty-note{text-align:center;color:var(--muted);background:#0003;padding:14px}@media (max-width:700px){.craft-list{flex-direction:row;gap:4px;max-height:none;padding:6px;overflow-x:auto}.craft-rc{text-align:center;flex-direction:column;flex:0 0 78px;gap:3px;padding:4px 2px;font-size:11px;position:relative}.craft-rc .ok-dot{position:absolute;top:4px;right:4px}.craft-tabs{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.ctab{flex:none;padding:3px 7px;font-size:12px}.anvil .ico{width:70px}.heat{height:50px}.mat-strip{gap:3px 8px}}.win.v-inv{--text:#3a2a1c;--muted:#8a6f55;background:#fbf6e8 padding-box padding-box}.inv-body{grid-template-columns:365px 1fr;gap:14px;display:grid}@media (max-width:820px){.inv-body{grid-template-columns:1fr}}.inv-char{background:repeating-linear-gradient(#0000 0 27px,#78aae659 27px 28px),#fbf6e8;border:2px solid #c9a06a;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.inv-char h2,.inv-bag h2{color:#7a2a1a;margin:0;font-size:22px}.doll{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.doll-col{flex-direction:column;gap:8px;display:flex}.doll-mid{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.doll-name{font-family:var(--font-ui);color:#4a2e1c;font-size:16px;font-weight:800}.stat-list{flex-direction:column;gap:3px;font-size:14px;display:flex}.stat-list div{border-bottom:1px dotted #c9a06a;justify-content:space-between;padding:1px 2px;display:flex}.stat-list b{color:#4a2e1c}.cell{width:52px;height:52px;image-rendering:pixelated;background:url(/assets/ui/rarity/hang_cho.webp) 50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cell.r1{background-image:url(/assets/ui/rarity/hang_sieu_thi.webp)}.cell.r2{background-image:url(/assets/ui/rarity/hang_hieu.webp)}.cell.r3{background-image:url(/assets/ui/rarity/hang_xach_tay.webp)}.cell.r4{background-image:url(/assets/ui/rarity/hang_gioi_han.webp)}.cell.r5{background-image:url(/assets/ui/rarity/hang_gia_truyen.webp)}.cell.empty{opacity:.55}.cell.sel{filter:brightness(1.2)drop-shadow(0 0 3px #fff);outline-offset:1px;outline:2px solid #fff}.cell .qty,.cell .enh{color:#fff;text-shadow:0 1px #000,0 0 3px #000;font-size:11px;font-weight:900;position:absolute;bottom:1px;right:3px}.cell .enh{color:#ffd23f;inset:1px auto auto 3px}.slot-hint{color:#9aa;text-align:center;padding:0 2px;font-size:9px;font-weight:800;line-height:1}.inv-bag{flex-direction:column;gap:10px;display:flex}.itabs{flex-wrap:wrap;gap:4px;display:flex}.grid-cells{grid-template-columns:repeat(6,52px);gap:8px;display:grid}@media (max-width:520px){.grid-cells{grid-template-columns:repeat(5,44px);gap:6px}.cell{width:44px;height:44px}}.inv-foot{flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex}.inv-foot span{align-items:center;gap:6px;display:inline-flex}.detail{background:#fff6d8;border:2px solid #c9a06a;align-items:center;gap:10px;padding:8px 10px;display:flex}.d-name{font-family:var(--font-ui);font-size:17px;font-weight:800}.d-act{flex-direction:column;gap:4px;display:flex}.bag-banner{background:#fff6d8;border:2px solid #f5a000;align-items:center;gap:10px;padding:8px 10px;display:flex}.fullbody{width:192px;height:192px;image-rendering:pixelated;filter:drop-shadow(0 3px #00000040);margin:-24px 0 -22px}.doll{grid-template-columns:auto 1fr auto}.quick-slots{flex-direction:column;gap:6px;margin-top:8px;display:flex}.quick-slots .qs-title{color:#4a3a2a;font-size:13px;font-weight:900}.quick-slots .qs-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.qs-slot{text-align:left;cursor:pointer;color:#4a3a2a;background:#fff8e8;border:2px solid #d9c49c;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:5px 6px;display:flex}.qs-slot.hp{border-color:#e9a29a}.qs-slot.mp{border-color:#9cc7ef}.qs-slot.on{box-shadow:0 0 0 2px #ffb347}.qs-slot .qs-ico{background:#2a2f5a;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.qs-slot.hp .qs-ico{box-shadow:inset 0 0 0 2px #ff8a80}.qs-slot.mp .qs-ico{box-shadow:inset 0 0 0 2px #6ec8ff}.qs-slot .qs-n{color:#fff;background:#222;border-radius:6px;padding:1px 3px;font-size:10px;line-height:1;position:absolute;bottom:-3px;right:-3px}.qs-slot .qs-txt{flex-direction:column;min-width:0;line-height:1.2;display:flex}.qs-slot .qs-txt>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qs-pick{background:#fffaf0;border:1px dashed #c9b28a;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.qs-opt{text-align:left;cursor:pointer;color:#4a3a2a;background:#fff;border:1.5px solid #e2d3b4;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.qs-opt.on{background:#fff2d8;border-color:#ff9f1c}.qs-opt.none{opacity:.62}.qs-opt .grow{line-height:1.25}.q-list{flex-direction:column;display:flex}.q-row{border-bottom:1px dotted #b79d78;align-items:center;gap:10px;padding:8px 2px;display:flex}.q-row.lock{opacity:.75}.q-row.done .grow b{color:#2a7240}.q-st{color:#7a2a1a;white-space:nowrap;font-size:13px;font-weight:900}.q-now{background:#fff6d8;border:2px solid #f5a000;padding:8px 10px}.win.v-mapw{--bg:#12163a;--text:#eef0ff;--muted:#a3a9d6;--yellow:#ffd23f;background:#12163a padding-box padding-box;border-image:url(/assets/ui/frames/frame_panel.webp) 16/16px round}.win.v-mapw .win-head h2{color:#ffd23f}.m-wrap{aspect-ratio:50/32;background:#0b0d20;border:3px solid #0b0d20;width:100%;max-width:760px;margin:0 auto;position:relative}.m-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.mk{width:22px;height:22px;image-rendering:pixelated;pointer-events:auto;position:absolute;transform:translate(-50%,-60%)}.mk.me{z-index:2;width:26px;height:26px}.m-legend{flex-wrap:wrap;justify-content:center;gap:14px;font-size:13px;display:flex}.m-legend span{align-items:center;gap:4px;display:inline-flex}.m-zones{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;display:grid}.mz{background:#1b2050;border:2px solid #2e3566;flex-direction:column;gap:3px;padding:6px 8px;display:flex}.mz.cur{border-color:#ffd23f}.mz.off{opacity:.8}.win.v-receipt .win-head h2{color:#7a2a1a}.d-sub{font-size:15px;font-weight:900}.d-row{border-bottom:2px dashed #cdb48c;align-items:center;gap:12px;padding:8px 0;display:flex}.d-v{color:#7a2a1a;white-space:nowrap;font-size:18px;font-weight:900}.d-tips{font-size:13px}.d-tips b{color:#7a2a1a;font-size:15px}.d-tips ol{flex-direction:column;gap:3px;margin:4px 0 0 18px;padding:0;display:flex}.win.v-guild{--muted:#a3a9d6;--text:#eef0ff;background:#12163a padding-box padding-box;border-image:url(/assets/ui/modal_lon/the_ho_so_9slice.webp) 16/16px round}.win.v-guild .win-head h2{color:#fff}.guild-body{grid-template-columns:1.15fr 1fr;gap:12px;display:grid}@media (max-width:760px){.guild-body{grid-template-columns:1fr}}.g-paper{color:#4a2e1c;--muted:#8a6f55;background:#f4f1e8;border:3px solid #1f8a82;flex-direction:column;gap:10px;padding:12px;display:flex}.g-paper h2{color:#7a2a1a;margin:0;font-size:20px}.g-head{align-items:center;gap:12px;display:flex}.emblem{background:#e8404f;border:3px solid #111;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.emblem .ico{object-fit:contain;width:56px;height:56px;image-rendering:pixelated}.g-name{color:#9a5a00;font-size:20px;font-weight:900}.g-points{align-items:center;gap:6px;margin-top:4px;display:flex}.g-list{flex-direction:column;display:flex}.g-row{border-bottom:1px dashed #1f8a82;align-items:center;gap:10px;padding:7px 2px;display:flex}.g-row b{font-size:15px}.gpts{color:#9a5a00;align-items:center;gap:5px;font-weight:900;display:inline-flex}.g-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;display:flex}.g-party{background:#161a40;border:3px solid #2e3566;flex-direction:column;gap:10px;padding:12px;display:flex}.g-party h2{color:#ffd23f;margin:0;font-size:20px}.p-row{align-items:center;gap:10px;display:flex}.pav{background:#123a3f;border:3px solid #3ee0d0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pname{margin-bottom:2px;font-size:14px;font-weight:800}.pbar{background:#0b0d20;border:1px solid #000;max-width:220px;height:10px;margin-bottom:3px}.pbar i{height:100%;display:block}.pbar.hp i{background:linear-gradient(#ff6b8a,#d63a5a)}.pbar.mp i{background:linear-gradient(#ffb52e,#ff8a00)}.pbar.mp{max-width:170px;height:7px}.aura{color:#ffd23f;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.aura .aico{background:#4a3a8a;border:2px solid #a78bfa;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.slot-empty{text-align:center;color:#cfd6ff;border:2px dashed #4a5299;padding:10px;font-size:13px}.win.v-project{--text:#fff3e0;--muted:#d8bfa0;--yellow:#ffd23f;background:#5b3a2e padding-box padding-box;border-image:url(/assets/ui/frames/frame_sign.webp) 16/16px round}.win.v-project .win-head h2{color:#ffd23f;text-shadow:0 2px #00000080}.win.v-project .win-body{background:repeating-linear-gradient(0deg,#0000001f 0 2px,#0000 2px 6px)}.proj-stages{grid-template-columns:repeat(3,1fr);justify-items:center;gap:14px;display:grid}.pstage{flex-direction:column;align-items:center;gap:6px;display:flex}.pimg{background:#3b2a22;border:3px solid #8a6a56;padding:4px}.pimg .ico{aspect-ratio:128/112;width:190px;max-width:100%;height:auto;image-rendering:pixelated;display:block}.pstage.future .pimg{filter:grayscale(.7)brightness(.7)}.pstage.cur .pimg{border-color:#ffd23f}.pcap{font-size:13px;font-weight:700}.pstage.cur .pcap{color:#fff}.proj-prog{flex-direction:column;gap:6px;display:flex}.pbarx{background:#14122a;border:3px solid #2a2140;height:22px}.pbarx i{background:linear-gradient(90deg,#ff9a1c,#ffd23f);height:100%;display:block}.proj-bottom{grid-template-columns:1fr 150px;gap:14px;display:grid}@media (max-width:640px){.proj-bottom{grid-template-columns:1fr}}.crow{border-bottom:1px dashed #fff3;align-items:center;gap:10px;padding:6px 2px;font-weight:700;display:flex}.cnum{color:#ffd23f;font-weight:900}.proj-give{flex-direction:column;align-items:center;gap:8px;display:flex}.giveslot{background:#2a2a3a;border:4px solid #3dbb7c;justify-content:center;align-items:center;width:70px;height:70px;font-size:36px;display:flex;position:relative}.giveslot .q{color:#fff;text-shadow:0 1px #000;font-size:12px;font-weight:900;position:absolute;bottom:0;right:3px}.col-tabs{flex-wrap:wrap;gap:4px;display:flex}.ctab{color:#8890c8;background:#2e3566;border:2px solid #1b2050;border-bottom:0;border-radius:6px 6px 0 0;padding:7px 16px;font-size:13px;font-weight:800}.ctab.on{color:#7a2a1a;background:#fffaf0;border-color:#b79d78}.col-body{grid-template-columns:auto 1fr;align-items:start;gap:18px;display:grid}@media (max-width:700px){.col-body{grid-template-columns:1fr}}.col-grid{grid-template-columns:repeat(4,64px);gap:10px;display:grid}.ccell{width:64px;height:64px;image-rendering:pixelated;background:url(/assets/ui/collection/o_chua_co.webp) 50%/100% 100% no-repeat;justify-content:center;align-items:center;display:flex;overflow:hidden}.ccell.got{background-image:url(/assets/ui/collection/o_da_co.webp)}.ccell .lock{opacity:.8;font-size:18px}.ccell .ico{image-rendering:pixelated}.ccell .walk{transform-origin:50% 70%;animation:none;transform:scale(.6)}.col-side{flex-direction:column;gap:8px;max-width:360px;display:flex}.col-side h3{color:#9a5a00;margin:0;font-size:17px}.cbar{background:#14122a;border:3px solid #2a2140;max-width:300px;height:18px}.cbar i{background:#ffd23f;height:100%;display:block}.reward{align-items:center;gap:12px;font-size:30px;display:flex}.reward .muted{font-size:13px}.win.v-nb .win-head h2{color:#7a2a1a}.walk.still{animation:none}.win.v-nb{background:repeating-linear-gradient(#0000 0 27px,#78aae659 27px 28px),#fbf6e8 padding-box padding-box;border-image:url(/assets/ui/frames/frame_notebook.webp) 16/16px round}.win.v-nb .win-head{background:0 0}.win.v-training{--bg:#12163a;--text:#eef0ff;--muted:#a3a9d6;--yellow:#ffd23f;background:#101433 padding-box padding-box;border-image:url(/assets/ui/frames/frame_panel.webp) 16/16px round}.win.v-training .win-head h2{color:#ffd23f}.tr-dps{align-items:center;gap:10px;font-weight:700;display:flex}.tr-dps .big{font-size:26px}.tr-t{border-collapse:collapse;width:100%}.tr-t td{padding:6px 0;font-weight:700}.tr-t td:last-child{text-align:right;font-size:18px;font-weight:900}.tgl-row{color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:2px 0;font-size:13px;display:flex}.tgl-row.soon{opacity:.6}.tgl{width:56px;height:28px;image-rendering:pixelated;background:url(/assets/ui/window/toggle_tat.webp) 50%/100% 100% no-repeat;flex:none;position:relative}.tgl.on{background-image:url(/assets/ui/window/toggle_bat.webp)}.tgl i{display:none}.ico.spin{opacity:.9}.win.v-jobs{--bg:#12163a;--text:#eef0ff;--muted:#a3a9d6;background:#12163a padding-box padding-box;border-image:url(/assets/ui/jobs/khung_mini_game_9slice.webp) 16/16px round}.win.v-jobs .win-head h2{color:#ffd23f}.jb-pick{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.jb-pick button{color:#cfd6ff;background:#1b2050;border:2px solid #3a4280;padding:3px 7px;font-size:12px;font-weight:700}.jb-pick button.mine{border-color:#3dd68c}.jb-pick button.on{color:#ffd23f;background:#3a2b12;border-color:#ffd23f}.jb-top{flex-wrap:wrap;align-items:center;gap:12px;min-height:30px;margin-bottom:6px;font-weight:800;display:flex}.jb-top .clock{align-items:center;gap:6px;display:inline-flex}.jb-top .shifts b{color:#3dd68c}.jb-top .shifts.none b{color:#ff8a8a}.jb-score{background:#0b0d20;border:2px solid #3a4280;width:170px;height:18px;position:relative;overflow:hidden}.jb-score i{background:#6b7bd6;transition:width .15s;position:absolute;inset:0 auto 0 0}.jb-score i.t1{background:#4aa3ff}.jb-score i.t2{background:#3dd68c}.jb-score i.t3{background:linear-gradient(90deg,#ffd23f,#ff9a2b)}.jb-score b{text-align:center;text-shadow:0 1px #000;font-size:11px;line-height:14px;display:block;position:relative}.jb-field{aspect-ratio:16/9.4;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 40%,#232a66,#12163a 70%);border:3px solid #0b0d20;width:100%;max-width:600px;margin:0 auto;position:relative;overflow:hidden}.jb-pop{color:#b9ffd9;text-shadow:0 1px #000,0 0 6px #000;pointer-events:none;z-index:5;white-space:nowrap;font-weight:900;animation:.7s ease-out forwards jb-rise;position:absolute;transform:translate(-50%,-50%)}.jb-pop.bad{color:#ff8a8a}@keyframes jb-rise{to{opacity:0;transform:translate(-50%,calc(-50% - 26px))}}.jb-practice{color:#ffd9a0;z-index:6;background:#00000080;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;top:4px;right:6px}.jb-ready{grid-template-columns:minmax(0,300px) 1fr;align-items:start;gap:12px;display:grid}@media (max-width:640px){.jb-ready{grid-template-columns:1fr}.jb-poster{max-width:320px;margin:0 auto}}.jb-poster{width:100%;image-rendering:pixelated;border:3px solid #0b0d20;display:block}.jb-info{flex-direction:column;gap:4px;display:flex}.jb-info h3{margin:0;font-size:17px}.jb-info p{margin:0}.jb-info .warn{color:#ffd9a0}.jb-rw{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.jb-rw .pill{align-items:center;gap:4px;display:inline-flex}.jb-result{color:#4a2e1c;background:#f6efde;border:2px dashed #b79d78;flex-direction:column;gap:8px;max-width:460px;margin:0 auto;padding:12px;display:flex}.jb-result h2{color:#7a2a1a;margin:0}.jb-result .pill{color:#4a2e1c;background:#fff;border:1px solid #d8c4a4}.jg-meter{cursor:pointer;align-items:stretch;display:flex;position:absolute;inset:0}.jg-scene{flex:1;justify-content:center;align-items:center;padding-bottom:30px;display:flex;position:relative}.jg-vbar{background:#0b0d20;border:2px solid #4a5290;width:26px;margin:10px 14px 10px 0;position:relative}.jg-vbar .zone{background:#3dd68c8c;border:1px solid #3dd68c;position:absolute;left:0;right:0}.jg-vbar .fill{opacity:.75;position:absolute;bottom:0;left:4px;right:4px}.jg-vbar .needle{background:#fff;height:4px;margin-bottom:-2px;position:absolute;left:-6px;right:-6px;box-shadow:0 0 4px #fff}.jg-holdbtn{color:#fff;pointer-events:none;white-space:nowrap;background:#2b3378;border:2px solid #6b7bd6;border-radius:16px;padding:5px 14px;font-size:13px;font-weight:900;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.jg-holdbtn.on{color:#0b2a18;background:#3dd68c;border-color:#b9ffd9}.jg-cradle{flex-direction:column;align-items:center;gap:6px;display:flex}.jg-cradle .hammock{transform-origin:50% -60px;border-bottom:6px solid #8a5a32;border-radius:0 0 60px 60px;padding:6px 28px 2px;font-size:54px;display:inline-block}.jg-cradle .zz{color:#9fd8ff;font-size:16px;font-weight:900}.jg-wok{flex-direction:column;align-items:center;display:flex}.jg-wok .food{font-size:26px;transition:transform 80ms}.jg-wok .pan{font-size:56px;line-height:1}.jg-wok .fire{line-height:1}.jg-wok .tiny{color:#ffd9a0;min-height:16px;font-weight:800}.jg-live{align-items:center;gap:12px;display:flex}.jg-live .phone{background:#20184a;border:4px solid #555c9a;border-radius:12px;justify-content:center;align-items:center;width:110px;height:150px;display:flex;position:relative}.jg-live .face{font-size:54px}.jg-live .live-dot{color:#ff4d6d;font-size:10px;font-weight:900;position:absolute;top:6px;left:6px}.jg-live .viewers{color:#fff;font-size:10px;font-weight:800;position:absolute;bottom:6px;right:6px}.jg-live .hearts{flex-direction:column;width:26px;font-size:20px;display:flex}.jg-scale{flex-direction:column;align-items:center;gap:34px;display:flex}.jg-scale .beam{border-bottom:5px solid #d8d8e8;align-items:center;gap:14px;padding-bottom:6px;font-size:30px;transition:transform 50ms;display:flex}.jg-scale .tiny{color:#ffd9a0;font-weight:800}.jg-timing{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.jg-ring{border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.jg-ring-in{background:#171c4a;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex}.jg-arm{font-size:50px;transition:transform .15s}.jg-arm.lift{transform:translateY(-10px)scale(1.12)}.jg-ring-dot{transform-origin:50%;z-index:2;background:#fff;border:3px solid #ff5a5a;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #fff}.jg-reps{align-items:center;gap:3px;font-size:13px;font-weight:800;display:flex}.jg-reps i{background:#2a3070;border:1px solid #4a5290;width:14px;height:9px}.jg-reps i.on{background:#ffb72b}.jg-reps span{margin-left:6px}.jg-timing.brick{justify-content:flex-start;padding-top:6%}.jg-lane{background:#1b2050;border:2px solid #3a4280;flex:none;width:82%;height:34px;position:relative}.jg-target{background:#ffb72b59;border:2px dashed #ffb72b;position:absolute;top:0;bottom:0}.jg-wall{border-bottom:4px solid #6b4a32;flex:1;width:82%;margin-bottom:8%;position:relative}.jg-brick{background:#c2563a;border:2px solid #7a2a1a;width:16%;height:14%;margin-left:-8%;position:absolute;box-shadow:inset 0 -3px #00000040}.jg-brick.moving{height:auto;top:3px;bottom:3px}.jg-ghost{background:#ffb72b26;border:2px dashed #ffb72b;width:16%;height:14%;margin-left:-8%;position:absolute}.jg-quiz{flex-direction:column;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;inset:0}.jg-qtime{background:#0b0d20;flex:none;width:90%;height:6px}.jg-qtime i{background:#ffd23f;height:100%;display:block}.jg-prompt{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.jg-opts{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.jg-opt{color:#fff;background:#2b3378;border:3px solid #6b7bd6;min-width:110px;padding:10px 12px;font-size:15px;font-weight:900;position:relative}.jg-opt .kb{opacity:.6;font-size:9px;position:absolute;top:1px;left:3px}.jg-opt.right{background:#1f6b4a;border-color:#3dd68c}.jg-opt.wrong{background:#6b1f2a;border-color:#ff6b6b;animation:.25s jg-shake}.jg-opt.bin.g{background:#1d5a3e;border-color:#3dbb7c}.jg-opt.bin.o{background:#6b3f12;border-color:#ff9a2b}.jg-opt.bin.b{background:#183f6b;border-color:#4aa3ff}.jg-quiz.meds .jg-opt{min-width:44%;padding:7px;font-size:13px}@keyframes jg-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.jg-trash{flex-direction:column;align-items:center;display:flex}.jg-trash span{font-size:60px;line-height:1.1}.jg-trash b{font-size:15px}.jg-patient{align-items:center;gap:10px;display:flex}.jg-patient .pt{font-size:58px}.jg-patient .bubble{color:#2a1a10;background:#fff;border-radius:12px;max-width:220px;padding:8px 12px;font-size:14px;font-weight:800}.jg-chalk{color:#f6f6f6;letter-spacing:2px;background:#1f5a3e;border:6px solid #8a5a32;padding:10px 28px;font-size:32px;font-weight:900}.jg-seq{flex-direction:column;justify-content:space-between;align-items:center;padding:10px;display:flex;position:absolute;inset:0}.jg-seq-show{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.jg-memo{color:#ffd23f;font-weight:900;position:absolute;top:8px}.jg-seq-btns{gap:8px;display:flex}.jg-sbtn{color:#1b2050;background:#e9ecff;border:3px solid #8c92b8;width:54px;height:46px;font-size:22px;font-weight:900}.jg-sbtn:disabled{opacity:.45}.jg-report{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.jg-report .doc{background:#10143a;border:3px solid #4a5290;flex-direction:column;gap:5px;width:70%;padding:8px;display:flex}.jg-report .doc i{background:#7ff0e6;height:5px;display:block}.jg-report .doc i.typing{background:#ffd23f}.jg-report .arrows{gap:5px;display:flex}.jg-report .arrows b{background:#2b3378;border:2px solid #4a5290;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.jg-report .arrows b.done{opacity:.6;background:#1f6b4a;border-color:#3dd68c}.jg-report .arrows b.cur{border-color:#ffd23f;transform:scale(1.12)}.jg-tray{background:radial-gradient(#ffd96b,#e0a830);border:6px solid #c2563a;border-radius:50%;gap:8px;padding:14px 22px;display:flex}.jg-tray b{text-align:center;width:46px;font-size:34px}.jg-tray b.done{opacity:.45}.jg-whack{background:#0d1030;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 14%;display:grid;position:absolute;inset:0}.jg-win{background:#1b2050;border:3px solid #3a4280;position:relative;overflow:hidden}.jg-peek{background:radial-gradient(circle at 50% 55%,#fff0a059,#0000 65%);border:0;padding:0;font-size:clamp(30px,7vw,46px);transition:transform 80ms;position:absolute;inset:0}.jg-peek.thief{filter:drop-shadow(0 0 4px #ff5a5a)}.jg-whack .jg-flash{pointer-events:none;background:radial-gradient(circle at var(--lx) var(--ly), #fffac800 0, #fffac800 70px, #05061466 140px);position:absolute;inset:0}.jg-rhythm{background:#241446;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.jg-rlane{cursor:pointer;border-left:1px solid #3a2a6a;position:relative}.jg-rlane.glow{background:#ffffff14}.jg-note{text-shadow:0 0 6px;font-size:26px;font-style:normal;position:absolute;left:50%;transform:translate(-50%,-50%)}.jg-rlane.l0 .jg-note{color:#ff7ab8}.jg-rlane.l1 .jg-note{color:#3ee0d0}.jg-rlane.l2 .jg-note{color:#ffb72b}.jg-rlane.l3 .jg-note{color:#7bd389}.jg-rkey{text-align:center;font-size:18px;position:absolute;bottom:3px;left:0;right:0}.jg-rkey b{opacity:.7;margin-left:3px;font-size:10px}.jg-hitline{pointer-events:none;background:#ffe7a3;height:4px;position:absolute;left:0;right:0;box-shadow:0 0 8px #ffd23f}.jg-runner{cursor:pointer;background:#2a2d3e;position:absolute;inset:0}.jg-road{border-bottom:2px solid #1a1c28;height:33.3%;position:absolute;left:0;right:0}.jg-road .dash{background:repeating-linear-gradient(90deg,#ffe08a 0 22px,#0000 22px 50px);height:3px;position:absolute;bottom:-2px;left:0;right:0}.jg-obj,.jg-me{font-size:32px;line-height:1;position:absolute;transform:translate(-50%,-50%)scaleX(-1)}.jg-obj.box{filter:drop-shadow(0 0 6px #ffd23f);font-size:26px;transform:translate(-50%,-50%)}.jg-me{font-size:36px;transition:top .1s;left:14%}.jg-me.hurt{animation:.2s steps(2,end) infinite jg-blink}@keyframes jg-blink{50%{opacity:.3}}.jg-half{opacity:.35;font-size:14px;position:absolute;right:6px}.jg-half.up{top:4px}.jg-half.down{bottom:4px}.jg-wires{background:#12163a;position:absolute;inset:0}.jg-wsvg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.jg-ports{flex-direction:column;justify-content:space-around;align-items:center;width:14%;display:flex;position:absolute;top:0;bottom:0}.jg-ports.left{left:0}.jg-ports.right{right:0}.jg-port{border:3px solid var(--c);width:40px;height:26px;box-shadow:inset 0 0 0 5px #12163a, inset 0 0 0 12px var(--c);background:#2b3378}.jg-port.sel{box-shadow:inset 0 0 0 5px #12163a, inset 0 0 0 12px var(--c), 0 0 10px var(--c);transform:scale(1.2)}.jg-port.done{opacity:.55}.jg-bolt{font-size:50px;animation:.45s ease-out jb-rise;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jg-chess{background:#0f2a22;justify-content:center;align-items:center;gap:14px;padding:8px;display:flex;position:absolute;inset:0}.jg-board{aspect-ratio:1;border:4px solid #6b4a32;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);height:94%;display:grid}.jg-board .sq{border:0;justify-content:center;align-items:center;padding:0;font-size:clamp(22px,5vw,38px);line-height:1;display:flex}.jg-board .sq.lt{background:#c9b28a}.jg-board .sq.dk{background:#7a5a3a}.jg-board .sq.wrong{background:#b84a4a}.jg-board .sq.hit{background:#3dd68c}.jg-board .pc.me{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.jg-board .pc.foe{color:#1a1a1a;text-shadow:0 0 2px #fff}.jg-chess-side{color:#d9ffe9;max-width:150px;font-size:13px;font-weight:700}@media (max-width:560px){.jg-chess-side{display:none}.jg-opt{min-width:90px;padding:8px}}@media (max-width:640px){.jb-pick.playing{display:none}.jb-field{aspect-ratio:1/.92}.jb-pick button{padding:2px 6px;font-size:11px}}.shop-inside{background:#1a1224;border:2px solid #6b4a2e;border-radius:4px;flex:none;justify-content:center;display:flex;overflow:hidden}.shop-inside .sprite-anim{max-width:100%}.win.v-tools{border-image:url(/assets/ui/frames/frame_panel.webp) 16 / calc(var(--k) * 16px) round;--bg:#2a1d14;--card:#3a2a1c;--card2:#4a3424;--line:#6b4a2e;--text:#fbefdc;--muted:#c9ae8c;--yellow:#ffd23f;color:var(--text);background:#2a1d14 padding-box padding-box}.win.v-tools .win-head h2{color:#ffd23f;text-shadow:0 2px #00000080}.tool-top{flex-wrap:wrap;gap:10px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.tool-card{text-align:center;border:2px solid var(--rc);background:linear-gradient(#3a2a1c,#2a1d14);border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 8px;display:flex;position:relative;box-shadow:0 3px #0006,inset 0 0 18px #00000059}.tool-card .tier{color:var(--rc);font-size:10px;font-weight:900;position:absolute;top:4px;left:6px}.tool-card .ic{background:radial-gradient(circle, color-mix(in srgb, var(--rc) 35%, transparent), transparent 70%);border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.tool-card .ic .ico{width:64px;height:64px;image-rendering:pixelated}.tool-card .nm{font-size:14px;line-height:1.15}.tool-card.r3,.tool-card.r4,.tool-card.r5{box-shadow:0 0 10px color-mix(in srgb, var(--rc) 55%, transparent), 0 3px 0 #0006}.tool-card.using{outline-offset:1px;outline:2px solid #3ee0d0}.win.v-garage{border-image:url(/assets/ui/frames/frame_panel.webp) 16 / calc(var(--k) * 16px) round;--bg:#10213a;--card:#16304f;--card2:#1d3c62;--line:#2f5f8f;--text:#eaf4ff;--muted:#9fbbd8;--yellow:#ffd23f;color:var(--text);background:#10213a padding-box padding-box}.win.v-garage .win-head h2{color:#5fa8ff;text-shadow:0 2px #00000080}.garage-body{grid-template-columns:minmax(200px,260px) 1fr;gap:10px;display:grid}@media (max-width:640px){.garage-body{grid-template-columns:1fr}}.garage-side{text-align:center;background:#16304f;border:2px solid #2f5f8f;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.garage-side .nm{font-size:17px}.garage-stage{background:radial-gradient(at 50% 85%,#5fa8ff59,#0000 65%),linear-gradient(#0b1830,#1d3c62);border-radius:6px;justify-content:center;align-items:flex-end;width:100%;min-height:128px;display:flex}.veh-prev{display:inline-block;position:relative}.veh-prev .veh-layer{position:absolute;top:0;left:0}.garage-tabs{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.gtab{color:#fff;border:2px solid var(--rc);cursor:pointer;opacity:.7;background:#16304f;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:800}.gtab.on{opacity:1;background:color-mix(in srgb, var(--rc) 35%, #16304f)}.garage-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.gcar{color:#eaf4ff;cursor:pointer;background:#16304f;border:2px solid #2f5f8f;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;display:flex}.gcar .ico{image-rendering:pixelated}.gcar b{font-size:12px;line-height:1.15}.gcar.sel{border-color:var(--rc);box-shadow:0 0 10px color-mix(in srgb, var(--rc) 60%, transparent)}.gcar.own .tiny{color:#7bd389;font-weight:800}.char-preview{image-rendering:pixelated;display:block}.tool-try{background:#1f150e;border:2px solid #6b4a2e;border-radius:6px;align-items:center;gap:14px;padding:6px 12px;display:flex}.try-stage{background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--rc) 40%, transparent), transparent 70%), linear-gradient(180deg, #2a1d14, #3a2a1c);border-radius:6px}.try-info{flex-direction:column;gap:4px;display:flex}.tool-card{cursor:pointer}.tool-card.sel{box-shadow:0 0 0 2px #fff6df, 0 0 14px color-mix(in srgb, var(--rc) 70%, transparent);transform:translateY(-2px)}@media (max-width:640px){.tool-try{text-align:center;flex-direction:column}}.gtab.legend{color:#fff7d6;text-shadow:0 1px #3a2400;background-image:linear-gradient(100deg,#5a3a00,#b8860b 40%,#ffe08a 50%,#b8860b 60%,#5a3a00);background-size:220% 100%;animation:3s linear infinite legend-shine}.gtab.legend.on{box-shadow:0 0 0 2px #ffd23f,0 0 12px #ffd23fb3}@keyframes legend-shine{0%{background-position:120% 0}to{background-position:-120% 0}}.gcar.legend{background:radial-gradient(circle at 50% 30%,#ffd23f47,#0000 70%),#281c0680;border-color:#ffd23f}.gcar.legend.sel{box-shadow:0 0 0 2px #ffd23f,0 0 14px #ffd23fa6}.garage-side .nm.legend{text-shadow:0 0 8px #ffd23fb3,0 1px #3a2400}.legend-lore{color:#ffe9a8;text-align:left;background:#3c28068c;border:1px solid #ffd23f73;border-radius:8px;padding:6px 8px;line-height:1.35}.summon-try{flex-direction:column;align-items:center;gap:6px;display:flex}.summon-stage{background:radial-gradient(at 50% 90%,#ffd23f40,#0000 60%);border-radius:10px;place-items:end center;width:120px;height:96px;display:grid;overflow:hidden}@media (max-width:680px){.win.v-tools,.win.v-garage,.win.v-shop{height:100%;max-height:100%}.win.v-tools .win-body,.win.v-garage .win-body{flex-direction:column;gap:8px;display:flex;overflow:hidden}.win.v-tools .shop-inside,.win.v-garage .shop-inside,.win.v-tools .g-hint,.win.v-garage .g-hint{display:none}.tool-top{flex-wrap:nowrap;gap:8px}.tool-top .small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.tool-try{text-align:left;flex-direction:row;flex:none;gap:10px;padding:6px 8px}.try-stage{flex:none}.try-stage canvas{display:block;width:150px!important;height:auto!important}.try-info{min-width:0}.try-info b{font-size:16px!important}.tool-grid{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px 6px;min-height:0;padding:4px 2px;overflow-y:auto}.tool-card{gap:2px;padding:16px 4px 6px}.tool-card .tier{font-size:9px;top:3px;left:4px}.tool-card .ic{width:50px;height:50px}.tool-card .ic .ico{width:42px;height:42px}.tool-card .nm{font-size:11.5px}.tool-card .small{font-size:11px}.tool-card .btn{min-height:28px;padding:2px 6px;font-size:11px}.tool-card .pill{padding:1px 5px;font-size:10px}.garage-body{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.garage-side{text-align:left;flex:none;grid-template-columns:156px minmax(0,1fr);align-items:center;gap:3px 10px;padding:8px;display:grid}.garage-side>*{grid-column:2;justify-self:start}.garage-side .garage-stage{grid-area:1/1/span 12;align-self:center;min-height:0}.garage-stage canvas{display:block;width:156px!important;height:auto!important}.garage-side .nm{font-size:15px}.garage-side .legend-lore{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.garage-side .btn{white-space:nowrap;min-height:32px;font-size:13px}.garage-side .row{flex-wrap:wrap;row-gap:4px;justify-content:flex-start!important}.garage-side .row .pill{white-space:nowrap}.garage-main{flex-direction:column;flex:auto;min-height:0;display:flex}.garage-tabs{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.garage-tabs::-webkit-scrollbar{display:none}.garage-tabs .gtab{white-space:nowrap;flex:none}.garage-grid{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px;min-height:0;padding:4px 2px;overflow-y:auto}.gcar{padding:6px 4px}.gcar .ico{width:40px;height:40px}.gcar b{font-size:11px}}.win.v-pvp{--bg:#10132e;--bg2:#161a3c;--card:#1d2250;--card2:#262c62;--line:#3a4290;--text:#eef0ff;--muted:#a3a9d6;--yellow:#ffd23f;--red:#ff5a6e;--blue:#4aa8ff;border-image:url(/assets/ui/hud_pvp/frame_pvp_9slice.webp) 16 / calc(var(--k) * 16px) round;background:#10132e padding-box padding-box;position:relative}.win.v-pvp .win-head{border-bottom:0;padding:4px 10px 6px}.win.v-pvp .win-head h2{color:#fff;text-align:center;letter-spacing:.5px;text-shadow:0 2px #000,0 0 10px #ff5a6e73}.win.v-pvp .x{top:calc(var(--k) * -8px);right:calc(var(--k) * -8px);position:absolute}.win.v-pvp .tab{color:#cfd6ff}.win.v-pvp .tab.on{color:#4a2e1c}.win.v-pvp .muted{color:var(--muted)}.win.v-pvp .win-body{gap:10px}.pvp-tabs{justify-content:center}.pvp-tabs .tab{white-space:nowrap;flex:auto;min-width:0}.pvp-body{min-height:260px}.center{text-align:center}.pvp-hero{image-rendering:pixelated;background-position:50% 52%;background-size:120%;border:2px solid #2a2f6e;border-radius:10px;align-items:center;min-height:96px;padding:10px;display:flex;position:relative;overflow:hidden}.pvp-hero-shade{background:linear-gradient(90deg,#0a0c1eeb 0%,#0a0c1ebf 55%,#0a0c1e59 100%);position:absolute;inset:0}.pvp-me{flex:1;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.pvp-ava{border:2px solid var(--yellow);background:#1b1f48;border-radius:8px;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.pvp-ava .ico{image-rendering:pixelated}.pvp-me-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pvp-me-name{color:#fff;text-shadow:0 2px #000;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.pvp-pts{color:var(--yellow);font-weight:900}.pvp-sub{color:#c9cff5}.pvp-prog{background:#ffffff1f;border-radius:4px;max-width:260px;height:6px;overflow:hidden}.pvp-prog i{border-radius:4px;height:100%;transition:width .6s;display:block}.pvp-conn{color:#9aa3d8;background:#00000073;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;right:10px}.pvp-conn.on{color:#7bd389}.pvp-conn.connecting{color:var(--yellow)}.pvp-rank{--rc:#ffd23f;color:var(--rc);border:1px solid var(--rc);white-space:nowrap;background:#00000059;border-radius:99px;align-items:center;gap:4px;padding:1px 8px 1px 4px;font-size:12px;font-weight:900;display:inline-flex}.pvp-rank i{font-style:normal}.pvp-rank.s{padding:0 6px 0 3px;font-size:10px}.pvp-rank.l{padding:3px 12px 3px 6px;font-size:16px}.pvp-ranked{flex-direction:column;gap:12px;display:flex}.pvp-rules{background:var(--card);border-radius:10px;flex-direction:column;gap:6px;margin:0;padding:10px 12px 10px 28px;font-size:13px;display:flex}.pvp-ladder{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pvp-ladder span{--rc:#fff;color:var(--rc);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:800;display:inline-flex}.pvp-ladder i{font-style:normal}.pvp-ladder em{color:var(--muted);font-style:normal;font-weight:600}.pvp-big{align-self:center;min-width:min(320px,100%);padding:12px 18px!important;font-size:17px!important}.pvp-search{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.pvp-search-t{color:#fff;font-size:18px}.pvp-timer{color:var(--yellow);font-variant-numeric:tabular-nums;text-shadow:0 3px #000;font-size:30px;font-weight:900}.pvp-radar{place-items:center;width:110px;height:110px;display:grid;position:relative}.pvp-radar span{z-index:1;font-size:40px;animation:1s ease-in-out infinite pvp-bob}.pvp-radar i{border:3px solid var(--red);opacity:0;border-radius:50%;animation:1.8s ease-out infinite pvp-ping;position:absolute;inset:0}.pvp-radar i:nth-child(2){border-color:var(--blue);animation-delay:.6s}.pvp-radar i:nth-child(3){border-color:var(--yellow);animation-delay:1.2s}@keyframes pvp-ping{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.05)}}@keyframes pvp-bob{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-5px)rotate(8deg)}}.pvp-offline{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 8px;display:flex}.pvp-offline-ico{filter:grayscale(.4);font-size:40px}.pvp-room-pick{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pvp-card{background:var(--card);border:2px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.pvp-card-h{color:#fff;font-size:15px;font-weight:900}.pvp-set-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.seg{background:#0c0f26;border-radius:9px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:800}.seg button.on{background:var(--yellow);color:#1a1a1a}.seg button:disabled:not(.on){opacity:.5;cursor:default}.pvp-code-in{flex-direction:column;align-items:center;gap:10px;display:flex}.pvp-code-boxes{cursor:text;gap:6px;display:flex;position:relative}.pvp-code-boxes span{border:2px solid var(--line);width:38px;height:48px;color:var(--yellow);background:#0c0f26;border-radius:8px;place-items:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:24px;font-weight:900;display:grid}.pvp-code-boxes span.cur{border-color:var(--yellow);box-shadow:0 0 0 2px #ffd23f40}.pvp-code-boxes input{opacity:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pvp-room{flex-direction:column;gap:12px;display:flex}.pvp-code-card{text-align:center;background:radial-gradient(#2b1d3a 0%,#151838 70%);border:2px solid #5a3b70;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.pvp-code{cursor:pointer;justify-content:center;gap:6px;display:flex}.pvp-code span{color:#fff;border:2px solid var(--yellow);text-shadow:0 0 12px #ffd23f99;background:#0c0f26;border-radius:8px;place-items:center;width:42px;height:54px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:30px;font-weight:900;display:grid}.pvp-slots{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.pvp-vs{width:46px;image-rendering:pixelated}.pvp-slot{text-align:center;border:2px solid;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:10px 6px;display:flex}.pvp-slot.s0{background:linear-gradient(#ff5a6e33,#ff5a6e0a);border-color:#a43246}.pvp-slot.s1{background:linear-gradient(#4aa8ff33,#4aa8ff0a);border-color:#2f68b5}.pvp-slot.empty{opacity:.85;border-style:dashed}.pvp-slot.ready{box-shadow:inset 0 0 0 2px #7bd389}.pvp-slot b{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pvp-slot-ava{background:#0c0f26;border-radius:10px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.pvp-slot-ava .ico{image-rendering:pixelated}.pvp-slot-ava.wait{color:var(--muted);font-size:28px;font-weight:900;animation:1.4s ease-in-out infinite pvp-bob}.pvp-ready{color:var(--muted);background:#ffffff14;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800}.pvp-ready.on{color:#7bd389;background:#7bd38933}.pvp-settings{background:var(--card);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.pvp-room-actions{flex-direction:column;align-items:center;gap:6px;display:flex}.pvp-practice{flex-direction:column;gap:10px;display:flex}.pvp-cls-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;display:grid}.pvp-cls{background:var(--card);border:2px solid var(--line);color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:10px;font-weight:800;line-height:1.15;display:flex}.pvp-cls .ico{image-rendering:pixelated}.pvp-cls.on{border-color:var(--yellow);background:#3a3420}.pvp-cls-rand{place-items:center;height:32px;font-size:24px;display:grid}.pvp-top{flex-direction:column;gap:4px;display:flex}.pvp-top-row{background:var(--card);border-radius:8px;grid-template-columns:34px 32px 1fr auto 56px;align-items:center;gap:8px;padding:5px 8px;display:grid}.pvp-top-row .ico{image-rendering:pixelated}.pvp-top-row.p1{background:linear-gradient(90deg, #ffd23f40, var(--card))}.pvp-top-row.p2{background:linear-gradient(90deg, #c8d2e638, var(--card))}.pvp-top-row.p3{background:linear-gradient(90deg, #cd7f3240, var(--card))}.pvp-top-row.me{outline:2px solid var(--yellow)}.pvp-top-n{text-align:center;font-size:15px;font-weight:900}.pvp-top-name{flex-direction:column;min-width:0;display:flex}.pvp-top-name b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pvp-top-pts{text-align:right;color:var(--yellow);font-variant-numeric:tabular-nums}@media (max-width:620px){.pvp-room-pick{grid-template-columns:1fr}.pvp-tabs .tab{padding-left:0;padding-right:0;font-size:12px}.pvp-code span{width:36px;height:46px;font-size:24px}.pvp-code-boxes span{width:34px;height:44px;font-size:20px}.pvp-top-row{grid-template-columns:26px 28px 1fr 52px}.pvp-top-row .pvp-rank{display:none}.pvp-hero{min-height:84px}.pvp-conn{align-self:flex-start;margin-left:auto;position:static}.pvp-hero{flex-wrap:wrap;gap:6px}}.arena-ui{pointer-events:none;position:fixed;inset:0}.arena-ui>*{pointer-events:auto}.arena-ui .px,.arena-ui img{image-rendering:pixelated}.ah-top{top:var(--safe-t);pointer-events:none;position:absolute}.ah-top>*{position:absolute}.ah-por img{position:absolute;top:0;left:0}.ah-por .ah-face{object-fit:cover;background:#1b1f48}.ah-por.s1 .ah-face{transform:scaleX(-1)}.ah-bar img.px{z-index:1;position:absolute;top:0;left:0}.ah-inner{z-index:2;position:absolute;overflow:hidden}.ah-inner i{image-rendering:pixelated;background-repeat:repeat-x;background-size:auto 100%;position:absolute;top:0;bottom:0}.ah-fill{z-index:2;transition:width .12s linear}.ah-fill.low{animation:.55s steps(2,end) infinite ah-low}@keyframes ah-low{50%{filter:brightness(1.6)}}.ah-trail{z-index:1;transition:width .45s ease-in}.ah-shield{z-index:3;opacity:.9;height:40%;bottom:auto!important}.ah-mp{background:#0009;border-radius:2px;position:absolute;overflow:hidden}.ah-mp i{background:#4aa8ff;transition:width .2s;position:absolute;top:0;bottom:0}.ah-name{color:#fff;text-shadow:0 1px #000,0 0 3px #000;white-space:nowrap;font-weight:800;line-height:1.1}.ah-name.s0{color:#ffd0d6}.ah-name.s1{color:#d3e9ff}.ah-cls,.ah-rt{color:#b8bde6;font-weight:600}.ah-you{background:var(--yellow,#ffd23f);color:#1a1a1a;border-radius:4px;margin-right:4px;padding:0 4px;font-size:.78em;font-weight:900;display:inline-block}.lay-doc .ah-cls{display:none}.ah-clock img{position:absolute;top:0;left:0}.ah-clock span{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px #000;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;left:0;right:0}.ah-clock.low span{color:#ff6b6b;animation:.5s steps(2,end) infinite ah-low}.ah-clock em{text-align:center;color:#ffd23f;text-shadow:0 1px #000,0 0 3px #000;letter-spacing:.5px;font-style:normal;font-weight:900;position:absolute;left:-20px;right:-20px}.ah-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:34%;left:0;right:0;pointer-events:none!important}.ah-count{filter:drop-shadow(0 4px #0009);animation:.9s cubic-bezier(.2,1.6,.4,1) both ah-pop}@keyframes ah-pop{0%{opacity:0;transform:scale(2.2)}22%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.85)}}.ah-bell{animation:1.1s ease-out both ah-ring;position:absolute;top:-40px}@keyframes ah-ring{0%{opacity:0;transform:scale(.4)rotate(-20deg)}15%{opacity:1;transform:scale(1.1)rotate(8deg)}75%{opacity:1}to{opacity:0;transform:scale(1)translateY(-14px)}}.ah-banner{image-rendering:pixelated;background-size:100% 100%;justify-content:center;align-items:center;animation:1.2s ease-out both ah-slide;display:flex;position:relative}.ah-banner b{color:#fff;letter-spacing:1px;text-shadow:0 3px #000,0 0 12px #ffd23f80;font-weight:900}.ah-banner.fight b{color:#ffd23f;font-size:2em}.ah-banner.fight{animation:.9s cubic-bezier(.2,1.6,.4,1) both ah-punch}.ah-banner.time b,.ah-banner.draw b{color:#ffd23f}.ah-banner.forfeit b{color:#ff8a96}@keyframes ah-slide{0%{opacity:0;transform:translate(-30%)}18%{opacity:1;transform:translate(0)}82%{opacity:1}to{opacity:0}}@keyframes ah-punch{0%{opacity:0;transform:scale(2.4)}25%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.1)}}.ah-ko{filter:drop-shadow(0 6px #0000008c);flex-direction:column;align-items:center;animation:2.3s cubic-bezier(.2,1.6,.4,1) both ah-punch;display:flex}.ah-sub{color:#fff;text-shadow:0 2px #000,0 0 4px #000;text-align:center;margin-top:6px;padding:0 12px;font-size:14px;font-weight:800}.ah-sub.out{white-space:nowrap;position:absolute;top:100%}.ah-wait{color:#fff;text-shadow:0 2px #000;background:#0000008c;border-radius:10px;padding:8px 16px;font-weight:800}.ah-corner{right:calc(8px + var(--safe-r));top:calc(var(--safe-t) + 64px);flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.lay-web .ah-corner,.lay-ngang .ah-corner{top:calc(var(--safe-t) + 8px)}.lay-web .ah-corner{flex-direction:row}.ah-tag{color:#cfd6ff;letter-spacing:.5px;background:#0000008c;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:900}.ah-tag.rk{color:var(--yellow,#ffd23f)}.ah-ping{color:#7bd389;background:#0000008c;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:800}.ah-ping.mid{color:#ffd23f}.ah-ping.bad{color:#ff6b6b}.ah-flag{opacity:.85}.ah-opp-off{color:#fff;text-align:center;background:#8c2f3ae6;border-radius:10px;max-width:90vw;padding:8px 14px;font-size:13px;font-weight:800;position:absolute;top:22%;left:50%;transform:translate(-50%)}.ah-modal{z-index:50;background:#05061299;place-items:center;display:grid;position:absolute;inset:0}.ah-modal-box{text-align:center;color:#fff;background:#161a3c;border:2px solid #3a4290;border-radius:14px;flex-direction:column;gap:10px;max-width:min(340px,90vw);padding:16px;display:flex}.ah-result{z-index:40;background:radial-gradient(#0506128c,#050612d9);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;animation:.35s ease-out both ah-fade;display:flex;position:absolute;inset:0;overflow:auto}@keyframes ah-fade{0%{opacity:0}to{opacity:1}}.ah-res-card{image-rendering:pixelated;background-size:100% 100%;flex:none;animation:.6s cubic-bezier(.2,1.5,.4,1) both ah-punch-in;position:relative}@keyframes ah-punch-in{0%{opacity:0;transform:scale(.6)translateY(-40px)}to{opacity:1;transform:none}}.ah-res-title{text-align:center;letter-spacing:1px;color:#ffd23f;text-shadow:0 3px #000;font-weight:900;position:absolute;left:0;right:0}.ah-res-card.thua .ah-res-title{color:#e6e9ff}.ah-res-card.hoa .ah-res-title{color:#9fd8ff}.ah-res-line{color:#e8ebff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-weight:700;display:flex;position:absolute;left:10%;right:10%}.ah-res-line .up{color:#7bd389}.ah-res-line .down{color:#ff6b6b}.ah-res-body{color:#fff;background:#10132eeb;border:2px solid #3a4290;border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:min(448px,96vw);padding:10px 14px;display:flex}.ah-res-rank{flex-direction:column;align-items:center;gap:4px;display:flex}.ah-rankup{color:#ffd23f;font-weight:900;animation:1s ease-in-out infinite pvp-bob}.ah-stats{border-collapse:collapse;width:100%;font-size:13px}.ah-stats th,.ah-stats td{text-align:center;padding:4px 6px}.ah-stats td:first-child{text-align:left;color:#a3a9d6}.ah-stats th.s0{color:#ff8a96}.ah-stats th.s1{color:#8cc8ff}.ah-stats tr+tr td{border-top:1px solid #ffffff14}.ah-res-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.win.v-pvp{border-image:url(/assets/ui/khung_9slice/bang_thi_dau.webp) 12 / calc(var(--k) * 12px) round;background:#161a3c padding-box padding-box}.win.v-pvp .win-head h2{color:#ffd23f;font-size:22px}.win.v-pvp.st{border-image:url(/assets/ui/khung_9slice/bang_san_tap.webp) 12 / calc(var(--k) * 12px) round;--card:#4a3438;--line:#7a5048;--muted:#d8c2b8;background:#3a2a2e padding-box padding-box}.win.v-pvp.st .win-head h2{color:#ffa53a}.px{image-rendering:pixelated}.th-home{grid-template-columns:240px 1fr;gap:14px;display:grid}.th-prof{text-align:center;background:#1a1f48;border:2px solid #ffd23f;border-radius:6px;flex-direction:column;align-items:stretch;gap:6px;padding:12px;display:flex}.th-rank-ico{--rc:#ffd23f;filter:drop-shadow(0 3px #000);font-size:54px;line-height:1.1}.th-rank-name{font-size:15px}.th-pts{color:#fff;margin-bottom:4px;font-size:20px;font-weight:900}.th-stat{color:#c9cff5;justify-content:space-between;padding:2px 6px;font-size:14px;display:flex}.th-stat b{color:#ffd23f}.pvp-conn-s{color:#9aa3d8;font-size:11px;font-weight:800}.pvp-conn-s.on{color:#7bd389}.pvp-conn-s.connecting{color:#ffd23f}.th-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.th-card{--c1:#ffd23f;text-align:left;border:3px solid var(--c1);color:#eef0ff;background:#1a1f48;border-radius:4px;flex-direction:column;min-height:150px;padding:0;transition:transform 80ms;display:flex;box-shadow:3px 3px #000}.th-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 3px #ffd23f59,3px 5px #000}.th-card.t-tim{--c1:#a678e8}.th-card.t-cam{--c1:#ffa53a}.th-card-h{background:var(--c1);color:#1a1a2a;text-align:center;letter-spacing:.5px;padding:4px;font-size:15px;font-weight:900}.th-card-b{flex:1;align-items:center;gap:12px;padding:10px 12px;display:flex}.th-card-art{flex:none;place-items:center;width:84px;display:grid}.th-card-txt{flex-direction:column;gap:4px;display:flex}.th-card-txt b{color:#fff;font-size:16px}.th-card-txt .tiny{color:#a3a9d6}.th-card-txt em{color:#7bd389;font-size:11px;font-style:normal;font-weight:800}.th-card.t-cam .th-card-txt em{color:#ffa53a}.th-card.locked{opacity:.55;filter:grayscale(.5);cursor:default}.th-lock{font-size:34px}.th-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.th-back{background:#252a5e;border-color:#3a4290}.th-leave{color:#fff}@media (max-width:680px){.th-home{grid-template-columns:1fr}.th-prof{text-align:left;grid-template-columns:56px 1fr auto;align-items:center;gap:2px 10px;padding:10px;display:grid}.th-rank-ico{grid-row:span 2;font-size:40px}.th-rank-name{grid-column:2}.th-pts{grid-column:2;margin:0;font-size:17px}.th-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px;display:grid}.th-stats .th-stat{background:#ffffff0d;border-radius:4px;flex-direction:column;align-items:center;padding:4px 2px;font-size:11px}.th-prof>.btn{grid-area:1/3/3}.pvp-conn-s{grid-column:1/-1}.th-cards{grid-template-columns:1fr}.th-card{min-height:0}}.win.v-pvp .win-body>*,.win.v-tl .win-body>*{flex-shrink:0}.st-view{flex-direction:column;gap:10px;display:flex}.st-title{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.st-title b{color:#ffa53a;letter-spacing:.5px;text-shadow:0 2px #000;font-size:20px}.st-title span{color:#d8c2b8;font-size:12px}.st-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;display:grid}.st-list{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px;display:grid}.st-pick{color:#fff;background:#2a1d20;border:2px solid #6a4a3a;border-radius:4px;flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.st-pick.on{border-color:#ffe08a;box-shadow:0 0 0 3px #ffd23f}.st-pick-h{color:#2a1810;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffa53a;padding:3px 2px;font-size:11px;font-weight:900;overflow:hidden}.st-pick-art{place-items:center;height:72px;display:grid}.st-pick-art.bot{font-size:34px}.st-pick-f{text-align:center;color:#ffe7c8;white-space:nowrap;text-overflow:ellipsis;padding:0 2px 4px;font-size:10px;font-weight:800;overflow:hidden}.st-detail{background:#2e2024;border:2px solid #ffa53a;border-radius:4px;flex-direction:column;gap:6px;padding:12px;display:flex}.st-name{color:#ffd23f;text-align:center;font-size:19px}.st-tag{text-align:center;color:#f0e0d8;font-size:13px}.st-show{align-items:center;gap:10px;display:flex}.st-big{flex:none;place-items:center;width:150px;display:grid}.st-info{flex-direction:column;gap:6px;min-width:0;display:flex}.st-bubble{color:#2a2030;background:#f3f0e8;border:2px solid #2a2030;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600;animation:.3s ease-out both ah-fade}.st-atk-h{color:#ffa53a;font-size:13px;font-weight:900}.st-best{color:#7bd389;font-weight:800}.st-lv-h{color:#ffe08a;margin-top:4px;font-weight:900}.st-lvs{flex-wrap:wrap;gap:10px;display:flex}.st-lv{width:120px;height:40px;image-rendering:pixelated;color:#fff;text-shadow:0 1px #000;background:50%/100% 100% no-repeat;border:0;justify-content:space-between;align-items:center;padding:0 10px;font-size:14px;font-weight:900;display:flex}.st-lv.on{color:#2a1810;text-shadow:none}.st-lv i{gap:2px;display:inline-flex}.st-lv i img{width:14px;height:14px}.st-go{margin-top:6px}@media (max-width:680px){.st-grid{grid-template-columns:1fr}.st-big{width:110px}.st-lvs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.st-lv{width:auto;height:36px;padding:0 6px;font-size:12px}.st-lv i img{width:10px;height:10px}}.sp-top{left:50%;top:calc(var(--safe-t) + 8px);pointer-events:none;grid-template-columns:44px 1fr;align-items:center;column-gap:6px;width:min(460px,70vw);display:grid;position:absolute;transform:translate(-50%)}.sp-ava{width:44px;height:44px;image-rendering:pixelated;grid-row:span 2}.sp-bar{background:#0c0f26;border:2px solid #1a1f48;border-radius:3px;height:16px;overflow:hidden}.sp-bar i{background:linear-gradient(#5ab0ff,#2a63c4);height:100%;transition:width .15s;display:block}.sp-name{color:#cfe3ff;text-shadow:0 1px #000;font-size:13px;font-weight:800}.sp-lv{width:96px;height:32px;image-rendering:pixelated;color:#2a1810;background:50%/100% 100% no-repeat;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;font-weight:900;display:flex;position:absolute;top:24px;right:0}.sp-lv i{gap:1px;display:inline-flex}.sp-lv img{width:12px;height:12px}.sp-panel{left:calc(8px + var(--safe-l));top:calc(var(--safe-t) + 70px);pointer-events:none;color:#fff;background:#2a1d20e6;border:2px solid #ffa53a;border-radius:4px;flex-direction:column;gap:3px;min-width:150px;padding:8px 10px;font-size:13px;display:flex;position:absolute}.sp-panel>div{justify-content:space-between;gap:10px;display:flex}.sp-k{color:#d8c2b8}.sp-combo{color:#ffa53a}.sp-me{align-items:center}.sp-hp,.sp-mp{background:#0c0f26;border-radius:2px;flex:1;height:6px;display:block;overflow:hidden}.sp-hp em,.sp-mp em{background:#ff5a6e;height:100%;transition:width .15s;display:block}.sp-mp em{background:#4aa8ff}.sp-anger{left:50%;bottom:calc(var(--safe-b) + 10px);pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.lay-doc .sp-anger{bottom:auto;top:calc(var(--safe-t) + 62px)}.lay-doc .sp-panel{top:calc(var(--safe-t) + 104px)}.sp-anger-t{color:#ffa53a;text-shadow:0 1px #000;font-size:12px;font-weight:900}.sp-anger-row{align-items:center;gap:6px;display:flex}.sp-anger-row img{width:28px;height:28px}.sp-anger-bar{width:min(280px,56vw);height:32px;image-rendering:pixelated;background:50%/100% 100% no-repeat;position:relative}.sp-anger-bar i{max-width:93%;height:50%;image-rendering:pixelated;background-repeat:repeat-x;background-size:auto 100%;transition:width .2s;position:absolute;top:25%;left:3.5%}.sp-res{color:#fff;background:#3a2a2e;border:3px solid #ffa53a;border-radius:6px;flex-direction:column;align-items:center;gap:6px;width:min(420px,94vw);padding:16px 20px;animation:.5s cubic-bezier(.2,1.5,.4,1) both ah-punch-in;display:flex}.sp-res-face{width:80px;height:80px}.sp-res-title{color:#ffd23f;letter-spacing:1px;text-shadow:0 3px #000;font-size:26px}.sp-res-sub{color:#d8c2b8}.sp-res-rows{flex-direction:column;gap:4px;width:100%;margin:6px 0;display:flex}.sp-res-rows>div{color:#d8c2b8;justify-content:space-between;font-size:14px;display:flex}.sp-res-rows b{color:#fff3c8}.sp-title{color:#ffd23f!important}.sp-res-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn.vang{color:#3a2400;border-color:#ffd23f;background:0 0;border-image-source:url(/assets/ui/buttons/nut_vang_normal.webp)}.btn.vang:hover{border-image-source:url(/assets/ui/buttons/nut_vang_hover.webp)}.btn.vang:active{border-image-source:url(/assets/ui/buttons/nut_vang_pressed.webp)}.btn.vang:disabled{border-image-source:url(/assets/ui/buttons/nut_vang_disabled.webp)}.btn.go{color:#fff;border-color:#8a5a44;background:0 0;border-image-source:url(/assets/ui/buttons/nut_go_normal.webp)}.btn.go:hover{border-image-source:url(/assets/ui/buttons/nut_go_hover.webp)}.btn.go:active{border-image-source:url(/assets/ui/buttons/nut_go_pressed.webp)}.win.v-tl{--text:#4a2e1c;--muted:#7a5e4a;--card:#fffaf0;--line:#9ccfa8;border-image:url(/assets/ui/khung_9slice/bang_tri_lieu.webp) 12 / calc(var(--k) * 12px) round;color:var(--text);background:#f6f2e6 padding-box padding-box;position:relative}.win.v-tl .win-head{border-bottom:0;padding:2px 10px 4px}.win.v-tl .win-head h2{color:#1f6b48;text-align:center;letter-spacing:.5px;font-size:22px}.win.v-tl .x{top:calc(var(--k) * -8px);right:calc(var(--k) * -8px);position:absolute}.tl-hero{background:#e8dcc0;border-radius:6px;justify-content:center;display:flex;position:relative;overflow:hidden}.tl-hero .sprite-anim{max-width:100%}.tl-greet{color:#4a2e1c;background:#fffcf0f2;border:2px solid #4a2e1c;border-radius:10px;max-width:520px;padding:6px 10px;font-size:13px;animation:.4s ease-out both ah-fade;position:absolute;bottom:8px;left:8px;right:8px}.tl-greet b{color:#c0306a}.tl-sub{text-align:center;color:#7a5e4a;font-size:13px}.tl-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tl-card{--c:#3fa86a;border:3px solid var(--c);background:#fffaf0;border-radius:4px;flex-direction:column;gap:5px;padding:0 12px 12px;display:flex;box-shadow:3px 3px #4a2e1c40}.tl-card.s-yoga{--c:#ff6fa0}.tl-card.out{opacity:.65}.tl-card-h{background:var(--c);color:#1a1a1a;text-align:center;margin:0 -12px 4px;padding:4px;font-size:14px;font-weight:900}.tl-art{justify-content:center;align-items:flex-end;gap:4px;height:96px;display:flex}.tl-art.crop{width:170px;image-rendering:pixelated;background-position:-175px -63px;background-repeat:no-repeat;background-size:1382px 173px;border-radius:4px;align-self:center}.tl-art.steam{background:linear-gradient(#7a4e2e,#5a3a22);border-radius:4px;align-items:center;font-size:34px;position:relative;overflow:hidden}.tl-art.steam i,.tl-steam-room i{background:#ffffffb3;border-radius:50%;width:26px;height:26px;animation:2.4s ease-out infinite tl-steam;position:absolute;bottom:10%}.tl-art.steam i:first-child,.tl-steam-room i:first-child{left:20%}.tl-art.steam i:nth-child(2),.tl-steam-room i:nth-child(2){animation-delay:.8s;left:45%}.tl-art.steam i:nth-child(3),.tl-steam-room i:nth-child(3){animation-delay:1.6s;left:70%}.tl-steam-room i:nth-child(4){animation-delay:1.2s;left:32%}.tl-steam-room i:nth-child(5){animation-delay:2s;left:58%}@keyframes tl-steam{0%{opacity:0;transform:translateY(0)scale(.5)}30%{opacity:.9}to{opacity:0;transform:translateY(-80px)scale(1.6)}}.tl-line{color:#5a3a22;gap:6px;font-size:13px;font-weight:800;display:flex}.tl-price{color:#1f6b48;align-items:center;gap:4px;font-size:14px;font-weight:900;display:flex}.tl-left{color:#7a5e4a}.tl-pool{flex-wrap:wrap;gap:6px;display:flex}.tl-pool span{position:relative}.tl-pool span.rare:after{content:"★";color:#ff6fa0;text-shadow:0 1px #fff;font-size:12px;position:absolute;top:-6px;right:-3px}.tl-pool .ico{image-rendering:pixelated}.tl-go{margin-top:auto;font-weight:900}.tl-foot{justify-content:space-between;align-items:center;display:flex}.tl-ticket{color:#5a3a22;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.tl-quit{align-self:flex-start}.tl-game{-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(#f3e7c4 0 28%,#7a4e2e 28%);border-radius:6px;flex-direction:column;align-items:center;gap:8px;min-height:380px;padding:10px;display:flex;position:relative}.tl-poses{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tl-pose{width:44px;height:56px;image-rendering:pixelated;background:50%/100% 100% no-repeat;border-radius:3px;position:relative}.tl-pose.cur{outline:3px solid #ffd23f;transform:translateY(-3px)}.tl-pose em{text-align:center;color:#3fa86a;font-style:normal;font-weight:900;position:absolute;bottom:-16px;left:0;right:0}.tl-pose em.m{color:#c0306a}.tl-stage{flex:1;justify-content:center;align-items:center;gap:30px;width:100%;margin-top:10px;display:flex;position:relative}.tl-grade{text-align:center;color:#ffe08a;text-shadow:0 3px #000;white-space:nowrap;font-size:26px;font-weight:900;animation:.3s ease-out both ah-fade;position:absolute;top:0;left:50%;transform:translate(-50%)}.tl-grade span{color:#fff;font-size:13px;font-weight:700;display:block}.tl-ring{color:#fff;flex-direction:column;justify-content:flex-end;align-items:center;width:120px;height:140px;display:flex;position:relative}.tl-ring-in,.tl-ring-out{border-radius:50%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.tl-ring-in{border:6px solid #9fe8b8;width:70px;height:70px;box-shadow:inset 0 0 0 3px #1f6b48}.tl-ring-out{border:4px solid #fff3c8;width:70px;height:70px;box-shadow:0 0 10px #fff3c8cc}.tl-help{color:#1f6b48;background:#fffaf0;border:2px solid #9ccfa8;border-radius:4px;flex-direction:column;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:10px;right:10px}.tl-calm{flex-direction:column;align-items:center;gap:2px;display:flex}.tl-calm-t{color:#e8ffe8;text-shadow:0 1px #000;font-size:12px;font-weight:900}.tl-calm-bar{width:min(300px,70vw);height:32px;image-rendering:pixelated;background:50%/100% 100% no-repeat;position:relative}.tl-calm-bar i{max-width:85%;height:50%;image-rendering:pixelated;background-repeat:repeat-x;background-size:auto 100%;transition:width .25s;position:absolute;top:25%;left:12%}.tl-quote{color:#4a2e1c;text-align:center;font-size:14px;font-weight:700;animation:.4s both ah-fade}.tl-hint{color:#fff3c8;text-shadow:0 2px #000;text-align:center;font-weight:900}.tl-game.massage .tl-hint{color:#5a3a22;text-shadow:none}.tl-back{width:300px;max-width:100%;height:373px;image-rendering:pixelated;background-position:-710px -131px;background-repeat:no-repeat;background-size:4040px 505px;border:3px solid #5a3a22;border-radius:6px;position:relative;overflow:hidden}.tl-heart{background:0 0;border:0;padding:6px;animation:1.3s ease-out both tl-heart;position:absolute;transform:translate(-50%,-50%)}@keyframes tl-heart{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.tl-pop{color:#ff6fa0;text-shadow:0 1px #fff;pointer-events:none;font-weight:900;animation:.7s ease-out both tl-pop;position:absolute;transform:translate(-50%,-50%)}@keyframes tl-pop{0%{opacity:1}to{opacity:0;transform:translate(-50%,-160%)}}.tl-steam-room{background:linear-gradient(#8a5a34,#5a3a22);border-radius:6px;place-items:center;width:min(420px,100%);height:220px;margin-top:20px;font-size:60px;display:grid;position:relative;overflow:hidden}.tl-gift{flex-direction:column;align-items:center;gap:8px;min-height:320px;padding:10px 0;display:flex}.tl-gift-box{cursor:pointer;place-items:center;min-height:128px;display:grid}.tl-gift-box img{width:128px;height:128px}.tl-gift-box .bounce{animation:1s ease-in-out infinite pvp-bob}.tl-gift-t{color:#1f6b48;letter-spacing:1px;font-size:26px}.tl-gift-items{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.tl-gift-it{color:#5a3a22;flex-direction:column;align-items:center;gap:4px;font-weight:800;display:flex}.tl-gift-it .ico{image-rendering:pixelated}.tl-gift-it em{color:#ff3f88;font-style:normal;font-weight:900}@media (max-width:680px){.tl-cards{grid-template-columns:1fr}.tl-art{height:72px}.tl-stage{gap:10px}.tl-help{position:static}.tl-game{min-height:0}}.win.v-pets{--pk:#d6467e;--pk2:#ffd6e5;--vi:#8a4fc7;--text:#4a2b3a;--muted:#8a6a78;--line:#e7b9cb;border-image:url(/assets/ui/khung_9slice/bang_thu_cung.webp) 12 / calc(var(--k) * 12px) stretch;background:#f7f2e8 padding-box padding-box;width:min(1100px,100%);height:min(860px,100%)}.win.v-pets .win-head h2{color:var(--pk);text-align:center;letter-spacing:.5px;font-size:22px}.win.v-pets .win-body{flex:1;min-height:0;overflow:auto}.pt{color:var(--text);flex-direction:column;gap:8px;display:flex}.pt-sub{text-align:center;color:var(--muted);margin-top:-4px;font-size:12.5px}.pt-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pt-tab{background:var(--pk2);color:#a2385f;cursor:pointer;border:0;border-radius:99px;padding:6px 16px;font-size:13px;font-weight:800}.pt-tab.on{background:var(--pk);color:#fff;box-shadow:0 2px #9b2a55}.pt-tab.ping{animation:1.2s ease-in-out infinite pt-ping}@keyframes pt-ping{50%{box-shadow:0 0 0 4px #d6467e59}}.pt-badge{width:16px;height:16px;image-rendering:pixelated;vertical-align:-3px}.pt-card{image-rendering:pixelated;display:block}.pt-card.dim{filter:brightness(0)opacity(.35)}.pt-sprite{filter:drop-shadow(0 4px #00000026)}.pt-bar{background:#3b2a3f;border-radius:99px;height:12px;position:relative;overflow:hidden}.pt-bar i{background:var(--c,#ff9a2b);border-radius:99px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.pt-bar.no i{background:#ff9a2b}.pt-bar.vui i{background:#ff5d8f}.pt-bar.tt i{background:#8a4fc7}.pt-bar.pity i{background:#ef4f7a}.pt-mini{cursor:pointer;background:0 0;border:0;font-size:14px}.pt-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex}.pt-two{grid-template-columns:1fr minmax(300px,380px);align-items:start;gap:12px;display:grid}.pt-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.pt-cell{cursor:pointer;color:var(--text);background:#fff;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative}.pt-cell b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;overflow:hidden}.pt-cell span{color:var(--muted);font-size:10.5px}.pt-cell.sel{border-color:var(--pk);box-shadow:0 0 0 3px #d6467e33}.pt-follow,.pt-hungry{font-size:13px;position:absolute;top:2px}.pt-follow{right:4px}.pt-hungry{left:4px}.pt-detail{border:2px solid var(--pk);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.pt-stage{background:radial-gradient(ellipse at 50% 85%, color-mix(in srgb, var(--rc) 35%, transparent), transparent 60%), linear-gradient(180deg, #fff6fa, #ffe8f1);border-radius:10px;place-items:end center;height:150px;padding-bottom:6px;display:grid;position:relative}.pt-stage.small{width:120px;height:110px}.pt-vtag{background:#fff3c4;border:1px solid #ffd23f;border-radius:99px;padding:0 8px;font-size:11px;font-weight:800;position:absolute;top:6px;left:6px}.pt-name{text-align:center;color:var(--pk);margin:0;font-size:19px}.pt-meta{text-align:center;color:var(--vi);font-size:12.5px;font-weight:700}.pt-quote{text-align:center;color:var(--muted);margin:0;font-size:12px;font-style:italic}.pt-bars{flex-direction:column;gap:3px;display:flex}.pt-bars label{font-size:12px;font-weight:800}.pt-acts{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pt-acts .btn{padding-left:4px;padding-right:4px;font-size:12.5px}.pt-goods{border:1px dashed var(--line);background:#fff6fa;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.pt-good{border:1px solid var(--line);cursor:pointer;color:var(--text);background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:4px 6px;font-size:11px;display:flex;position:relative}.pt-good.none{opacity:.4}.pt-good.liked{border-color:var(--pk)}.pt-good i{color:var(--pk);font-size:12px;font-style:normal;position:absolute;top:-6px;right:-4px}.pt-follow-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pt-switch{cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.pt-switch input{opacity:0;pointer-events:none;position:absolute}.pt-switch .acfg-kit{width:40px;height:20px;image-rendering:pixelated;background:url(/assets/ui/window/toggle_tat.webp) 50%/100% 100% no-repeat}.pt-switch .acfg-kit.on{background-image:url(/assets/ui/window/toggle_bat.webp)}.pt-emotes>div{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px;display:grid}.pt-emotes b,.pt-perks b{color:var(--pk);font-size:13px}.pt-emo{cursor:pointer;color:var(--text);background:#efe1fb;border:1px solid #c9a6ee;border-radius:8px;flex-direction:column;align-items:center;padding:2px;font-size:10.5px;display:flex}.pt-perks{flex-direction:column;gap:2px;font-size:12px;display:flex}.pt-perks>div{opacity:.55;gap:6px;display:flex}.pt-perks>div.on{opacity:1}.pt-perks i{min-width:48px;color:var(--vi);font-style:normal;font-weight:800}.pt-perks>div.on i{color:#2a7240}.pt-release{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:center;font-size:11.5px;text-decoration:underline}.pt-nest{image-rendering:pixelated;position:relative}.pt-nest img{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.pt-nest-front{clip-path:inset(65.3% 0 0);z-index:3}.pt-nest-glow{z-index:1;position:absolute;inset:0}.pt-egg{z-index:2;position:absolute}.pt-nesttab h3{color:var(--pk);margin:10px 0 4px;font-size:15px}.pt-nests{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pt-slot{border:2px solid var(--line);text-align:center;background:#fff0f6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:170px;padding:8px;display:flex}.pt-slot.empty{color:var(--muted);border-style:dashed}.pt-slot.empty small{font-size:11px}.pt-slot b{font-variant-numeric:tabular-nums;font-size:16px}.pt-slot small{color:var(--muted);font-size:11px}.pt-slot.ready{border-color:#ffb020;animation:1s ease-in-out infinite pt-ready;box-shadow:0 0 14px #ffb02073}@keyframes pt-ready{50%{transform:translateY(-2px)}}.pt-eggs{flex-direction:column;gap:6px;display:flex}.pt-eggrow{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.pt-eggrow.none{opacity:.6}.pt-hatch{z-index:120;background:radial-gradient(circle at 50% 42%,#461854e6,#0a0412f5 70%);place-items:center;animation:.25s both pt-fade;display:grid;position:fixed;inset:0}@keyframes pt-fade{0%{opacity:0}}.pt-hatch-in{text-align:center;color:#fff;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:min(380px,94vw);min-height:360px;padding:16px;display:flex;position:relative}.pt-rays{pointer-events:none;mix-blend-mode:screen;position:absolute;top:40px;left:50%;transform:translate(-50%)}.pt-hatch-egg,.pt-hatch-pet{z-index:2;margin-bottom:30px;position:relative}.pt-hatch-pet{animation:.5s cubic-bezier(.2,1.6,.4,1) both pt-pop}@keyframes pt-pop{0%{opacity:0;transform:scale(.3)}}.pt-banner{z-index:3;place-items:center;animation:.45s cubic-bezier(.2,1.4,.4,1) both pt-drop;display:grid;position:relative}.pt-banner b{color:#fff;text-shadow:0 2px #00000080;white-space:nowrap;font-size:17px;position:absolute;top:50%;transform:translateY(-58%)}@keyframes pt-drop{0%{opacity:0;transform:translateY(-140px)}}.pt-hatch-txt{z-index:3;text-shadow:0 1px #000,0 0 6px #000c;flex-direction:column;align-items:center;gap:3px;font-size:14px;display:flex;position:relative}.pt-tag{border-radius:99px;padding:0 8px;font-size:11px;font-weight:900}.pt-tag.lai{color:#fff;background:#ff5fa2}.pt-tag.var{color:#3a2400;background:#ffd23f}.pt-breed{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.pt-breed-l{flex-direction:column;align-items:stretch;gap:8px;display:flex}.pt-pair{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px;display:grid}.pt-parent{cursor:pointer;color:var(--text);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;display:flex}.pt-frame{width:128px;height:160px;display:block;position:relative}.pt-frame>img,.pt-frame>.sprite-anim{image-rendering:pixelated;position:absolute;top:0;left:0}.pt-frame>img{width:100%;height:100%}.pt-parent-pet{position:absolute;top:60px;left:24px}.pt-parent-plus{color:#d6467e;place-items:center;font-size:34px;font-weight:900;display:grid;position:absolute;inset:0}.pt-parent-n{flex-direction:column;align-items:center;font-size:12px;display:flex}.pt-parent-n small{color:var(--muted);font-size:11px}.pt-heart{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.pt-heart b{color:var(--pk);font-size:15px}.pt-heart small{color:var(--pk);font-size:11.5px}.pt-breed-nest{place-items:center;display:grid}.pt-items{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pt-item{color:var(--text);text-align:left;background:#fff0f6;border:2px solid #e2a8d8;border-radius:10px;align-items:center;gap:6px;padding:5px 6px;display:flex}.pt-item span{flex-direction:column;font-size:11.5px;display:flex}.pt-item small{color:var(--muted);font-size:10.5px}button.pt-item{cursor:pointer}button.pt-item.on{border-color:var(--pk);background:#ffe1ee}button.pt-item:disabled{opacity:.55;cursor:default}.pt-item.miss{border-color:#ef9a9a}.pt-pity{align-items:center;gap:8px;display:flex}.pt-pity img{width:32px;height:32px;image-rendering:pixelated}.pt-pity b{color:var(--pk);font-size:13px}.pt-pity small{color:var(--muted);font-size:10.5px}.pt-breed-btns{grid-template-columns:1fr 1.5fr;gap:8px;display:grid}.pt-go{letter-spacing:.5px;font-size:18px!important}.pt-breed-r{border:2px solid var(--pk);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.pt-res-h{justify-content:space-between;align-items:center;display:flex}.pt-res-h b{color:var(--pk);font-size:15px}.pt-res-h span{color:var(--vi);font-size:12.5px;font-weight:800}.pt-odds{align-items:center;gap:8px;display:flex}.pt-odds b{font-size:13.5px}.pt-odds-m{align-items:center;gap:4px;margin:1px 0 3px;font-size:11.5px;display:flex}.pt-pct{text-align:right;min-width:52px;font-size:15px;font-weight:900}.pt-vars small{color:var(--muted);font-size:10.5px}.pt-var-row{justify-content:space-around;gap:8px;margin:4px 0;display:flex}.pt-var{flex-direction:column;align-items:center;font-size:10.5px;font-weight:700;display:flex}.pt-modal{z-index:110;background:#280a1e66;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.pt-modal-in{border:3px solid var(--pk);width:min(460px,100%);max-height:86vh;color:var(--text);background:#f7f2e8;border-radius:14px;padding:10px 12px;overflow:auto}.pt-modal-in.wide{width:min(720px,100%)}.pt-modal-h{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pt-modal-h b{color:var(--pk);font-size:16px}.pt-pick{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;display:grid}.pt-pick-i{text-align:left;border:2px solid var(--line);cursor:pointer;color:var(--text);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:5px;display:flex}.pt-pick-i span{flex-direction:column;font-size:12px;display:flex}.pt-pick-i small{color:var(--muted);font-size:11px}.pt-pick-i.off{opacity:.5;cursor:default}.pt-recipes{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px;display:grid}.pt-recipe{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;display:flex}.pt-recipe>b{color:var(--pk)}.pt-recipe span{flex-direction:column;margin-left:4px;display:flex}.pt-recipe small{color:var(--muted);font-size:10.5px}.pt-recipe.has{border-color:var(--pk)}.pt-dex-top{flex-direction:column;gap:6px;display:flex}.pt-miles{flex-wrap:wrap;gap:6px;display:flex}.pt-mile{border:2px solid var(--line);color:var(--text);background:#fff;border-radius:10px;align-items:center;gap:5px;padding:4px 8px;font-size:11.5px;display:flex}.pt-mile i{color:var(--muted);font-style:normal;font-weight:900}.pt-mile.can{cursor:pointer;border-color:#ffb020;animation:1.2s infinite pt-ping}.pt-mile.can i{color:#b86e00}.pt-mile.done{opacity:.6}.pt-mile.done i{color:#2a7240}.pt-mile-i{align-items:center;gap:1px;display:inline-flex}.pt-filter{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0;display:flex}.pt-filter button{background:var(--pk2);color:#a2385f;cursor:pointer;border:0;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:800}.pt-filter button.on{background:var(--pk);color:#fff}.pt-dexgrid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.pt-dexcell{cursor:pointer;color:var(--text);background:#fff;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:5px 3px;display:flex;position:relative}.pt-dexcell b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;overflow:hidden}.pt-dexcell.sel{border-color:var(--pk)}.pt-nv{color:#b86e00;font-size:9.5px;font-weight:900;position:absolute;top:2px;right:3px}.pt-dexinfo{border:2px solid var(--pk);background:#fff;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:8px;font-size:13px;display:flex}.pt-shop-top{align-items:center;gap:6px;font-size:13px;display:flex}.pt-shop-g h3{color:var(--pk);margin:10px 0 4px;font-size:15px}.pt-shop-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px;display:grid}.pt-shop-i{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.pt-shop-b{flex-direction:column;align-items:flex-end;gap:2px;font-size:12.5px;font-weight:800;display:flex}.pt-shop-b small{color:var(--muted);font-size:10.5px;font-weight:600}@media (max-width:760px){.pt-two,.pt-breed{grid-template-columns:1fr}.pt-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.pt-detail{order:-1}.pt-nests{grid-template-columns:1fr 1fr}.pt-frame{transform-origin:50% 0;margin:0 -22px -54px;transform:scale(.66)}.pt-heart .sprite-anim{margin:-6px -18px;transform:scale(.7)}.pt-heart b{font-size:13px}.pt-heart small{font-size:10.5px}.pt-items{grid-template-columns:1fr 1fr 1fr}.pt-item{text-align:center;flex-direction:column}.pt-recipes,.pt-shop-list{grid-template-columns:1fr}}.pt-sil{background:linear-gradient(#ffd9e6,#ffc6da);border:2px solid #3b3f6e;border-radius:6px;place-items:end center;display:grid;overflow:hidden}.pt-sil .sprite-anim{filter:brightness(0)invert(.22)sepia(.6)hue-rotate(200deg)saturate(2.4)}.win.hb-win{width:min(1080px,100%);height:min(860px,100%)}.win.hb-win .win-body{flex:1;min-height:0;padding:0;overflow:hidden}.hb{height:100%;min-height:0;color:var(--text);display:flex;position:relative}.hb-side{border-right:2px dotted var(--line);flex-direction:column;flex:none;gap:8px;width:232px;min-height:0;padding:8px 8px 8px 4px;display:flex}.hb-search{border:2px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 8px;display:flex}.hb-search input{min-width:0;color:var(--text);outline:none;flex:1;font-size:13px;box-shadow:none!important;background:0 0!important;border:0!important;border-image:!important;padding:7px 0!important}.hb-x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px}.hb-toc{flex-direction:column;gap:2px;padding-right:2px;display:flex;overflow:auto}.hb-ch-h{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:13.5px;font-weight:800;display:flex}.hb-ch-h span{text-align:center;width:24px;font-size:16px}.hb-ch-h i{color:var(--muted);background:#0000000f;border-radius:99px;margin-left:auto;padding:0 6px;font-size:10px;font-style:normal}.hb-ch-h:hover,.hb-ch.open .hb-ch-h{background:#a85d001a}.hb-ch-p{flex-direction:column;padding:2px 0 6px 30px;display:flex}.hb-ch-p button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:6px;padding:5px 8px;font-size:12.5px}.hb-ch-p button:hover{background:#0000000d}.hb-ch-p button.on{background:#ffd23f47;border-left-color:#c96a00;font-weight:800}.hb-main{scroll-behavior:smooth;flex:1;min-width:0;padding:0 14px 14px;overflow:auto}.hb-bar{z-index:3;background:var(--bg);align-items:center;gap:8px;min-height:36px;margin:0 -2px;padding:6px 0;display:flex;position:sticky;top:0}.hb-tocbtn{display:none}.hb-back,.hb-tocbtn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800}.hb-crumb{color:var(--muted);font-size:12px;font-weight:700}.hb-ph{border-bottom:2px dotted var(--line);align-items:center;gap:12px;margin:2px 0 10px;padding-bottom:10px;display:flex}.hb-ph-i{background:linear-gradient(160deg,#ffe08a,#ffb347);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:30px;display:grid;box-shadow:0 3px #b86e00}.hb-ph h2{color:#6b2a10;margin:0;font-size:22px}.hb-ph p{color:var(--muted);margin:2px 0 0;font-size:13px}.hb-content{font-size:14px;line-height:1.6}.hb-content h3{color:#8b3a1a;align-items:center;gap:6px;margin:18px 0 6px;font-size:16px;display:flex}.hb-content h3:before{content:"";background:#ff9f1c;border-radius:3px;width:6px;height:18px}.hb-content p{margin:6px 0}.hb-content ul,.hb-content ol{margin:6px 0 6px 20px;padding:0}.hb-content li{margin:3px 0}.hb-content b{color:#3a1f10}.hb-lead{background:#ffd23f2e;border-left:4px solid #ffb347;border-radius:0 10px 10px 0;padding:8px 12px;font-size:15px}.hb-link{color:#24609f;text-underline-offset:2px;cursor:pointer;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}kbd.hb-k{text-align:center;color:#1a1a2a;vertical-align:1px;background:#fff;border:1px solid #b9a98c;border-radius:5px;min-width:22px;height:21px;margin:0 1px;padding:0 6px;font:800 11.5px/20px Be Vietnam Pro,system-ui,sans-serif;display:inline-block;box-shadow:0 2px #b9a98c}.hb-pf{border-top:2px dotted var(--line);justify-content:space-between;gap:10px;margin-top:22px;padding-top:12px;display:flex}.hb-pn{text-align:left;border:2px solid var(--line);cursor:pointer;max-width:48%;color:var(--text);background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:7px 12px;display:flex}.hb-pn.r{text-align:right;margin-left:auto}.hb-pn small{color:var(--muted);font-size:11px}.hb-pn b{font-size:13px}.hb-pn:hover{border-color:#ffb347}.hb-results h2{margin:6px 0 10px;font-size:17px}.hb-res{text-align:left;border:2px solid var(--line);cursor:pointer;width:100%;color:var(--text);background:#fff;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.hb-res:hover{border-color:#ffb347}.hb-res-i{font-size:22px}.hb-res small{color:var(--muted);font-size:12px;display:block}.hb-note{border:1px solid;border-radius:10px;align-items:flex-start;gap:10px;margin:10px 0;padding:9px 12px;font-size:13.5px;display:flex}.hb-note .hb-note-t{display:block}.hb-note.tip{background:#eaf7ee;border-color:#9fd3b0}.hb-note.warn{background:#fdecea;border-color:#f0a9a2}.hb-note.info{background:#e9f1fb;border-color:#a8c5ea}.hb-note.lore{background:#f3ecfb;border-color:#c8b3ea;font-style:italic}.hb-note-ico{font-size:18px;line-height:1.3}.hb-tbl-wrap{margin:8px 0;overflow-x:auto}.hb-tbl{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;margin:8px 0;font-size:13px;overflow:hidden}.hb-tbl-wrap .hb-tbl{margin:0}.hb-tbl th{text-align:left;color:#6b2a10;background:#f0e1bf;padding:7px 10px;font-size:12px}.hb-tbl td{vertical-align:top;border-top:1px solid #efe4cc;padding:7px 10px}.hb-tbl:not(.multi) td:first-child{width:34%;font-weight:800}.hb-tbl.compact td{padding:5px 9px}.hb-it{align-items:center;gap:6px;font-weight:700;display:inline-flex}.hb-steps{flex-direction:column;gap:7px;margin:8px 0;padding:0;list-style:none;display:flex}.hb-steps li{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.hb-sn{color:#fff;background:#ff9f1c;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:grid}.hb-grid2,.hb-grid3{gap:8px;margin:8px 0;display:grid}.hb-grid2{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.hb-grid3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hb-card{text-align:left;border:2px solid var(--line);color:var(--text);background:#fff;border-radius:12px;align-items:flex-start;gap:10px;padding:10px;font-size:13px;line-height:1.45;display:flex}.hb-card.click{cursor:pointer}.hb-card.click:hover{border-color:#ffb347;transform:translateY(-1px)}.hb-card.gold{border-color:#e7c36a}.hb-card.red{border-color:#ef9a9a}.hb-card.cyan{border-color:#8fd3cc}.hb-card.pink{border-color:#f2a6c1}.hb-card-ico{flex:none;font-size:26px;line-height:1}.hb-card-b>b{margin-bottom:2px;font-size:14px;display:block}.hb-chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.hb-chip{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:1px;padding:5px 9px;font-size:12px;display:inline-flex}.hb-chip b{align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.hb-chipb{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:99px;padding:4px 11px;font-size:12px;font-weight:800}.hb-chipb.on{color:#3a1f10;background:#ffb347;border-color:#c96a00}.hb-roles{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.hb-img.px{image-rendering:pixelated}.hb-fig{border:2px solid #3a4290;border-radius:12px;margin:10px 0;overflow:hidden}.hb-fig.dark{color:#eef0ff;background:#161a3a}.hb-fig.light{border-color:var(--line);background:#fff}.hb-fig-in{padding:12px}.hb-fig figcaption{color:#cfd6ff;background:#00000040;padding:7px 12px;font-size:12px}.hb-fig.light figcaption{color:var(--muted);background:#f6eedb}.hb-pins{color:var(--text);background:#fbf5e6;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 14px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.4;list-style:none;display:grid}.hb-pins li{align-items:flex-start;gap:8px;display:flex}.hb-pins b{font-size:13px}.hb-pin{color:#fff;z-index:2;pointer-events:none;background:#ff9f1c;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font:900 11px/1 Be Vietnam Pro,system-ui,sans-serif;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px #00000073,0 0 0 3px #ff9f1c59}.hb-pin.static{flex:none;position:static;transform:none;box-shadow:0 1px #0000004d}.hb-map-in{width:100%;position:relative}.hb-map-in canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.hb-map-tag{white-space:nowrap;pointer-events:none;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:900;position:absolute;transform:translate(-50%,-110%)}.hb-map-tag.boss{color:#fff;background:#ff5d8f}.hb-map-tag.wild{color:#fff;background:#ff5252}.hb-hud-box{background:#0f1226;position:relative;overflow:hidden}.hb-hud-stage{transform-origin:0 0;pointer-events:none;background:#2a2f4a 50%/cover no-repeat;position:absolute;top:0;left:0;overflow:hidden}.hb-hud-stage .prompt,.hb-hud-stage .toasts{display:none!important}.hb-tele{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.hb-tele-i{text-align:center;flex-direction:column;align-items:center;gap:3px;font-size:12px;display:flex}.hb-tele-i span{color:#cfd6ff}.hb-tele-art{place-items:center;height:56px;display:grid}.hb-aim{width:100%;max-width:520px;margin:0 auto;display:block}.hb-combo{flex-wrap:wrap;justify-content:space-around;gap:8px;display:flex}.hb-combo-i{text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.hb-combo-i i{color:#ffd23f;font-style:normal;font-weight:800}.hb-combo-i span{color:#cfd6ff}.hb-skills{flex-direction:column;gap:6px;margin:8px 0;display:flex}.hb-skill{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:13px;display:flex}.hb-skill.ult{background:#fff6f9;border-color:#f2a6c1}.hb-skill b{margin-right:6px}.hb-skill-ico{flex:none;position:relative}.hb-skill-ico kbd{position:absolute;bottom:-6px;right:-6px;transform:scale(.85)}.hb-cls-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin:8px 0;display:grid}.hb-cls{border:2px solid var(--line);cursor:pointer;color:var(--text);background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px;font-size:12px;display:flex}.hb-cls span{color:var(--muted);font-size:10.5px}.hb-cls.sel{background:#fff4d6;border-color:#c96a00;box-shadow:0 0 0 2px #ff9f1c59}.hb-cls.mine:after{content:"Bạn";color:#fff;background:#17756f;border-radius:99px;padding:0 6px;font-size:9px;font-weight:900}.hb-cls-d{border:2px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;margin:8px 0;padding:10px;display:flex}.hb-cls-art{background:radial-gradient(circle at 50% 70%,#3a4290,#161a3a);border-radius:10px;flex:none}.hb-cls-info{flex:1;min-width:0}.hb-cls-info h3{margin-top:0!important}.hb-role{border:1px solid var(--line);background:#fff;border-radius:10px;margin:6px 0;padding:8px 10px}.hb-role-c{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.hb-zones{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.hb-zone{border:2px solid var(--line);opacity:.78;background:#fff;border-radius:12px;padding:8px 10px}.hb-zone.on{opacity:1;border-color:#8fd3a8}.hb-zone-h{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hb-zone-m{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.hb-zone-l{color:#17756f;margin-top:4px;font-weight:700}.hb-boss{background:#fff3f6;border:2px solid #f2a6c1;border-radius:12px;align-items:center;gap:10px;margin:8px 0;padding:8px 10px;display:flex}.win .pill.green{color:#2a7240;background:#2a724026}.hb-row-art{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;display:flex}.hb-lv{color:#cfd6ff;text-align:center;flex-direction:column;align-items:center;gap:4px;max-width:120px;font-size:11px;display:flex}.hb-rarity{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.hb-rar{border:2px solid var(--rc);text-align:center;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px;font-size:12px;display:flex}.hb-rar b{color:var(--rc);filter:brightness(.8)}.hb-rar i{color:var(--muted);font-size:10.5px;font-style:normal}.hb-bar{background:#f0e1bf;border-radius:6px;min-width:120px;height:18px;padding-left:6px;font-size:11px;font-weight:800;line-height:18px;display:block;position:relative;overflow:hidden}.hb-bar i{z-index:0;background:linear-gradient(90deg,#7bd389,#ffd23f);position:absolute;top:0;bottom:0;left:0}.hb-bar{isolation:isolate}.hb-bar i{z-index:-1}.hb-fline{border:1px solid var(--line);background:#fff;border-radius:10px;margin:8px 0;padding:8px 10px}.hb-walks{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.hb-walk{text-align:center;color:#eef0ff;background:#1f2448;border-radius:10px;flex-direction:column;align-items:center;gap:2px;width:92px;padding:6px 4px;font-size:11px;display:flex}.hb-walk .walk{animation-play-state:running!important}.hb-vehs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:8px 0;display:grid}.hb-veh{text-align:center;border:2px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px;font-size:12.5px;display:flex}.hb-veh.legend{background:radial-gradient(circle at 50% 30%,#fff4d6,#fff 70%);border-color:#e7c36a}.hb-hero{background:#161a3a;border-radius:12px;place-items:center;max-height:220px;margin-bottom:8px;display:grid;overflow:hidden}.hb-hero img{object-fit:cover;width:100%;height:220px}.hb-spar{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:8px 0;display:grid}.hb-sp{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.hb-sp b{font-size:13px;display:block}.hb-gifts{gap:4px;margin-top:6px;display:flex}.hb-ranks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.hb-rank{border:2px solid var(--line);text-align:center;opacity:.65;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font-size:12px;display:flex}.hb-rank.on{opacity:1;border-color:#e7c36a}.hb-rank i{color:var(--muted);font-size:11px;font-style:normal}.hb-faq details{border:1px solid var(--line);background:#fff;border-radius:10px;margin:6px 0;padding:0 12px}.hb-faq summary{cursor:pointer;padding:9px 0;font-weight:800}.hb-faq details[open] summary{border-bottom:1px dotted var(--line)}.hb-faq details div{padding:8px 0 10px}.hb-story-hero{justify-content:center;gap:16px;margin:4px 0 10px;display:flex}.hb-guide-st{background:#fff;border:2px solid #e7c36a;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.hb-btns{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.hb-guide-list{counter-reset:g;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:5px;margin:8px 0;padding:0;list-style:none;display:grid}.hb-guide-list li{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.hb-guide-list li.ok{background:#eaf7ee;border-color:#9fd3b0}.hb-guide-list li.ok:after{content:"✓";color:#2a7240;margin-left:auto;font-weight:900}.hb-guide-list li.cur{background:#fff4d6;border-color:#ffb347;font-weight:800}@media (max-width:760px){.win.hb-win{height:100%}.hb-side{z-index:6;background:var(--bg);border-right:2px solid var(--line);width:min(290px,86%);padding-left:8px;transition:transform .22s;position:absolute;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:6px 0 18px #00000040}.hb-side.open{transform:none}.hb-scrim{z-index:5;background:#28180a40;position:absolute;inset:0}.hb-tocbtn{display:inline-block}.hb-main{padding:0 6px 10px}.hb-ph-i{width:42px;height:42px;font-size:24px}.hb-ph h2{font-size:18px}.hb-content{font-size:13.5px}.hb-lead{font-size:14px}.hb-cls-d{flex-direction:column;align-items:center}.hb-pn{max-width:49%;padding:6px 8px}.hb-tbl:not(.multi) td:first-child{width:40%}}.win-help{width:calc(var(--k) * 20px);height:calc(var(--k) * 20px);color:#5a2a00;font:900 calc(var(--k) * 11px)/1 "Be Vietnam Pro", system-ui, sans-serif;cursor:pointer;background:#ffd23f;border:2px solid #c96a00;border-radius:50%;flex:none;place-items:center;margin-right:4px;padding:0;display:grid;box-shadow:0 2px #a85d00}.win-help:hover{filter:brightness(1.08)}.hb-map-photo{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.hb-map-scroll{cursor:zoom-in}.hb-map.big .hb-map-scroll{cursor:zoom-out;max-height:70vh;overflow:auto}.hb-map.big .hb-map-in{width:1600px;max-width:none}.hb-map.big .hb-pin{width:30px;height:30px;font-size:14px}.hb-shot{width:100%;height:auto;image-rendering:pixelated;border-radius:8px;display:block}.hb-fig-in:has(>.hb-shot){padding:0}.hb-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-weight:800;display:flex}.hb-flow span{background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;padding:4px 8px}.hb-it+.hb-it{margin-left:10px}.hb-hunt-row{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.hb-hunt-card{background:#0000000a;border:1px solid #0000001f;border-radius:10px;flex-direction:column;gap:3px;padding:7px;display:flex}.hb-hunt-card img{aspect-ratio:160/96;object-fit:cover;width:100%;image-rendering:pixelated;border-radius:6px}:root{--mb-ally:#6fd8ff;--mb-enemy:#ff6b7d;--mb-gold:#ffd23f;--mb-bg:#12152f;--mb-card:#1c2150;--mb-line:#3a4290}.win.v-moba{--bg:#10132e;--bg2:#161a3c;--card:#1d2250;--card2:#262c62;--line:#3a4290;border-image:url(/assets/ui/khung_9slice/bang_moba.webp) 16 / calc(var(--k,1) * 16px) round;background:#10132e padding-box padding-box}.win.v-moba .win-head h2{color:var(--mb-gold);text-shadow:0 2px #000;letter-spacing:.5px}.mb-lobby{grid-template-columns:1.05fr 1fr;gap:14px;display:grid}.mb-sub{color:var(--muted);margin-bottom:6px;font-size:12px}.mb-sub .ok{color:#7bd389}.mb-sub .off{color:#ff9aa6}.mb-left,.mb-right{flex-direction:column;gap:8px;min-width:0;display:flex}.mb-mode{text-align:left;background:var(--mb-card);border:2px solid var(--mb-line);color:var(--text);border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex;box-shadow:3px 3px #000}.mb-mode.on{border-color:var(--mb-gold);background:#3a2c14}.mb-mode:disabled{opacity:.55}.mb-thumb{object-fit:cover;width:108px;height:72px;image-rendering:pixelated;border:2px solid #0b0d1c;border-radius:6px;flex:none}.mb-mode-txt{flex-direction:column;gap:3px;display:flex}.mb-mode-txt b{color:#fff;font-size:16px}.mb-mode-txt span{color:var(--muted);font-size:11px}.mb-mode-txt em{color:#fff;background:#3b4386;border-radius:8px;align-self:flex-start;padding:3px 10px;font-size:11px;font-style:normal;font-weight:800}.mb-mode-txt em.t-classic{background:#d9592b}.mb-foot{color:var(--muted);line-height:1.5}.mb-h{color:var(--mb-gold);font-size:13px;font-weight:800}.mb-team{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.mb-card{background:var(--mb-card);border:2px solid var(--mb-line);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:104px;padding:6px 2px;display:flex}.mb-card.me{border-color:var(--mb-gold)}.mb-card b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.mb-card.empty{opacity:.55;color:var(--muted)}.mb-card .plus{color:#8e96d8;font-size:26px}.mb-pos{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.mb-posb{background:var(--mb-card);border:2px solid var(--mb-line);color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex;position:relative}.mb-posb img{width:34px;height:34px}.mb-posb span{font-size:10px;font-weight:700}.mb-posb.on{border-color:var(--mb-gold);background:#3a2c14}.mb-posb i{color:var(--mb-gold);font-style:normal;font-weight:900;position:absolute;top:2px;right:6px}.mb-posb:disabled{opacity:.5}.mb-tip{color:#cfeedd;background:#46a05a2e;border:2px solid #4fbf78;border-radius:10px;padding:6px 10px;font-size:12px}.mb-hap{color:var(--muted);align-items:center;gap:6px;display:flex}.mb-find{color:#2a1a06;letter-spacing:1px;background:linear-gradient(#ffd23f,#f1a91c);border:3px solid #fff1b0;border-radius:12px;margin-top:4px;padding:14px;font-size:26px;font-weight:900;box-shadow:0 5px #b05a18,4px 8px #000}.mb-find:active{transform:translateY(3px);box-shadow:0 2px #b05a18,2px 4px #000}.mb-queue{border:2px solid var(--mb-gold);background:#2a2208;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.mb-spin{border:4px solid #ffd23f40;border-top-color:var(--mb-gold);border-radius:50%;flex:none;width:26px;height:26px;animation:.9s linear infinite mbspin}.mb-spin.sm{border-width:3px;width:14px;height:14px}@keyframes mbspin{to{transform:rotate(360deg)}}.mb-chip{top:calc(8px + var(--safe-t));z-index:60;border:2px solid var(--mb-gold);cursor:pointer;background:#2a2208f2;border-radius:99px;align-items:center;gap:8px;padding:5px 8px 5px 12px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:2px 3px #000}.mb-chip .x{color:#fff;background:#8c2f3a;border:0;border-radius:50%;width:22px;height:22px;font-size:11px}@media (max-width:760px){.mb-lobby{grid-template-columns:1fr}.mb-thumb{width:84px;height:56px}.mb-find{padding:10px;font-size:22px}}.mb-accept-bg{z-index:200;background:#040510c7;justify-content:center;align-items:center;animation:.2s mbfade;display:flex;position:fixed;inset:0}@keyframes mbfade{0%{opacity:0}}.mb-accept{text-align:center;flex-direction:column;align-items:center;gap:10px;animation:.35s cubic-bezier(.2,1.6,.4,1) mbpop;display:flex}@keyframes mbpop{0%{opacity:0;transform:scale(.6)}}.mb-ring{width:240px;height:240px;image-rendering:pixelated;background-size:1200% 100%;justify-content:center;align-items:center;display:flex}.mb-ring-in{flex-direction:column;align-items:center;gap:2px;display:flex}.mb-ring-in b{color:var(--mb-gold);text-shadow:0 2px #000;font-size:17px}.mb-ring-in span{color:#cfd6ff;font-size:11px}.mb-ring-in strong{color:var(--mb-gold);text-shadow:0 3px #000;font-size:44px;animation:1s infinite mbbeat}@keyframes mbbeat{50%{transform:scale(1.12)}}.mb-acc-yes{color:#0d2414;background:linear-gradient(#56c27a,#2f8f52);border:3px solid #b5f5c8;border-radius:12px;padding:12px 60px;font-size:28px;font-weight:900;animation:1.2s infinite mbglow;box-shadow:0 5px #1d5a33,4px 8px #000}@keyframes mbglow{50%{box-shadow:0 5px #1d5a33,0 0 26px #7bffa5}}.mb-acc-no{color:#fff;background:#c83f55;border:3px solid #ff9aab;border-radius:10px;padding:6px 40px;font-size:16px;font-weight:800;box-shadow:0 4px #7a2232}.mb-acc-msg{font-size:18px;font-weight:800}.mb-acc-msg.ok{color:#7bffa5}.mb-acc-msg.bad{color:#ff9aa6}.mb-dots{gap:8px;display:flex}.mb-dots i{background:#5d6290;border:2px solid #0b0d1c;border-radius:50%;width:16px;height:16px}.mb-dots i.on{background:#7bd389}.mb-accept .bad,.mb-lobby .bad{color:#ff9aa6}.mb-confirm{background:var(--mb-bg);border:3px solid var(--mb-line);text-align:center;border-radius:14px;flex-direction:column;gap:8px;max-width:360px;padding:16px 20px;display:flex}.dr-screen{z-index:40;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(8px + var(--safe-b)) calc(10px + var(--safe-l));background:radial-gradient(at 50% 0,#22285c,#0b0d1c 70%);flex-direction:column;gap:6px;display:flex;position:fixed;inset:0;overflow:hidden}.dr-top{text-align:center;background:var(--mb-bg);border:2px solid var(--mb-gold);border-radius:12px;align-self:center;min-width:min(560px,90vw);padding:6px 40px;position:relative;overflow:hidden}.dr-top b{color:var(--mb-gold);letter-spacing:1px;font-size:20px;display:block}.dr-top span{color:#dfe3ff;font-size:12px;position:relative}.dr-top.mine{animation:1.2s infinite mbglow2;box-shadow:0 0 18px #ffd23f80}@keyframes mbglow2{50%{box-shadow:0 0 30px #ffd23fcc}}.dr-bar{background:var(--mb-gold);height:3px;transition:width .2s linear;position:absolute;bottom:0;left:0}.ph-ban .dr-top{border-color:#ff5a6e}.ph-ban .dr-top b{color:#ff8a9a}.ph-ban .dr-bar{background:#ff5a6e}.dr-bans{justify-content:space-between;padding:0 22%;display:flex}.dr-bans>div{gap:4px;display:flex}.dr-ban{filter:grayscale(.6);background:#2a1020;border:2px solid #ff5a6e;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.dr-ban:has(img):after{content:"";background:#ff3550;width:3px;position:absolute;top:-3px;bottom:-3px;left:50%;transform:rotate(45deg)}.dr-main{flex:1;grid-template-columns:220px 1fr 220px;gap:10px;min-height:0;display:grid}.dr-col{flex-direction:column;gap:6px;min-height:0;display:flex}.dr-team{font-size:13px;font-weight:900}.dr-team.ally{color:var(--mb-ally)}.dr-team.enemy{color:#d39bff;text-align:right}.dr-slot{background:var(--mb-card);border:2px solid var(--mb-line);border-radius:10px;flex:1;align-items:center;gap:8px;min-height:0;padding:4px;display:flex;position:relative}.dr-slot.turn{border-color:var(--mb-gold);background:#33290f;animation:1.2s infinite mbglow2}.dr-slot.you{outline-offset:-5px;outline:2px dashed #ffd23f99}.dr-slot.enemy{text-align:right;flex-direction:row-reverse}.dr-por{color:#6870b0;background:#0f1230;border-radius:8px;flex:none;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;display:flex}.dr-por.hover{opacity:.55}.dr-txt{flex-direction:column;gap:1px;min-width:0;display:flex}.dr-txt b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dr-txt>span{color:var(--mb-gold);font-size:11px}.dr-sp{gap:2px;display:flex}.dr-sp img{width:18px;height:18px}.dr-pos{width:22px;height:22px;position:absolute;top:4px;right:4px}.dr-slot.enemy .dr-pos{left:4px;right:auto}.dr-center{border:2px solid var(--mb-line);background:#12152fd9;border-radius:12px;flex-direction:column;gap:6px;min-height:0;padding:8px;display:flex}.dr-filters{flex-wrap:wrap;gap:4px;display:flex}.dr-filters button{color:#cfd6ff;background:#262c62;border:0;border-radius:8px;flex:1;padding:5px 4px;font-size:11px;font-weight:700}.dr-filters button.on{background:var(--mb-gold);color:#2a1a06}.dr-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));align-content:start;gap:6px;min-height:0;display:grid;overflow-y:auto}.dr-hero{color:#fff;background:#0f1230;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:4px 2px;display:flex;position:relative}.dr-hero span{text-align:center;font-size:10px;line-height:1.1}.dr-hero.on{border-color:var(--mb-gold);background:#33290f}.dr-hero.fit:before{content:"★";color:var(--mb-gold);font-size:10px;position:absolute;top:2px;left:4px}.dr-hero .dr-role{width:16px;height:16px;position:absolute;top:36px;right:2px}.dr-hero.used,.dr-hero.banned{filter:grayscale()brightness(.6)}.dr-hero.banned:after{content:"";background:#ff3550;width:3px;height:64px;position:absolute;top:0;left:50%;transform:rotate(40deg)}.dr-detail{border:2px solid var(--mb-gold);background:#161a3c;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.dr-big{flex:none}.dr-name{color:var(--mb-gold);font-size:18px}.dr-skills{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.dr-skill{flex-direction:column;align-items:center;width:64px;display:flex;position:relative}.dr-skill em{color:#fff;text-shadow:0 1px #000;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:0;left:6px}.dr-skill span{text-align:center;color:#cfd6ff;font-size:9px;line-height:1.1}.dr-aram{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.dr-aram-me{flex-direction:column;align-items:center;gap:6px;display:flex}.dr-aram-me b{color:var(--mb-gold);font-size:20px}.dr-bench{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.dr-benchb{border:2px solid var(--mb-line);background:#0f1230;border-radius:8px;padding:3px}.dr-benchb:hover{border-color:var(--mb-gold)}.dr-bottom{justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.dr-myspells{align-items:center;gap:6px;display:flex;position:relative}.dr-spbtn{border:2px solid var(--mb-line);background:#0f1230;border-radius:8px;gap:4px;padding:3px;display:flex}.dr-spbtn img{width:36px;height:36px}.dr-spells-pop{z-index:5;background:var(--mb-bg);border:2px solid var(--mb-gold);border-radius:12px;flex-direction:column;gap:6px;width:min(520px,90vw);padding:8px;display:flex;position:absolute;bottom:52px;left:0}.dr-spell-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.dr-spell{text-align:left;border:2px solid var(--mb-line);color:#fff;background:#0f1230;border-radius:8px;grid-template-rows:auto auto auto;grid-template-columns:32px 1fr;column-gap:6px;padding:4px;display:grid}.dr-spell img{grid-row:span 3;width:32px;height:32px}.dr-spell b{font-size:11px}.dr-spell span{color:#cfd6ff;font-size:9px}.dr-spell em{color:var(--mb-gold);font-size:9px;font-style:normal}.dr-spell.on{border-color:var(--mb-gold)}.dr-lock{color:#2a1a06;background:linear-gradient(#ffd23f,#f1a91c);border:3px solid #fff1b0;border-radius:12px;padding:8px 50px;font-size:22px;font-weight:900;animation:1.2s infinite mbglow;box-shadow:0 5px #b05a18,4px 8px #000}.dr-lock.ban{color:#fff;background:linear-gradient(#ff6b7d,#c8304a);border-color:#ffc0c8;box-shadow:0 5px #7a1a2c,4px 8px #000}.dr-lock:disabled{opacity:.5;animation:none}.dr-wait{color:#cfd6ff;padding:10px 20px;font-weight:800}.dr-leave{position:absolute;right:0}@media (max-width:900px),(max-height:520px){.dr-main{grid-template-columns:150px 1fr 150px}.dr-por{width:40px;height:40px}.dr-por .ico{width:38px;height:38px}.dr-detail .dr-big{display:none}.dr-skill{width:50px}.dr-skill span{display:none}.dr-top b{font-size:16px}.dr-top{padding:4px 20px}.dr-bans{padding:0 14%}.dr-ban{width:26px;height:26px}.dr-lock{padding:6px 30px;font-size:18px}}@media (max-width:600px) and (orientation:portrait){.dr-main{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.dr-col{flex-direction:row;overflow-x:auto}.dr-col .dr-team{display:none}.dr-slot{min-width:64px;text-align:center!important;flex-direction:column!important}.dr-txt>span,.dr-sp{display:none}}.ld-screen{z-index:40;background:radial-gradient(#262b62,#0b0d1c 75%);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex;position:fixed;inset:0}.ld-title{text-align:center}.ld-title b{color:var(--mb-gold);letter-spacing:2px;text-shadow:0 3px #000;font-size:24px;display:block}.ld-title span{color:#cfd6ff;font-size:12px}.ld-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ld-card{background:var(--mb-card);border:2px solid var(--mb-line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:128px;padding:6px;display:flex}.ld-card.ally{border-color:#2f7ea8}.ld-card.enemy{border-color:#8a4bb8}.ld-card.you{border-color:var(--mb-gold);box-shadow:0 0 14px #ffd23f73}.ld-card b{color:#fff;font-size:12px}.ld-art{align-items:flex-end;height:90px;display:flex}.ld-sp{gap:2px;display:flex}.ld-sp img{width:16px;height:16px}.ld-bar{background:#0b0d1c;border-radius:3px;width:100%;height:6px;overflow:hidden}.ld-bar i{background:linear-gradient(90deg,#56c27a,#ffd23f);height:100%;transition:width .3s;display:block}.ld-vs{color:#ff8a9a;text-shadow:0 3px #000;font-size:30px;font-weight:900}.ld-tip{color:#dfe3ff;text-align:center;max-width:640px;margin-top:6px;font-size:13px}@media (max-height:520px){.ld-card{width:100px}.ld-art{height:56px}.ld-art .ico{width:54px;height:54px}.ld-title b,.ld-vs{font-size:18px}}.mh{pointer-events:none;z-index:30;font-size:12px;position:fixed;transform:translateZ(0)}.mh>*,.mh .cluster>*,.mh-actions>*{pointer-events:auto}.mh-letterbox{z-index:0;pointer-events:none;background:#05060f;position:fixed;inset:0}.mh.is-dead:before{content:"";-webkit-backdrop-filter:grayscale()brightness(.75);pointer-events:none;position:absolute;inset:0}.mh-vig{pointer-events:none;animation:1s ease-in-out infinite mbvig;position:absolute;inset:0;box-shadow:inset 0 0 60px 10px #ff283c59}.mh-vig.t3{animation-duration:.35s;box-shadow:inset 0 0 90px 22px #ff1e328c}@keyframes mbvig{50%{opacity:.35}}.mh-towerwarn{color:#fff;pointer-events:none;white-space:nowrap;background:#8c1424eb;border:2px solid #ff9aab;border-radius:99px;padding:3px 14px;font-weight:900;animation:.6s infinite mbbeat;position:absolute;top:24%;left:50%;transform:translate(-50%)}.mh-top{top:calc(4px + var(--safe-t));border:2px solid var(--mb-gold);pointer-events:none;background:#12152feb;border-radius:10px;align-items:center;gap:10px;padding:2px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:2px 3px #000}.mh-k{text-shadow:0 2px #000;font-size:20px;font-weight:900}.mh-k.t0{color:#6fd8ff}.mh-k.t1{color:#d39bff}.mh-clock{text-align:center;min-width:48px;font-size:15px;font-weight:800}.mh-tw{color:#cfd6ff;font-size:11px}.mh-ping{color:#7bd389;background:#00000080;border-radius:6px;margin-top:2px;padding:0 5px;font-size:10px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.mh-ping.mid{color:#ffd23f}.mh-ping.bad{color:#ff6b7d}.mh-mini{left:calc(6px + var(--safe-l));top:calc(6px + var(--safe-t));border:3px solid var(--mb-gold);background:#0b0d1c;border-radius:8px;line-height:0;position:absolute;box-shadow:3px 3px #000}.mh-mini canvas{width:150px;height:150px;image-rendering:pixelated;touch-action:none;cursor:pointer}.mh-mini.aram canvas{width:220px;height:77px}.mh-mini.tp{border-color:#7bffa5;animation:1s infinite mbglow}.mh-tp-hint{text-align:center;color:#7bffa5;text-shadow:0 1px #000;font-size:11px;line-height:1.2;position:absolute;bottom:-18px;left:0;right:0}.mh-objs{top:calc(6px + var(--safe-t));left:calc(166px + var(--safe-l));border:2px solid var(--mb-line);pointer-events:none;background:#12152fd9;border-radius:8px;flex-direction:column;gap:2px;padding:3px 7px;display:flex;position:absolute}.mh-mini.aram~.mh-objs{display:none}.mh-obj{align-items:center;gap:5px;font-size:10px;display:flex}.mh-obj img{width:12px;height:12px}.mh-obj b{color:var(--mb-gold);margin-left:auto;padding-left:6px}.mh-drag{color:#cfd6ff;font-size:10px}.mh-team{left:calc(6px + var(--safe-l));top:calc(168px + var(--safe-t));pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute}.mh-mate{background:#0f1230;border:2px solid #2f7ea8;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative;overflow:visible}.mh-mate .ico{width:22px;height:22px}.mh-mate.me{border-color:var(--mb-gold)}.mh-mate b{background:#14183a;border:1px solid #6fd8ff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex;position:absolute;bottom:-4px;right:-5px}.mh-mate.dead{filter:grayscale()}.mh-mate i{color:#fff;background:#0000008c;border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:900;display:flex;position:absolute;inset:0}.mh-mate em{font-size:10px;font-style:normal;position:absolute;top:-6px;left:-6px}.mh-feed{right:calc(8px + var(--safe-r));top:calc(6px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute}.mh-fe{background:#12152fe6;border:2px solid #2f7ea8;border-radius:99px;align-items:center;gap:5px;padding:1px 8px;animation:.3s mbslide;display:flex}.mh-fe.enemy{border-color:#c8304a}@keyframes mbslide{0%{opacity:0;transform:translate(40px)}}.mh-banner{pointer-events:none;flex-direction:column;align-items:center;gap:2px;animation:2.2s forwards mbban;display:flex;position:absolute;top:16%;left:50%;transform:translate(-50%)}@keyframes mbban{0%{opacity:0;transform:translate(-50%)scale(.4)}10%{opacity:1;transform:translate(-50%)scale(1.08)}16%{transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0}}.mh-bn-img{aspect-ratio:240/56;width:min(440px,70vw);image-rendering:pixelated;background-size:100% 100%;justify-content:center;align-items:center;display:flex}.mh-bn-img b{color:#fff;text-shadow:0 3px #000;letter-spacing:1px;text-align:center;padding:0 16%;font-size:clamp(14px,2.2vw,24px);font-weight:900}.mh-banner>span{color:#fff;text-shadow:0 2px #000,0 0 6px #000;font-size:12px;font-weight:700}.mh-banner.enemy .mh-bn-img{filter:hue-rotate(-20deg)saturate(1.2)}.mh-me{bottom:calc(6px + var(--safe-b));left:calc(6px + var(--safe-l));border:2px solid var(--mb-gold);background:#12152feb;border-radius:10px;align-items:center;gap:6px;padding:4px 6px;display:flex;position:absolute;box-shadow:2px 2px #000}.mh-por{flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.mh-por .ico{width:30px;height:30px}.mh-xp{pointer-events:none;width:40px;height:40px;position:absolute;inset:-3px;transform:rotate(-90deg)}.mh-xp circle{fill:none;stroke:#b28cff;stroke-width:3px}.mh-lv{border:2px solid var(--mb-gold);z-index:1;background:#14183a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex;position:absolute;bottom:-5px;left:-5px}.mh-bars{flex-direction:column;gap:2px;width:120px;display:flex}.mh-hp,.mh-mpb{background:#0b0d1c;border:1px solid #000;border-radius:3px;height:10px;position:relative;overflow:hidden}.mh-mpb{height:7px}.mh-hp i{background:linear-gradient(#7dff8a,#2fa04a);transition:width .15s;position:absolute;top:0;bottom:0;left:0}.mh-hp.sh i{box-shadow:inset 0 3px #dfe9ffcc}.mh-mpb i{background:linear-gradient(#6ec8ff,#2f72d6);transition:width .15s;position:absolute;top:0;bottom:0;left:0}.mh-hp span,.mh-mpb span{text-align:center;text-shadow:0 1px #000;font-size:8px;font-weight:800;line-height:10px;display:block;position:relative}.mh-mpb span{font-size:7px;line-height:7px}.mh-stats{color:#cfd6ff;white-space:nowrap;font-size:9px}.mh-items{grid-template-columns:repeat(4,22px);align-items:center;gap:2px;display:grid}.mh-item{border:1px solid var(--mb-line);background:#0f1230;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative;overflow:hidden}.mh-item img{width:19px;height:19px}.mh-item em{text-shadow:0 1px #000;font-size:8px;font-style:normal;font-weight:900;position:absolute;bottom:0;right:1px}.mh-item.act,.mh-item.trinket{border-color:var(--mb-gold);cursor:pointer}.mh-item .cd-dim{border-radius:4px}.mh-gold{color:var(--mb-gold);border:1px solid var(--mb-gold);background:#2a2208;border-radius:6px;grid-column:span 4;padding:1px 4px;font-size:11px;font-weight:900}.mb-cluster .sbtn.mb-locked .ico{filter:grayscale()brightness(.45)}.mb-cluster .mb-pips{left:50%;bottom:calc(var(--k) * 3px);z-index:4;pointer-events:none;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.mb-cluster .mb-pips i{width:calc(var(--k) * 6px);height:calc(var(--k) * 2.5px);background:#0a0c20d9;border-radius:1px}.mb-cluster .mb-pips i.on{background:var(--mb-gold)}.mb-cluster .mb-lvup{left:calc(var(--x) * var(--k) * 1px);top:calc(var(--y) * var(--k) * 1px);width:calc(var(--k) * 22px);height:calc(var(--k) * 22px);background:var(--mb-gold);color:#2a1a06;font-weight:900;font-size:calc(var(--k) * 14px);z-index:6;touch-action:none;pointer-events:auto;border:2px solid #fff1b0;border-radius:50%;padding:0;line-height:1;animation:.8s infinite mbbeat;position:absolute;transform:translate(-50%,-50%)}.mb-cluster .mb-spell .ico,.mb-cluster .mb-ward .ico{width:calc(var(--k) * 26px);height:calc(var(--k) * 26px)}.mb-cluster .mb-ward .cnt{right:calc(var(--k) * 2px);font-size:calc(var(--k) * 9px);color:#fff;text-shadow:0 1px #000;z-index:2;font-weight:900;position:absolute;bottom:0}.mb-cluster .s-atk.held{filter:brightness(1.25)}.mb-cluster .mh-tip{left:calc(var(--x) * var(--k) * 1px);top:calc(var(--y) * var(--k) * 1px - 40px);background:var(--mb-bg);border:2px solid var(--mb-gold);z-index:10;pointer-events:none;border-radius:10px;width:240px;padding:6px 8px;position:absolute;transform:translate(-60%,-100%)}.mh-actions{left:50%;bottom:calc(6px + var(--safe-b));pointer-events:none;gap:5px;display:flex;position:absolute;transform:translate(-50%)}.mh-act{border:2px solid var(--mb-line);color:#fff;touch-action:none;background:#12152ff0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:34px;padding:0;font-size:17px;display:flex;position:relative;box-shadow:2px 2px #000}.mh-act img{width:24px;height:24px}.mh-act.a-recall{border-color:#3ee0d0}.mh-key{color:#cfd6ff;text-shadow:0 1px #000;z-index:3;pointer-events:none;font-size:9px;font-weight:900;position:absolute;top:1px;left:3px}.mh-recall{text-align:center;pointer-events:none;background:#12152feb;border:2px solid #3ee0d0;border-radius:8px;width:200px;padding:3px 6px;position:absolute;bottom:30%;left:50%;overflow:hidden;transform:translate(-50%)}.mh-recall i{background:#3ee0d0;height:4px;margin-top:2px;transition:width .1s linear;display:block}.mh-vote{right:calc(8px + var(--safe-r));background:var(--mb-bg);border:2px solid var(--mb-gold);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;display:flex;position:absolute;top:30%}.mh-hint{top:calc(42px + var(--safe-t));color:#fff;background:#12152ff2;border:2px solid #3ee0d0;border-radius:10px;padding:3px 12px;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.mh-afk{border:2px solid var(--mb-gold);pointer-events:none;text-align:center;background:#5a3c0aeb;border-radius:10px;padding:4px 12px;font-weight:800;position:absolute;top:30%;left:50%;transform:translate(-50%)}.mh-bush{pointer-events:none;background:#1f5a3ce6;border:2px solid #7bd389;border-radius:99px;padding:2px 12px;font-weight:800;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.mh-bush.rev{background:#8c2f3ae6;border-color:#ff9aab}.mh-dead{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mh-dead-box{background:#0a0a14b3;border:2px solid #ff5a6e;border-radius:14px;flex-direction:column;align-items:center;gap:4px;margin-bottom:12vh;padding:8px 22px;display:flex}.mh-dead-box b{color:#ff8a9a;font-size:16px}.mh-dead-box strong{color:#fff;font-size:26px}.mh-pingw{background:var(--mb-bg);border:2px solid var(--mb-gold);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;display:grid;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.mh-pingw button{border:2px solid var(--mb-line);color:#fff;background:#0f1230;border-radius:8px;flex-direction:column;align-items:center;padding:4px;font-size:10px;display:flex}.mh-pingw img{width:28px;height:28px}.mh-menu-bg{z-index:60;background:#0405108c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mh-menu{background:var(--mb-bg);border:3px solid var(--mb-gold);border-radius:14px;flex-direction:column;gap:8px;width:min(380px,92vw);max-height:92%;padding:14px;display:flex;overflow-y:auto}.mh-ask{align-items:center;gap:8px;display:flex}.mh-keys{line-height:1.5}@media (pointer:coarse){.mh-mini canvas{width:118px;height:118px}.mh-mini.aram canvas{width:180px;height:63px}.mh-objs{left:calc(134px + var(--safe-l))}.mh-team{display:none}.mh-me{top:calc(132px + var(--safe-t));flex-wrap:wrap;gap:3px;width:132px;padding:3px 4px;bottom:auto}.mh-mini.aram~.mh-me{top:calc(78px + var(--safe-t))}.mh-me .mh-por{width:26px;height:26px}.mh-me .mh-por .ico{width:24px;height:24px}.mh-xp{width:32px;height:32px}.mh-bars{width:92px}.mh-stats{display:none}.mh-items{grid-template-columns:repeat(7,14px) auto;gap:1px}.mh-item{width:14px;height:14px}.mh-item img{width:12px;height:12px}.mh-gold{grid-column:auto;margin-left:2px;padding:0 3px;font-size:9px}.mh-me{width:auto;max-width:190px}.mh-actions{bottom:calc(4px + var(--safe-b))}.mh-act{width:34px;height:30px;font-size:15px}.mh .mh-tip{display:none}}.mh-shop-bg{z-index:55;background:#04051080;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.mh-shop{background:var(--mb-bg);border:3px solid var(--mb-gold);border-radius:14px;flex-direction:column;width:min(980px,100%);max-height:100%;display:flex;overflow:hidden}.mh-shop-h{border-bottom:2px solid var(--mb-line);align-items:center;gap:10px;padding:8px 12px;display:flex}.mh-shop-h b{color:var(--mb-gold);font-size:18px}.mh-shop-gold{color:var(--mb-gold);margin-left:auto;font-size:16px;font-weight:900}.mh-shop-h .x{color:#fff;background:#8c2f3a;border:0;border-radius:8px;width:30px;height:30px}.mh-shop-b{flex:1;grid-template-columns:130px 1fr 260px;gap:10px;min-height:0;padding:10px;display:grid;overflow:hidden}.mh-shop-cats{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.mh-shop-cats button{border:2px solid var(--mb-line);color:#fff;background:#262c62;border-radius:8px;padding:6px;font-size:12px;font-weight:700}.mh-shop-cats button.on{background:var(--mb-gold);color:#2a1a06;border-color:#fff1b0}.mh-shop-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:6px;display:grid;overflow-y:auto}.mh-shop-it{border:2px solid var(--mb-line);color:#fff;background:#1c2150;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative}.mh-shop-it img{width:40px;height:40px}.mh-shop-it span{text-align:center;font-size:10px;line-height:1.1}.mh-shop-it b{color:var(--mb-gold);font-size:11px}.mh-shop-it.on{border-color:var(--mb-gold);background:#33290f}.mh-shop-it.poor b{color:#ff8a9a}.mh-shop-it em{color:#7bd389;font-style:normal;position:absolute;top:2px;right:4px}.mh-shop-d{border:2px solid var(--mb-gold);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex;overflow-y:auto}.mh-shop-d img.big{border:2px solid var(--mb-line);border-radius:8px;width:56px;height:56px}.mh-shop-d .gold{color:var(--mb-gold)}.mh-shop-d .ok{color:#7bd389}.mh-shop-d .bad{color:#ff9aa6}.mh-buy{color:#2a1a06;background:linear-gradient(#ffd23f,#f1a91c);border:3px solid #fff1b0;border-radius:10px;flex:1;padding:6px;font-size:18px;font-weight:900;box-shadow:0 4px #b05a18}.mh-buy:disabled{opacity:.45}.mh-trink{border:2px solid var(--mb-line);background:#0f1230;border-radius:8px;padding:3px}.mh-trink.on{border-color:var(--mb-gold)}.mh-trink img{width:28px;height:28px}.mh-trink:disabled{opacity:.4}@media (max-width:760px){.mh-shop-b{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.mh-shop-cats{flex-direction:row;overflow-x:auto}.mh-shop-cats button{white-space:nowrap}}.mh-board{z-index:55;background:#04051073;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.mh-board-in{background:var(--mb-bg);border:3px solid var(--mb-gold);border-radius:14px;flex-direction:column;gap:6px;width:min(1000px,100%);max-height:100%;padding:10px;display:flex;overflow-y:auto}.mh-board-h{color:var(--mb-gold);text-align:center;font-size:18px}.mh-table{flex-direction:column;gap:8px;display:flex}.mh-tteam{flex-direction:column;gap:4px;display:flex}.mh-tr{background:#152a44;border:2px solid #2f7ea8;border-radius:10px;grid-template-columns:44px minmax(90px,1.3fr) 70px 46px minmax(140px,2fr) 110px;align-items:center;gap:6px;padding:3px 8px;display:grid}.mh-tteam.enemy .mh-tr{background:#2a1a44;border-color:#8a4bb8}.mh-tr.head{color:#cfd6ff;background:0 0;border:0;font-size:11px;font-weight:800}.mh-tr.me{box-shadow:inset 0 0 0 2px var(--mb-gold)}.mh-tr .por{position:relative}.mh-tr .por b{background:#14183a;border-radius:6px;padding:0 3px;font-size:9px;position:absolute;bottom:-2px;right:2px}.mh-tr .nm{flex-direction:column;min-width:0;display:flex}.mh-tr .nm b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mh-tr .nm i{color:#cfd6ff;font-size:10px;font-style:normal}.mh-tr .kda{color:var(--mb-gold);font-weight:800}.mh-tr .its{gap:2px;display:flex}.mh-tr .its img,.mh-tr .its i{background:#0f1230;border-radius:4px;width:24px;height:24px;display:inline-block}.mh-tr .gold{color:var(--mb-gold);align-items:center;gap:6px;font-weight:800;display:flex}.mh-tr .mvp{background:var(--mb-gold);color:#2a1a06;border-radius:99px;padding:1px 8px;font-size:10px;font-style:normal}.mh-honor{border:2px solid var(--mb-line);background:#262c62;border-radius:8px;padding:0 5px}.mh-honor.on{background:var(--mb-gold)}.mh-honor:disabled:not(.on){opacity:.35}@media (max-width:760px){.mh-tr{grid-template-columns:34px 1fr 56px 36px 64px}.mh-tr .its,.mh-tr.head span:nth-child(5){display:none}}.end-screen{z-index:60;padding:calc(10px + var(--safe-t)) 10px calc(10px + var(--safe-b));background:radial-gradient(at 50% 0,#3c320aeb,#080916f5 65%);flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;inset:0;overflow-y:auto}.end-screen.lose{background:radial-gradient(at 50% 0,#461428eb,#080916f5 65%)}.end-banner{aspect-ratio:240/56;width:min(560px,92vw);image-rendering:pixelated;background-size:100% 100%;justify-content:center;align-items:center;animation:.5s cubic-bezier(.2,1.6,.4,1) mbpop;display:flex}.end-banner b{color:#fff;text-shadow:0 3px #000;letter-spacing:2px;font-size:clamp(22px,4vw,38px)}.end-sub{color:#fff;font-weight:700}.end-tabs{gap:6px;display:flex}.end-tabs button{border:2px solid var(--mb-line);color:#fff;background:#262c62;border-radius:8px;padding:4px 12px;font-weight:700}.end-tabs button.on{background:var(--mb-gold);color:#2a1a06}.end-body{background:var(--mb-bg);border:3px solid var(--mb-gold);border-radius:14px;width:min(1000px,100%);padding:10px}.end-dmg{flex-direction:column;gap:10px;display:flex}.end-dteam{flex-direction:column;gap:4px;display:flex}.end-drow{grid-template-columns:26px 110px 1fr auto;align-items:center;gap:8px;display:grid}.end-drow .nm{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.end-drow .bars{flex-direction:column;gap:2px;display:flex}.end-drow .bars i{border-radius:3px;height:6px;display:block}.end-drow .bars i.d{background:#ff6b7d}.end-drow .bars i.t{background:#6ec8ff}.end-mvp{color:var(--mb-gold);font-size:16px;font-weight:900}.end-btns{gap:10px;display:flex}.mb-rotate{z-index:400;text-align:center;color:#fff;background:radial-gradient(at 50% 40%,#22285c,#07081a 75%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.mb-rotate .phone{border:5px solid var(--mb-gold);border-radius:14px;width:64px;height:108px;animation:2.2s ease-in-out infinite mbrot;position:relative;box-shadow:0 0 24px #ffd23f59}.mb-rotate .phone:after{content:"";background:var(--mb-gold);border-radius:2px;width:14px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}@keyframes mbrot{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.mb-rotate b{color:var(--mb-gold);font-size:20px}.mb-rotate span{color:#cfd6ff;max-width:300px;font-size:13px}.mb-bg{z-index:-1;pointer-events:none;background:#07081a;position:absolute;inset:0;overflow:hidden}.mb-bg .map{image-rendering:pixelated;opacity:.45;background-position:50%;background-size:cover;position:absolute;inset:0}@keyframes mbpan{0%{transform:scale(1.05)translate(-3%,-2%)}to{transform:scale(1.18)translate(3%,2%)}}.mb-bg .glow{background:radial-gradient(70% 45% at 50% 18%,#46beff47,#0000 70%),radial-gradient(70% 45% at 50% 85%,#be6eff47,#0000 70%),linear-gradient(#07081a33,#07081a8c);position:absolute;inset:0}.mb-bg .sweep{background:linear-gradient(90deg,#0000,#ffe6a017,#0000);width:30%;animation:7s linear infinite mbsweep;display:none;position:absolute;top:-50%;bottom:-50%;left:-40%;transform:rotate(18deg)}@keyframes mbsweep{to{left:120%}}.mb-bg .dust{background-image:radial-gradient(2px 2px at 10% 80%,#ffe696e6,#0000),radial-gradient(1.5px 1.5px at 25% 60%,#8cdcffe6,#0000),radial-gradient(2px 2px at 40% 90%,#fffc,#0000),radial-gradient(1.5px 1.5px at 55% 70%,#dca0ffe6,#0000),radial-gradient(2px 2px at 70% 85%,#ffe696e6,#0000),radial-gradient(1.5px 1.5px at 85% 65%,#8cdcffe6,#0000),radial-gradient(2px 2px at 95% 95%,#ffffffb3,#0000);background-size:100% 100%;animation:9s linear infinite mbdust;display:none;position:absolute;inset:0}.mb-bg .dust.d2{opacity:.7;animation-duration:13s;animation-delay:-5s;transform:scaleX(-1)}@keyframes mbdust{0%{opacity:0;transform:translateY(20%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-60%)}}.mb-bg .vs-line{background:linear-gradient(90deg,#0000,#ff8a9ab3,#0000);height:2px;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 18px #ff8a9a99}.ld-screen,.dr-screen{isolation:isolate}.ld-screen{background:0 0}.ld-card{background:#1c2150e6}.ld-card.you{box-shadow:0 0 14px #ffd23f80}@media (max-height:460px){.ld-screen{gap:4px;padding:4px}.ld-title b{font-size:15px}.ld-title span{display:none}.ld-card{gap:1px;width:92px;padding:3px}.ld-art{height:46px}.ld-art .ico{width:44px;height:44px}.ld-card b{font-size:10px}.ld-card .tiny{font-size:9px}.ld-sp img{width:12px;height:12px}.ld-vs{font-size:16px}.ld-tip{margin-top:2px;font-size:11px}.mh-team{display:none}}.mbh-row{left:calc(6px + var(--safe-l));top:calc(168px + var(--safe-t));pointer-events:auto;gap:6px;display:flex;position:absolute}.mh-mini.aram~.mbh-row{top:calc(96px + var(--safe-t))}.mh-team{top:calc(220px + var(--safe-t))}.mh-mini.aram~.mh-team{top:calc(148px + var(--safe-t))}.mbh{width:40px;height:40px;image-rendering:pixelated;touch-action:none;background:url(/assets/moba/ui/hud/nut_thuong.webp) 0 0/100% 100%;border:0;flex:none;padding:0;position:relative}.mbh:hover{background-image:url(/assets/moba/ui/hud/nut_hover.webp)}.mbh:active{background-image:url(/assets/moba/ui/hud/nut_nhan.webp)}.mbh:active .mbh-ico{transform:translateY(1px)}.mbh.khoa{background-image:url(/assets/moba/ui/hud/nut_khoa.webp)}.mbh.khoa .mbh-ico{filter:grayscale()brightness(.7)}.mbh.bao{background-image:url(/assets/moba/ui/hud/nut_bao.webp)}.mbh.dang_mo{background-image:url(/assets/moba/ui/hud/nut_dang_mo.webp)}.mbh-ico{pointer-events:none;width:32px;height:32px;position:absolute;top:4px;left:4px}.mbh-key{color:#ffe9a8;text-align:center;min-width:14px;height:12px;image-rendering:pixelated;pointer-events:none;z-index:3;border-image:url(/assets/moba/ui/hud/chip_phim_9slice.webp) 3 fill/3px;padding:0 2px;font-size:8px;font-weight:900;line-height:12px;position:absolute;top:-8px;left:-4px}.mbh-dot{width:10px;height:10px;image-rendering:pixelated;z-index:3;background:url(/assets/moba/ui/hud/cham_bao.webp) 0 0/100% 100%;animation:.9s infinite mbbeat;position:absolute;top:-3px;right:-3px}.mbh-ring{width:44px;height:44px;image-rendering:pixelated;pointer-events:none;z-index:2;background-size:1200% 100%;position:absolute;top:-2px;left:-2px}.mbh-cd{image-rendering:pixelated;pointer-events:none;z-index:2;background-size:800% 100%;position:absolute;inset:0}.mbw{z-index:80;pointer-events:none;animation:.16s ease-out mbpop;position:fixed}.mbw-l{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.mbw-ico{image-rendering:pixelated;transition:transform 80ms;position:absolute;transform:translate(-50%,-50%)}.mbw-ico.on{transform:translate(-50%,-50%)scale(1.25)}.mbw-ptr{image-rendering:pixelated;position:absolute;top:50%;left:50%}.mbw-name{border:2px solid var(--mb-gold);white-space:nowrap;color:#fff;background:#12152ff2;border-radius:6px;padding:1px 10px;font-size:12px;font-weight:900;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.mbh-log{left:calc(6px + var(--safe-l));bottom:calc(76px + var(--safe-b));pointer-events:none;flex-direction:column;gap:2px;max-width:min(420px,50%);display:flex;position:absolute}.mbh-log div{background:#12152fd9;border-left:3px solid #6fd8ff;border-radius:4px;padding:1px 8px;font-size:11px;animation:.25s mbslide}.mbh-log b{color:#6fd8ff}.mh-bigmap{z-index:50;pointer-events:auto;background:#04051099;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mh-bigmap>div{flex-direction:column;align-items:center;gap:4px;display:flex}.mh-bigmap .mh-mini{position:relative;top:auto;left:auto}.mh-bigmap .mh-mini canvas{width:min(82vh,520px);height:min(82vh,520px)}.mh-bigmap .mh-mini.aram canvas{width:min(92vw,900px);height:min(32vw,315px)}.mh-mbtn{text-align:left;align-items:center;gap:8px;display:flex}.mh-mbtn img{width:24px;height:24px}@media (pointer:coarse){.mbh-row{top:auto;bottom:calc(6px + var(--safe-b));left:calc(196px + var(--safe-l));gap:10px}.mh-mini.aram~.mbh-row{top:auto}.mbh{background-image:url(/assets/moba/ui/hud/nut_tron_thuong.webp);width:44px;height:44px}.mbh:active{background-image:url(/assets/moba/ui/hud/nut_tron_nhan.webp)}.mbh.khoa{background-image:url(/assets/moba/ui/hud/nut_tron_khoa.webp)}.mbh.bao{background-image:url(/assets/moba/ui/hud/nut_tron_bao.webp)}.mbh.dang_mo{background-image:url(/assets/moba/ui/hud/nut_tron_dang_mo.webp)}.mbh-ico{width:26px;height:26px;top:9px;left:9px}.mbh-ring{width:44px;height:44px;top:0;left:0}.mbh-cd{border-radius:50%}.mbh-board{left:calc(50% + 150px);top:calc(2px + var(--safe-t));width:36px;height:36px;position:fixed}.mbh-menu{right:calc(6px + var(--safe-r));top:calc(4px + var(--safe-t));width:36px;height:36px;position:fixed}.mbh-board .mbh-ico,.mbh-menu .mbh-ico{width:22px;height:22px;top:7px;left:7px}.mh-feed{right:calc(48px + var(--safe-r))}.mbh-log{bottom:calc(150px + var(--safe-b));left:calc(6px + var(--safe-l));max-width:40%}.mbh-log div{font-size:10px}}.mh .joy{bottom:calc(14px + var(--safe-b));left:calc(22px + var(--safe-l))}@media (max-height:520px){.mh .joy{bottom:calc(10px + var(--safe-b));left:calc(18px + var(--safe-l))}}.mh-keyset{border:2px solid var(--mb-line);background:#0f1230;border-radius:10px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.ld-pos{color:var(--mb-gold);align-items:center;gap:3px;font-size:10px;font-weight:800;display:flex}.ld-pos img{width:14px;height:14px}.mb-rejoin{left:50%;top:calc(56px + var(--safe-t));z-index:190;background:var(--mb-bg);border:3px solid var(--mb-gold);border-radius:14px;flex-direction:column;gap:8px;width:min(420px,94vw);padding:10px 12px;animation:.35s cubic-bezier(.2,1.6,.4,1) mbpop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 30px #ffd23f59,4px 6px #000}.mb-rj-h{color:var(--mb-gold);letter-spacing:.5px;text-align:center;font-weight:900}.mb-rj-b{align-items:center;gap:10px;display:flex}.mb-rj-go{flex:1;padding:8px;font-size:20px;animation:1.2s infinite mbglow}.mb-rejoin-mini{left:50%;top:calc(8px + var(--safe-t));z-index:190;border:2px solid var(--mb-gold);color:#fff;background:#2a2208f5;border-radius:99px;padding:5px 14px;font-size:13px;animation:1.4s infinite mbglow2;position:fixed;transform:translate(-50%);box-shadow:2px 3px #000}.mb-rejoin-mini b{color:var(--mb-gold)}.mb-credit{color:#b5f5c8;background:#7bd38926;border:1px solid #7bd389;border-radius:99px;padding:0 8px;font-weight:800;display:inline-block}.mb-credit.mid{border-color:var(--mb-gold);color:#ffe9a8;background:#ffd23f24}.mb-credit.low{color:#ffc0c8;background:#ff5a6e26;border-color:#ff9aab}.end-report{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:min(1000px,100%);display:flex}.mb-report{text-align:left;max-width:380px}.mb-rp-opt{border:2px solid var(--mb-line);cursor:pointer;background:#0f1230;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;display:flex}.mh-board-top{justify-content:center;align-items:center;display:flex;position:relative}.mh-x{color:#fff;background:#8c2f3a;border:2px solid #ff9aab;border-radius:10px;width:34px;height:34px;font-size:16px;font-weight:900;position:absolute;top:-2px;right:0;box-shadow:2px 2px #000}.mh-shop-lock{color:#ffc0c8;background:#8c2f3a59;border-radius:8px;padding:2px 8px;font-size:11px}.mh-shop-it .rec{color:var(--mb-gold);font-size:11px;font-style:normal;position:absolute;top:2px;left:4px}.mh-shop-it.next{box-shadow:0 0 0 2px var(--mb-gold), 0 0 12px #ffd23f80}.mh-shop-it.bad{opacity:.55}.mh-it-name{color:var(--mb-gold);font-size:15px}.mh-it-stats{background:#0f1230;border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;font-size:12px;display:flex}.mh-it-stats b{color:#7bd389}.mh-it-stats .bad{color:#ff9aa6}.mh-it-stats .pas{color:#9fd8ff}.mh-cmp{background:#151a40;border-radius:8px;flex-direction:column;gap:1px;padding:5px 8px;font-size:11px;display:flex}.mh-cmp .up{color:#7bd389}.mh-path{flex-direction:column;gap:3px;display:flex}.mh-path-i{border:2px solid var(--mb-line);background:#0f1230;border-radius:6px;align-items:center;padding:1px;display:flex;position:relative}.mh-path-i img{width:24px;height:24px}.mh-path-i i{color:#6870b0;font-style:normal;position:absolute;right:-7px}.mh-path-i.done{opacity:.7;border-color:#4fbf78}.mh-path-i.next{border-color:var(--mb-gold)}.mh-bag{flex-direction:column;gap:3px;margin-top:6px;display:flex}.mh-bag-g{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.mh-bag-s{aspect-ratio:1;border:2px solid var(--mb-line);background:#0f1230;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.mh-bag-s img{width:80%}.mh-bag-s.on{border-color:#ff9aab}.mh-bag-s em{font-size:9px;font-style:normal;font-weight:900;position:absolute;bottom:0;right:2px}@media (max-width:760px),(max-height:460px){.mh-bag{display:none}.mh-shop-b{grid-template-columns:110px 1fr 220px}}.mh-shop-h .mh-x{flex:none;position:static}:root{--cA:"/assets/ui/chat";--kb:0px}.cx-px,.cx img{image-rendering:pixelated}.cx{font-family:var(--font-body);color:#e8ecff;font-size:13px}.cx button{font-family:var(--font-ui);color:inherit}.cx .ic16{width:16px;height:16px;image-rendering:pixelated;flex:none}.cx .ic24{width:24px;height:24px;image-rendering:pixelated;flex:none}.cx-badge{color:#fff;min-width:16px;height:16px;font:800 10px/16px var(--font-ui);text-align:center;pointer-events:none;background:#e0365a;border:1px solid #0b0c1c;border-radius:8px;padding:0 4px;position:absolute;top:-6px;right:-6px}.cx-st{width:8px;height:8px;image-rendering:pixelated}.cx-dock{z-index:6;left:calc(8px + var(--safe-l));bottom:calc(56px * var(--k) + 4px + var(--safe-b));background:#0d0e22db;border:2px solid #4a5089;border-radius:10px;flex-direction:column;width:min(400px,44vw);transition:background .2s,border-color .2s;display:flex;position:fixed;box-shadow:3px 3px #000}.cx-dock.idle{background:#0d0e226b;border-color:#4a508980}.cx-dock.idle .cx-in{opacity:.75}.cx-dock.open{top:calc(88px * var(--k) + 8px + var(--safe-t));bottom:calc(8px + var(--safe-b));z-index:30;background:#0d0e22;border:3px solid #ffd23f;width:min(580px,max(46vw,440px))}.cx-dock.open.wide{width:min(800px, calc(100vw - 16px - var(--safe-l) - var(--safe-r)));left:calc(8px + var(--safe-l))}.cx-head{align-items:center;gap:6px;padding:6px 8px 4px;display:flex}.cx-head .sp{flex:1}.cx-chip{white-space:nowrap;cursor:pointer;color:#c7cdf5;background:0 0;border:0;border-image:url(/assets/ui/chat/khung_9slice/tab.webp) 12 fill/8px;flex:none;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:13px;font-weight:800;display:flex;position:relative}.cx-chip.on{color:#ffd23f;border-image-source:url(/assets/ui/chat/khung_9slice/tab_chon.webp);border-radius:6px;box-shadow:0 0 0 2px #ffd23f}.cx-chip.mini{height:28px;padding:0 6px}.cx-chip.mini span.l{display:none}.cx-ibtn{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative}.cx-ibtn:hover{background:#ffffff14}.cx-ibtn.big,.cx-ibtn.big img{width:40px;height:40px}.cx-talk{font:700 11px var(--font-ui);color:#8ff0a4;white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.cx-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a5089 transparent;flex-direction:column;flex:1;gap:5px;min-height:0;padding:4px 10px;display:flex;overflow-y:auto}.cx-dock:not(.open) .cx-list{justify-content:flex-end;max-height:84px;overflow:hidden}.cx-line{word-break:break-word;align-items:flex-start;gap:6px;line-height:1.35;animation:.18s ease-out cx-in;display:flex}.cx-line .ic16{margin-top:1px}.cx-line .who{cursor:pointer;white-space:nowrap;font-weight:800}.cx-line .who:hover{text-decoration:underline}.cx-line .who.me{color:#9ff0c8;cursor:default;text-decoration:none}.cx-line .t{color:#e8ecff}.cx-line.sys .t{color:#ffd23f;font-weight:700}.cx-line.fade{animation:1.2s ease-in forwards cx-fade}.cx-line .stk{width:48px;height:48px;image-rendering:pixelated;vertical-align:middle}.cx-line .tm{color:#6f76a8;white-space:nowrap;margin-left:4px;font-size:10px}.cx-empty{text-align:center;color:#8d93c4;margin:auto;padding:18px 12px;font-size:12.5px;line-height:1.5}.cx-empty b{color:#ffd23f}@keyframes cx-in{0%{opacity:0;transform:translateY(4px)}}@keyframes cx-fade{to{opacity:0}}.cx-in{border:0;border-image:url(/assets/ui/chat/khung_9slice/o_nhap.webp) 12 fill/8px;align-items:center;gap:6px;margin:4px 6px 6px;padding:3px 4px;display:flex}.cx-in.focus{border-image-source:url(/assets/ui/chat/khung_9slice/o_nhap_focus.webp);border-radius:6px;box-shadow:0 0 0 2px #ffd23f}.cx-in .ch{color:#ffd23f;height:30px;font:800 11px var(--font-ui);cursor:pointer;white-space:nowrap;background:#ffd23f1a;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 8px;display:flex}.cx-in .ch.party{color:#71e4dc;background:#71e4dc1a}.cx-in .ch.dm{color:#e3a8ff;background:#e3a8ff1a}.cx-in input{color:#fff;min-width:0;font:600 14px var(--font-body);caret-color:#ffd23f;background:0 0;border:0;outline:0;flex:1;padding:6px 2px}.cx-in input::placeholder{color:#7a80b3;font-weight:500}.cx-in input:disabled{opacity:.6}.cx-send{width:36px;height:36px;image-rendering:pixelated;cursor:pointer;background:url(/assets/ui/chat/nut/gui_thuong.webp) 50%/100% 100% no-repeat;border:0;flex:none;padding:0;position:relative}.cx-send:active{background-image:url(/assets/ui/chat/nut/gui_bam.webp)}.cx-send[disabled]{filter:grayscale(.8)brightness(.7);cursor:default}.cx-send .cd{font:900 12px var(--font-ui);color:#fff;text-shadow:0 1px #000,0 0 3px #000;place-items:center;display:grid;position:absolute;inset:0}.cx-emo{width:32px;height:32px;image-rendering:pixelated;cursor:pointer;background:url(/assets/ui/chat/nut/bieu_cam_thuong.webp) 50%/100% 100% no-repeat;border:0;flex:none;padding:0}.cx-emo.on{background-image:url(/assets/ui/chat/nut/bieu_cam_bam.webp)}.cx-count{font:700 10px var(--font-ui);color:#7a80b3;text-align:right;min-width:28px}.cx-count.warn{color:#ff8a80}.cx-stickers{z-index:3;background:#15173a;border:2px solid #ffd23f;border-radius:10px;grid-template-columns:repeat(4,52px);gap:4px;padding:8px;display:grid;position:absolute;bottom:54px;right:8px;box-shadow:3px 3px #000}.cx-stickers button{cursor:pointer;background:#ffffff0a;border:0;border-radius:8px;place-items:center;width:52px;height:52px;padding:2px;display:grid}.cx-stickers button:hover{background:#ffd23f2e}.cx-stickers img{width:48px;height:48px;image-rendering:pixelated}.cx-voice{background:#0f343c8c;border:2px solid #71e4dc;border-radius:8px;margin:2px 8px 4px;padding:6px 8px}.cx-voice .top{font:800 12px var(--font-ui);color:#c9f6f2;align-items:center;gap:6px;display:flex}.cx-voice .top .sp{flex:1}.cx-voice .top .hint{color:#8fc9c4;font-size:11px;font-weight:600}.cx-voice .row{align-items:center;gap:6px;margin-top:4px;display:flex}.cx-voice .mem{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.cx-voice .mem.off{opacity:.45;filter:grayscale(.8)}.cx-voice .mem .ring{image-rendering:pixelated;pointer-events:none;background:url(/assets/ui/chat/voice/vong_dang_noi.webp) 0 0/400% 100% no-repeat;animation:.5s steps(4,end) infinite cx-ring;position:absolute;inset:-2px}.cx-voice .mem .mut{width:16px;height:16px;position:absolute;bottom:-2px;right:-2px}.cx-voice .mem .ld{font-size:11px;position:absolute;top:-4px;left:-4px}@keyframes cx-ring{to{background-position:133.33% 0}}.cx-leave{color:#fff;height:28px;font:800 12px var(--font-ui);cursor:pointer;background:#b33a3a;border:0;border-radius:6px;padding:0 10px;box-shadow:0 2px #5d1717}.cx-leave:hover{background:#cc4545}.cx-dm{flex:1;gap:8px;min-height:0;padding:2px 8px 0;display:flex}.cx-dm .fl{scrollbar-width:thin;scrollbar-color:#4a5089 transparent;flex-direction:column;flex:none;gap:4px;width:230px;padding:2px;display:flex;overflow-y:auto}.cx-dm .conv{flex-direction:column;flex:1;min-width:0;display:flex}.cx-fr{text-align:left;cursor:pointer;background:0 0;border:0;border-image:url(/assets/ui/chat/khung_9slice/the_ban.webp) 12 fill/8px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex;position:relative}.cx-fr.on{background:#ffd23f1f;border-radius:6px;box-shadow:0 0 0 2px #ffd23f}.cx-fr .av{flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.cx-fr .av .cx-st{position:absolute;bottom:0;right:0}.cx-fr .nm{font:800 13px var(--font-ui);color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cx-fr .nm small{color:#ffd23f;margin-left:4px;font-weight:700}.cx-fr .sub{color:#9aa0d0;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cx-fr .sub.on{color:#8ff0a4}.cx-fr .sub.dnd{color:#ff8aa0}.cx-fr .sub.away{color:#ffd23f}.cx-fr .unr{color:#fff;min-width:18px;height:18px;font:800 10px/18px var(--font-ui);text-align:center;background:#e0365a;border-radius:9px;padding:0 4px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cx-fr .acts{gap:4px;margin-left:auto;display:flex}.cx-fr .acts button{cursor:pointer;background:#1d2048;border:2px solid #4a5089;border-radius:6px;place-items:center;width:30px;height:30px;padding:0;display:grid}.cx-fr .acts button:hover{border-color:#ffd23f}.cx-chead{background:#15173a;border:2px solid #33386b;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.cx-chead .nm{font:800 14px var(--font-ui);color:#ffd23f}.cx-chead .sub{color:#8ff0a4;align-items:center;gap:4px;font-size:11px;display:flex}.cx-chead .acts{gap:4px;margin-left:auto;display:flex}.cx-chead .acts button{cursor:pointer;background:#1d2048;border:2px solid #4a5089;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:grid}.cx-chead .acts button:hover{border-color:#ffd23f}.cx-back{font:900 18px var(--font-ui);color:#ffd23f;cursor:pointer;background:0 0;border:0;padding:0 6px}.cx-bubbles{scrollbar-width:thin;scrollbar-color:#4a5089 transparent;flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 4px;display:flex;overflow-y:auto}.cx-b{align-items:flex-end;gap:6px;max-width:86%;display:flex}.cx-b.me{flex-direction:row-reverse;align-self:flex-end}.cx-b .bx{word-break:break-word;border:0;border-image:url(/assets/ui/chat/khung_9slice/bong_nguoi.webp) 12 fill/8px;padding:6px 10px;font-size:13px;line-height:1.4}.cx-b.me .bx{border-image-source:url(/assets/ui/chat/khung_9slice/bong_toi.webp);border-radius:8px;box-shadow:0 0 0 1px #71e4dc}.cx-b .bx.stk{padding:4px}.cx-b .bx.stk img{width:48px;height:48px;display:block}.cx-b .tm{color:#6f76a8;white-space:nowrap;font-size:10px}.cx-b .av{flex:none;width:28px;height:28px}.cx-day{font:700 10px var(--font-ui);color:#6f76a8;background:#ffffff0d;border-radius:8px;align-self:center;padding:2px 8px}.cx-seen{color:#71e4dc;align-self:flex-end;margin-top:-4px;font-size:10px}.cx-typing{color:#9aa0d0;min-height:15px;padding:0 6px 2px;font-size:11px}.cx-typing i{font-style:normal;animation:1s infinite cx-blink}@keyframes cx-blink{50%{opacity:.2}}.cx-more{color:#c7cdf5;font:700 11px var(--font-ui);cursor:pointer;background:#1d2048;border:1px solid #4a5089;border-radius:10px;align-self:center;padding:3px 10px}.cx-menu{z-index:90;background:#11132e;border:2px solid #ffd23f;border-radius:10px;width:232px;padding:8px;animation:.12s ease-out cx-pop;position:fixed;box-shadow:4px 4px #000}.cx-menu .hd{border-bottom:1px solid #2a2e5c;align-items:center;gap:8px;margin-bottom:4px;padding:2px 4px 8px;display:flex}.cx-menu .hd .nm{font:800 14px var(--font-ui);color:#fff}.cx-menu .hd .sub{color:#9aa0d0;font-size:11px}.cx-menu button.it{width:100%;font:700 13.5px var(--font-ui);color:#e8ecff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;display:flex}.cx-menu button.it:hover,.cx-menu button.it:focus-visible{background:#8ff0a429;outline:0}.cx-menu button.it.good{color:#8ff0a4}.cx-menu button.it.bad{color:#ff8aa0}.cx-menu button.it[disabled]{opacity:.45;cursor:default;background:0 0}.cx-scrim{z-index:89;position:fixed;inset:0}@keyframes cx-pop{0%{opacity:0;transform:scale(.94)}}.cx-invites{z-index:85;top:calc(70px + var(--safe-t));pointer-events:none;flex-direction:column;gap:8px;width:min(440px,100vw - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.cx-inv{pointer-events:auto;background:#11132e;border:2px solid #ff8ac8;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;animation:.15s ease-out cx-pop;display:flex;box-shadow:3px 3px #000}.cx-inv.party{border-color:#71e4dc}.cx-inv .nm{font:800 14px var(--font-ui);color:#ffd23f}.cx-inv .sub{color:#9aa0d0;font-size:11px}.cx-inv .bt{gap:6px;margin-top:6px;display:flex}.cx-yes,.cx-no{height:30px;font:800 12.5px var(--font-ui);color:#fff;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 12px;display:flex}.cx-yes{background:#2f8a4a;box-shadow:0 2px #14532a}.cx-no{background:#8c2f3a;box-shadow:0 2px #4c121a}.cx-modal-bg{z-index:95;background:#05061299;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.cx-modal{background:#0d0e22;border:3px solid #ffd23f;border-radius:12px;width:min(680px,100%);max-height:calc(100% - 8px);padding:14px 18px;animation:.15s ease-out cx-pop;overflow-y:auto;box-shadow:5px 5px #000}.cx-modal.sm{width:min(360px,100%)}.cx-modal h3{font:900 18px var(--font-ui);color:#ffd23f;letter-spacing:.5px;align-items:center;gap:10px;margin:0 0 10px;display:flex}.cx-modal h3 .x{color:#fff;font:900 22px var(--font-ui);cursor:pointer;background:0 0;border:0;margin-left:auto}.cx-modal .lbl{font:800 13px var(--font-ui);color:#ffd23f;margin:10px 0 6px}.cx-seg{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cx-seg button{color:#c7cdf5;height:36px;font:800 12.5px var(--font-ui);cursor:pointer;background:#1d2048;border:2px solid #4a5089;border-radius:8px}.cx-seg button.on{color:#ffd23f;background:#3a3218;border-color:#ffd23f}.cx-row{align-items:center;gap:10px;min-height:36px;font-size:13px;display:flex}.cx-row>span:first-child{flex:1;font-weight:700}.cx-row select{color:#e8ecff;width:55%;height:32px;font:600 12px var(--font-body);background:#1d2048;border:2px solid #4a5089;border-radius:8px;padding:0 6px}.cx-row input[type=range]{accent-color:#ffd23f;width:48%}.cx-row .v{text-align:right;width:40px;font:800 12px var(--font-ui);color:#ffd23f}.cx-row .lv{width:20px;height:12px;image-rendering:pixelated}.cx-sw{width:56px;height:28px;image-rendering:pixelated;cursor:pointer;background:url(/assets/ui/chat/voice/cong_tac_tat.webp) 50%/100% 100% no-repeat;border:0;flex:none;padding:0}.cx-sw.on{background-image:url(/assets/ui/chat/voice/cong_tac_bat.webp)}.cx-note{color:#8d93c4;margin-top:10px;font-size:11px;line-height:1.5}.cx-prof{align-items:center;gap:12px;display:flex}.cx-prof .nm{font:900 18px var(--font-ui);color:#fff}.cx-prof .sub{color:#9aa0d0;margin-top:2px;font-size:12px}.cx-prof-acts{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cx-btn{color:#e8ecff;height:34px;font:800 12.5px var(--font-ui);cursor:pointer;background:#1d2048;border:2px solid #4a5089;border-radius:8px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.cx-btn:hover{border-color:#ffd23f}.cx-btn.pri{color:#ffd23f;background:#3a3218;border-color:#ffd23f}.cx-btn.bad{color:#ff8aa0;border-color:#8c2f3a}.cx-reasons{gap:6px;display:grid}.cx-reasons button{text-align:left}.cx-pvol{z-index:96;background:#11132e;border:2px solid #71e4dc;border-radius:10px;width:220px;padding:10px;position:fixed;box-shadow:3px 3px #000}.cx-pvol .nm{font:800 13px var(--font-ui);margin-bottom:6px}.cx-pttw{display:block;position:relative}.cx-mbtns .m.ptt{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;transition:transform 80ms;box-shadow:0 0 0 2px #8ff0a4,0 0 10px #8ff0a48c}.cx-mbtns .m.ptt.talk{transform:scale(1.12);box-shadow:0 0 0 3px #8ff0a4,0 0 16px #8ff0a4e6}.cx-mbtns .cx-voff{background:#11132e;border:2px solid #ff8aa0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:-9px;right:-9px}.cx-mbtns .cx-voff img{width:12px;height:12px;image-rendering:pixelated}.cx-ticker{z-index:5;top:calc(8px + var(--safe-t));white-space:nowrap;pointer-events:auto;background:#0d0e22d1;border:1px solid #33386b;border-radius:8px;align-items:center;gap:6px;max-width:min(46vw,420px);padding:5px 10px;font-size:12px;animation:.2s ease-out cx-in;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.cx-ticker .t{text-overflow:ellipsis;overflow:hidden}.cx-mbtns{z-index:6;left:calc(56px * var(--k) + var(--safe-l));bottom:calc(6px + var(--safe-b));gap:8px;display:flex;position:fixed}.cx-mbtns button{width:44px;height:44px;image-rendering:pixelated;background:50%/100% 100% no-repeat;border:0;padding:0;position:relative}.cx-mbtns .c{background-image:url(/assets/ui/chat/nut/chat_thuong.webp)}.cx-mbtns .c:active{background-image:url(/assets/ui/chat/nut/chat_bam.webp)}.cx-mbtns .f{background-image:url(/assets/ui/chat/nut/ban_be_thuong.webp)}.cx-mbtns .f:active{background-image:url(/assets/ui/chat/nut/ban_be_bam.webp)}.cx-mbtns .m{background-image:url(/assets/ui/chat/nut/mic_tat.webp)}.cx-mbtns .m.on{background-image:url(/assets/ui/chat/nut/mic_thuong.webp)}.cx-mbtns .m.talk{background-image:url(/assets/ui/chat/nut/mic_noi.webp)}@media (orientation:portrait) and (max-width:760px){.cx-mbtns{left:calc(16px + var(--safe-l));bottom:calc(var(--safe-b) + 64px + var(--k) * 112px + 16px);flex-direction:column;gap:12px}}.cx-dock.m.open{top:var(--safe-t);left:var(--safe-l);bottom:var(--kb);width:min(600px, calc(100vw - var(--safe-l) - var(--safe-r)));border-radius:0 10px 10px 0;transition:bottom .12s}.cx-dock.m.open.wide{width:calc(100vw - var(--safe-l) - var(--safe-r))}.cx-dock.m.open.kb{width:calc(100vw - var(--safe-l) - var(--safe-r));border-radius:0}.cx-dock.m.open.kb .cx-voice,.cx-dock.m.open.kb .cx-head .cx-talk{display:none}.cx-dock.m .cx-in input{font-size:16px}.cx-narrow .cx-dm .fl{width:100%}body.chat-typing .joy,body.chat-typing .skills,body.chat-typing .cluster,body.chat-typing .prompt{display:none!important}.cx-fw{z-index:40;top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));bottom:calc(8px + var(--safe-b));background:#0d0e22;border:3px solid #ffd23f;border-radius:12px;flex-direction:column;width:min(500px,100vw - 16px);padding:10px 12px;animation:.15s ease-out cx-pop;display:flex;position:fixed;box-shadow:5px 5px #000}.cx-fw .hd{align-items:center;gap:10px;display:flex}.cx-fw .hd h2{font:900 20px var(--font-ui);color:#ffd23f;letter-spacing:.5px;margin:0}.cx-fw .hd .n{color:#c7cdf5;font:700 13px var(--font-ui);margin-left:12px}.cx-fw .hd .sp{flex:1}.cx-fw .hd .x{color:#fff;font:900 24px var(--font-ui);cursor:pointer;background:0 0;border:0;width:36px;height:36px}.cx-search{background:#15173a;border:2px solid #4a5089;border-radius:8px;align-items:center;gap:8px;height:38px;margin:10px 0 8px;padding:0 10px;display:flex}.cx-search input{color:#fff;min-width:0;font:600 14px var(--font-body);background:0 0;border:0;outline:0;flex:1}.cx-search:focus-within{border-color:#ffd23f}.cx-tabs{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px;display:grid}.cx-tabs button{color:#c7cdf5;height:34px;font:800 12.5px var(--font-ui);cursor:pointer;background:#1d2048;border:2px solid #4a5089;border-radius:8px;position:relative}.cx-tabs button.on{color:#ffd23f;background:#3a3218;border-color:#ffd23f}.cx-fw .body{scrollbar-width:thin;scrollbar-color:#4a5089 transparent;flex-direction:column;flex:1;gap:6px;min-height:0;padding:2px;display:flex;overflow-y:auto}.cx-sec{font:800 11px var(--font-ui);color:#8ff0a4;letter-spacing:.5px;text-transform:uppercase;margin:6px 2px 0}.cx-sec.off{color:#9aa0d0}.cx-fw .tog{color:#c7cdf5;align-items:center;gap:8px;padding:6px 2px 0;font-size:12px;display:flex}.cx-fw .tog span{flex:1}@media (max-width:760px),(pointer:coarse){.cx-fw{top:var(--safe-t);right:var(--safe-r);width:min(520px, calc(100vw - var(--safe-l) - var(--safe-r)));border-radius:10px 0 0 10px;bottom:0}.cx-menu button.it{padding:10px 8px;font-size:14.5px}}.led{align-items:center;line-height:0;display:inline-flex}.led-d{image-rendering:pixelated;background:50%/100% 100% no-repeat;flex:none;display:inline-block}.led-d.n{background-size:200% 100%}.led-d.roll{background-size:calc(60px * var(--s)) calc(20px * var(--s));background-position:0 0;animation:.25s steps(5,jump-none) forwards led-roll}@keyframes led-roll{to{background-position:calc(-48px * var(--s)) 0}}.led.glow.led-vang{filter:drop-shadow(0 0 2px #ffd23f)drop-shadow(0 0 7px #ffbe28bf)}.led.glow.led-do{filter:drop-shadow(0 0 2px #ff5a5a)drop-shadow(0 0 7px #ff3c3cb3)}.led.glow.led-lam{filter:drop-shadow(0 0 2px #7fb7ff)drop-shadow(0 0 7px #5096ffb3)}.led.glow.led-xanh{filter:drop-shadow(0 0 2px #6dff9a)drop-shadow(0 0 7px #3ce678b3)}.aura{isolation:isolate;place-items:center;padding:10px 18px;display:inline-grid;position:relative}.aura-in{z-index:2;position:relative}.aura-rays{z-index:0;aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(from 0deg, var(--ray) 0deg 7deg, transparent 7deg 22deg);opacity:.55;width:240%;animation:14s linear infinite aura-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(closest-side,#000 18%,#0000008c 45%,#0000 72%);mask:radial-gradient(closest-side,#000 18%,#0000008c 45%,#0000 72%)}.aura.strong .aura-rays{opacity:.9;animation-duration:9s}.aura-halo{z-index:1;pointer-events:none;background:radial-gradient(closest-side, var(--halo), transparent 75%);border-radius:999px;animation:2.4s ease-in-out infinite aura-breathe;position:absolute;inset:-6px -14px}.aura-spark{z-index:3;pointer-events:none;opacity:0;width:12px;height:12px;filter:drop-shadow(0 0 3px var(--spark));background:var(--spark);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:2.2s ease-in-out infinite aura-twinkle;position:absolute}.aura-spark.s0{top:10%;left:2%}.aura-spark.s1{animation-delay:.4s;top:4%;right:4%}.aura-spark.s2{animation-delay:.9s;bottom:2%;left:12%}.aura-spark.s3{animation-delay:1.3s;bottom:8%;right:10%}.aura-spark.s4{animation-delay:1.7s;top:-4%;left:48%}.aura-spark.s5{animation-delay:.2s;bottom:-2%;left:70%}.aura-gold{--ray:#ffd2508c;--halo:#ffc4288c;--spark:#ffe9a0}.aura-red{--ray:#ff785a73;--halo:#ff463c73;--spark:#ffd0c0}.aura-blue{--ray:#8cb4ff73;--halo:#5a8cff73;--spark:#d6e6ff}@keyframes aura-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes aura-breathe{50%{opacity:.55;transform:scale(1.08)}}@keyframes aura-twinkle{0%,to{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.aura-rays,.aura-halo,.aura-spark,.lw-rays,.lw-banner-track span{animation:none!important}}.jp-band{flex:none;max-width:100%;position:relative}.jp-band-bg{image-rendering:pixelated;background:url(/assets/ve_so/ui/bang_jackpot.webp) 0 0/300% 100% no-repeat;animation:.375s steps(3,end) infinite jp-band;position:absolute;inset:0}@keyframes jp-band{to{background-position:150% 0}}.jp-slot{padding-right:calc(4px * var(--s));box-sizing:border-box;justify-content:flex-end;align-items:center;display:flex;position:absolute;overflow:hidden}.jp-label{right:calc(8px * var(--s));bottom:calc(1px * var(--s));font:900 calc(5px * var(--s)) var(--font-ui);color:#ffd23f;letter-spacing:1px;text-shadow:0 1px #2a1840;position:absolute}.win.v-veso{box-sizing:border-box;color:#3a2016;width:min(1080px,100%);max-width:100%;image-rendering:pixelated;background:#f6f0e1 padding-box padding-box;border:14px solid #0000;border-image:url(/assets/ve_so/ui/bang_do_vang_9slice.webp) 16 fill/14px round;border-radius:0;box-shadow:0 8px #00000059}.win.v-veso .win-head h2{color:#b3201d;text-transform:uppercase;letter-spacing:.5px}.win.v-veso .win-body{flex-direction:column;gap:10px;display:flex}.win.v-veso .muted{color:#8a6f55}.win.v-veso h3{color:#b3201d;font:900 20px var(--font-ui);margin:0}.vs-h{color:#4a2410;align-items:center;gap:6px;margin:4px 0;font-size:14px;font-weight:900;display:flex}.vs-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vs-row.center{justify-content:center}.vs-fair{color:#7a6048;align-items:center;gap:6px;margin:4px 0 0;font-size:11px;display:flex}.vs-fair img,.vs-tabs img,.vs-h img,.win.v-veso img{image-rendering:pixelated}.vs-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.vs-tabs button{min-height:40px;font:800 13px var(--font-ui);color:#4a2410;cursor:pointer;white-space:nowrap;background:#f0d9b5;border:2px solid #8a3a22;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:2px 4px;display:flex;position:relative;box-shadow:0 3px #8a3a22}.vs-tabs button.on{color:#3a1500;background:linear-gradient(#ffcf4a,#ff9f1a);box-shadow:0 3px #9a4a00}.vs-tabs .dot{background:#e53935;border:2px solid #fff;border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite kh-blink;position:absolute;top:-4px;right:-4px}.vs-buy{min-width:180px;font:900 16px var(--font-ui);color:#3a1500;cursor:pointer;background:linear-gradient(#ffc14d,#ff9a1f 60%,#e07a00);border:2px solid #3a1d0a;border-radius:3px;padding:10px 18px;box-shadow:inset 0 2px #ffffff80,0 4px #3a1d0a}.vs-buy:hover:not(:disabled){filter:brightness(1.08)}.vs-buy:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #ffffff80,0 2px #3a1d0a}.vs-buy:disabled{filter:grayscale(.7);opacity:.7;cursor:default}.vs-buy.alt{color:#fff;background:linear-gradient(#ff7a6a,#e0403a 60%,#b8241f)}.vs-cd{color:#6b3a1c;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.vs-cd b{font-variant-numeric:tabular-nums;color:#b3201d}.vs-lobby{flex-direction:column;gap:12px;display:flex}.vs-hero{color:#fff;background:radial-gradient(at 50% 45%,#5a2a8a 0%,#2a1240 55%,#160a24 100%);border:3px solid #ffd23f;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 3px #b3201d,0 4px #0000004d}.vs-hero-top{align-items:center;gap:10px;width:100%;display:flex}.vs-hero-top>div{flex-direction:column;flex:1;min-width:0;display:flex}.vs-hero-top b{font:900 18px var(--font-ui);color:#ffd23f;letter-spacing:.5px}.vs-hero-top span{color:#d8c8ff;font-size:12px}.vs-hero .vs-cd{color:#ffe9a0}.vs-hero .vs-cd b{color:#fff}.vs-hero-sub{color:#e6dcff;flex-wrap:wrap;justify-content:center;gap:14px;font-size:12px;display:flex}.vs-hero-sub span{align-items:center;gap:4px;display:inline-flex}.vs-hero-sub b{color:#ffd23f}.vs-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.vs-card{background:#fffaf0;border:3px solid #ffb627;border-radius:6px;flex-direction:column;gap:6px;padding:10px;display:flex;box-shadow:inset 0 4px #d94a3a,0 3px #0003}.vs-card-h{align-items:center;gap:8px;display:flex}.vs-card-h>div{flex-direction:column;display:flex}.vs-card-h b{color:#b3201d;font:900 16px var(--font-ui)}.vs-card-h span{color:#6b4a2e;font-size:11px}.vs-card-led{background:#17091f;border:2px solid #ffd23f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:84px;display:flex;overflow:hidden}.vs-cap{color:#ffe9a0;letter-spacing:.5px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:800}.vs-jp2{color:#bcd4ff;align-items:center;gap:6px;padding-bottom:6px;font-size:10px;display:inline-flex}.vs-card-f{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.vs-wins{background:#fff3d6;border:2px solid #f0a020;border-radius:8px;padding:8px 10px}.vs-win-row{border-bottom:1px dashed #e2c99a;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:4px 0;font-size:13px;display:grid}.vs-win-row span{color:#7a5a3a;font-size:12px}.vs-win-row em{color:#b3201d;font-style:normal;font-weight:900}.vs-gate{text-align:center;background:#fff3d6;border:2px dashed #e0a040;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.vs-gate p{margin:0;font-size:13px}.vs-quota{color:#6b4a2e;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:11.5px;display:flex}.vs-quota span{align-items:center;gap:4px;display:inline-flex}.vs-pick-top,.vs-pho-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vs-pick-top>div:first-child,.vs-pho-top>div{flex-direction:column;display:flex}.vs-pick-top span,.vs-pho-top span{color:#6b4a2e;font-size:12px}.vs-pick-top .aura{background:#17091f;border-radius:10px;padding:6px 10px}.vs-pick-body,.vs-pho-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;margin-top:6px;display:grid}.vs-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}.vs-grid.of55{grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}.vs-ball{aspect-ratio:1;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.vs-ball span{width:100%;height:100%;font:900 13px var(--font-ui);color:#2a2a3a;background:radial-gradient(circle at 35% 30%,#fff 0 12%,#d6d9e6 13% 50%,#9ea3b8 51%);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -3px #00000040,0 0 0 2px #2a2a3a}.vs-ball:hover span{filter:brightness(1.05);transform:translateY(-1px)}.vs-ball img{filter:drop-shadow(0 0 4px #ffc828cc);width:100%;height:100%;animation:.18s ease-out vs-pop}@keyframes vs-pop{0%{transform:scale(.6)}}.vs-picked{flex-wrap:wrap;align-items:center;gap:4px;min-height:30px;margin:10px 0;font-size:13px;font-weight:800;display:flex}.vs-side{flex-direction:column;gap:8px;min-width:0;display:flex}.vs-box{background:#fffaf0;border:2px solid #d08a3a;border-radius:8px;padding:8px 10px}.vs-box.soft{background:#fff1d2}.vs-box p{margin:4px 0;font-size:12px}.vs-line{align-items:center;gap:4px;padding:3px 0;display:flex}.vs-line b{color:#b3201d;width:18px;font-weight:900}.vs-line span{margin-left:auto;font-size:12px;font-weight:800}.vs-x{cursor:pointer;background:0 0;border:0;padding:2px}.vs-total{font:900 16px var(--font-ui);color:#b3201d;margin-top:4px}.vs-hash{color:#6b5a48;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.vs-hash code{background:#efe4cc;border-radius:3px;padding:1px 4px;font-size:11px}.vs-seller{image-rendering:pixelated}.vs-sheet{background:#8a5a36;border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;display:grid;box-shadow:inset 0 0 0 3px #6b3a1c}.vs-ticket{aspect-ratio:64/30;cursor:pointer;image-rendering:pixelated;background:url(/assets/ve_so/ve/ve_so_pho.webp) 50%/100% 100% no-repeat;border:0;padding:0;transition:transform .1s;position:relative}.vs-ticket .num{text-align:center;width:58%;font:900 clamp(12px, 2.1vw, 18px) var(--font-ui);letter-spacing:1px;color:#b3201d;text-shadow:0 1px #fff;position:absolute;top:40%;left:8%}.vs-ticket .ky{color:#6b4a2e;font-size:8px;position:absolute;bottom:8%;right:6%}.vs-ticket:hover{transform:translateY(-2px)rotate(-1deg)}.vs-ticket.on{filter:drop-shadow(0 0 #ffd23f)drop-shadow(0 0 6px #ffd23f);outline-offset:1px;outline:3px solid #ffd23f;transform:translateY(-3px)}.vs-prize{border-collapse:collapse;width:100%;font-size:12px}.vs-prize td{border-bottom:1px dashed #e2c99a;padding:2px 4px}.vs-prize td:first-child{color:#b3201d;white-space:nowrap;font-weight:900}.vs-prize td:last-child{text-align:right;white-space:nowrap;font-weight:800}.vs-cao-top{align-items:center;gap:12px;display:flex}.vs-cao-top>div{flex-direction:column;display:flex}.vs-cao-top span{color:#6b4a2e;font-size:12px}.vs-cao-strip{object-fit:none;object-position:-192px 0;transform-origin:0;width:48px;height:32px;image-rendering:pixelated;flex:none;margin-right:48px;transform:scale(2)}.vs-cao-legend{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.vs-cao-legend span{background:#fff3d6;border:2px solid #e2c99a;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;display:inline-flex}.vs-cao-cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.vs-scard{color:#fff;background:linear-gradient(#2fb9b0,#138a86);border:3px solid #0b4f52;border-radius:6px;width:290px;padding:8px;box-shadow:0 4px #0b4f52}.vs-scard-h{font:900 13px var(--font-ui);text-align:center;letter-spacing:1px;text-shadow:0 1px #0b4f52;margin-bottom:6px}.vs-cells{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.vs-cell{aspect-ratio:1;background:#fffaf0;border:2px solid #0b4f52;border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden}.vs-cell img{width:64%;height:64%}.vs-cell canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.vs-cell.open img{animation:.25s ease-out vs-pop}.vs-scard-f{place-items:center;min-height:30px;margin-top:6px;font-size:13px;font-weight:800;display:grid}.vs-scard.won{animation:1s ease-in-out infinite vs-glow}.vs-scard.won .vs-scard-f b{color:#ffe14a;text-shadow:0 2px #7a3a00;font-size:16px}.vs-scard.lost{filter:saturate(.6)}@keyframes vs-glow{50%{box-shadow:0 4px #0b4f52,0 0 22px 6px #ffdc3ccc}}.vs-bag{flex-direction:column;gap:6px;display:flex}.vs-bag a{color:#b3201d;cursor:pointer;text-decoration:underline}.vs-bag>.aura{padding:6px;display:grid}.vs-claim{color:#fff;background:#241034;border:3px solid #ffd23f;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 14px;display:flex}.vs-claim>div{flex-direction:column;gap:4px;display:flex}.vs-claim b{color:#ffd23f;font:900 17px var(--font-ui)}.vs-claim span{color:#d8c8ff;font-size:12px}.vs-trow{background:#fffaf0;border:2px solid #e2c99a;border-radius:6px;grid-template-columns:28px minmax(110px,1fr) auto minmax(100px,auto);align-items:center;gap:8px;padding:5px 8px;display:grid}.vs-trow.st-won{background:#fff3d6;border-color:#f0a020;box-shadow:0 0 0 2px #f0a02059}.vs-trow.st-lost,.vs-trow.st-expired{opacity:.7}.vs-tinfo{flex-direction:column;font-size:12px;display:flex}.vs-tinfo span{color:#7a5a3a;font-size:11px}.vs-tnum{align-items:center;gap:2px;display:inline-flex}.vs-tnum.pho{font:900 18px var(--font-ui);letter-spacing:2px;color:#b3201d}.vs-tnum img.dim{opacity:.35}.vs-tst{flex-direction:column;align-items:flex-end;font-size:12px;display:flex}.vs-tst b{color:#2e7d4a;font-size:14px}.vs-tst span{color:#7a5a3a;text-align:right;font-size:11px}.vs-chip{font:800 13px var(--font-ui);cursor:pointer;color:#4a2410;background:#f0d9b5;border:2px solid #8a3a22;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;display:inline-flex}.vs-chip.on{background:#ffcf4a}.vs-kq select{font:700 13px var(--font-ui);background:#fffaf0;border:2px solid #8a3a22;border-radius:6px;padding:5px 8px}.vs-draw{flex-direction:column;gap:10px;margin-top:8px;display:flex}.vs-cage{align-items:center;gap:12px;display:flex}.vs-cage>div{flex-direction:column;gap:3px;display:flex}.vs-cage span{color:#6b4a2e;font-size:12px}.vs-cage-img{object-fit:none;object-position:0 0;width:56px;height:60px;image-rendering:pixelated;transform-origin:0;flex:none;margin-right:46px;transform:scale(1.8)}.vs-cage-img.spin{animation:.66s steps(8,end) infinite vs-cage}@keyframes vs-cage{0%{object-position:0 0}to{object-position:-448px 0}}.vs-board{border-collapse:collapse;background:#fffaf0;border:3px solid #b3201d;width:100%}.vs-board td{border:1px solid #e2c99a;padding:6px 8px}.vs-board td:first-child{color:#6b3a1c;text-align:center;background:#fff1d2;width:80px;font-weight:900}.vs-board td:last-child{flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.vs-pnum{font:900 20px var(--font-ui);letter-spacing:2px;color:#b0a090}.vs-pnum.in{color:#2a1a0e;animation:.3s ease-out vs-pop}.vs-board tr.db td:last-child .vs-pnum.in{color:#d4201c;text-shadow:0 0 10px #ffc828cc;font-size:30px}.vs-balls{background:radial-gradient(#3a1a5a,#160a24);border:3px solid #ffd23f;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.vs-rball img{image-rendering:pixelated}.vs-rball.in img{filter:drop-shadow(0 0 6px #ffd23ccc);animation:.45s cubic-bezier(.3,1.6,.5,1) vs-drop}@keyframes vs-drop{0%{opacity:0;transform:translateY(-40px)scale(.4)}}.vs-plus{color:#ffd23f;font:900 26px var(--font-ui)}.vs-rball.sp img{filter:drop-shadow(0 0 8px #78b4ffe6)}.vs-jpres{text-align:center;color:#ffe9a0;width:100%;margin:6px 0 0;font-size:13px}.vs-jpres b{color:#ffd23f}.vs-verify{color:#4a3a2a;background:#e8f6f2;border:2px solid #4aa89a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.vs-verify span{flex:1;min-width:180px}.lw-wrap{z-index:96;background:radial-gradient(at 50% 45%,#3c145ad1,#0a0414f0);place-items:center;animation:.3s ease-out lw-in;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes lw-in{0%{opacity:0}}.lw-rays{pointer-events:none;background:repeating-conic-gradient(#ffd25038 0deg 8deg,#0000 8deg 20deg);width:180vmax;height:180vmax;animation:18s linear infinite aura-spin;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(closest-side,#000 10%,#0000 60%);mask:radial-gradient(closest-side,#000 10%,#0000 60%)}.lw-wrap.jp .lw-rays{background:repeating-conic-gradient(#ffd75a61 0deg 8deg,#ff5a5a1f 8deg 12deg,#0000 12deg 20deg);animation-duration:10s}.lw-halo{pointer-events:none;background:radial-gradient(closest-side,#ffc83c8c,#0000 70%);border-radius:50%;width:70vmin;height:70vmin;animation:2s ease-in-out infinite aura-breathe;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.lw-confetti{pointer-events:none;width:96px;height:96px;image-rendering:pixelated;background:url(/assets/ve_so/ui/vfx_hoa_giay.webp) 0 0/1200% 100% no-repeat;animation:1s steps(12,end) infinite lw-confetti;position:absolute;transform:scale(4)}@keyframes lw-confetti{to{background-position:109.091% 0}}.lw-confetti.c0{top:10%;left:8%}.lw-confetti.c1{animation-delay:-.3s;top:14%;right:10%}.lw-confetti.c2{animation-delay:-.6s;top:4%;left:46%}.lw-confetti.c3{animation-delay:-.15s;bottom:14%;left:18%}.lw-confetti.c4{animation-delay:-.45s;bottom:10%;right:16%}.lw-confetti.c5{animation-delay:-.8s;top:40%;left:70%}.lw-coins{pointer-events:none;width:64px;height:64px;image-rendering:pixelated;opacity:0;background:url(/assets/ve_so/ui/vfx_tien_bung.webp) 0 0/800% 100% no-repeat;animation:.7s steps(8,end) infinite lw-coins,.1s forwards lw-show;position:absolute;transform:scale(3)}@keyframes lw-coins{to{background-position:114.286% 0}}@keyframes lw-show{to{opacity:1}}.lw-coins.k0{top:30%;left:30%}.lw-coins.k1{animation-delay:.2s,.2s;top:26%;left:64%}.lw-coins.k2{animation-delay:.35s,.35s;top:58%;left:22%}.lw-coins.k3{animation-delay:.1s,.1s;top:60%;left:72%}.lw-coins.k4{animation-delay:.5s,.5s;top:18%;left:44%}.lw-coins.k5{animation-delay:.25s,.25s;top:40%;left:12%}.lw-coins.k6{animation-delay:.4s,.4s;top:42%;left:84%}.lw-coins.k7{animation-delay:.15s,.15s;top:76%;left:50%}.lw-card{z-index:2;color:#3a2016;background:#f6f0e1;border:4px solid #ffd23f;border-radius:4px;flex-direction:column;align-items:center;gap:8px;width:min(460px,92vw);margin-top:40px;padding:70px 18px 18px;animation:.5s cubic-bezier(.2,1.6,.4,1) lw-card;display:flex;position:relative;box-shadow:inset 0 6px #d94a3a,0 10px #00000073}@keyframes lw-card{0%{opacity:0;transform:scale(.6)translateY(30px)}}.lw-band{filter:drop-shadow(0 0 14px #ffc828b3);max-width:96vw;position:absolute;top:-52px;left:50%;transform:translate(-50%)}.lw-trophy{image-rendering:pixelated;filter:drop-shadow(0 0 12px #ffc828e6);animation:1.2s ease-in-out infinite lw-bob}@keyframes lw-bob{50%{transform:translateY(-8px)rotate(-3deg)}}.lw-title{font:900 32px var(--font-ui);color:#d4201c;letter-spacing:1px;text-shadow:0 3px #ffd23f,0 0 18px #ffc828e6;text-align:center;margin:0;animation:1s ease-in-out infinite lw-pulse}@keyframes lw-pulse{50%{transform:scale(1.06)}}.lw-lines{width:100%}.lw-lines p{text-align:center;margin:2px 0;font-size:13px}.lw-lines em{color:#2e7d4a;font-style:normal;font-weight:900}.lw-sub{text-align:center;color:#6b4a2e;margin:4px 0;font-size:13px}.lw-sub b{color:#b3201d}.lw-banner{z-index:70;top:max(8px, env(safe-area-inset-top));color:#fff;cursor:pointer;background:linear-gradient(90deg,#5a1010,#b3201d 50%,#5a1010);border:3px solid #ffd23f;border-radius:6px;align-items:center;gap:8px;width:min(620px,94vw);padding:6px 10px;animation:.4s ease-out lw-drop;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px #0006,0 0 18px #ffc82899}@keyframes lw-drop{0%{transform:translate(-50%,-80px)}}.lw-banner img{image-rendering:pixelated;flex:none;animation:1s ease-in-out infinite lw-bob}.lw-banner-track{white-space:nowrap;flex:1;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.lw-banner-track span{font:900 15px var(--font-ui);color:#ffe14a;text-shadow:0 2px #3a0a0a;padding-left:100%;animation:12s linear infinite lw-marquee;display:inline-block}@keyframes lw-marquee{to{transform:translate(-100%)}}@media (max-width:760px){.win.v-veso{border-width:10px;height:100%;max-height:100%}.win.v-veso .win-body{overflow-y:auto}.vs-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.vs-tabs button{flex-direction:column;gap:1px;min-height:46px;font-size:10.5px}.vs-cards,.vs-pick-body,.vs-pho-body{grid-template-columns:1fr}.vs-hero-top{flex-wrap:wrap}.vs-hero-top .vs-cd{justify-content:center;width:100%}.vs-grid{gap:4px}.vs-grid.of55{grid-template-columns:repeat(8,minmax(0,1fr))}.vs-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-ticket .num{font-size:16px}.vs-trow{grid-template-columns:24px minmax(0,1fr) auto}.vs-trow .vs-tst{grid-column:2/-1;align-items:flex-start}.vs-buy{width:100%}.lw-title{font-size:26px}}.vs-pick-top .aura,.vs-bag>.aura{overflow:hidden}