/* Keep desktop navigation geometry independent of icon-font overrides. */
@media(min-width:1101px){
 .navbar-inner{width:1230px;max-width:calc(100% - 32px);}
 .navbar-menu .nav-dropdown-toggle{display:flex;align-items:center;justify-content:center;}
 .navbar-menu .nav-dropdown-toggle i{display:block;width:9.45px;height:5.4px;transform:none!important;background:currentColor;clip-path:polygon(0 0,50% 65%,100% 0,100% 35%,50% 100%,0 35%);margin-top:2.8px;}
 .navbar-menu .nav-dropdown-toggle i::before{content:none!important;transform:none!important;}
 .navbar-menu .nav-dropdown-toggle[aria-expanded="true"] i{transform:rotate(180deg)!important;}
 .navbar-menu .nav-new-mark{background:transparent url("https://kai365.cc/ref/ico-new.svg") center/26px 16.54px no-repeat;font-size:0;clip-path:none;}
}
.navbar-menu img.nav-new-mark{display:block;object-fit:contain;background:#fff!important;}
@media(min-width:1101px){
 .desktop-header-tools{gap:12px;}
 .desktop-notice .notice-expand{margin-right:0;}
 .navbar .navbar-right-btns{margin-right:5px;}
}
/* Reserve the same thin scrollbar gutter as the reference. */
html{scrollbar-width:thin;scrollbar-gutter:stable;}
html::-webkit-scrollbar{width:6px;}
@media(min-width:1101px){
 .navbar-inner{width:1225px;}
 .navbar .navbar-right-btns{margin-right:0;}
 .navbar.reference-sticky .navbar-menu>a,.navbar.reference-sticky .nav-lottery-group>a{padding-left:13px;padding-right:13px;}
 .navbar.reference-sticky .nav-lottery-group>a{padding-right:31px!important;}
}
#navLotteryDropdown .nav-group-icon{display:inline-block;width:24px;margin-right:8px;text-align:center;color:#3b84eb;font-size:18px}
#navLotteryDropdown [role=status]{padding:20px;color:#7b8491;font-size:14px}

/* Reset the legacy fixed indicator before applying the inset active bar. */
.navbar-menu a.active::after{width:auto;transform:none;left:16px;right:16px;bottom:0;height:3px;background:#fff;border-radius:3px}

/* Preserve the main menu's left alignment while allowing the utility link to follow its full width. */
@media(min-width:1101px){
 .navbar .navbar-inner{width:max-content;min-width:1225px;max-width:none;margin-left:max(16px,calc((100% - 1225px)/2));margin-right:16px;justify-content:flex-start}
 .navbar .navbar-menu{flex:0 0 auto;min-width:max-content}
 .navbar .navbar-menu>.nav-lottery-group{flex-shrink:0}
 .navbar .navbar-right-btns{flex:0 0 auto;margin-left:auto}
}
