/* Emergency Backup — THE CLUBHOUSE: the league's people and the page for one season.
   The hero, the record strip, the rating meters and the "known as" rows are Ten-Day's (full-court/web/style.css:
   .ar-hero, .fa-bar, .co-*, .ex-*), copied so a coach's page here looks like a coach's page there. What is hockey's
   own is at the bottom. */
.ar-hero { position: relative; margin: 0 0 14px; padding: 18px 22px 16px; border-radius: 8px; overflow: hidden; background: linear-gradient(100deg, color-mix(in srgb, var(--team) 82%, #000), color-mix(in srgb, var(--team) 38%, #1B1B1F) 62%, #14181c); border: 1px solid rgba(255, 255, 255, .08); }
.ar-hero span.lbl { font-size: 12px; font-weight: 800; letter-spacing: 1.6px; color: rgba(255, 255, 255, .82); text-transform: uppercase; }
.ar-hero h2 { margin: 3px 0 5px; padding: 0; border: 0; font-size: 34px; line-height: 1.05; font-weight: 800; letter-spacing: .5px; color: #fff; text-transform: none; } .ar-hero h2 a { color: inherit; } .ar-hero h2 a:hover { color: var(--accent); }
.ar-hero p { margin: 0; font-size: 14.5px; color: #e4e5e8; } .ar-hero p a { color: #fff; }
.ar-note { margin: 10px 2px 0; font-size: 12.5px; line-height: 1.5; color: var(--muted); }
.co-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.co-crest .crest, .co-crest .crest.big { width: 84px; height: 84px; } .co-crest img { width: 84px; height: 84px; object-fit: contain; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .55)); }
.co-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.co-chip { font-style: normal; font-size: 10.5px; font-weight: 800; letter-spacing: .5px; padding: 3px 9px; border-radius: 3px; background: #3a3a3e; color: #e3e5e9; }
.co-chip.g { background: linear-gradient(180deg, #ffe680, #d4a514); color: #201800; box-shadow: 0 1px 4px rgba(0, 0, 0, .45); }
.co-chip.sm { font-size: 9px; padding: 1px 5px; margin-left: 4px; vertical-align: 1px; }
.fa-bar { display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 12px; background: var(--panel); border-radius: 5px; overflow: hidden; }
.fa-bar > div { flex: 1 1 auto; padding: 9px 16px 10px; box-shadow: inset -1px 0 0 rgba(255, 255, 255, .06), inset 0 -1px 0 rgba(255, 255, 255, .06); }
.fa-bar small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .6px; color: var(--muted); margin-bottom: 2px; white-space: nowrap; } .fa-bar b { font-size: 17px; font-weight: 800; white-space: nowrap; }
.co-ms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .co-ms.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.co-m { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 12px; padding: 10px 14px; border-radius: 7px; background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .07); align-content: start; }
.co-m small { grid-column: 1 / -1; font-size: 10.5px; font-weight: 800; letter-spacing: .8px; color: var(--muted); }
.co-m b { font-size: 34px; font-weight: 900; line-height: 1; } .co-m b.good { color: #5fd38a; } .co-m b.gold { color: #e8c34a; } .co-m b.bad { color: #ef6b6b; } .co-m b.muted { color: var(--muted); }
.co-m em { grid-column: 1 / -1; font-style: normal; font-size: 12px; font-weight: 700; color: #cfd2d8; }
.co-bar { height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .09); overflow: hidden; } .co-bar u { display: block; height: 100%; background: #9aa0aa; border-radius: 4px; text-decoration: none; }
.co-bar u.good { background: #3fbf74; } .co-bar u.gold { background: #d9b23a; } .co-bar u.bad { background: #d95a5a; }
.ex-rep { display: grid; grid-template-columns: 150px 1fr; gap: 10px; padding: 8px 2px; border-top: 1px solid rgba(255, 255, 255, .07); } .ex-rep:first-child { border-top: 0; } .ex-rep b { font-size: 13.5px; } .ex-rep span { font-size: 12.5px; color: var(--muted); }
.ex-bio { margin: 8px 2px; font-size: 13.5px; line-height: 1.5; }

/* hockey's own */
.co-m p { grid-column: 1 / -1; margin: 3px 0 0; font-size: 12px; line-height: 1.45; color: var(--muted); }
.co tr.cuprow td { background: rgba(255, 215, 0, .09); } .co b.gold { color: #ffd700; }
.co .panel, .co .card { margin-bottom: 12px; }
.co .mark { font-size: 9.5px; font-weight: 800; letter-spacing: .4px; padding: 1px 5px; border-radius: 3px; margin-left: 5px; background: #3a3a3e; color: #e3e5e9; white-space: nowrap; } .co .mark.g { background: #d4a514; color: #201800; }
.co-who { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 6px 0 0; font-size: 13.5px; } .co-who small { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .7px; color: var(--muted); }
a.sea { color: inherit; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .28); text-underline-offset: 3px; } a.sea:hover { color: var(--accent); text-decoration-color: currentColor; }
.seabar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 12px; } .seabar a.step { padding: 5px 10px; border-radius: 4px; background: rgba(255, 255, 255, .06); font-weight: 700; font-size: 13px; } .seabar a.step:hover { background: rgba(255, 255, 255, .12); } .seabar label { font-size: 11px; font-weight: 800; letter-spacing: .7px; color: var(--muted); }
.clubyear { margin: 0 0 12px; padding: 14px 16px; border-radius: 8px; background: linear-gradient(100deg, color-mix(in srgb, var(--team) 34%, #16181c), #16181c 70%); border: 1px solid rgba(255, 255, 255, .1); }
.clubyear h3 { margin: 0 0 2px; font-size: 20px; color: #fff; } .clubyear h3 small { font-size: 12px; font-weight: 700; letter-spacing: .6px; color: var(--muted); margin-left: 8px; }
.clubyear .cy-top { display: flex; align-items: center; gap: 14px; } .clubyear .cy-top .crest { flex: none; }
@media (max-width: 1100px) { .co-ms, .co-ms.three { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ar-hero h2 { font-size: 26px; } .co-crest { display: none; } }
a.co-chip { cursor: pointer; text-decoration: none; } a.co-chip:hover { background: #4a4a50; color: #fff; } a.co-chip.g:hover { background: linear-gradient(180deg, #ffe680, #d4a514); color: #201800; }