.lang-switch{align-items:center;gap:5px;margin-left:10px;display:flex}.topnavbar-container{z-index:50;background-color:var(--bg-card);border-bottom:1px solid var(--border-main);flex-direction:column;align-items:center;width:100%;display:flex;position:sticky;top:0}.topnavbar-content{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1536px;min-height:56px;margin:0 auto;padding:8px clamp(22px,3vw,36px);display:flex}.topnavbar-logo-container{flex-direction:column;flex:1;align-items:flex-start;display:flex}.topnavbar-logo{white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;margin:0;font-family:SF Pro Display,SF Pro Text,Noto Sans Thai,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(17px,1.25vw,21px);font-weight:700;line-height:1;text-decoration:none;display:flex}.topnavbar-logo:focus-visible{outline:2px solid var(--active-border);outline-offset:4px}.logo-bat{color:var(--brand-blue)}.logo-match,.logo-up{color:var(--brand-green)}.topnavbar-nav{flex:none;justify-content:center;align-items:center;gap:2rem;display:flex}.topnavbar-event-nav{gap:clamp(1rem,2vw,2.4rem)}.topnavbar-nav-item{color:var(--text-muted);letter-spacing:-.4px;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.25rem 0;font-family:inherit;font-size:.88rem;font-weight:700;line-height:1.25rem;text-decoration:none;transition:all .2s}.topnavbar-nav-item:hover{color:var(--text-main)}.topnavbar-nav-item.active{color:var(--active-text);border-bottom:3px solid var(--active-border)}.topnavbar-nav-item .topnav-live-mini{vertical-align:middle;color:#dc2626;background:0 0;border:1px solid #0000;flex:none;align-items:center;gap:5px;min-width:max-content;margin-left:2px;padding:3px 7px;line-height:1;display:inline-flex}.topnav-live-dot{background-color:#dc2626;border-radius:50%;flex:0 0 8px;width:8px;min-width:8px;height:8px;min-height:8px;display:block;box-shadow:0 0 0 3px #dc262624}[data-theme=dark] .topnavbar-nav-item .topnav-live-mini{color:#ff4d5e;box-shadow:none;background:0 0;border-color:#0000}[data-theme=dark] .topnav-live-dot{box-shadow:none;background-color:#ff4d5e}.topnavbar-right{flex:1;justify-content:flex-end;align-items:center;gap:14px;display:flex}.topnavbar-search{width:44px;height:44px;color:var(--color-text-strong,#071120);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:0;padding:0;display:inline-flex}.lang-switch-modern{background-color:var(--bg-hover);border-radius:9999px;align-items:center;margin-right:0;padding:3px;display:inline-flex}.lang-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-pill,999px);background:0 0;border:none;min-width:34px;padding:6px 8px;font-family:SF Pro Display,SF Pro Text,Noto Sans Thai,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.72rem;font-weight:700;line-height:1rem}.lang-btn.active{background-color:var(--bg-card);color:var(--active-text);box-shadow:0 1px 2px #0f172a1f}.lang-divider{display:none}.theme-toggle-modern{cursor:pointer;border-radius:var(--radius-pill,999px);background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.25rem;display:inline-flex}.theme-toggle-modern svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}[data-theme=dark] .topnavbar-container{-webkit-backdrop-filter:blur(14px);background:#080f1deb;border-bottom-color:#1c2b44}[data-theme=dark] .topnavbar-nav-item{color:#aab7cb}[data-theme=dark] .topnavbar-nav-item:hover,[data-theme=dark] .topnavbar-nav-item.active{color:#f4f7fc}[data-theme=dark] .topnavbar-nav-item.active{border-bottom-color:#63e85a}[data-theme=dark] .topnavbar-search,[data-theme=dark] .theme-toggle-modern{color:#aab7cb}[data-theme=dark] .topnavbar-search:hover,[data-theme=dark] .theme-toggle-modern:hover{color:#f4f7fc}[data-theme=dark] .lang-switch-modern{background:#111d33;border:1px solid #263754}[data-theme=dark] .lang-btn{color:#aab7cb}[data-theme=dark] .lang-btn.active{color:#f4f7fc;box-shadow:none;background:#243a82}[data-theme=dark] .login-btn-modern{color:#080f1d;background:#f4f7fc}[data-theme=dark] .login-btn-modern:hover{background:#dfe7f3}.login-btn-modern{background-color:var(--color-text-deep,#071426);border-radius:var(--radius-pill,999px);cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;min-width:86px;min-height:40px;margin-left:0;margin-right:0;padding:0 1.45rem;font-family:SF Pro Display,SF Pro Text,Noto Sans Thai,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:700;line-height:1;transition:background-color .2s;display:inline-flex}.login-btn-modern:hover{background-color:var(--text-main)}@media (max-width:980px){.topnavbar-content{flex-wrap:wrap;gap:.85rem 1.2rem;min-height:auto;padding:1rem clamp(1rem,4vw,2rem)}.topnavbar-logo-container{flex:none}.topnavbar-right{flex:none;margin-left:auto}.topnavbar-event-nav{order:3;justify-content:center;width:100%;padding-top:.25rem;overflow-x:auto}}@media (max-width:760px){.topnavbar-content{flex-wrap:wrap;gap:.5rem;padding:.75rem .5rem}.topnavbar-logo{letter-spacing:-.04em;font-size:1.15rem}.lang-switch-modern,.theme-toggle-modern{display:flex}.topnavbar-right{gap:4px}.topnavbar-search,.theme-toggle-modern{width:32px;height:32px}.theme-toggle-modern img{width:18px!important;height:18px!important}.lang-btn{min-width:24px;padding:3px 5px;font-size:.65rem}.login-btn-modern{min-width:54px;min-height:32px;margin-left:0;padding:0 .6rem;font-size:.8rem}.topnavbar-event-nav{order:3;justify-content:flex-start;gap:1.1rem;width:100%;padding-top:.25rem;overflow-x:auto}.topnavbar-event-nav .topnavbar-nav-item{font-size:.85rem}}