/* The shared homepage navigation, isolated from homepage section styles for hubs. */
.topbar [hidden]{display:none!important}
.topbar{height:66px;background:#101017;border-bottom:1px solid rgba(255,255,255,.04);position:sticky;top:0;z-index:1000}
.topbar-inner{height:100%;display:flex;align-items:center;width:100%;padding:0 18px 0 28px}
.top-brand{width:205px;min-width:205px;display:flex;align-items:center;gap:12px}
.top-brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #285a77;background:radial-gradient(circle at 50% 45%,#6edcff 0 3px,transparent 4px),linear-gradient(135deg,#12304a,#1d5672);color:#79dbff;font-weight:900;font-size:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.top-brand-copy{line-height:1.02}
.top-brand-copy b{display:block;font-size:17px;font-weight:900;letter-spacing:.055em}
.top-brand-copy small{display:block;margin-top:3px;color:#25c8ff;font-size:8px;font-weight:700}
.top-game-nav{height:66px;display:flex;align-items:stretch;flex:1;min-width:0}
.top-game-item{height:66px;padding:0 18px;display:flex;align-items:center;gap:10px;border-left:1px solid rgba(255,255,255,.04);color:#f0f0f3;font-size:12px;white-space:nowrap}
.top-game-item:last-child{border-right:1px solid rgba(255,255,255,.04)}
.top-game-item:hover{background:#161620}
.top-game-item.is-active{background:#181316;box-shadow:inset 0 -2px #a64138}
.top-game-item.is-active:has(.wow){background:#1a1811;box-shadow:inset 0 -2px #a88b42}
.nav-unavailable{color:#a5a9b1;cursor:default}
.nav-unavailable:hover{background:transparent}
.top-game-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:900}
.top-game-icon.wow{background:#33290b;color:#f1c75f}
.top-game-icon.dia{background:#2b0d12;color:#ff6b71}
.top-game-icon.ff{background:#2b1117;color:#ff6076}
.top-game-icon.gacha{border:1px solid #66c9ff;color:#8bd9ff}
.top-game-icon.more{background:#f5f5f5;color:#111}
.top-chevron{color:#9a9ca5;font-size:10px}
.top-actions{display:flex;align-items:center;gap:10px;margin-left:18px}
.top-signin{height:52px;display:flex;align-items:center;padding:0 18px;border-radius:6px;font-size:11px;font-weight:800;white-space:nowrap;background:#1a1a25;border:1px solid #2c2c38;color:#aeb7c3}
.top-signin:hover{color:#fff;border-color:#6daeff;background:#1c2939}
.menu-toggle{border:1px solid #2c2c38;background:#1a1a25;color:#e9f2fc;border-radius:6px;min-height:42px;cursor:pointer}
.menu-toggle{display:none;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:800}
.menu-toggle span:first-child{font-size:17px}
.topbar .top-search{position:relative;display:flex;align-items:center;width:clamp(185px,17vw,250px);height:52px;min-width:0;border:1px solid #2c2c38;border-radius:6px;background:#1a1a25;box-shadow:none}
.topbar .top-search-icon{position:absolute;left:12px;font-size:23px;line-height:1;color:#dbeaff;pointer-events:none}
.topbar .top-search input{width:100%;height:100%;padding:0 11px 0 39px;border:0;border-radius:6px;background:transparent;color:#f5f7fb;font-size:12px;outline:0}
.topbar .top-search input::placeholder{color:#aeb7c3}
.topbar .top-search:focus-within{border-color:#6daeff;box-shadow:0 0 0 2px rgba(109,174,255,.16)}
.topbar .search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;padding:5px;background:#111b27;border:1px solid #33465b;border-radius:8px;box-shadow:0 15px 30px rgba(0,0,0,.4)}
.topbar .search-results a{display:block;padding:9px 10px;border-radius:5px;font-size:12px}
.topbar .search-results a:hover{background:#1a3045}
.topbar .search-results small{display:block;color:#8793a2;margin-top:2px}
.topbar .search-results p{padding:0 8px;font-size:11px;color:#8793a2}
.mobile-menu{display:none}
@media(max-width:1450px){.top-brand{width:185px;min-width:185px}.top-game-item{padding:0 13px}}
@media(max-width:1100px){
  .topbar{height:58px}
  .topbar-inner{min-height:58px;padding:0 12px;justify-content:space-between}
  .top-brand{width:auto;min-width:0}
  .top-brand-mark{width:36px;height:36px}
  .top-game-nav,.top-signin{display:none}
  .top-actions{margin-left:auto}
  .menu-toggle{display:flex}
  .topbar .top-search{width:min(36vw,260px);height:42px}
  .mobile-menu{display:grid;position:absolute;top:58px;left:0;right:0;padding:8px 12px 13px;background:#101017;border-bottom:1px solid #2c2c38;box-shadow:0 20px 28px rgba(0,0,0,.42)}
  .mobile-menu a,.mobile-menu span,.mobile-menu button{display:block;padding:13px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:none;color:#f0f0f3;text-align:left;font-size:12px}
  .mobile-menu span{color:#a5a9b1}
  .mobile-menu button{width:100%;cursor:pointer}
}
@media(max-width:520px){.topbar .top-search{width:min(34vw,170px)}.topbar .top-search input{font-size:11px;padding-left:33px}.topbar .top-search-icon{left:9px}}