/* Web-only clubhouse layout. Loaded only by webClientHtml. */
body[data-web-theme] .web-v3-group-tabs { gap: 6px; }
.web-v3-gbtn { font-size: 14px !important; letter-spacing: 0 !important; }
.web-v3-subnav-tabs { flex-wrap: wrap; }
.web-v3-subnav-cat { display: none !important; }
.web-engine-note { color: var(--text-sub); font-size: 12px; line-height: 1.7; max-width: 680px; margin: 12px 0; }
#tab-panel-home .hero-visual { min-height: 120px !important; padding: 24px !important; }
#tab-panel-home .hero-title { font-size: clamp(22px, 3vw, 32px) !important; }
#tab-panel-home .stadium-lines { opacity: .25; }
#tab-panel-home #home-quick-actions { display: grid !important; grid-template-columns: 2fr 1fr 1fr !important; gap: 14px !important; }
#home-quick-actions .qa-card { min-height: 120px !important; box-shadow: none !important; }
#home-quick-actions .qa-card[data-tab="gacha"],
#home-quick-actions .qa-card-reward { display: none !important; }
#home-quick-actions .hot { background: linear-gradient(130deg, #123e3a, #186b56) !important; border: 1px solid #36927b !important; }
#home-quick-actions .hot .qa-title, #home-quick-actions .hot .qa-cta { color: #fff !important; }
#home-quick-actions .hot .qa-desc { color: #c7e9df !important; }
#tab-panel-home .home-status-row { display: block !important; }
#tab-panel-home #home-achievement-panel, #tab-panel-home #home-ranking-panel,
#tab-panel-home #home-update-notice-panel, #home-fold-divider { display: none !important; }
#tab-panel-home .home-summary-row { display: block !important; }
#tab-panel-home #home-team-status-panel { width: 100% !important; }
#tab-panel-home .home-two-col { margin-top: 18px !important; }
#tab-panel-home .panel-sub { box-shadow: none !important; border: 1px solid var(--border-c) !important; }
.web-v3-subnav-quick { margin-left: auto; }
#roster-player-detail-overlay .card-btn-row { flex-wrap: wrap; }
html body[data-web-theme="v3-command"] #tab-panel-home:not(.hidden) { display: flex !important; flex-direction: column !important; gap: 16px !important; }
html body[data-web-theme="v3-command"] #tab-panel-home > * { width: 100% !important; order: initial !important; margin: 0 !important; }
html body[data-web-theme="v3-command"] #home-hero-visual { min-height: 110px !important; height: auto !important; padding: 22px !important; }
html body[data-web-theme="v3-command"] #home-hero-visual { align-items: flex-start !important; text-align: left !important; }
html body[data-web-theme="v3-command"] #home-quick-actions { grid-template-rows: auto !important; }
html body[data-web-theme="v3-command"] #home-quick-actions .qa-card.hot { grid-row: auto !important; grid-column: auto !important; min-height: 160px !important; }
html body[data-web-theme="v3-command"] #home-quick-actions .qa-card.hot .qa-cta { color: #123e3a !important; }
html body[data-web-theme="v3-command"] #tab-panel-home .home-status-row { order: 3 !important; }
html body[data-web-theme="v3-command"] #tab-panel-home .home-mission-row { order: 4 !important; }
html body[data-web-theme="v3-command"] #tab-panel-home .home-summary-row { order: 5 !important; }
@media (max-width: 720px) {
  #tab-panel-home #home-quick-actions { grid-template-columns: 1fr 1fr !important; }
  html body[data-web-theme="v3-command"] #home-quick-actions .qa-card.hot { grid-column: 1 / -1 !important; }
  .web-v3-group-tabs { overflow-x: auto; flex-wrap: nowrap !important; }
  .web-v3-subnav-tabs { gap: 6px; }
  .web-v3-subtab { padding: 8px !important; }
  .web-v3-subnav-quick { width: 100%; }
}