/* MU World: admin preview only. Loaded exclusively by empire-index.tpl. */
body[data-mu-preview]{--mu-bg:#11151b;--mu-panel:#1a2025;--mu-gold:#d5b77a;--mu-text:#f5f0e6;--mu-muted:#aeb4bc;--mu-line:#77634270;--mu-h:100dvh;--mu-w:100vw;--mu-top:0px;--mu-left:0px;background:linear-gradient(#0b1015bb,#0b1015e8),url('/assets/empire-preview/hero.png') center/cover fixed!important;color:var(--mu-text)!important;font-family:'Be Vietnam Pro',sans-serif!important;overflow:hidden!important;margin:0}
body[data-mu-preview] *{box-sizing:border-box}
body[data-mu-preview] :is(button,input,select,textarea){font-family:'Be Vietnam Pro',sans-serif!important}
body[data-mu-preview] :is(h1,h2,h3,h4,.mu-heading){font-family:Manrope,sans-serif!important;font-weight:700!important;color:var(--mu-text)!important}
body[data-mu-preview] [hidden],body[data-mu-preview] .mu-hidden{display:none!important}
body[data-mu-preview] .auth-page{position:fixed!important;left:var(--mu-left)!important;top:var(--mu-top)!important;width:var(--mu-w)!important;height:var(--mu-h)!important;min-height:0!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
body[data-mu-preview] .auth-container{width:min(100%,1240px)!important;height:min(100%,850px)!important;max-width:1240px!important;max-height:850px!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;flex-direction:row!important;border:1px solid var(--mu-gold)!important;border-radius:0!important;background:#10151a!important;box-shadow:0 15px 70px #0009!important;overflow:hidden!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}
body[data-mu-preview] .auth-nav{position:static!important;inset:auto!important;order:0!important;width:auto!important;height:100%!important;min-width:0!important;padding:10px 0!important;border:0!important;border-right:1px solid var(--mu-line)!important;border-radius:0!important;background:linear-gradient(90deg,#1a1e20,#0f1419)!important;box-shadow:none!important;transform:none!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;z-index:5!important}
body[data-mu-preview] .nav-buttons{width:100%!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:flex-start!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body[data-mu-preview] .nav-buttons > :not(.mu-nav){display:none!important}
body[data-mu-preview] #index_content .home-stage{visibility:hidden!important}
body[data-mu-preview] .mu-nav{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:64px!important;padding:9px 3px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;color:#a6abb3!important;text-decoration:none!important;cursor:pointer;touch-action:manipulation;font-size:12px!important;line-height:1.3!important}
body[data-mu-preview] .mu-nav svg{width:23px;height:23px;fill:currentColor}
body[data-mu-preview] .mu-nav[aria-current=page]{color:#f2d69d!important;background:linear-gradient(90deg,#80623244,transparent)!important;box-shadow:inset 3px 0 var(--mu-gold)!important}
body[data-mu-preview] .auth-main{min-width:0!important;min-height:0!important;height:100%!important;max-height:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;background:none!important}
body[data-mu-preview] .auth-content-area{min-height:0!important;min-width:0!important;height:100%!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow:hidden!important}
.mu-admin-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;flex-shrink:0;font-size:11px;color:#b7ac91}
.mu-admin-bar span{display:flex;align-items:center;gap:7px}.mu-admin-bar span:before{content:'';width:5px;height:5px;background:#d5b77a;border-radius:50%}
.mu-admin-bar a{color:#b9bdc3!important;font-size:11px;text-decoration:none;border-bottom:1px solid #77634270;padding:4px 0}
.mu-view-slot{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}
.mu-page-window{height:100%;width:100%;overflow:hidden;position:relative}
body[data-mu-preview] #index_content{width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;position:relative;transform-origin:top left;transition:none!important}
body[data-mu-preview] #index_content_hidden{display:none!important}
/* One-frame pages mark a top-level [data-mu-fill]/.mu-v2-fill block; v2.js then adds .mu-v2-fill (Home/recharge never do). */
body[data-mu-preview] #index_content.mu-v2-fill:not([hidden]){height:100%!important}
.mu-pager{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--mu-muted);font-size:12px}
.mu-pager output{min-width:38px;text-align:center}.mu-pager button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid var(--mu-line);border-radius:5px;color:var(--mu-gold);background:#1b2127;cursor:pointer}.mu-pager svg{width:17px;height:17px;fill:currentColor}.mu-pager button:disabled{opacity:.3;cursor:default}
body[data-mu-preview] :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--mu-gold)!important;outline-offset:-3px!important}
.mu-home{display:flex;flex-direction:column;gap:12px;min-height:0}
.mu-hero{position:relative;display:flex;align-items:center;gap:32px;height:clamp(120px,26vh,218px);flex-shrink:0;padding:24px;border:1px solid var(--mu-line);border-radius:5px;background:linear-gradient(90deg,#0b1015b8,transparent 82%),url('/assets/empire-preview/hero.png') center/cover;overflow:hidden}
.mu-wordmark{font-family:Georgia,serif;font-size:35px;line-height:.94;color:#ebce95;letter-spacing:-1px;text-shadow:0 2px 3px #000;text-align:center;flex-shrink:0}.mu-wordmark small{display:block;font-family:'Be Vietnam Pro',sans-serif;font-size:9px;letter-spacing:.23em;margin-top:10px}
.mu-welcome{position:relative;z-index:1}.mu-welcome p{font-size:12px;color:#d2cdc1;margin:0 0 6px}.mu-welcome h1{font-size:clamp(23px,3vw,32px)!important;line-height:1.25!important;margin:0!important}
.mu-home-grid,.mu-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}
body[data-mu-preview] :is(.mu-card,a.hm-btn){position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;width:100%!important;max-width:none!important;min-height:80px!important;padding:16px!important;margin:0!important;border:1px solid var(--mu-line)!important;border-radius:5px!important;color:var(--mu-text)!important;background:linear-gradient(125deg,#22282d,#12171d)!important;box-shadow:inset 0 1px #ffffff05!important;text-decoration:none!important;transform:none!important;cursor:pointer;font:600 14px/1.4 'Be Vietnam Pro',sans-serif!important;text-align:left!important;overflow:hidden}
body[data-mu-preview] :is(.mu-card,a.hm-btn):hover{border-color:var(--mu-gold)!important;background:linear-gradient(125deg,#2b3032,#161b21)!important}
body[data-mu-preview] a.hm-btn:before,body[data-mu-preview] a.hm-btn:after,body[data-mu-preview] a.hm-btn .hm-icon:after{display:none!important}
body[data-mu-preview] a.hm-btn .hm-icon{width:30px!important;height:32px!important;min-width:30px!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;font-size:27px!important;color:var(--mu-gold)!important}
body[data-mu-preview] a.hm-btn .hm-icon i{color:var(--mu-gold)!important;text-shadow:none!important;font-size:27px!important}
body[data-mu-preview] a.hm-btn .hm-label{color:var(--mu-text)!important;font:600 14px/1.4 'Be Vietnam Pro',sans-serif!important;text-shadow:none!important;text-align:left!important}
.mu-card svg{width:27px;height:27px;min-width:27px;fill:var(--mu-gold)}.mu-card .mu-arrow{width:12px;min-width:12px;margin-left:auto;fill:#a3a8ae}
.mu-hub-heading{font:700 23px/1.3 Manrope,sans-serif;margin:0 0 18px}.mu-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mu-hub-summary{margin:0 0 16px;color:var(--mu-muted);font-size:13px}.mu-hub-footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.mu-quiet-button{min-height:44px;border:1px solid var(--mu-line);border-radius:5px;background:#171d23;color:#d5b77a;padding:10px 14px;font:400 13px 'Be Vietnam Pro',sans-serif;cursor:pointer}
.mu-dialog-layer{position:fixed;inset:0;z-index:11000;background:#05090edb;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
.mu-dialog{width:min(100%,430px);max-height:100%;min-height:0;padding:18px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--mu-gold);border-radius:6px;background:#161c23;color:var(--mu-text);overflow:hidden}
.mu-dialog-head{display:flex;align-items:center;gap:12px;justify-content:space-between}.mu-dialog-head h2{margin:0;font:700 19px/1.35 Manrope,sans-serif}.mu-dialog-head button{flex-shrink:0;width:44px;height:44px;border:0;background:none;color:#d5b77a;font-size:24px;cursor:pointer}.mu-dialog-content{min-height:0;font-size:14px;line-height:1.65}.mu-dialog-content p{margin:0}.mu-dialog-content .mu-hub-grid{gap:8px}.mu-dialog-content .mu-card{min-height:44px!important;padding:10px!important;font-size:13px!important}.mu-dialog-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px}.mu-dialog-foot span{margin-right:auto;color:var(--mu-muted);font-size:12px}
/* Quiet, consistent surfaces for the existing functional modules. */
body[data-mu-preview] #index_content{--neo-blue-ink:#f5f0e6;--neo-blue-soft:#aeb4bc;--neo-glass-top:#20262c;--neo-glass-body:#181e24;--neo-shadow-1:none;--neo-shadow-2:none;color:#f5f0e6!important}
body[data-mu-preview] #index_content [class*="-neo-page"]{--neo-blue-ink:#f5f0e6!important;--neo-blue-soft:#aeb4bc!important;--neo-glass-top:#20262c!important;--neo-glass-body:#181e24!important;--neo-shadow-1:none!important;--neo-shadow-2:none!important}
body[data-mu-preview] #index_content [class*="-neo-page"]:before,body[data-mu-preview] #index_content [class*="-neo-hero"]:before{display:none!important}
body[data-mu-preview] #index_content :is(.boxContainer,.card,.card-body,.card-header,[class*="-neo-section"],[class*="-neo-shell"],[class*="-neo-hero"],[class*="-neo-link-item"],[class*="-neo-group-item"],[class*="-neo-log-item"]){background:#1a2026!important;border-color:var(--mu-line)!important;border-radius:6px!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--mu-text)!important}
body[data-mu-preview] #index_content :is([class*="-neo-title"],[class*="-neo-label"],.sec-title,.li-title,.gi-title){color:var(--mu-text)!important;text-shadow:none!important}
body[data-mu-preview] #index_content :is([class*="-neo-subtitle"],.sec-sub,.li-sub,.gi-sub,.text-muted){color:var(--mu-muted)!important}
body[data-mu-preview] #index_content :is(.form-control,.form-select,input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){color:var(--mu-text)!important;background:#10151b!important;border:1px solid #776342!important;border-radius:4px!important;min-height:44px;font:400 16px/1.4 'Be Vietnam Pro',sans-serif!important;box-shadow:none!important}
body[data-mu-preview] #index_content :is(.btn-primary,.btn-success,[class*="-neo-submit"]){color:#211b11!important;background:linear-gradient(125deg,#f0d49d,#c7a363)!important;border:1px solid #e4c98e!important;border-radius:5px!important;box-shadow:none!important;min-height:44px;font:600 14px/1.4 'Be Vietnam Pro',sans-serif!important}
body[data-mu-preview] #index_content .table{--bs-table-color:#f5f0e6;--bs-table-bg:#171d23;--bs-table-striped-color:#f5f0e6;--bs-table-striped-bg:#20262c;--bs-table-hover-color:#f5f0e6;--bs-table-hover-bg:#252b30;color:#f5f0e6!important;border-color:var(--mu-line)!important}
/* Table frame/cell wrapping rules live in shared-ui.css (contract H). */
body[data-mu-preview] #index_content :is(.btn,.page-link){min-height:44px}
body[data-mu-preview] .swal2-popup{background:#171d23!important;color:#f5f0e6!important;border:1px solid var(--mu-gold)!important;border-radius:6px!important;box-shadow:0 20px 60px #0009!important}
body[data-mu-preview] .swal2-title,body[data-mu-preview] .swal2-html-container{color:#f5f0e6!important}
body[data-mu-preview] .swal2-confirm{background:linear-gradient(125deg,#f0d49d,#c7a363)!important;color:#211b11!important;border-radius:5px!important;box-shadow:none!important}
body[data-mu-preview] .swal2-cancel{background:#2a313a!important;color:#e1e4e8!important;border-radius:5px!important;box-shadow:none!important}
@media(max-width:700px) and (orientation:portrait) and (min-height:481px){body[data-mu-preview] .auth-container{max-width:480px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 64px!important}body[data-mu-preview] .auth-nav{order:2!important;height:64px!important;padding:0!important;border-right:0!important;border-top:1px solid var(--mu-line)!important}body[data-mu-preview] .nav-buttons{flex-direction:row!important;gap:0!important;height:100%!important}body[data-mu-preview] .mu-nav{flex:1!important;min-height:60px!important;font-size:11px!important;padding:7px 3px!important;gap:5px!important}body[data-mu-preview] .mu-nav[aria-current=page]{box-shadow:inset 0 2px var(--mu-gold)!important}body[data-mu-preview] .auth-content-area{padding:10px!important;gap:9px!important}.mu-hero{height:clamp(104px,21vh,168px);padding:18px}.mu-wordmark{display:none}.mu-welcome h1{font-size:25px!important}.mu-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mu-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body[data-mu-preview] :is(.mu-card,a.hm-btn){min-height:76px!important;padding:13px!important;gap:10px!important;font-size:13px!important}body[data-mu-preview] a.hm-btn .hm-label{font-size:13px!important}.mu-hub-heading{font-size:21px}.mu-dialog .mu-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:480px){body[data-mu-preview] .auth-container{grid-template-columns:68px minmax(0,1fr)!important}body[data-mu-preview] .auth-content-area{padding:8px!important;gap:7px!important}body[data-mu-preview] .auth-nav{padding:4px 0!important}body[data-mu-preview] .mu-nav{min-height:51px!important;gap:3px!important;padding:5px 2px!important;font-size:10px!important}body[data-mu-preview] .mu-nav svg{width:21px;height:21px}.mu-admin-bar{min-height:22px;font-size:10px}.mu-admin-bar a{font-size:10px}.mu-hero{height:78px;padding:10px 18px;gap:20px}.mu-wordmark{font-size:23px}.mu-wordmark small{font-size:6px;margin-top:5px}.mu-welcome p{font-size:10px;margin-bottom:3px}.mu-welcome h1{font-size:23px!important}.mu-home,.mu-home-grid,.mu-hub-grid{gap:8px}body[data-mu-preview] :is(.mu-card,a.hm-btn){min-height:56px!important;padding:10px 12px!important;gap:10px!important;font-size:12px!important}body[data-mu-preview] a.hm-btn .hm-label{font-size:12px!important}body[data-mu-preview] a.hm-btn .hm-icon,body[data-mu-preview] a.hm-btn .hm-icon i{font-size:23px!important}.mu-hub-heading{font-size:20px;margin-bottom:12px}.mu-dialog{padding:10px 14px;gap:8px}.mu-dialog-head h2{font-size:16px}.mu-dialog-content{font-size:13px;line-height:1.5}.mu-dialog-head button{height:36px}}
@media(max-width:480px) and (max-height:480px){.mu-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mu-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mu-wordmark{display:none}}
@media(max-height:300px){.mu-hero{height:54px}.mu-welcome p{display:none}.mu-admin-bar{min-height:20px}body[data-mu-preview] .mu-nav{min-height:44px!important;flex-direction:row!important;gap:5px!important}body[data-mu-preview] .mu-nav svg{width:17px;height:17px}.mu-hub-heading{font-size:18px;margin-bottom:8px}.mu-home .mu-wordmark{display:none}}
@media(prefers-reduced-motion:no-preference){.mu-card,.mu-nav{transition:border-color .15s,background .15s}}

body[data-mu-preview] a.hm-btn .hm-icon svg{width:28px;height:28px;fill:currentColor}
/* Explicit grid placement neutralizes the old portrait flex order rules. */
body[data-mu-preview] .auth-container{align-items:stretch!important;justify-content:stretch!important;font-family:'Be Vietnam Pro',sans-serif!important}
body[data-mu-preview] .auth-nav{grid-column:1!important;grid-row:1!important;margin:0!important;align-self:stretch!important}
body[data-mu-preview] .auth-main{grid-column:2!important;grid-row:1!important;order:0!important;align-self:stretch!important}
/* WebKit crash (26/09): #t-nprogress absolute phai neo vao cha truc tiep. Khi khoi chua troi len .auth-container/.auth-page (grid),
   thanh NProgress translate3d lam WebKit sap tien trinh trang (stock_market ~50%, inventory-web, trade_log). Thanh van bi cat 0px nhu cu;
   vo khach .mu-auth-shell von da relative. Xem API-buoc0.md muc "11. WebKit crash". */
body[data-mu-preview] .auth-content-area{position:relative!important}
body[data-mu-preview] #t-nprogress{position:absolute!important;inset:0 0 auto!important;height:2px!important;z-index:8;pointer-events:none}
html body[data-mu-preview].pagein{background:linear-gradient(#0b1015bb,#0b1015e8),url('/assets/empire-preview/hero.png') center/cover fixed!important;font-family:'Be Vietnam Pro',sans-serif!important;color:#f5f0e6!important}
@media(max-width:700px) and (orientation:portrait) and (min-height:481px){body[data-mu-preview] .auth-main{grid-column:1!important;grid-row:1!important}body[data-mu-preview] .auth-nav{grid-column:1!important;grid-row:2!important}}

body[data-mu-preview] .auth-page{background:transparent!important}

body[data-mu-preview] .mu-dialog .mu-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Hubs hold up to eight cards: two columns everywhere, compact tiles on phones. */
body[data-mu-preview] .mu-hub .mu-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-mu-preview] .mu-hub .mu-card span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px) and (orientation:portrait){body[data-mu-preview] .mu-hub .mu-hub-grid{gap:8px}body[data-mu-preview] .mu-hub .mu-card{min-height:64px!important;padding:10px 11px!important;gap:9px!important;font-size:12px!important}body[data-mu-preview] .mu-hub .mu-card svg{width:22px;height:22px;min-width:22px}body[data-mu-preview] .mu-hub .mu-card .mu-arrow{width:10px;min-width:10px}}
@media(max-height:480px){body[data-mu-preview] .mu-hub .mu-card{min-height:50px!important;padding:8px 10px!important;font-size:12px!important}}
/* Four navigation tabs share the bar evenly; labels never push the bar wider. */
body[data-mu-preview] .nav-buttons .mu-nav{min-width:0}
body[data-mu-preview] .mu-nav span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px) and (orientation:portrait) and (min-height:481px){body[data-mu-preview] .nav-buttons .mu-nav{flex:1 1 0!important;min-width:0!important;padding-inline:2px!important}}

/* September review: compact layout with natural scrolling, never viewport paging. */
body[data-mu-preview] .mu-page-window{height:100%!important;overflow-x:hidden;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#776342 #11151b;scroll-padding-block:12px}
body[data-mu-preview] .mu-dialog-content{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;gap:12px}
body[data-mu-preview] .mu-dialog{max-height:calc(var(--mu-h) - 24px)}

/* Admin Home: black-gold layout, with recharge as the single primary action. */
body[data-mu-preview] .mu-home{gap:13px;padding:0 0 14px}
body[data-mu-preview] .mu-home .mu-hero{height:clamp(120px,23vh,190px);padding:clamp(16px,2.6vw,28px);gap:clamp(22px,5vw,70px);border-radius:7px;background:linear-gradient(90deg,#11161de8 0%,#11161d95 42%,#11161d16 78%),url('/assets/empire-preview/hero.png') right top/cover no-repeat}
body[data-mu-preview] .mu-home .mu-hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#d5b77a,transparent 70%)}
body[data-mu-preview] .mu-home .mu-wordmark{font-size:clamp(24px,3vw,37px);line-height:.88;color:#f1d29a}
body[data-mu-preview] .mu-home .mu-wordmark small{font-size:8px;letter-spacing:.25em;margin-top:8px}
body[data-mu-preview] .mu-home .mu-welcome p{font-size:12px;color:#e2d9c9}
body[data-mu-preview] .mu-home .mu-welcome h1{max-width:22ch;font-size:clamp(22px,3vw,34px)!important;line-height:1.17!important;overflow-wrap:anywhere}
body[data-mu-preview] .mu-home-features{min-width:0}
body[data-mu-preview] .mu-home-heading{font-size:16px!important;line-height:1.3!important;margin:0 0 9px!important;letter-spacing:-.02em}
body[data-mu-preview] .mu-home .mu-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body[data-mu-preview] .mu-home a.hm-btn{min-width:0!important;min-height:70px!important;padding:12px!important;gap:11px!important;border-radius:7px!important}
body[data-mu-preview] .mu-home a.hm-btn .hm-icon{display:grid!important;place-items:center!important;flex:none!important;width:38px!important;height:38px!important;min-width:38px!important;border:1px solid #5d5040!important;border-radius:6px!important;background:#302d26!important;color:var(--mu-gold)!important}
body[data-mu-preview] .mu-home a.hm-btn .hm-icon svg{width:22px;height:22px;fill:currentColor}
body[data-mu-preview] .mu-home a.hm-btn .hm-label{font-size:13px!important;line-height:1.3!important;overflow-wrap:anywhere}
body[data-mu-preview] .mu-home a.hm-btn:after{display:block!important;content:'›'!important;position:static!important;width:auto!important;height:auto!important;margin-left:auto!important;background:none!important;color:#b5ad9f!important;font:24px/1 Arial,sans-serif!important}
body[data-mu-preview] .mu-home-balance{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:73px;padding:10px 13px;border:1px solid #806b49;border-radius:7px;background:linear-gradient(125deg,#22272b,#171b1f)}
body[data-mu-preview] .mu-home-balance-copy{display:flex;align-items:center;gap:12px;min-width:0}
body[data-mu-preview] .mu-balance-icon{flex:none;width:42px;height:42px;padding:9px;fill:#e6c788;border:1px solid #65553c;border-radius:7px;background:#332c20}
body[data-mu-preview] .mu-balance-label{display:block;color:#bdc0c1;font-size:11px;line-height:1.4}
body[data-mu-preview] .mu-home-balance-copy strong{display:block;color:#faf4e9;font:700 clamp(17px,2.5vw,25px)/1.2 Manrope,'Be Vietnam Pro',sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
body[data-mu-preview] .mu-deposit-button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:clamp(145px,28%,230px);min-height:46px;padding:9px 15px;border:1px solid #f2d9a8;border-radius:5px;background:linear-gradient(120deg,#f2d9a8,#c79f60);color:#241c11;font:600 14px/1.3 'Be Vietnam Pro',sans-serif;cursor:pointer;touch-action:manipulation}
body[data-mu-preview] .mu-deposit-button:hover{filter:brightness(1.08)}
body[data-mu-preview] .mu-deposit-button svg{width:19px;height:19px;fill:currentColor}
body[data-mu-preview] .mu-home-utilities{border:1px solid #514636;border-radius:6px;background:#151b20;color:#c7c5c0}
body[data-mu-preview] .mu-home-utilities summary{display:flex;align-items:center;justify-content:space-between;min-height:41px;padding:9px 13px;list-style:none;font-size:12px;font-weight:600;cursor:pointer}
body[data-mu-preview] .mu-home-utilities summary::-webkit-details-marker{display:none}
body[data-mu-preview] .mu-home-utilities summary svg{width:14px;height:14px;fill:var(--mu-gold);transform:rotate(90deg)}
body[data-mu-preview] .mu-home-utilities[open] summary svg{transform:rotate(-90deg)}
body[data-mu-preview] .mu-home-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 9px 9px;min-width:0}
body[data-mu-preview] .mu-quick-gift{position:relative;display:grid;grid-template-columns:minmax(175px,auto) minmax(0,1fr) auto;align-items:center;gap:14px;min-height:93px;padding:15px 18px;border:1px solid #806b49;border-radius:7px;background:linear-gradient(110deg,#292824,#1c2226 56%,#151a1f);overflow:hidden}
body[data-mu-preview] .mu-quick-gift:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#dfbf80}
body[data-mu-preview] .mu-quick-gift-head{display:flex;align-items:center;gap:11px;min-width:0}
body[data-mu-preview] .mu-quick-gift-icon{flex:none;width:39px;height:39px;padding:9px;border:1px solid #8d7448;border-radius:6px;background:#3b3020;fill:#f0d29a}
body[data-mu-preview] .mu-quick-gift-info{min-width:0}
body[data-mu-preview] .mu-quick-gift-info h2{margin:0 0 3px!important;color:#f6eddf;font:700 15px/1.25 Manrope,'Be Vietnam Pro',sans-serif!important}
body[data-mu-preview] .mu-quick-gift-info p{margin:0;color:#b9b9b7;font:500 10px/1.35 'Be Vietnam Pro',sans-serif;overflow-wrap:anywhere}
body[data-mu-preview] .mu-quick-gift-form{display:flex;align-items:stretch;gap:7px;min-width:0;margin:0}
body[data-mu-preview] .mu-quick-gift-input{min-width:0;flex:1;height:42px;padding:9px 12px;border:1px solid #796648;border-radius:5px;background:#11171c;color:#f5f0e6;font:600 16px/1.3 'Be Vietnam Pro',sans-serif;outline:0}
body[data-mu-preview] .mu-quick-gift-input::placeholder{color:#9ea3a6;font-weight:400}
body[data-mu-preview] .mu-quick-gift-input:focus{border-color:#e0bd7a;box-shadow:0 0 0 2px #e0bd7a31}
body[data-mu-preview] .mu-quick-gift-submit{flex:none;min-width:104px;height:42px;padding:8px 12px;border:1px solid #f0d9a8;border-radius:5px;background:linear-gradient(120deg,#efd6a3,#cba569);color:#211a11;font:700 12px/1.2 'Be Vietnam Pro',sans-serif;cursor:pointer}
body[data-mu-preview] .mu-quick-gift-submit:hover{filter:brightness(1.08)}
body[data-mu-preview] .mu-quick-gift-submit:disabled{opacity:.55;cursor:wait}
body[data-mu-preview] .mu-quick-gift-more{min-height:42px;padding:8px 4px;border:0;background:none;color:#e0c48e;font:600 11px/1.2 'Be Vietnam Pro',sans-serif;white-space:nowrap;cursor:pointer}
body[data-mu-preview] .mu-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px) and (orientation:portrait) and (min-height:481px){body[data-mu-preview] .mu-home{gap:11px}body[data-mu-preview] .mu-home .mu-hero{height:clamp(106px,19vh,145px);padding:15px 17px;background-position:59% center}body[data-mu-preview] .mu-home .mu-wordmark{display:none}body[data-mu-preview] .mu-home .mu-welcome h1{font-size:24px!important}body[data-mu-preview] .mu-home .mu-home-grid,body[data-mu-preview] .mu-home-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-mu-preview] .mu-home a.hm-btn{min-height:67px!important;padding:10px!important;gap:8px!important}body[data-mu-preview] .mu-home a.hm-btn .hm-icon{width:33px!important;height:33px!important;min-width:33px!important}body[data-mu-preview] .mu-home a.hm-btn .hm-icon svg{width:19px;height:19px}body[data-mu-preview] .mu-home a.hm-btn .hm-label{font-size:12px!important}body[data-mu-preview] .mu-home-balance{min-height:68px}body[data-mu-preview] .mu-deposit-button{min-width:130px}}
@media(max-height:650px) and (min-width:621px){body[data-mu-preview] .mu-home{gap:8px}body[data-mu-preview] .mu-home .mu-hero{height:98px;padding:10px 18px}body[data-mu-preview] .mu-home .mu-wordmark{font-size:24px}body[data-mu-preview] .mu-home .mu-wordmark small{font-size:6px;margin-top:5px}body[data-mu-preview] .mu-home .mu-welcome h1{font-size:22px!important}body[data-mu-preview] .mu-home a.hm-btn{min-height:57px!important;padding:8px 10px!important}body[data-mu-preview] .mu-home a.hm-btn .hm-icon{width:31px!important;height:31px!important;min-width:31px!important}body[data-mu-preview] .mu-home a.hm-btn .hm-icon svg{width:18px;height:18px}body[data-mu-preview] .mu-home-heading{font-size:14px!important;margin-bottom:6px!important}body[data-mu-preview] .mu-home-balance{min-height:56px;padding:6px 10px}body[data-mu-preview] .mu-balance-icon{width:36px;height:36px;padding:7px}body[data-mu-preview] .mu-deposit-button{min-height:44px}body[data-mu-preview] .mu-home-banner{min-height:42px;padding:6px 11px}}
@media(max-width:390px){body[data-mu-preview] .mu-home-balance{gap:7px;padding:8px}body[data-mu-preview] .mu-home-balance-copy{gap:6px}body[data-mu-preview] .mu-balance-icon{width:32px;height:32px;padding:6px}body[data-mu-preview] .mu-home-balance-copy strong{font-size:17px}body[data-mu-preview] .mu-deposit-button{min-width:112px;padding:8px;font-size:12px}body[data-mu-preview] .mu-home a.hm-btn .hm-label{font-size:11px!important}}

/* The selected character determines both illustrated Home surfaces. */
body[data-mu-preview] .mu-home[data-mu-class="0"]{--mu-class-image:url('/assets/empire-preview/classes/class-00-dark-wizard.webp')}
body[data-mu-preview] .mu-home[data-mu-class="1"]{--mu-class-image:url('/assets/empire-preview/classes/class-01-dark-knight.webp')}
body[data-mu-preview] .mu-home[data-mu-class="2"]{--mu-class-image:url('/assets/empire-preview/classes/class-02-fairy-elf.webp')}
body[data-mu-preview] .mu-home[data-mu-class="3"]{--mu-class-image:url('/assets/empire-preview/classes/class-03-magic-gladiator.webp')}
body[data-mu-preview] .mu-home[data-mu-class="4"]{--mu-class-image:url('/assets/empire-preview/classes/class-04-dark-lord.webp')}
body[data-mu-preview] .mu-home[data-mu-class="5"]{--mu-class-image:url('/assets/empire-preview/classes/class-05-summoner.webp')}
body[data-mu-preview] .mu-home[data-mu-class="6"]{--mu-class-image:url('/assets/empire-preview/classes/class-06-rage-fighter.webp')}
body[data-mu-preview] .mu-home[data-mu-class="7"]{--mu-class-image:url('/assets/empire-preview/classes/class-07-grow-lancer.webp')}
body[data-mu-preview] .mu-home[data-mu-class="8"]{--mu-class-image:url('/assets/empire-preview/classes/class-08-rune-wizard.webp')}
body[data-mu-preview] .mu-home[data-mu-class="9"]{--mu-class-image:url('/assets/empire-preview/classes/class-09-slayer.webp')}
body[data-mu-preview] .mu-home[data-mu-class="10"]{--mu-class-image:url('/assets/empire-preview/classes/class-10-gun-crusher.webp')}
body[data-mu-preview] .mu-home[data-mu-class="11"]{--mu-class-image:url('/assets/empire-preview/classes/class-11-kundun-mephis.webp')}
body[data-mu-preview] .mu-home[data-mu-class="12"]{--mu-class-image:url('/assets/empire-preview/classes/class-12-lemuria.webp')}
body[data-mu-preview] .mu-home[data-mu-class="13"]{--mu-class-image:url('/assets/empire-preview/classes/class-13-illusion-knight.webp')}
body[data-mu-preview] .mu-home[data-mu-class="14"]{--mu-class-image:url('/assets/empire-preview/classes/class-14-alchemist.webp')}
body[data-mu-preview] .mu-home[data-mu-class="15"]{--mu-class-image:url('/assets/empire-preview/classes/class-15-crusader.webp')}
body[data-mu-preview] .mu-home[data-mu-class] .mu-hero{background-image:linear-gradient(90deg,#11161df2 0%,#11161dc2 38%,#11161d15 76%),var(--mu-class-image);background-position:center,right top;background-size:cover,cover}
@media(max-width:700px) and (orientation:portrait){body[data-mu-preview] .mu-home[data-mu-class] .mu-hero{background-position:center,61% center}body[data-mu-preview] .mu-quick-gift{grid-template-columns:minmax(0,1fr) auto;gap:9px 8px;padding:12px 13px;min-height:112px}body[data-mu-preview] .mu-quick-gift-head{grid-column:1;grid-row:1}body[data-mu-preview] .mu-quick-gift-icon{width:34px;height:34px;padding:7px}body[data-mu-preview] .mu-quick-gift-info h2{font-size:13px!important}body[data-mu-preview] .mu-quick-gift-info p{font-size:9px}body[data-mu-preview] .mu-quick-gift-more{grid-column:2;grid-row:1;font-size:10px}body[data-mu-preview] .mu-quick-gift-form{grid-column:1/-1;grid-row:2}body[data-mu-preview] .mu-quick-gift-submit{min-width:95px}}
@media(max-height:650px) and (min-width:621px){body[data-mu-preview] .mu-quick-gift{min-height:73px;padding:8px 12px;gap:10px}body[data-mu-preview] .mu-quick-gift-icon{width:33px;height:33px;padding:7px}body[data-mu-preview] .mu-quick-gift-info h2{font-size:13px!important}body[data-mu-preview] .mu-quick-gift-input,body[data-mu-preview] .mu-quick-gift-submit{height:38px}}
@media(max-height:480px){body[data-mu-preview] .mu-quick-gift{min-height:58px;padding:6px 10px}body[data-mu-preview] .mu-quick-gift-info p{display:none}body[data-mu-preview] .mu-quick-gift-input,body[data-mu-preview] .mu-quick-gift-submit{height:34px}}
@media(max-width:700px) and (orientation:portrait){body[data-mu-preview] .mu-home a.hm-btn.mu-rank-wide{grid-column:1/-1;min-height:52px!important;padding:8px 12px!important;border-color:#68563a!important;background:linear-gradient(100deg,#292b29,#1c2226 75%)!important}body[data-mu-preview] .mu-home a.hm-btn.mu-rank-wide .hm-icon{width:30px!important;min-width:30px!important;height:30px!important}body[data-mu-preview] .mu-home a.hm-btn.mu-rank-wide .hm-icon svg{width:18px;height:18px}}

/* V2 Home: the approved Hắc kim composition, with class art anchored at the top. */
body[data-mu-preview] .mu-home .mu-hero{isolation:isolate}
body[data-mu-preview] .mu-home .mu-wordmark{position:relative;z-index:1}
@media(max-height:480px) and (min-width:621px){body[data-mu-preview] .mu-home{padding-bottom:0}}
/* One modal surface for legacy transactional popups in the V2 shell. */
body[data-mu-preview="admin-v2"] .modal-content{border:1px solid #806b49!important;border-radius:7px!important;background:#1a2025!important;color:#f5f0e6!important;box-shadow:0 18px 44px #000a!important;overflow:hidden}
body[data-mu-preview="admin-v2"] .modal-header,body[data-mu-preview="admin-v2"] .modal-footer{border-color:#66573f!important;background:#20262a!important}
body[data-mu-preview="admin-v2"] .modal-title{color:#f5f0e6!important;font-family:Manrope,'Be Vietnam Pro',sans-serif!important}
body[data-mu-preview="admin-v2"] .modal-backdrop.show{opacity:.78!important}
body[data-mu-preview] .mu-home .mu-welcome{min-width:0;max-width:52%;text-shadow:0 2px 8px #000b}
body[data-mu-preview] .mu-home .mu-home-server{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:8px;color:#e8d8ba;font:600 11px/1.3 'Be Vietnam Pro',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-mu-preview] .mu-home .mu-home-server svg{width:13px;height:13px;flex:none;fill:var(--mu-gold)}
body[data-mu-preview] .mu-home .mu-hero-slogan{position:absolute;z-index:1;left:25%;right:22%;bottom:15px;overflow:hidden;color:#d1c9b9;font:600 9px/1.4 'Be Vietnam Pro',sans-serif;letter-spacing:.18em;text-align:center;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px #000b;pointer-events:none}
body[data-mu-preview] .mu-home a.hm-btn.mu-rank-wide{grid-column:span 2}
@media(max-width:700px) and (orientation:portrait){
  body[data-mu-preview] .mu-home .mu-hero{height:clamp(105px,13vh,118px);padding:10px 12px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:clamp(12px,3vw,20px)}
  body[data-mu-preview] .mu-home .mu-wordmark{display:block!important;flex:0 0 auto;font-size:clamp(16px,4.3vw,21px);line-height:.82;text-align:center}
  body[data-mu-preview] .mu-home .mu-wordmark small{font-size:5px;letter-spacing:.15em;margin-top:5px}
  body[data-mu-preview] .mu-home .mu-welcome{max-width:min(48%,190px)}
  body[data-mu-preview] .mu-home .mu-welcome p{font-size:10px;margin-bottom:2px}
  body[data-mu-preview] .mu-home .mu-welcome h1{font-size:clamp(17px,4.7vw,22px)!important;line-height:1.12!important}
  body[data-mu-preview] .mu-home .mu-home-server{margin-top:3px;font-size:10px}
  body[data-mu-preview] .mu-home .mu-hero-slogan{display:none}
  body[data-mu-preview] .mu-home[data-mu-class] .mu-hero{background-position:center,right top}
  body[data-mu-preview] .mu-home a.hm-btn.mu-rank-wide{grid-column:1/-1}
}
@media(max-width:380px) and (orientation:portrait){
  body[data-mu-preview] .mu-home .mu-hero{gap:10px;padding-inline:10px}
  body[data-mu-preview] .mu-home .mu-wordmark{font-size:16px}
}
@media(max-height:650px){
  body[data-mu-preview] .mu-home .mu-hero-slogan{display:none}
  body[data-mu-preview] .mu-home .mu-home-server{margin-top:4px;font-size:10px}
}
@media(max-width:480px) and (max-height:480px){
  body[data-mu-preview] .mu-home .mu-wordmark{display:block;font-size:17px}
  body[data-mu-preview] .mu-home .mu-wordmark small{font-size:5px;margin-top:4px}
  body[data-mu-preview] .mu-home .mu-welcome{max-width:58%}
  body[data-mu-preview] .mu-home .mu-home-server{display:none}
}
@media(max-width:700px) and (orientation:portrait){
  body[data-mu-preview] .mu-home .mu-home-server{display:inline-flex}
}

/* Feature tiles echo the approved large, quiet cards. */
body[data-mu-preview] .mu-home a.hm-btn{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;min-height:98px!important;padding:14px 16px!important;gap:7px!important;background:linear-gradient(145deg,#22282b,#171c20)!important}
body[data-mu-preview] .mu-home a.hm-btn .hm-icon{width:42px!important;height:42px!important;min-width:42px!important;background:#342d22!important;border-color:#6d5a3d!important}
body[data-mu-preview] .mu-home a.hm-btn .hm-icon svg{width:24px;height:24px}
body[data-mu-preview] .mu-home a.hm-btn .hm-label{display:block;padding-right:20px;color:#f8f3e9!important;font:700 14px/1.22 Manrope,'Be Vietnam Pro',sans-serif!important}
body[data-mu-preview] .mu-home a.hm-btn:after{position:absolute!important;right:15px;top:50%;transform:translateY(-50%);margin:0!important;color:#d4c3a7!important}
body[data-mu-preview] .mu-home-balance{min-height:82px;padding:12px 16px}
body[data-mu-preview] .mu-deposit-button{min-width:clamp(160px,29%,250px);min-height:54px;font-size:15px}
body[data-mu-preview] .mu-home a.hm-btn.mu-rank-wide{grid-column:span 2}
@media(max-width:700px) and (orientation:portrait){
  body[data-mu-preview] .mu-home a.hm-btn{min-height:78px!important;padding:10px 11px!important;gap:5px!important}
  body[data-mu-preview] .mu-home a.hm-btn .hm-icon{width:32px!important;height:32px!important;min-width:32px!important}
  body[data-mu-preview] .mu-home a.hm-btn .hm-icon svg{width:19px;height:19px}
  body[data-mu-preview] .mu-home a.hm-btn .hm-label{font-size:11px!important;padding-right:13px}
  body[data-mu-preview] .mu-home a.hm-btn:after{right:9px;font-size:19px!important}
  body[data-mu-preview] .mu-home-balance{min-height:69px;padding:9px 10px}
  body[data-mu-preview] .mu-deposit-button{min-width:136px;min-height:49px;font-size:13px}
  body[data-mu-preview] .mu-home a.hm-btn.mu-rank-wide{grid-column:1/-1;min-height:58px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}
}
@media(max-height:650px) and (min-width:621px){
  body[data-mu-preview] .mu-home a.hm-btn{min-height:66px!important;padding:7px 10px!important;gap:4px!important}
  body[data-mu-preview] .mu-home a.hm-btn .hm-icon{width:29px!important;height:29px!important;min-width:29px!important}
  body[data-mu-preview] .mu-home a.hm-btn .hm-icon svg{width:18px;height:18px}
  body[data-mu-preview] .mu-home a.hm-btn .hm-label{font-size:11px!important}
  body[data-mu-preview] .mu-home-balance{min-height:59px;padding:6px 11px}
  body[data-mu-preview] .mu-deposit-button{min-width:145px;min-height:44px;font-size:12px}
}
@media(max-width:480px) and (max-height:480px){
  body[data-mu-preview] .mu-home a.hm-btn{min-height:56px!important;padding:7px!important}
  body[data-mu-preview] .mu-home a.hm-btn .hm-icon{width:24px!important;height:24px!important;min-width:24px!important}
  body[data-mu-preview] .mu-home a.hm-btn .hm-label{font-size:10px!important}
}

/* iPhone-sized landscape: keep the Home actions visible within the shallow viewport. */
@media(orientation:landscape) and (min-width:701px) and (max-height:430px){
  body[data-mu-preview] .auth-content-area{padding:6px 8px!important;gap:3px!important}
  body[data-mu-preview] .mu-admin-bar{min-height:19px;line-height:1.15}
  body[data-mu-preview] .mu-home{gap:5px;padding:0 0 5px}
  body[data-mu-preview] .mu-home .mu-hero{height:60px!important;padding:5px 12px!important;gap:18px!important}
  body[data-mu-preview] .mu-home .mu-wordmark{font-size:18px}
  body[data-mu-preview] .mu-home .mu-wordmark small{font-size:5px;margin-top:3px}
  body[data-mu-preview] .mu-home .mu-welcome p{font-size:9px;margin-bottom:1px}
  body[data-mu-preview] .mu-home .mu-welcome h1{font-size:18px!important;line-height:1.1!important}
  body[data-mu-preview] .mu-home .mu-home-server{font-size:9px;margin-top:2px;line-height:1.15}
  body[data-mu-preview] .mu-home .mu-hero-slogan{display:none}
  body[data-mu-preview] .mu-home-balance{min-height:48px;padding:4px 8px;gap:8px}
  body[data-mu-preview] .mu-home-balance-copy{gap:7px}
  body[data-mu-preview] .mu-balance-icon{width:29px;height:29px;padding:5px}
  body[data-mu-preview] .mu-balance-label{font-size:9px;line-height:1.2}
  body[data-mu-preview] .mu-home-balance-copy strong{font-size:16px;line-height:1.1}
  body[data-mu-preview] .mu-deposit-button{min-height:40px;min-width:130px;padding:5px 10px;font-size:11px;gap:6px}
  body[data-mu-preview] .mu-deposit-button svg{width:15px;height:15px}
  body[data-mu-preview] .mu-home-heading{font-size:13px!important;line-height:17px!important;margin:0 0 4px!important}
  body[data-mu-preview] .mu-home .mu-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  body[data-mu-preview] .mu-home a.hm-btn{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;min-height:48px!important;padding:6px 8px!important;gap:7px!important}
  body[data-mu-preview] .mu-home a.hm-btn .hm-icon{width:27px!important;height:27px!important;min-width:27px!important}
  body[data-mu-preview] .mu-home a.hm-btn .hm-icon svg{width:17px;height:17px}
  body[data-mu-preview] .mu-home a.hm-btn .hm-label{font-size:11px!important;line-height:1.15!important;padding-right:10px}
  body[data-mu-preview] .mu-home a.hm-btn:after{right:8px;font-size:16px!important}
  body[data-mu-preview] .mu-quick-gift{grid-template-columns:130px minmax(0,1fr) auto;min-height:48px;padding:4px 8px;gap:7px}
  body[data-mu-preview] .mu-quick-gift-head{gap:6px}
  body[data-mu-preview] .mu-quick-gift-icon{width:28px;height:28px;padding:5px}
  body[data-mu-preview] .mu-quick-gift-info h2{font-size:11px!important;line-height:1.2!important}
  body[data-mu-preview] .mu-quick-gift-input,body[data-mu-preview] .mu-quick-gift-submit{height:38px}
  body[data-mu-preview] .mu-quick-gift-input{padding:5px 9px;font-size:14px}
  body[data-mu-preview] .mu-quick-gift-submit{min-width:84px;padding:5px 8px;font-size:11px}
  body[data-mu-preview] .mu-quick-gift-more{min-height:38px;font-size:10px}
  body[data-mu-preview] .mu-home-utilities summary{min-height:30px;padding:5px 9px;font-size:10px}
}
/* Chuyen trang muot (26/09/2026, v2.js enterContent/animateIn): trang moi chi hien khi da trang tri xong (khong loe noi
   dung cu/tho), vao bang mo + truot nhe 12px (tien: tu phai, lui: tu trai, cung trang/tab: chi mo). Roi hub: hub dung yen
   (the vua bam sang, the khac mo) toi khi trang moi san sang, roi mo di 90ms. Material fade-through/shared-axis, NN/g 200-300ms. */
body[data-mu-preview] .mu-page-window>#index_content.mu-v2-entering,body[data-mu-preview] #index_content.mu-v2-entering{opacity:0!important}
body[data-mu-preview] .mu-v2-enter{animation:muV2In .16s cubic-bezier(.2,.8,.2,1) both}
body[data-mu-preview] .mu-v2-enter[data-mu-dir="back"]{animation-name:muV2InBack}
body[data-mu-preview] .mu-v2-enter:is([data-mu-dir="fade"],[data-mu-dir="same"]){animation-name:muV2Fade}
body[data-mu-preview] .mu-v2-enter[data-mu-dir="same"]{animation-duration:.14s}
body[data-mu-preview] .mu-v2-enter.is-after-cover{animation-delay:0s}
body[data-mu-preview] .mu-page-window>.mu-hub.mu-v2-cover{position:absolute;top:0;left:0;right:0;min-height:100%;z-index:6}
body[data-mu-preview] .mu-hub.mu-v2-leave{animation:muV2Out .08s ease-in both;pointer-events:none}
body[data-mu-preview][data-mu-nav="pending"] .mu-hub{pointer-events:none;cursor:progress}
body[data-mu-preview][data-mu-nav="pending"] .mu-hub .mu-card:not(.is-pressed){opacity:.5;transition:opacity .15s}
body[data-mu-preview] .mu-hub .mu-card.is-pressed{border-color:var(--mu-gold)!important;background:linear-gradient(125deg,#30352f,#191d20)!important;transform:scale(.985)!important;transition:transform .08s}
body[data-mu-preview] .mu-hub .mu-card.is-pressed .mu-arrow{fill:var(--mu-gold)}
@keyframes muV2In{from{opacity:0;transform:translate3d(12px,0,0)}to{opacity:1;transform:none}}
@keyframes muV2InBack{from{opacity:0;transform:translate3d(-12px,0,0)}to{opacity:1;transform:none}}
@keyframes muV2Fade{from{opacity:0}to{opacity:1}}
@keyframes muV2Out{to{opacity:0}}
@media (prefers-reduced-motion:reduce){body[data-mu-preview] :is(.mu-v2-enter,.mu-v2-leave){animation:none!important}body[data-mu-preview] .mu-hub .mu-card.is-pressed{transform:none!important}}
/* Tai lai ca trang (vd ve Home = location.assign): chuyen canh goc cua trinh duyet (cross-document View Transitions,
   Chrome 126+/Safari 18.2+; trinh duyet cu bo qua). Ca trang cu va moi deu nap v2.css nen ca hai cung bat. */
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.2s}}