.header{top:14px;padding:0 clamp(14px,2.2vw,30px)}
.site-navbar{width:min(100%,1280px);min-height:68px;margin:0 auto;padding:8px 10px 8px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(135deg,rgba(24,27,36,.94),rgba(12,14,20,.91));box-shadow:0 16px 48px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.site-navbar .nav-brand{display:flex;align-items:center;gap:9px;min-width:max-content;padding-right:3px}.site-navbar .brand-logo{width:42px;height:42px;border-radius:13px;box-shadow:0 5px 16px rgba(255,107,53,.2)}.site-navbar .brand-name{font-size:1rem;font-weight:850;letter-spacing:.2px;background:linear-gradient(110deg,#fff 10%,#ffb08d 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-nav-menu{justify-self:center;display:flex;align-items:center;gap:3px;padding:4px;margin:0;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(255,255,255,.025)}.site-nav-menu .navLinks{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;border-radius:11px;color:#9298a8;font-size:.77rem;font-weight:700;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}.site-nav-menu .navLinks i{font-size:.76rem;opacity:.8}.site-nav-menu .navLinks:hover{color:#fff;background:rgba(255,255,255,.07)}.site-nav-menu .navLinks.active{color:#fff;background:linear-gradient(135deg,rgba(255,107,53,.95),rgba(255,133,75,.82));box-shadow:0 6px 18px rgba(255,107,53,.2)}
.site-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:max-content}.site-action-group{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.site-action-group .nav-action{min-height:38px;padding:8px 10px;gap:6px;border-radius:10px;color:#a7adbb;font-size:.7rem}.site-action-group .nav-action:hover,.site-action-group .nav-action[aria-expanded=true]{color:#fff;background:rgba(255,255,255,.08)}.site-action-group .nav-chat-action{color:#69dfff}.site-action-group .nav-checker-action.active{background:linear-gradient(135deg,#ff6b35,#ff8f54);color:#fff}.site-logout{min-height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.04);color:#b2b7c3;font-size:.72rem}.site-logout:hover{border-color:rgba(255,85,105,.3);background:rgba(255,85,105,.1);color:#ff7588}.site-navbar .nav-toggle{width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff}
.checker-navbar-cta{position:relative;min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 7px;border:1px solid rgba(255,140,82,.42);border-radius:14px;background:linear-gradient(135deg,rgba(255,107,53,.98),rgba(255,137,73,.84));color:#fff;box-shadow:0 8px 22px rgba(255,107,53,.24),inset 0 1px rgba(255,255,255,.2);transition:transform .2s,box-shadow .2s;overflow:hidden}.checker-navbar-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.2) 45%,transparent 70%);transform:translateX(-130%);animation:checker-cta-sheen 4s ease-in-out infinite}.checker-navbar-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,107,53,.34)}.checker-cta-icon{position:relative;width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:rgba(10,12,18,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.checker-cta-copy{position:relative;display:grid;line-height:1.05}.checker-cta-copy strong{font-size:.74rem;letter-spacing:.35px;white-space:nowrap}.checker-cta-copy small{margin-top:3px;color:rgba(255,255,255,.72);font-size:.55rem;white-space:nowrap}.checker-cta-live{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:#66ffab;box-shadow:0 0 8px #66ffab;animation:checker-live 1.7s ease-in-out infinite}.checker-cta-lock{position:absolute;top:6px;right:7px;color:#ffe285;font-size:.58rem}.checker-navbar-cta.locked{background:linear-gradient(135deg,rgba(79,84,98,.95),rgba(48,52,64,.95));border-color:rgba(255,255,255,.14);box-shadow:0 8px 20px rgba(0,0,0,.2)}.checker-navbar-cta.active{outline:2px solid rgba(255,255,255,.32);outline-offset:2px}@keyframes checker-cta-sheen{0%,65%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}@keyframes checker-live{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
@media(max-width:1240px) and (min-width:1101px){.site-navbar{gap:10px}.site-navbar .brand-name{display:none}.site-nav-menu .navLinks{padding-inline:9px}.site-action-group .nav-action-label{display:none}.site-action-group .nav-action{width:38px;padding:0}.site-logout span{display:none}.site-logout{width:42px;padding:0;justify-content:center}}
@media(max-width:1240px) and (min-width:1101px){.checker-cta-copy small{display:none}.checker-navbar-cta{padding-right:9px}}
@media(max-width:1100px){.header{top:9px;padding:0 10px}.site-navbar{min-height:60px;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:8px;border-radius:19px;overflow:visible}.site-navbar .nav-brand{grid-column:1;grid-row:1;min-width:0}.site-navbar .brand-logo{width:39px;height:39px;border-radius:12px}.site-navbar .brand-name{display:inline;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-nav-actions{grid-column:2;grid-row:1;gap:4px}.site-navbar .nav-toggle{display:inline-grid;place-items:center;grid-column:3;grid-row:1}.site-nav-menu{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;display:flex;align-items:stretch;gap:4px;max-height:0;overflow:hidden;opacity:0;padding:0;margin:0;border:0;background:transparent;border-radius:0;pointer-events:none;transition:max-height .3s ease,opacity .2s,padding .2s}.site-navbar.nav-open .site-nav-menu{max-height:min(68dvh,620px);overflow-y:auto;opacity:1;padding:9px 0 2px;border-top:1px solid rgba(255,255,255,.07);pointer-events:auto}.site-nav-menu .navLinks{width:100%;min-height:44px;justify-content:flex-start;padding:10px 13px;border-radius:11px;font-size:.85rem}.site-nav-menu .navLinks.active{box-shadow:none}.site-action-group{padding:2px;border-radius:12px}.site-action-group .nav-action{width:36px;min-width:36px;min-height:36px;padding:0}.site-action-group .nav-action-label{display:none}.site-logout{width:36px;min-width:36px;min-height:36px;padding:0;justify-content:center;border-radius:11px}.site-logout span{display:none}}
@media(max-width:1100px){.checker-navbar-cta{min-height:42px;padding:4px 9px 4px 5px;border-radius:12px}.checker-cta-icon{width:32px;height:32px;flex-basis:32px}.checker-cta-copy strong{font-size:.68rem}.checker-cta-copy small{display:none}}
@media(max-width:600px){.site-navbar .brand-name{display:none}.site-navbar{grid-template-columns:minmax(40px,1fr) auto auto}.site-action-group .nav-notification-action{display:none}.site-action-group .nav-checker-action{width:auto;min-width:68px;padding:0 7px}.site-action-group .nav-checker-label{display:inline;font-size:.61rem}.site-logout{display:none}}
@media(max-width:600px){.checker-navbar-cta{gap:5px;padding-right:7px}.checker-cta-icon{width:30px;height:30px;flex-basis:30px}.checker-cta-copy strong{font-size:.63rem}}
@media(max-width:600px){.site-nav-actions>.nav-cta:not(.site-logout){min-height:36px;padding:0 9px;font-size:.67rem}.site-nav-actions>.nav-cta:not(.site-logout) i{font-size:.72rem}.site-nav-actions>.nav-cta:not(.site-logout):first-of-type{display:none}}
@media(max-width:390px){.header{padding:0 7px}.site-navbar{padding:7px;gap:5px}.site-navbar .brand-logo{width:36px;height:36px}.site-action-group .nav-checker-action{min-width:36px;width:36px;padding:0}.site-action-group .nav-checker-label{display:none}.site-action-group .nav-action{width:34px;min-width:34px}.site-navbar .nav-toggle{width:38px;height:38px}}
@media(max-width:390px){.checker-navbar-cta{padding:3px 6px 3px 4px}.checker-cta-icon{width:28px;height:28px;flex-basis:28px}.checker-cta-copy strong{font-size:.58rem;letter-spacing:0}}
@media(max-width:340px){.checker-cta-copy strong{font-size:0}.checker-cta-copy strong::after{content:"CHK";font-size:.62rem}.site-action-group .nav-chat-action{display:none}}
@media(hover:none){.site-nav-menu .navLinks:hover,.site-action-group .nav-action:hover,.site-logout:hover{transform:none}}

/* Full uncropped MLBB logo. */
.site-navbar .brand-logo{width:48px!important;height:42px!important;padding:4px!important;object-fit:contain!important;object-position:center!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;transform:none!important;box-shadow:0 5px 16px rgba(255,107,53,.16)!important}
@media(max-width:1100px){.site-navbar .brand-logo{width:44px!important;height:38px!important;padding:4px!important;border-radius:10px!important}}
@media(max-width:390px){.site-navbar .brand-logo{width:40px!important;height:34px!important;padding:3px!important}}

/* The source logo is 555x167 (3.32:1), so give it a matching wide box. */
.site-navbar .brand-name{display:none!important}
.site-navbar .nav-brand{margin-left:8px!important}
.site-navbar .brand-logo{width:164px!important;height:52px!important;padding:0!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 5px 12px rgba(255,107,53,.28))!important;box-shadow:none!important}
.site-navbar .brand-logo{object-fit:contain!important;object-position:center!important}
@media(max-width:1100px){.site-navbar .nav-brand{margin-left:6px!important}.site-navbar .brand-logo{width:138px!important;height:45px!important;padding:0!important}}
@media(max-width:600px){.site-navbar .nav-brand{margin-left:5px!important}.site-navbar .brand-logo{width:112px!important;height:38px!important}}
@media(max-width:390px){.site-navbar .nav-brand{margin-left:4px!important}.site-navbar .brand-logo{width:94px!important;height:32px!important}}
@media(max-width:340px){.site-navbar .nav-brand{margin-left:3px!important}.site-navbar .brand-logo{width:76px!important;height:28px!important}}