/* Club overview: matching illustrated header, no changes to membership actions. */
.club-header-editor,.community-logo-form{background:#fff8e8!important;color:#164e35!important;border:1px solid #d8ad54!important;border-radius:16px!important;padding:20px!important;gap:14px!important;min-width:0}
.club-header-editor .community-file-bar,.community-logo-form .community-file-bar{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;background:#fff3cf!important;color:#164e35!important;border:1px solid #cda449!important;border-radius:10px;padding:12px;min-height:48px;cursor:pointer}
.club-header-editor .community-file-bar span{background:#175238;color:#fff8e8;border-radius:8px;padding:10px 14px}
.club-header-editor .community-file-bar b{overflow-wrap:anywhere;min-width:0}
.club-header-editor input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
.club-header-editor label:focus-within .community-file-bar{outline:3px solid #b08028;outline-offset:3px}
.club-header-editor img{border:2px solid #d8ad54;background:#f3eddf}
.club-header-editor [role=status],.community-logo-form [role=status]{padding:12px;background:#f4efdf;color:#184c34!important;border-radius:10px;line-height:1.5}
.club-header-editor button:disabled{opacity:.55;cursor:not-allowed}
@layer studio {
/* Both sections share layout, but each keeps its own artwork. */
body.studio-3d .online-dialog:has(.community-shell > .community-hero) {
 --community-header-image:url('../assets/clubs-header-v1.png');
}
body.studio-3d .online-dialog:has(.community-shell [data-tournament-tab], .community-shell #createTournamentForm, .community-shell [data-back-tournaments]) {
 --community-header-image:url('../assets/tournaments-header-v1.png');
}
body.studio-3d .online-dialog:has(.community-shell > .community-hero) > .last-trick-header {
 position:relative!important;display:block!important;flex:0 0 auto!important;
 height:clamp(110px,23vw,230px)!important;min-height:0!important;
 margin:0 0 12px!important;padding:0!important;overflow:hidden!important;
 border:1px solid #d8ad54!important;border-radius:14px!important;
 background:#f4f3e9 var(--community-header-image) center / cover no-repeat!important;
 background-size:cover,cover!important;
 background-position:center,center!important;
 background-repeat:no-repeat!important;
}
body.studio-3d .online-dialog:has(.community-shell > .community-hero) > .last-trick-header > div {
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
 overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;
}
body.studio-3d .online-dialog:has(.community-shell > .community-hero) #closeOnlineButton {
 position:absolute!important;top:10px!important;right:10px!important;z-index:2!important;
 min-width:44px!important;min-height:44px!important;padding:8px 12px!important;
 background:#175238!important;color:#fffaf0!important;border:2px solid #d8ad54!important;
 border-radius:12px!important;box-shadow:0 2px 8px #0003!important;
}
body.studio-3d .online-dialog:has(.community-shell > .community-hero) #onlineContent {
 min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;
}
body.studio-3d #onlineContent .community-shell > .community-hero {
 grid-template-columns:minmax(0,1fr)!important;min-height:0!important;padding:16px 20px!important;
 background:#fffaf0!important;border:1px solid #d8ad54!important;border-radius:14px!important;
 box-shadow:none!important;
}
body.studio-3d #onlineContent .community-shell > .community-hero .community-badge,
body.studio-3d #onlineContent .community-shell > .community-hero .community-shield {display:none!important;}
body.studio-3d #onlineContent .community-shell > .community-hero h2 {margin:0 0 6px!important;color:#164e35!important;}
body.studio-3d #onlineContent .community-shell > .community-hero p {margin:0!important;line-height:1.5!important;color:#594b3b!important;}
@media(max-height:600px) {
 body.studio-3d .online-dialog:has(.community-shell > .community-hero) > .last-trick-header {height:100px!important;}
}
/* One bounded scrolling body at every size, not only on phones. */
 body.studio-3d #onlineModal .online-dialog:has(.community-shell > .community-hero) {
  display:flex!important;flex-direction:column!important;
  box-sizing:border-box!important;min-height:0!important;
  height:auto!important;
  max-height:calc(var(--popup-viewport-height,100dvh) - 2 * var(--popup-edge-y,12px))!important;
  overflow:hidden!important;
  padding-bottom:20px!important;
 }
 body.studio-3d #onlineModal .online-dialog:has(.community-shell > .community-hero) #onlineContent {
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  box-sizing:border-box!important;scroll-padding-bottom:24px;
 }
 body.studio-3d #onlineModal #onlineContent .community-shell {
  height:auto!important;max-height:none!important;overflow:visible!important;
  padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))!important;
 }
}