.header-spacer{display:block!important;height:var(--header-h)!important}
.site-header{
  position:fixed;left:0;right:0;top:0;z-index:1000;height:var(--header-h);
  background:linear-gradient(180deg,rgba(47,127,224,.97) 0%,rgb(0 162 159) 100%);
  backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(8,31,72,.18)
}
.site-header .container,.site-header .header-inner{background:transparent}
.site-header .header-inner{position:relative;height:var(--header-h);display:flex;align-items:center;gap:12px;min-width:0}
.site-header .brand{flex:0 1 auto;min-width:0}
.site-header .brand__link{display:inline-flex;align-items:center;gap:clamp(9px,.9vw,14px);padding:2px 0;max-width:calc(100vw - 88px);min-width:0}
.site-header .brand__logo{height:clamp(54px,4.5vw,66px);width:auto;max-width:100%;object-fit:contain;border-radius:var(--apk-logo-radius);filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));flex:0 0 auto}
.site-header .brand__wordmark{display:inline-flex;align-items:baseline;gap:.24em;min-width:0;white-space:nowrap;font-size:clamp(19px,1.7vw,25px);font-weight:900;line-height:1;letter-spacing:-.03em;text-shadow:0 1px 3px rgba(4,24,43,.28)}
.site-header .brand__wordmark-yono{color:#ffd24a}
.site-header .brand__wordmark-amp{color:#fff}
.site-header .brand__wordmark-rummy{color:#64e49a}
.site-header .brand__wordmark-apks{color:#fff}
.site-header .hamburger{display:none;margin-left:0;flex:0 0 auto;width:clamp(44px,3.3vw,50px);height:clamp(44px,3.3vw,50px);align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.08) 100%);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:0;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 12px rgba(8,29,65,.10)}
.site-header .hamburger .icon{width:22px;height:22px}

 
.site-header .site-nav{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;min-width:0;margin-left:auto}
.site-header .desktop-menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,1.8vw,28px);list-style:none;margin:0;padding:0}
.site-header .desktop-menu li{margin:0;padding:0}
.site-header .desktop-menu a{display:inline-flex;align-items:center;min-height:38px;padding:5px 0;color:#fff;font-size:clamp(11px,.45vw + 9px,13px);font-weight:760;line-height:1.1;white-space:nowrap;text-shadow:0 1px 2px rgba(4,24,43,.18)}
.site-header .desktop-menu a:hover,.site-header .desktop-menu .current-menu-item>a,.site-header .desktop-menu .current_page_item>a{color:#fff3b4}


 
.header-join-float{
  flex:0 0 auto;display:grid;justify-items:center;align-content:center;gap:0;
  width:clamp(48px,3.7vw,56px);min-width:clamp(48px,3.7vw,56px);
  color:#fff;text-decoration:none;line-height:1;margin:0;position:relative
}
.header-join-float__bubble{
  width:clamp(44px,3.3vw,50px);height:clamp(44px,3.3vw,50px);display:grid;place-items:center;border-radius:999px;
  color:#fff;background:linear-gradient(155deg,rgba(255,255,255,.24),rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.34);box-shadow:0 6px 16px rgba(5,48,82,.22),inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease
}
.header-join-float__icon{width:22px;height:22px;display:block;color:currentColor}
.header-join-float__label{display:block;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.94);font-size:8px;font-weight:800;letter-spacing:.02em;text-align:center;margin-top:4px}
.header-join-float:hover .header-join-float__bubble{transform:translateY(-2px) scale(1.035);background:linear-gradient(155deg,rgba(255,255,255,.30),rgba(255,255,255,.14));box-shadow:0 8px 18px rgba(5,48,82,.28),inset 0 1px 0 rgba(255,255,255,.26)}
.header-join-float:hover .header-join-float__label{color:#fff3b4}

@media(min-width:768px){
  .site-header .brand{order:1}
  .site-header .site-nav{order:2}
  .header-join-float{order:3;margin-left:14px}
}
@media(min-width:1240px){
  .header-join-float{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);margin:0}
}

 
.admin-bar .site-header{top:32px}

.drawer-backdrop{position:fixed;inset:0;background:rgba(7,16,31,.48);z-index:999}
.mobile-drawer{position:fixed;left:0;right:0;top:var(--header-h);z-index:1001;background:linear-gradient(180deg,rgba(14,29,56,.98) 0%,rgba(10,22,43,.98) 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 18px 28px rgba(0,0,0,.24);max-height:min(70vh,620px);overflow:auto;transform-origin:top;animation:drawerIn .28s ease}
.admin-bar .mobile-drawer{top:calc(var(--header-h) + 32px)}
@keyframes drawerIn{from{transform:translateY(-6px) scaleY(.96);opacity:0}to{transform:translateY(0) scaleY(1);opacity:1}}
.mobile-drawer__inner{width:min(100%,1040px);margin-inline:auto;padding:14px var(--gutter) 18px}
.mobile-menu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mobile-menu a{display:flex;align-items:center;min-height:44px;padding:11px 12px;border-radius:12px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-weight:750}
.mobile-menu a:hover,.mobile-menu .current-menu-item>a,.mobile-menu .current_page_item>a{background:rgba(255,255,255,.12)}

 
.header-link-bar{position:relative;z-index:20;background:#fff;border-bottom:1px solid rgba(21,60,107,.08)}
.header-link-bar__inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:min(100%,860px);min-height:48px;margin-inline:auto;padding:0;white-space:nowrap}
.header-link-bar__item{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:5px 18px;color:#355273;font-size:12px;font-weight:760;line-height:1.1;text-align:center;transition:color .18s ease,background-color .18s ease}
.header-link-bar__item + .header-link-bar__item::before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(53,82,115,.18),transparent)}
.header-link-bar__item::after{content:"";position:absolute;left:22%;right:22%;bottom:3px;height:2px;border-radius:999px;background:currentColor;transform:scaleX(0);opacity:.75;transition:transform .18s ease}
.header-link-bar__item:hover,.header-link-bar__item.is-current{color:#1f78dc;background:linear-gradient(180deg,rgba(31,120,220,0),rgba(31,120,220,.035))}
.header-link-bar__item:hover::after,.header-link-bar__item.is-current::after{transform:scaleX(1)}
.header-link-bar__item.is-disabled{opacity:.45;pointer-events:none}
.header-link-bar__item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:767px){
  .site-header .site-nav{display:none}
  .site-header .hamburger{display:inline-flex}
  .site-header .brand{min-width:0;flex:0 1 auto;order:1}
  .site-header .brand__link{max-width:calc(100vw - 136px)}
  .header-join-float{order:2;width:44px;min-width:44px;height:44px;margin-left:auto;margin-right:0;align-self:center;position:relative}
  .header-join-float__bubble{width:44px;height:44px}
  .header-join-float__icon{width:22px;height:22px}
  .header-join-float__label{position:absolute;left:50%;top:45px;transform:translateX(-50%);max-width:52px;font-size:7px;margin:0}
  .site-header .hamburger{order:3}

   
  .header-link-bar__inner{
    display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;min-height:44px;
    padding:6px 8px;white-space:nowrap;overflow:hidden
  }
  .header-link-bar__item{
    width:auto;min-width:0;min-height:32px;flex:0 1 auto;padding:4px 0;
    font-size:clamp(8px,2.45vw,10.5px);line-height:1.15;background:none!important;overflow:visible
  }
  .header-link-bar__item + .header-link-bar__item::before{
    content:"·";position:static;display:inline-block;flex:0 0 auto;width:auto;height:auto;margin:0 clamp(4px,1.2vw,8px);
    transform:none;background:none;color:#91a2b6;font-size:1.35em;font-weight:900;line-height:1
  }
  .header-link-bar__item::after{left:0;right:0;bottom:0;height:2px}
  .header-link-bar__item span{overflow:visible;text-overflow:clip;white-space:nowrap}
}
@media(min-width:768px){
  .mobile-drawer,.drawer-backdrop{display:none!important}
}
@media(max-width:560px){
  .site-header .header-inner{gap:6px}
  .site-header .brand__link{gap:8px;max-width:calc(100vw - 122px)}
  .site-header .brand__logo{height:52px}
  .site-header .brand__wordmark{font-size:clamp(15px,4.35vw,18px);gap:.17em;letter-spacing:-.04em}
  .site-header .hamburger{width:42px;height:42px}
  .header-join-float{width:42px;min-width:42px;height:42px}
  .header-join-float__bubble{width:42px;height:42px}
  .header-join-float__icon{width:21px;height:21px}
  .header-join-float__label{top:43px;max-width:50px;font-size:7px}
  .mobile-menu{grid-template-columns:1fr}
  .header-link-bar__inner{padding-inline:6px}
  .header-link-bar__item{font-size:clamp(8px,2.38vw,10px)}
}
@media(max-width:360px){
  .site-header .brand__link{gap:6px;max-width:calc(100vw - 132px)}
  .site-header .brand__logo{height:47px}
  .site-header .brand__wordmark{font-size:12.5px}
  .site-header .hamburger{width:40px;height:40px}
  .header-link-bar__inner{padding-inline:4px}
  .header-link-bar__item{font-size:7.8px}
  .header-link-bar__item + .header-link-bar__item::before{margin-inline:3.5px}
  .header-join-float{width:40px;min-width:40px;height:40px}
  .header-join-float__bubble{width:40px;height:40px}
  .header-join-float__icon{width:20px;height:20px}
  .header-join-float__label{top:41px;max-width:48px;font-size:6.5px}
}

@media screen and (max-width:782px){
  .admin-bar .site-header{top:46px}
  .admin-bar .mobile-drawer{top:calc(var(--header-h) + 46px)}
}