/* Presentation only. The tournament, archive and waiting hero keep their styles. */
.club-masthead {
 padding:calc(24px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) 20px max(24px,env(safe-area-inset-left,0px));
 background:radial-gradient(ellipse at 25% 0%,#6eacc811,transparent 62%),radial-gradient(ellipse at 80% 0%,#e9b76009,transparent 55%);
}
.club-masthead .brand {font-size:clamp(24px,3.5vw,38px);line-height:1.12;letter-spacing:-.025em;min-width:0}
.club-title {display:block;text-wrap:balance}
.club-masthead .brand small {font-size:12px;line-height:1.4;margin-top:7px;color:#a9adb4}
.club-mark {display:inline-block;color:var(--gold);font-size:8px;vertical-align:2px;margin-right:8px;opacity:.8}
#nav {grid-template-columns:repeat(5,minmax(max-content,1fr));overflow-x:auto;overscroll-behavior-x:contain;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));gap:4px}
#nav button {min-height:48px;white-space:nowrap;padding:12px 4px}
.more-section {max-width:640px}
.more-section .account-actions button {min-height:52px;align-items:center}
.more-section .menu-logout {min-height:52px}

/* AWAY stays first in the DOM; HOME is second. Only its venue badge is gold. */
.venue-player {display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.venue-badge {display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;padding:5px 8px;border:1px solid #63707d70;border-radius:7px;background:#1b2228a6;color:#d9e1e7;font-size:11px;font-weight:650;line-height:1.2;letter-spacing:.035em;white-space:nowrap}
.venue-badge>span {font-size:13px;line-height:1}
.venue-badge-home {border-color:#b48b4670;background:#4d3b2180;color:#efc986}
.nhl-match {margin:22px 0 24px;align-items:start}
.nhl-match .vs {align-self:center;font-size:16px;letter-spacing:.04em;color:#c5b99f}
.nhl-match .tournament-player {width:100%}
.nhl-match .venue-player {gap:14px}
.match .venue-player {gap:8px}
.match .venue-badge {font-size:10px;letter-spacing:.015em;padding:4px 6px}
.match .venue-badge>span {font-size:12px}
.match .match-players {min-width:0}
.match .match-players>b {padding:0 2px;font-variant-numeric:tabular-nums}
.nhl-score {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px}
.nhl-score label {min-width:0;text-align:center}
.nhl-score .score-player {display:block;margin-top:10px;color:#f4f1e8;font-size:18px;font-weight:650;overflow-wrap:anywhere}
.nhl-score input {min-width:0;padding:12px 6px;font-variant-numeric:tabular-nums}
.nhl-score .score-divider {align-self:end;margin-bottom:33px;font-size:24px;color:var(--muted)}

/* The supplied poster includes its title. Keep its entire composition visible. */
.launch-screen {position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);overflow:hidden;pointer-events:auto;touch-action:none;background:#080d13;opacity:1;transition:opacity 300ms ease}
.launch-content {width:100%;height:100%;min-width:0;min-height:0}
.launch-art {display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.launch-screen.launch-leaving {opacity:0;pointer-events:none}
@media(max-width:760px) {
 .club-masthead {padding:calc(18px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 15px max(18px,env(safe-area-inset-left,0px))}
 .club-masthead .brand {font-size:clamp(23px,5.8vw,30px)}
 .club-masthead .brand small {font-size:11px;margin-top:6px}
 #nav {gap:2px;padding:8px max(8px,env(safe-area-inset-right,0px)) 8px max(8px,env(safe-area-inset-left,0px))}
 #nav button {font-size:13px;min-height:44px;padding:10px 2px}
 main {padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
 .site-footer {padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
 dialog {max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px) {
 .nhl-match {gap:8px}
 .nhl-match .venue-player {align-items:center}
 .nhl-match .venue-badge,.nhl-score .venue-badge {font-size:10px;padding:5px 6px;letter-spacing:.01em}
 .nhl-match .vs {font-size:14px}
 .match .venue-player .tournament-player {align-items:center;text-align:center;width:100%}
 .match .venue-player {align-items:center}
 .match .venue-player .picked-club {flex-direction:column;justify-content:center}
 .match .venue-player .player-label>strong {font-size:16px}
}
@media(max-width:350px) {
 .nhl-match .avatar {width:68px;height:68px}
 .nhl-match .player-label>strong {font-size:22px}
 .nhl-score {gap:8px}
 .nhl-score .score-player {font-size:17px}
}
/* Extremely narrow viewports and enlarged text can scroll just the nav. */
@media(max-width:319px) {
 #nav {display:flex;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain}
 #nav button {flex:0 0 auto;width:auto;min-width:66px;padding-inline:8px}
}
@media(prefers-reduced-motion:reduce) {.launch-screen{transition:none}}