/* A-MATCH legacy dark/gold look on top of the converted portal styles, plus the parent notice board and community ranking. */
body{background:var(--bg);color:var(--text)}
h1,h2,h3{color:var(--ink)}
.brand-art img{filter:brightness(0) saturate(100%) invert(79%) sepia(62%) saturate(1093%) hue-rotate(347deg) brightness(103%) contrast(101%)}
.login-story .brand-art img{filter:brightness(0) invert(1)}
.panel{background:var(--paper);border-color:#303030}
input,select,textarea{background:#1b1b1b;color:var(--text);border-color:#3a3a3a}
input::placeholder,textarea::placeholder{color:#777}
.eyebrow{color:var(--green)}
.btn{background:#2c2c2c;border-color:#3a3a3a;color:var(--text)}
.btn.primary,.btn.mint{background:var(--green);border-color:var(--green);color:#141414}
.btn.primary:hover{background:#ffd75e}
.btn.soft{background:#3a3220;border-color:transparent;color:var(--green)}

/* Parent notice board: tournaments and notices directly below the hero */
.parent-board{margin:22px 0 26px;border:1px solid #5a4a1a;border-radius:18px;background:linear-gradient(135deg,#262014 0%,#1d1d1d 55%);padding:24px;box-shadow:0 0 0 1px #ffc72d14 inset}
.parent-board-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}
.parent-board-head h2{font-size:21px;display:flex;align-items:center;gap:8px;margin-top:6px}
.parent-board-head h2 svg{color:var(--green);width:22px;height:22px}
.parent-board-head p{color:var(--muted);margin-top:6px;font-size:13px}
.parent-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.parent-board-col{display:grid;gap:9px;align-content:start}
.parent-board-col h3{font-size:13px;color:var(--green);letter-spacing:-.2px;margin-bottom:2px}
.parent-board .portal-notice{background:#1a1a1a;border-color:#333;padding:14px 15px}
.parent-board .portal-notice:hover,.board-row:hover{border-color:var(--green)}
.board-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid #333;border-radius:12px;background:#1a1a1a;color:inherit;font:inherit;padding:12px 14px;min-height:60px;cursor:pointer}
.board-date{display:grid;place-items:center;min-width:52px;padding:6px 4px;border-radius:9px;background:#ffc72d1f;color:var(--green);line-height:1.2}
.board-date strong{font-size:14px}.board-date small{font-size:10px;color:#cfae4a}
.board-copy{display:grid;gap:3px;min-width:0;flex:1}
.board-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.board-copy small{color:var(--muted);font-size:11px}
.board-empty{color:var(--muted);font-size:12px;border:1px dashed #3a3a3a;border-radius:12px;padding:16px;margin:0}

/* Community: sort chips, view counts, popular ranking */
.feed-sort{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.feed-sort .chip{color:var(--text)}
.feed-sort .chip.active{color:#141414}
.reaction-views{cursor:default}
.portal-home-community{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.popular-posts h2{display:flex;align-items:center;gap:7px;font-size:16px;margin-bottom:10px}
.popular-posts h2 svg{color:var(--green)}
.popular-posts ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.popular-posts button{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;border:0;background:transparent;color:inherit;font:inherit;padding:9px 4px;border-radius:9px;cursor:pointer;min-height:44px}
.popular-posts button:hover{background:#2a2a2a}
.popular-rank{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:#333;color:var(--text);font-size:11px;font-weight:700}
.popular-posts li:nth-child(-n+3) .popular-rank{background:var(--green);color:#141414}
.popular-copy{display:grid;gap:3px;min-width:0}
.popular-copy strong{font-size:12px;font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.popular-copy small{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.popular-copy small svg{width:11px;height:11px;margin-left:4px}

@media (max-width:900px){
  .parent-board{padding:18px 15px;border-radius:16px}
  .parent-board-head{flex-direction:column;align-items:stretch}
  .parent-board-head h2{font-size:18px}
  .parent-board-grid,.portal-home-community{grid-template-columns:1fr}
}

/* Logged-in classroom screens */
.skip-link{color:#141414}
.club-badge{color:#141414}
.toolbar .field select{flex:none}

/* Formation editor (shared /real/assets/formation-editor.css), dark only inside the academy app; pitch stays green */
#app .sk-formation{--sf-ink:#f0f0f0;--sf-accent:#ffc72d;--sf-muted:#a0a0a0;color:var(--sf-ink)}
#app .sk-formation input,#app .sk-formation select,#app .sk-formation input:disabled,#app .sk-formation select:disabled{border-color:#3a3a3a;background:#1b1b1b;color:var(--sf-ink)}
#app .sk-formation .sf-roster{background:#1f1f1f;border-color:#333}
#app .sk-formation .sf-roster h3{color:var(--ink)}
#app .sk-formation .sf-player{background:#2a2a2a;border-color:#3a3a3a;color:var(--sf-ink)}
#app .sk-formation .sf-player .sf-number{background:#3a3220;color:var(--green)}
#app .sk-formation .sf-player-meta{color:#9c9c9c}
#app .sk-formation .sf-assigned .sf-player-meta{color:var(--green)}
#app .sk-formation .sf-player[aria-pressed=true]{background:#3a3220;box-shadow:0 0 0 2px #ffc72d40}
#app .sk-formation .sf-primary,#app .sk-formation .sf-secondary{border-color:#3a3a3a;background:#2c2c2c;color:var(--sf-ink)}
#app .sk-formation .sf-primary{background:var(--sf-accent);border-color:var(--sf-accent);color:#141414}
#app .sk-formation .sf-system,#app .sk-formation h2,#app .sk-formation h3{color:var(--ink)}

/* Team divisions: youth open, other divisions marked as coming soon */
.division-tabs{overflow-x:auto;scrollbar-width:none}
.division-tabs .tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.division-tabs .tab small{font-size:9px;font-weight:600;color:#8a8a8a;border:1px solid #3a3a3a;border-radius:6px;padding:1px 5px}
.division-count{font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-grid;place-items:center;background:#2c2c2c;color:var(--text);padding:0 5px}
.division-tabs .tab.active .division-count{background:var(--green);color:#141414}
.division-notice{margin:0 0 16px;border-color:#5a4a1a}
.division-notice svg,.team-parent-guide svg{color:var(--green)}
.team-parent-guide,.team-about .division-notice{margin:18px 0 0}