/* Only accounts belonging to a club use these tokens. XP medals and the pitch keep their instructional colours. */
html.club-branded{--bg:var(--club-bg);--ink:var(--club-ink);--muted:var(--club-muted);--line:var(--club-line);--brand-red:var(--club-accent);--brand-soft:var(--club-soft);--green:var(--club-primary)}
.club-branded body{--bg:var(--club-bg);--ink:var(--club-ink);--muted:var(--club-muted);--line:var(--club-line);--brand-red:var(--club-accent)}
.club-branded body,.club-branded body.nmc-mobile-game,.club-branded body.nmc-mobile-game.nmc-game-ready,.club-branded .nmc-mobile-game.nmc-game-ready>main{background:var(--club-bg);color:var(--club-ink)}
.club-branded header,.club-branded .nmc-mobile-game.nmc-game-ready>header,.club-branded .nmc-mobile-game header nav{background:var(--club-secondary);color:var(--club-on-secondary);border-color:var(--club-line)}
.club-branded header .profile,.club-branded header .profile .gear,.club-branded header .nav{color:var(--club-on-secondary)}
.club-branded .brand,.club-branded .nmc-mark,.club-branded .gate-brand{background:transparent;display:flex;align-items:center;justify-content:center}
.club-branded .brand-logo,.club-branded .nmc-mark img,.club-branded .gate-brand img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;display:none}
.club-branded.has-club-logo .brand-logo,.club-branded.has-club-logo .nmc-mark img,.club-branded.has-club-logo .gate-brand img{display:block}
.club-brand-fallback{font-size:18px;font-weight:800;line-height:1.15;text-align:center;max-width:100%;overflow-wrap:anywhere;color:var(--club-ink)}
header .club-brand-fallback{font-size:16px;color:var(--club-on-secondary)}.has-club-logo .club-brand-fallback{display:none}
.club-branded .primary,.club-branded .filter.active,.club-branded .selected .drill-number,.club-branded .nmc-mobile-game .filter.active{background:var(--club-primary);border-color:var(--club-primary);color:var(--club-on-primary)}
.club-branded .primary:hover:not(:disabled){background:var(--club-primary);filter:brightness(.9)}
.club-branded .nav.active,.club-branded .nmc-mobile-game header .nav.active{background:var(--club-primary);color:var(--club-on-primary)}
.club-branded .nav.active:after,.club-branded .nmc-mobile-game header .nav.active:after,.club-branded .mode-tabs button.active:after,.club-branded .live-dot,.club-branded .brand-promise:after,.club-branded .art-sticker{background:var(--club-primary)}
.club-branded .art-sticker{color:var(--club-on-primary)}
.club-branded .intro em,.club-branded .records-intro em,.club-branded .stat-icon,.club-branded .footer-brand,.club-branded .has-record{color:var(--club-accent)}
.club-branded .intro p,.club-branded .intro .eyebrow,.club-branded .intro .brand-promise,.club-branded .local-note,.club-branded .footer-brand b{color:var(--club-muted)}
.club-branded .studio,.club-branded .training-sidebar,.club-branded .gesture-picker-summary,.club-branded .gesture-catalog,.club-branded .drill-card,.club-branded .record-tile,.club-branded .ranking-filters,.club-branded .ranking-table,.club-branded dialog,.club-branded .nmc-mobile-game .studio,.club-branded .nmc-mobile-game .training-sidebar,.club-branded .nmc-mobile-game .gesture-picker-summary,.club-branded .nmc-mobile-game .gesture-catalog,.club-branded .nmc-mobile-game dialog{background:var(--club-surface);color:var(--club-ink);border-color:var(--club-line)}
.club-branded .secondary,.club-branded select,.club-branded input,.club-branded .filter,.club-branded .nmc-mobile-game .game-tool,.club-branded .nmc-mobile-game #admin-dialog input,.club-branded .nmc-mobile-game #admin-dialog select{background:var(--club-surface);border-color:var(--club-line);color:var(--club-ink)}
.club-branded .small-link,.club-branded .drill-card strong,.club-branded dialog p,.club-branded .movement-detail p,.club-branded .nmc-mobile-game .small-link{color:var(--club-ink)}
.club-branded .drill-card.selected,.club-branded .save-result,.club-branded .empty,.club-branded .movement-detail>span{background:var(--club-soft);border-color:var(--club-accent);color:var(--club-ink)}
.club-branded .xp-wallet.total{box-shadow:inset 4px 0 var(--club-primary)}
.club-branded button:focus-visible,.club-branded a:focus-visible,.club-branded select:focus-visible,.club-branded input:focus-visible,.club-branded summary:focus-visible{outline-color:var(--club-accent)}
/* Stop and moderation actions retain a distinct red target. */
.club-branded .running #timer-button{background:#d50c1b;color:#fff;border-color:#d50c1b}
#clubs-dialog{width:min(1160px,calc(100% - 24px));max-height:92dvh;overflow:auto;padding:24px;overscroll-behavior:contain}#clubs-dialog p,#clubs-dialog label{font-size:16px;line-height:1.5}#clubs-dialog button,#clubs-dialog input,#clubs-dialog select{font-size:17px;min-height:44px}#clubs-dialog input:not([type=color]),#clubs-dialog select{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px}#clubs-dialog h3{font-size:23px;margin:14px 0}.clubs-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:24px}.clubs-list{display:grid;align-content:start;gap:8px}.club-choice{display:grid;text-align:left;gap:5px;border:1px solid var(--line);padding:12px;border-radius:9px;background:#f3f3f6;color:#19191c}.club-choice strong{font-size:18px}.club-choice span{font-size:14px}.club-choice.selected{border:2px solid #d50c1b}.club-colors{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.club-colors label{flex:1;min-width:120px}.club-colors input[type=color]{width:100%;height:48px;padding:3px;cursor:pointer;border:1px solid var(--line);border-radius:8px}.club-colors output{font-size:14px;font-family:monospace}.club-logo-tools,.club-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.club-logo-tools input{max-width:100%}#club-logo-status,#clubs-message{font-size:17px;line-height:1.5}#clubs-message{font-weight:700}.club-preview{padding:20px;border:1px solid var(--club-line);border-radius:12px;background:var(--club-bg);color:var(--club-ink);margin:18px 0}.club-preview header{height:auto;min-height:0;margin:0;padding:12px;display:flex;gap:15px;background:var(--club-secondary);color:var(--club-on-secondary);border-radius:8px}.club-preview img{width:120px;height:60px;object-fit:contain}.club-preview strong{font-size:22px}.club-preview #club-preview-initials{font-size:32px}.club-preview nav{display:flex;justify-content:space-between;gap:8px;margin:16px 0;height:auto;width:auto;font-size:15px;color:var(--club-muted)}.club-preview h4{color:var(--club-accent);font-size:24px;margin:12px 0}.club-preview .club-preview-timer{font-family:var(--display);font-size:48px;line-height:1.3;color:var(--club-ink)}.club-preview button{background:var(--club-primary);color:var(--club-on-primary);margin-top:12px}.club-assignments{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}#club-assignment-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}#club-assignment-form label{min-width:180px;flex:1}.clubs-management-button{margin-bottom:12px}
@media(max-width:1023px){#clubs-dialog{background:#17171c;color:#f6f6f8}#clubs-dialog select,#clubs-dialog input:not([type=color]){background:#25252c;color:#fff}.club-choice{background:#25252c;color:#fff}#clubs-dialog .club-preview p{color:var(--club-ink)}}
@media(max-width:760px){.clubs-layout{grid-template-columns:1fr}.clubs-list{grid-template-columns:repeat(2,minmax(0,1fr))}.club-preview header{grid-template-columns:none}.club-preview strong{font-size:19px}}
.nmc-mobile-game #clubs-dialog{max-height:calc(100dvh - 12px);padding:16px}
.club-preview p{color:var(--club-muted)}
.club-branded header .header-xp,.club-branded .nmc-mobile-game header .header-xp{background:var(--club-primary);border-color:var(--club-primary);color:var(--club-on-primary)}
.club-branded header .header-xp>span,.club-branded .nmc-mobile-game header .header-xp>span{color:inherit}
.club-branded .gesture-picker-summary strong,.club-branded .nmc-mobile-game .gesture-picker-summary strong{color:var(--club-ink)}
.club-branded .gesture-picker-summary>span:first-child,.club-branded .training-overview>summary,.club-branded .timer-sidebar-heading p,.club-branded .contact-eyebrow,.club-branded .contact-intro,.club-branded .contact-action,.club-branded .contact-index,.club-branded .contact-player label,.club-branded .contact-note{color:var(--club-muted)}
.club-branded .gesture-picker-action,.club-branded .timer-sidebar-heading .eyebrow{color:var(--club-accent)}
.club-branded .contact-player,.club-branded .contact-badge,.club-branded .xp-preview,.club-branded .xp-result,.club-branded .contact-player select{background:var(--club-surface);color:var(--club-ink);border-color:var(--club-line)}
.club-branded .xp-preview div>span,.club-branded .xp-result div>span{color:var(--club-muted)}
.club-branded .member-card.pending-member{background:var(--club-soft)}.club-branded .member-card.pending-member p{color:var(--club-ink)}
.club-branded .account-gate{background:var(--club-bg)}.club-branded .gate-card{background:var(--club-surface);color:var(--club-ink);border-color:var(--club-line)}
.club-branded .gate-card h1,.club-branded .gate-card p,.club-branded .gate-card .check,.club-branded .gate-card form>label:not(.check){color:var(--club-ink)}
.club-branded .gate-heading>.eyebrow,.club-branded .gate-card .small-link{color:var(--club-accent)}
.club-branded .gate-card input:not([type]),.club-branded .gate-card input[type=email],.club-branded .gate-card input[type=password],.club-branded .gate-card input[type=text]{background:var(--club-bg);color:var(--club-ink);border-color:var(--club-line)}
.club-branded .gate-card input::placeholder{color:var(--club-muted)}
.club-branded .gate-card .primary{background:var(--club-primary);color:var(--club-on-primary)}.club-branded .gate-card .secondary{background:var(--club-bg);color:var(--club-ink);border-color:var(--club-line)}