/* 실제 조작부를 넓고 일정하게 정리하고 설치 버튼은 브랜드 행에 둡니다. */
body[data-page-kind="hub"] #hubScreen .arcade-topbar{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;
  position:relative!important;width:100%;margin:0 0 12px!important;padding:15px 18px 18px!important;
  border:1px solid #fff!important;border-radius:0 0 23px 23px!important;
  background:linear-gradient(125deg,#fafdff,#eaf4ff)!important;box-shadow:0 8px 20px #28497614!important;
}
body[data-page-kind="hub"] #hubScreen .arcade-topbar,
body[data-page-kind="hub"] #hubScreen .arcade-topbar *{-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important;box-sizing:border-box}
body[data-page-kind="hub"] #hubScreen .arcade-topbar-brand-row{display:flex;justify-content:space-between;align-items:center;gap:14px;min-width:0;width:100%}
body[data-page-kind="hub"] #hubScreen .arcade-brand-mini{
  display:flex!important;align-items:center;gap:11px!important;min-width:0;max-width:100%;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;color:#173763!important;
  letter-spacing:-.04em!important;text-shadow:none!important;
}
body[data-page-kind="hub"] #hubScreen .arcade-brand-mini>span{
  display:grid!important;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;
  border:2px solid #fff!important;background:linear-gradient(145deg,#c8e7ff,#e5d8ff)!important;
  box-shadow:0 3px 0 #b4c9e5!important;font-size:25px;
}
body[data-page-kind="hub"] #hubScreen .arcade-brand-mini>b{display:block!important;color:#173763!important;font-size:19px;font-weight:1000;line-height:1.2;word-break:keep-all}
body[data-page-kind="hub"] #hubScreen .arcade-topbar .real-install-strip{flex:0 0 auto;margin:0;justify-content:flex-end}
body[data-page-kind="hub"] #hubScreen .arcade-topbar .real-install-quick{
  width:auto;min-height:42px;margin:0;padding:9px 15px;border:1px solid #3572d4;border-radius:12px;
  background:linear-gradient(135deg,#387cea,#235bbf);color:#fff!important;box-shadow:0 3px 0 #16488f,0 6px 12px #2965c421;gap:8px;
}
body[data-page-kind="hub"] #hubScreen .arcade-topbar .real-install-quick b{color:#fff!important;font-size:13px;font-weight:900}
body[data-page-kind="hub"] #hubScreen .arcade-topbar .real-install-quick>span{font-size:21px}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact{
  display:grid!important;grid-template-columns:1.6fr 1.15fr 1fr 1.1fr 1fr;align-items:stretch!important;
  width:100%;min-width:0;gap:10px!important;margin:0!important;
}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact>*{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  width:100%!important;min-width:0!important;max-width:none!important;min-height:52px!important;height:auto!important;
  margin:0!important;padding:9px 11px!important;border:1px solid #d2e1f2!important;border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#f1f6ff)!important;color:#203e6b!important;box-shadow:0 3px 0 #c8d8ec,0 5px 9px #2a44660a!important;
  font-family:inherit;font-size:14px!important;font-weight:850;line-height:1.25;white-space:nowrap;
}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button{cursor:pointer;transition:filter .15s,transform .15s}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-1px)}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button:disabled{opacity:.66;cursor:default}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button:focus-visible,
body[data-page-kind="hub"] #hubScreen .arcade-topbar select:focus-visible,
body[data-page-kind="hub"] #hubScreen .real-install-quick:focus-visible{outline:3px solid #3477dc;outline-offset:3px}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button>b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#203e6b!important;font-size:14px!important;font-weight:900}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button>span,
body[data-page-kind="hub"] #hubScreen #todayVisitorCount>em{
  display:grid!important;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:#e3edff;
  color:#345e9e!important;font-size:20px!important;font-style:normal;
}
body[data-page-kind="hub"] #hubScreen #playerProfileBtn{border-color:#dbcff0!important;background:linear-gradient(180deg,#fff,#f2ebff)!important;box-shadow:0 3px 0 #d5c7e9!important}
body[data-page-kind="hub"] #hubScreen #playerProfileBtn>span{background:#e8dcfa;color:#654491!important}
body[data-page-kind="hub"] #hubScreen #attendanceBtn{border-color:#f1d3b6!important;background:linear-gradient(180deg,#fff,#fff1e3)!important;box-shadow:0 3px 0 #e6cfb8!important}
body[data-page-kind="hub"] #hubScreen #attendanceBtn>span{background:#ffe4c6}
body[data-page-kind="hub"] #hubScreen #todayVisitorCount{border-color:#c4e2d9!important;background:linear-gradient(180deg,#fff,#eaf8f2)!important;box-shadow:0 3px 0 #c1dccf!important;gap:5px!important}
body[data-page-kind="hub"] #hubScreen #todayVisitorCount>em{background:#d8f0e5}
body[data-page-kind="hub"] #hubScreen #todayVisitorCount>span{color:#36574e!important;font-size:12px!important}
body[data-page-kind="hub"] #hubScreen #todayVisitorCount>b{color:#106650!important;font-size:19px!important;font-weight:1000}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact .theme-switch{font-size:12px!important;color:#405578!important;gap:7px!important;cursor:pointer}
body[data-page-kind="hub"] #hubScreen .theme-switch select{min-width:0!important;max-width:100%;height:32px!important;padding:0 5px!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#234575!important;font-size:13px!important;font-weight:900;cursor:pointer}
@media(max-width:700px){
  body[data-page-kind="hub"] #hubScreen .arcade-topbar{padding:12px 12px 15px!important;gap:12px!important;border-radius:0 0 18px 18px!important}
  body[data-page-kind="hub"] #hubScreen .arcade-brand-mini>b{font-size:17px}
  body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
  body[data-page-kind="hub"] #hubScreen #recentGameQuickBtn{grid-column:span 2;justify-content:flex-start!important}
  body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact>*{min-height:47px!important;padding:7px 8px!important;gap:6px!important;border-radius:12px!important}
  body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button>b{font-size:13px!important}
  body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact .theme-switch{font-size:11px!important;gap:4px!important}
  body[data-page-kind="hub"] #hubScreen .theme-switch select{font-size:13px!important;height:30px!important;padding:0 2px!important}
  body[data-page-kind="hub"] #hubScreen #todayVisitorCount{gap:3px!important}
  body[data-page-kind="hub"] #hubScreen #todayVisitorCount>span{font-size:11px!important}
  body[data-page-kind="hub"] #hubScreen #todayVisitorCount>em{width:24px;height:27px;flex-basis:24px;font-size:18px!important}
}
@media(max-width:380px){
  body[data-page-kind="hub"] #hubScreen .arcade-topbar{padding:10px 8px 13px!important}
  body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact>*{padding:7px 5px!important;gap:4px!important}
  body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button>span{width:24px;height:27px;flex-basis:24px;font-size:18px!important}
  body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button>b{font-size:12px!important}
  body[data-page-kind="hub"] #hubScreen #todayVisitorCount>em{display:none!important}
}
@media(prefers-reduced-motion:reduce){body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact button{transition:none}}
body[data-page-kind="hub"] #hubScreen .arcade-topbar svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
body[data-page-kind="hub"] #hubScreen .arcade-brand-mini svg{width:28px;height:28px;stroke-width:1.8;color:#4c468d}
body[data-page-kind="hub"] #hubScreen #attendanceBtn>span{color:#bf5e18!important}
body[data-page-kind="hub"] #hubScreen #todayVisitorCount>em{color:#26755d!important}
@media(max-width:380px){body[data-page-kind="hub"] #hubScreen .arcade-topbar svg{width:18px;height:18px}}
/* 기존 모바일 헤더의 전체 행 지정과 작은 글자 규칙보다 우선 적용합니다. */
body[data-page-kind="hub"] #hubScreen .arcade-brand-mini>b{font-size:19px!important}
body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact>*{grid-column:auto!important}
body[data-page-kind="hub"] #hubScreen #todayVisitorCount>span{display:inline!important}
@media(max-width:700px){
  body[data-page-kind="hub"] #hubScreen .arcade-brand-mini>b{font-size:17px!important}
  body[data-page-kind="hub"] #hubScreen #recentGameQuickBtn{grid-column:span 2!important}
  body[data-page-kind="hub"] #hubScreen .arcade-top-actions-compact .theme-switch{grid-column:auto!important}
}

/* ADTV는 버튼·스와이프로 이동하며 내부 스크롤 영역을 만들지 않는다. */
body[data-page-kind="hub"] #hubScreen .recommend-viewport{
  overflow:hidden!important;min-width:0!important;max-width:100%!important;
  scrollbar-width:none!important;
}
body[data-page-kind="hub"] #hubScreen .recommend-viewport::-webkit-scrollbar{display:none!important}
body[data-page-kind="hub"] #hubScreen #randomRecommendGrid{
  overflow:visible!important;min-width:0!important;width:100%!important;
}
body[data-page-kind="hub"] #hubScreen .random-banner-card{min-width:0!important;overflow:hidden!important}
.real-game-image .real-game-badge:nth-of-type(2){left:8px;right:auto}
