/* Customer-supplied presentation and local Inter / Bebas Neue fonts. */
@font-face{font-family:Inter;src:url('assets/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Bebas;src:url('assets/bebas-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f3f4f6;--ink:#091d44;--muted:#626978;--line:#dce0e6;--blue:#d50101;--blue-light:#fff0f0;--red:#d50101;--radius:0px}
body{font-family:Inter,Arial,sans-serif;color:var(--ink)}
h1,h2,.panel-heading h2,.team-roster h3{font-family:Bebas,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.35px;line-height:1.05}
h1{font-size:52px}.panel-heading h2,h2{font-size:30px}.team-roster h3{font-size:32px}
.masthead{height:92px;background:#d50101;border:0;color:#fff}
.brand{letter-spacing:0}.brand img{display:block;width:202px;height:56px;object-fit:contain}
.masthead .text-button,.masthead .muted{color:#fff}.masthead .avatar{background:#fff;color:#091d44;border-radius:0}
.masthead .button.secondary{color:#fff;border-color:#ffffff70}
.button,.panel,.match-card,.match-workflow,.workflow-steps>a,.workflow-steps>button,.found-player,.number-review-card,.demo-shot-bar,.cue-panel,.roster-strip button,.video-wrap,.video-panel video,.map-mode,.map-mode button,dialog{border-radius:0}
.button{font-weight:600}.button.blue,.button.green{background:#d50101}.button:hover{filter:brightness(.88)}
.button.secondary{background:#fff;border-color:#cbd1da}.text-button:hover,.video-switch,.time-button{color:#d50101}
.panel{border-color:var(--line);box-shadow:none}.match-card{box-shadow:none}.match-card:hover{transform:none;border-color:#091d44}
.match-cover{background:#091d44}.match-cover .rink-lines,.match-cover .rink-lines:before,.match-cover .rink-lines:after{border-color:#ffffff60}
.navigation{border-bottom:1px solid #cbd1da}.nav-tab{font-weight:600}.nav-tab.active{color:#d50101;border-color:#d50101}
.match-header h1{max-width:1100px}.match-meta{margin-top:12px}.match-tools-menu{border-radius:0;box-shadow:0 8px 20px #091d4414}
.match-workflow{background:#fff;border:1px solid var(--line);border-top:3px solid #091d44}
.workflow-steps>a,.workflow-steps>button{background:#f3f4f6}.workflow-steps>a:hover,.workflow-steps>button:hover{border-color:#091d44}
.demo-shot-bar{background:#091d44;border:0;color:#fff}.demo-shot-bar p{color:#dce0e6}.demo-shot-bar strong{font-family:Bebas,sans-serif;font-size:28px;font-weight:700;letter-spacing:.4px}
.metric-value,.shot-counter{font-family:Bebas,Inter,sans-serif}.shot-counter small{font-family:Inter,Arial,sans-serif}
.cue-panel{background:#e9ecf1}.roster-strip button:hover{background:#fff0f0;border-color:#d50101}
.secondary-details,.match-tools summary,.workflow-lead p,.workflow-steps span,.found-player-main span,.found-player-main small,.roster-coverage,.number-review-card p{color:var(--muted)}
.found-player-main:hover{background:#f3f4f6}.found-player-main img,.player-no-photo{border-radius:0;background:#f3f4f6}
.sequence-frames button[aria-pressed=true]{border-color:#d50101}.sequence-frames button:focus-visible{outline-color:#091d44}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #032be1;outline-offset:3px}
.footer{border-top:2px solid #091d44;color:#626978}.legend i.away,.team-line.away .bar i{background:#315af4}
@media(max-width:650px){.masthead{height:76px;padding:0 20px;gap:16px}.brand img{width:156px;height:44px}.account{gap:10px}h1{font-size:36px}.panel-heading h2,h2{font-size:26px}.demo-shot-bar strong{font-size:25px}}

.unmapped-shots{border-left:3px solid #d50101;background:#fff4f3;padding:12px 16px;margin:0 0 18px;font-size:12px}.unmapped-shot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px}.unmapped-shot .text-button{color:#d50101}

/* Solid club colours organise the workspace; data keeps its own colours. */
.navigation{background:#091d44;border:0;gap:0}
.nav-tab{color:#dbe3f4;padding:17px 24px}
.nav-tab:hover{color:#fff;background:#172e59}
.nav-tab.active{color:#fff;background:#d50101}
.nav-tab.active:after{background:#fff;height:3px;left:24px;right:24px}
.navigation .queue-count{background:#ffffff20;color:#fff}
.metrics{background:#091d44;color:#fff;gap:1px}
.metrics .metric,.metrics .metric:first-child,.player-detail .metric:nth-child(3){padding:18px 20px;border:0;min-width:0}
.metrics .metric:first-child{background:#d50101}
.metrics .metric-label,.metrics .metric small{color:#e3e9f4}
.metrics .metric-value{color:#fff;font-weight:700}
#shot-map-panel{border-top:4px solid #d50101}
.shot-counter{color:#d50101}.shot-counter small{color:var(--muted)}
.map-mode{background:#edf0f8}.map-mode button[aria-pressed=true]{background:#091d44;color:#fff;box-shadow:none}
.lower-grid>.panel{border-top:4px solid #091d44}
.lower-grid>.panel:last-child{border-top-color:#032be1}
.workflow-steps>a,.workflow-steps>button{background:#edf1fb;border:0;border-left:3px solid #032be1}
.workflow-steps>a:first-child,.workflow-steps>button:first-child{background:#fff0f0;border-left-color:#d50101}
.roster-strip strong{display:block;color:#091d44;border-left:3px solid #d50101;padding-left:9px}
.found-player{border-top:3px solid #091d44}.found-player-actions{background:#edf1fb}
.match-card-body{border-top:4px solid #d50101}.match-cover{background:#091d44}
.timeline{background:#edf1fb}.timeline-shift{background:#032be1}
.cue-panel{background:#edf1fb;border-left:3px solid #032be1}
.footer{background:#091d44;color:#dbe3f4;border:0}
@media(max-width:650px){.nav-tab{padding:15px 13px}.nav-tab.active:after{left:13px;right:13px}.metrics .metric,.metrics .metric:first-child,.player-detail .metric:nth-child(3){padding:13px 10px}}

.location-choice{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}.location-choice img{width:100%;align-self:center}.location-choice p{font-size:12px;color:var(--muted)}.location-choice svg{cursor:crosshair;touch-action:manipulation}@media(max-width:650px){.location-choice{grid-template-columns:1fr}}