/* Copyright 2026 Knubian Inc. */
.hockey-page{background:#eef2f5;color:#162332}.hk-app{max-width:1460px;margin:auto;padding:30px 24px 60px;font-family:Inter,Arial,sans-serif}.hk-app *{box-sizing:border-box}.hk-app button,.hk-app input,.hk-app select{font:inherit}.hk-app button{cursor:pointer;border:1px solid #ccd6df;border-radius:9px;background:#fff;color:#1b3041;font-weight:700;font-size:13px;padding:10px 14px;min-height:40px;transition:background .15s,transform .15s}.hk-app button:hover{background:#e3eaf0}.hk-app button:active{transform:translateY(1px)}.hk-app button:disabled{cursor:default;opacity:.45}.hk-app button:focus-visible,.hk-app input:focus-visible,.hk-app select:focus-visible{outline:3px solid #16a1c5;outline-offset:3px}.hk-app [hidden]{display:none!important}.hk-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px}.hk-eyebrow{font-size:10px!important;letter-spacing:2px;font-weight:800;color:#6b7f8f;margin:0 0 8px!important}.hk-heading h1{font-size:clamp(26px,3vw,40px);line-height:1.1;margin:0 0 10px;letter-spacing:-1.5px}.hk-heading p{font-size:14px;color:#607080;margin:0}.hk-free{background:#e3eadc;color:#3d5932;border:1px solid #c9d8bd;padding:10px 14px;border-radius:24px;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:1px}.hk-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.hk-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.hk-connection{font-size:11px;color:#4c626c;font-weight:700}.hk-connection::before{content:'●';color:#277c63;margin-right:7px}.hk-arena{background:radial-gradient(ellipse at 50% 20%,#173044 0,#0c1a29 50%,#081320 100%);color:#f1f7ff;border-radius:20px;border:1px solid #263b4d;box-shadow:0 16px 45px #0b203026;overflow:hidden;position:relative}.hk-board-top{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:15px 24px;border-bottom:1px solid #ffffff12;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#97afc4}.hk-board-top button{min-height:24px;padding:6px 9px;font-size:10px}.hk-arena button{background:#ffffff08;color:#e7f2ff;border-color:#ffffff22}.hk-arena button:hover{background:#ffffff18}.hk-live{color:#9aaabd;margin-left:auto}.hk-live.is-running{color:#8ee0b1}.hk-board{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:30px;padding:30px 38px 24px}.hk-team{text-align:center;min-width:0}.hk-team-label{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.hk-team-label h2{font-size:17px;letter-spacing:4px;margin:0;color:#f5cb78}.hk-visitor .hk-team-label h2{color:#85d1f2}.hk-team-label span{font-size:8px;letter-spacing:1px;color:#9eb1c2;padding:4px 6px;border:1px solid #ffffff18;border-radius:4px}.hk-team-label span.has-advantage{color:#85dfac;border-color:#418d63}.hk-score{font-family:ui-monospace,'Courier New',monospace;font-size:clamp(70px,8.5vw,134px);font-weight:700;line-height:1.2;letter-spacing:-7px;display:block;color:#f5cb78;font-variant-numeric:tabular-nums;text-shadow:0 0 40px #f5cb7815}.hk-visitor .hk-score{color:#85d1f2}.hk-team-actions{display:flex;justify-content:center;gap:7px}.hk-team-actions .hk-goal{background:#f5cb78;color:#17232b;border-color:#f5cb78;flex:1;max-width:150px}.hk-visitor .hk-team-actions .hk-goal{background:#85d1f2;border-color:#85d1f2}.hk-team-actions button{padding:8px 10px}.hk-shots{margin:16px 0 22px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:9px;letter-spacing:1.4px;color:#94aabd}.hk-shots output{font-size:15px;color:#fff;font-weight:800}.hk-shots button{padding:0 8px;min-height:22px}.hk-penalty-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.hk-penalty-title h3{font-size:9px;letter-spacing:2px;color:#95acc0;margin:0}.hk-penalty-title button{font-size:10px;padding:3px 8px;min-height:26px}.hk-penalty-slots{display:grid;gap:7px}.hk-penalty-slot{display:flex;align-items:center;justify-content:space-between;background:#040c17aa;border:1px solid #30404f;border-radius:8px;padding:10px 14px;min-height:60px}.hk-penalty-slot .hk-player{text-align:left;font-size:13px;font-weight:800;color:#e7eef5}.hk-penalty-slot small{font-size:8px;font-weight:400;color:#8096a9;display:block;margin-top:4px;letter-spacing:1px}.hk-penalty-time{font-family:ui-monospace,'Courier New',monospace;font-size:29px;font-weight:700;letter-spacing:1px;color:#f3a584}.hk-penalty-empty{border-style:dashed;background:transparent;color:#617487}.hk-penalty-empty .hk-penalty-time{color:#405466}.hk-extra{font-size:10px;min-height:13px;color:#8fa7ba;margin:9px 0 0}.hk-centre{text-align:center;padding:4px 4px 0}.hk-period{font-size:11px;letter-spacing:4px;color:#9bb1c4;font-weight:700}.hk-clock{display:block;white-space:nowrap;font-family:ui-monospace,'Courier New',monospace;font-size:clamp(48px,6vw,92px);line-height:1.5;letter-spacing:-5px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 36px #98c7e729}.hk-strength{display:inline-flex;gap:16px;align-items:center;justify-content:center;border:1px solid #4a6a7d;border-radius:6px;background:#26475855;padding:7px 25px;font-size:24px;font-weight:700}.hk-strength span{font-size:8px;color:#a6c0d4;letter-spacing:2px}.hk-centre>p{font-size:11px;color:#8da5ba;min-height:15px;margin:12px 0 20px}.hk-clock-actions .hk-start{display:block;background:#bde6cf;color:#102e22;border:0;width:100%;font-size:16px;min-height:49px}.hk-clock-actions>div{display:flex;gap:8px;margin-top:8px}.hk-clock-actions>div button{flex:1}.hk-goalie-controls{display:flex;justify-content:center;gap:5px;margin-top:16px}.hk-goalie-controls button{font-size:9px;padding:5px 7px;min-height:28px}.hk-goalie-status{font-size:9px;color:#f3a584;min-height:12px;margin:8px 0}.hk-live-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ffffff12;padding:9px 25px;color:#839caf;font-size:9px;letter-spacing:2px;background:#040c1566}.hk-wordmark{display:flex;align-items:center;gap:3px}.hk-wordmark img{object-fit:contain;width:100px;height:33px}.hk-wordmark b{color:#f1ca7b;letter-spacing:1px;font-size:10px}.hk-live-footer small{font-size:9px;letter-spacing:0}.hk-notice{padding:13px 0;color:#486271;font-size:12px;min-height:42px}.hk-workspace{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hk-panel{padding:22px;background:#fff;border:1px solid #dce3e9;border-radius:13px;min-width:0}.hk-panel:last-child{grid-column:1/-1}.hk-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.hk-panel-heading h2{font-size:18px;letter-spacing:-.5px;margin:0}.hk-panel-heading>div:last-child{display:flex;gap:6px}.hk-panel-heading>div:first-child{display:block}.hk-tools{display:flex;gap:7px;flex-wrap:wrap}.hk-help{font-size:11px;color:#6b7e89;line-height:1.7}.hk-penalty-list{max-height:290px;overflow:auto}.hk-penalty-row{padding:11px 0;border-top:1px solid #e8edf1;display:flex;gap:12px;align-items:center;justify-content:space-between}.hk-penalty-row strong{font-size:12px}.hk-penalty-row small{display:block;color:#667e8c;font-size:10px;margin-top:5px}.hk-penalty-row .hk-row-time{font-family:monospace;font-weight:bold;color:#aa512d}.hk-penalty-row button{min-height:30px;padding:6px 9px;font-size:10px}.hk-penalty-row>div:last-child{display:flex;gap:5px;align-items:center}.hk-empty-text{color:#758692;font-size:12px;padding:16px 0}.hk-log{list-style:none;padding:0;margin:0;max-height:230px;overflow:auto}.hk-log li{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-top:1px solid #ecf0f3;font-size:12px}.hk-log time{color:#8395a2;font-size:10px}.hk-bottom{display:flex;gap:9px;align-items:center;border-top:1px solid #e9edf1;padding-top:15px;margin-top:15px}.hk-bottom span{margin-left:auto;font-size:10px;color:#82919a}.hk-guide{max-width:900px;margin:30px auto 0;text-align:center}.hk-guide h2{font-size:21px;letter-spacing:-.5px}.hk-guide p{font-size:12px;color:#687e8c;line-height:1.8}.hk-dialog{padding:0;border:1px solid #d7e1e8;border-radius:18px;background:#f7fafc;color:#172d3e;width:min(660px,calc(100% - 24px));max-height:90dvh;box-shadow:0 25px 100px #0005}.hk-dialog::backdrop{background:#04101ccc;backdrop-filter:blur(5px)}.hk-dialog form{padding:25px}.hk-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.hk-dialog-head h2{font-size:23px;letter-spacing:-.7px;margin:0}.hk-dialog-head button{border:0;background:transparent;font-size:20px}.hk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hk-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#526b7c}.hk-field input,.hk-field select{width:100%;padding:11px;border:1px solid #c9d6df;border-radius:8px;background:white;color:#142e42;font-size:14px;min-height:43px}.hk-field.wide{grid-column:1/-1}.hk-check{display:flex;align-items:center;gap:9px;font-size:12px;color:#455d6c;margin:16px 0}.hk-check input{width:18px;height:18px}.hk-dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #dce5ec;padding-top:18px;margin-top:20px}.hk-dialog .hk-confirm{background:#173d53;color:white;border-color:#173d53}.hk-error{font-size:12px;color:#b23529}.hk-dialog-note{border-left:3px solid #cfac65;padding-left:12px;font-size:12px;line-height:1.7;color:#617381}.hk-intro{position:fixed;inset:0;z-index:9999;background:#091624;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:15px;text-align:center;padding:25px}.hk-intro img{object-fit:contain}.hk-intro p{font-size:10px;letter-spacing:3px;color:#d7b674}.hk-intro strong{font-size:clamp(26px,5vw,48px);letter-spacing:-1.5px}.hk-intro span{font-size:13px;color:#8fa8be}.hk-intro i{height:3px;background:#e1bb75;width:0;animation:hk-intro 5s linear forwards;margin-top:20px}@keyframes hk-intro{to{width:240px}}.hk-report{display:none}.hk-display-fullscreen{display:none}.hk-app:fullscreen{background:#06101c;overflow:auto;max-width:none;width:100%;padding:15px;display:flex;flex-direction:column;justify-content:center}.hk-app:fullscreen>.hk-heading,.hk-app:fullscreen>.hk-workspace,.hk-app:fullscreen>.hk-guide,.hk-app:fullscreen>.hk-toolbar{display:none}.hk-app:fullscreen .hk-arena{width:100%;max-width:1500px;align-self:center}.hk-app:fullscreen .hk-notice{color:#91acbf}.hk-page-display .site-header,.hk-page-display .site-footer,.hk-page-display .hk-heading,.hk-page-display .hk-toolbar,.hk-page-display .hk-operator,.hk-page-display .hk-notice{display:none!important}.hk-page-display{background:#06101c}.hk-page-display .hk-app{max-width:none;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.hk-page-display .hk-arena{width:100%;max-width:1800px;align-self:center}.hk-page-display .hk-score{font-size:clamp(80px,11vw,180px)}.hk-page-display .hk-clock{font-size:clamp(55px,8vw,125px)}.hk-page-display .hk-display-fullscreen{display:block}.hk-page-display .hk-team-actions{display:none}.hk-page-display .hk-board-top>button[data-action=view]{display:none}.hk-readonly .hk-operator button:not([data-action=takeover]):not([data-action=report]):not([data-action=export]){opacity:.5}@media(prefers-reduced-motion:reduce){.hk-app *{animation:none!important;transition:none!important}}
@media(max-width:1000px){.hk-board{gap:20px;padding:25px 20px}.hk-clock{font-size:60px}.hk-team-actions button{font-size:11px;padding:8px}.hk-clock-actions>div button{padding:8px;font-size:11px}.hk-goalie-controls{flex-direction:column}.hk-workspace{grid-template-columns:1fr}.hk-panel:last-child{grid-column:auto}.hk-free{display:none}.hk-board-top{padding:12px 18px;letter-spacing:.5px}.hk-score{font-size:100px}.hk-live-footer{padding:9px 16px}.hk-live-footer>span:nth-child(2){display:none}}
@media(max-width:650px){.hk-app{padding:22px 12px 40px}.hk-heading{margin-bottom:18px}.hk-heading p:last-child{font-size:12px}.hk-toolbar{align-items:flex-start;flex-direction:column}.hk-toolbar>div{width:100%}.hk-toolbar button{flex:1;font-size:11px;padding:8px 10px}.hk-board{grid-template-columns:1fr 1fr;gap:20px 15px;padding:22px 15px 16px}.hk-centre{grid-column:1/-1;grid-row:1;padding:0 20px 16px;border-bottom:1px solid #ffffff12}.hk-centre .hk-clock{font-size:73px;line-height:1.2}.hk-period{font-size:9px}.hk-strength{font-size:17px;padding:4px 20px;gap:13px}.hk-centre>p{margin:8px 0 13px}.hk-clock-actions .hk-start{min-height:45px;font-size:14px}.hk-goalie-controls{flex-direction:row;margin-top:10px}.hk-team-label{gap:6px}.hk-team-label h2{font-size:13px;letter-spacing:3px}.hk-team-label span{font-size:7px}.hk-score{font-size:86px;letter-spacing:-5px}.hk-team-actions{gap:4px;flex-wrap:wrap}.hk-team-actions button{min-height:35px;font-size:11px}.hk-team-actions .hk-goal{max-width:none}.hk-shots{margin:12px 0 18px;font-size:7px;gap:7px;letter-spacing:.5px}.hk-penalty-title h3{font-size:8px;letter-spacing:1px}.hk-penalty-slot{padding:9px;min-height:55px}.hk-penalty-slot .hk-player{font-size:11px}.hk-penalty-slot small{font-size:7px;letter-spacing:.3px}.hk-penalty-time{font-size:23px;letter-spacing:0}.hk-extra{font-size:9px}.hk-live-footer{flex-wrap:wrap;gap:1px;padding:8px 12px}.hk-live-footer small{font-size:8px}.hk-wordmark img{width:80px;height:27px}.hk-panel{padding:17px}.hk-panel-heading{align-items:flex-start;flex-wrap:wrap}.hk-panel-heading h2{font-size:17px}.hk-panel-heading button{font-size:11px}.hk-form-grid{gap:12px}.hk-dialog form{padding:20px}.hk-log li{grid-template-columns:80px 1fr;font-size:11px}.hk-penalty-row{gap:6px}.hk-penalty-row>div:last-child{flex-wrap:wrap;justify-content:flex-end}.hk-board-top{font-size:8px;gap:6px}.hk-board-top button{font-size:8px}.hk-page-display .hk-score{font-size:90px}.hk-page-display .hk-clock{font-size:75px}.hk-page-display .hk-centre{padding-bottom:12px}.hk-app:fullscreen{justify-content:flex-start;padding:8px}.hk-dialog-head h2{font-size:21px}}
@media print{body *{visibility:hidden}body{background:white!important}.hk-report,.hk-report *{visibility:visible}.hk-report{display:block;position:absolute;top:0;left:0;width:100%;padding:20px;color:black;background:white;font:12px Arial}.hk-report table{width:100%;border-collapse:collapse;margin:20px 0}.hk-report td,.hk-report th{padding:7px;text-align:left;border:1px solid #bbb}.hk-report h1{font-size:22px}.hk-report li{margin:7px 0}.hk-intro{display:none!important}@page{size:letter;margin:.4in}}
@media(max-width:650px){.hk-team-label{flex-direction:column;min-height:36px;gap:5px}.hk-team-label h2{line-height:1.2}.hk-team-label span{line-height:1.2}.hk-team-actions{flex-wrap:nowrap}.hk-team-actions button{font-size:10px;padding:8px 7px}.hk-dialog{max-height:92dvh}}
.hk-page-display #knubian-app-search{display:none}
.hk-board-top{flex-wrap:wrap}.hk-slot-end{display:flex;align-items:center;gap:7px}.hk-arena .hk-slot-edit{font-size:8px;min-height:22px;padding:3px 5px}.hk-page-display .hk-slot-end{display:block}@media(max-width:650px){.hk-board-top>span:first-child{width:100%}.hk-live{margin-left:0;margin-right:auto}.hk-slot-end{gap:3px}.hk-arena .hk-slot-edit{font-size:7px;padding:3px}.hk-penalty-slot{padding:8px 6px}.hk-penalty-time{font-size:21px}}
.hk-app .hk-exit-fullscreen{display:none}.hk-app:fullscreen .hk-exit-fullscreen{display:inline-flex}.hk-page-display .hk-exit-fullscreen{display:none!important}
@media print{.site-header,.site-footer,#knubian-app-search,.hk-app>:not(.hk-report){display:none!important}.hk-app{padding:0!important;margin:0!important;max-width:none!important;min-height:0!important;display:block!important}.hk-report{position:static!important;padding:0!important}.hk-report tr{break-inside:avoid}}
/* Immediate scoring; a non-modal penalty notice and optional goal beacon. */
.hk-arena .hk-review-notice{display:block;margin:12px auto 0;padding:12px 22px;max-width:calc(100% - 30px);background:#f2ca78;color:#18232e;border:2px solid #ffe7ab;border-radius:10px;font-size:13px;letter-spacing:.4px;box-shadow:0 0 0 3px #f2ca7830;position:relative;z-index:3}.hk-review-flash{animation:hk-review-pulse 1.2s ease-in-out 4}@keyframes hk-review-pulse{50%{background:#ffe9b2;box-shadow:0 0 0 6px #f2ca7850}}/* A repeating red goal celebration; no downloaded animation is needed. */
.hk-goal-light{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:24px;margin:12px 20px 0;padding:12px 20px;min-height:102px;background:linear-gradient(100deg,#36070e,#810d20,#36070e);border:2px solid #ff5366;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 25px #ff283c44}
.hk-goal-light strong{color:#fff;letter-spacing:5px;font-size:clamp(24px,3.5vw,44px);text-shadow:0 0 18px #ff7684}
.hk-siren-dome{display:block;flex-shrink:0;width:88px;height:70px;border:3px solid #ff9aa5;border-bottom:9px solid #bcc6d2;border-radius:44px 44px 8px 8px;background:radial-gradient(ellipse at 50% 65%,#fff2f3 0,#ff334d 30%,#a50824 65%,#3c0010 100%);position:relative;overflow:hidden;box-shadow:0 0 28px #ff183d}
.hk-siren-dome i{position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,#fff9 42%,#fff 50%,#fff9 58%,transparent 85%)}
.hk-rink-flash{border-color:#ff5267;animation:hk-red-rink 1.2s ease-in-out infinite}
.hk-rink-flash .hk-siren-dome{animation:hk-red-dome 1.2s ease-in-out infinite}
.hk-rink-flash .hk-siren-dome i{animation:hk-red-sweep 1.2s linear infinite}
@keyframes hk-red-sweep{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@keyframes hk-red-dome{0%,100%{box-shadow:0 0 15px #ff183d88;filter:brightness(.85)}50%{box-shadow:0 0 50px #ff183d;filter:brightness(1.45)}}
@keyframes hk-red-rink{0%,100%{box-shadow:inset 0 0 8px 3px #ff163544,0 0 12px #ff163544}50%{box-shadow:inset 0 0 55px 9px #ff1635aa,0 0 38px 5px #ff1635aa}}
@media(max-width:650px){.hk-goal-light{gap:14px;margin:10px 10px 0;padding:10px;min-height:86px}.hk-siren-dome{width:68px;height:57px}.hk-goal-light strong{font-size:23px;letter-spacing:2px}.hk-arena .hk-review-notice{font-size:11px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.hk-review-flash,.hk-rink-flash,.hk-siren-dome,.hk-siren-dome i{animation:none!important}.hk-rink-flash{box-shadow:inset 0 0 25px #ff163566,0 0 20px #ff163566}}

/* Optional roster editor and Knubian-branded print report. */
.hk-setup-roster{border:1px solid #cfdae3;border-left:3px solid #c8a652;padding:14px;border-radius:8px;margin-bottom:20px}.hk-setup-roster strong{font-size:13px}.hk-roster-dialog{width:min(1000px,calc(100% - 24px))}.hk-roster-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-height:50dvh;overflow:auto;margin-top:15px;padding:3px}.hk-roster-grid h3{font-size:12px;letter-spacing:2px;margin:5px 0 12px}.hk-roster-columns,.hk-roster-row{display:grid;grid-template-columns:80px minmax(140px,1fr);gap:7px;margin-bottom:7px;align-items:center}.hk-roster-columns{font-size:10px;color:#5b7282}.hk-roster-row input,.hk-roster-row select{min-width:0;width:100%;border:1px solid #cbd7e0;border-radius:6px;padding:9px 7px;background:white;color:#21394a;font-size:12px;min-height:38px}.hk-roster-row input::placeholder{color:#a7b2bb}.hk-penalty-slot .hk-player{overflow-wrap:anywhere;max-width:50%}.hk-penalty-slot small{line-height:1.4;letter-spacing:.3px}.hk-report-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid #bd912d;padding-bottom:10px;margin-bottom:8px}.hk-report-brand{display:flex;align-items:flex-end;gap:3px}.hk-report-brand img{width:145px!important;height:auto!important;max-height:52px;object-fit:contain}.hk-report-brand span{font-size:9px;font-weight:bold;color:#9c7725;padding-bottom:3px}.hk-report-header>div:last-child{text-align:right}.hk-report-header p{font-size:8px;font-weight:bold;letter-spacing:1.8px;color:#9c7725;margin:0 0 4px}.hk-report .hk-report-header h1{font-size:17px;margin:0;color:#111}.hk-report-meta{font-size:9px;line-height:1.6;color:#505b63;margin:7px 0 12px}.hk-report-score{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;border:1px solid #9aa5ac;padding:10px;margin:8px 0 15px;break-inside:avoid}.hk-report-score span,.hk-report-score strong,.hk-report-score small,.hk-report-score b{display:block}.hk-report-score span{font-size:9px;color:#58616a}.hk-report-score strong{font-size:25px;line-height:1.3}.hk-report-score b{font-size:18px;padding:3px}.hk-report-score small{font-size:8px;margin-top:3px}.hk-report .hk-report-network{border:1px solid #9aa5ac;border-top:2px solid #bd912d;padding:12px;margin:20px 0 10px;break-inside:avoid}.hk-report-network>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hk-report-network section{border-left:2px solid #bd912d;padding-left:8px}.hk-report .hk-report-network h2{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.hk-report-network h3{font-size:9px;letter-spacing:.8px;margin:0 0 4px}.hk-report-network p{font-size:9px;line-height:1.5;margin:0}.hk-report-network a{color:#172c39;text-decoration:none}.hk-report-network>strong{display:block;text-align:center;font-size:8px;letter-spacing:1px;color:#9c7725;margin-top:10px}.hk-report .hk-report-footer{border-top:1px solid #9ca4aa;padding-top:6px;text-align:center;font-size:8px;color:#58626a;line-height:1.5}.hk-report h2{font-size:13px;break-after:avoid}.hk-report table{font-size:10px}.hk-report th{font-size:9px;color:#203344}.hk-report td{overflow-wrap:anywhere}.hk-report thead{display:table-header-group}.hk-report-events{padding-left:18px;font-size:10px;line-height:1.5}.hk-report-events li{break-inside:avoid}@media(max-width:650px){.hk-roster-grid{grid-template-columns:1fr;gap:15px}.hk-roster-columns,.hk-roster-row{grid-template-columns:65px minmax(140px,1fr);gap:5px}.hk-roster-row input,.hk-roster-row select{font-size:11px}.hk-roster-dialog form{padding:16px}.hk-roster-grid{max-height:47dvh}}@media print{@page{size:letter;margin:.4in .4in .75in}.hk-report .hk-report-footer{position:fixed;bottom:-.42in;left:0;right:0}.hk-report table{margin:10px 0 16px}.hk-report td,.hk-report th{padding:5px}.hk-report-events li{margin:3px 0}.hk-report h2{margin-top:16px}.hk-report-header{break-inside:avoid}}
.hk-report-rosters table{table-layout:fixed}.hk-report-rosters .hk-col-number{width:12%}.hk-report-rosters .hk-col-role{width:38%}@media print{.hk-report .hk-report-footer{position:static!important;bottom:auto!important;break-inside:avoid;margin-top:12px}}

/* Native disclosure controls remain keyboard accessible and work without scripts. */
.hk-controls-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;color:#486271;font-size:13px}
.hk-controls-heading button{font-size:12px}.hk-panel[data-control-panel]{padding:0;align-self:start}
.hk-panel>summary{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;list-style:none;font-weight:800;font-size:16px;border-radius:13px}
.hk-panel>summary::-webkit-details-marker{display:none}.hk-panel>summary:hover{background:#edf3f7}.hk-panel>summary:focus-visible{outline:3px solid #16a1c5;outline-offset:3px}.hk-panel>summary span{font-size:22px;transform:rotate(-90deg)}.hk-panel[open]>summary span{transform:none}.hk-panel-body{padding:0 22px 22px}.hk-panel-body .hk-panel-heading h2{display:none}
.hk-app:fullscreen>.hk-controls-heading,.hk-page-display .hk-controls-heading{display:none!important}
@media(max-width:650px){.hk-panel>summary{padding:16px 17px}.hk-panel-body{padding:0 17px 17px}}

/* Quick main-clock corrections are kept with the game clock. */
.hk-clock-actions .hk-clock-adjust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 0}
.hk-clock-adjust>div{min-width:0}.hk-clock-adjust span{display:block;font-size:8px;letter-spacing:1px;color:#9db2c6;margin-bottom:6px}.hk-clock-adjust>div>div{display:flex;gap:4px}.hk-clock-actions .hk-clock-adjust button{flex:1;min-width:0;min-height:38px;padding:8px 3px;font-size:10px;white-space:nowrap}
.hk-clock-exact{font-size:10px;color:#9db2c6;margin:8px 0 10px;font-variant-numeric:tabular-nums}.hk-clock-exact output{color:#e2edf6;font-weight:700}
.hk-page-display .hk-clock-exact{display:none}
@media(max-width:650px){.hk-clock-actions .hk-clock-adjust{gap:6px}.hk-clock-actions .hk-clock-adjust button{font-size:10px;min-height:42px}.hk-clock-adjust span{font-size:8px}}

/* Mobile: live scoreboard first, matching the basketball clock layout. */
@media screen and (max-width:650px){
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen){display:flex;flex-direction:column;padding-top:8px}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen)>.hk-heading{display:none}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen)>.hk-arena{order:0;width:100%;flex-shrink:0}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen)>.hk-notice{order:1}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen)>.hk-toolbar{order:2;margin:0 0 16px;gap:8px}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen)>.hk-toolbar>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen)>.hk-toolbar button{min-width:0;min-height:44px;padding:8px 6px;font-size:11px}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen)>.hk-controls-heading{order:3}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen)>.hk-workspace{order:4}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen)>.hk-guide{order:5}
}

/* Compact mobile game desk: keep scores, clocks and penalties together. */
@media screen and (max-width:650px){
 .hockey-page:not(.hk-page-display) .site-header__inner{min-height:56px;padding-inline:12px}
 .hockey-page:not(.hk-page-display) .site-brand img{width:120px;height:40px}
 .hockey-page:not(.hk-page-display) .site-brand__app{margin-top:10px}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen){padding:4px 8px 24px}
 .hockey-page:not(.hk-page-display) .hk-board-top{padding:6px 8px;gap:4px;font-size:7px}
 .hockey-page:not(.hk-page-display) .hk-board-top button{padding:5px 6px;min-height:28px;font-size:8px}
 .hockey-page:not(.hk-page-display) .hk-board{padding:6px 8px;gap:6px 8px}
 .hockey-page:not(.hk-page-display) .hk-centre{padding:0 8px 6px}
 .hockey-page:not(.hk-page-display) .hk-period{font-size:9px;letter-spacing:3px;line-height:1.2}
 .hockey-page:not(.hk-page-display) .hk-centre .hk-clock{font-size:54px;line-height:1.05}
 .hockey-page:not(.hk-page-display) .hk-strength{font-size:16px;padding:2px 16px;gap:10px}
 .hockey-page:not(.hk-page-display) .hk-centre>p{font-size:10px;line-height:1.2;min-height:12px;margin:3px 0 5px}
 .hockey-page:not(.hk-page-display) .hk-clock-actions .hk-start{min-height:38px;font-size:14px;padding:7px}
 .hockey-page:not(.hk-page-display) .hk-clock-actions .hk-clock-adjust{margin-top:5px;gap:5px}
 .hockey-page:not(.hk-page-display) .hk-clock-adjust span{margin-bottom:3px;font-size:7px;line-height:1.2}
 .hockey-page:not(.hk-page-display) .hk-clock-actions .hk-clock-adjust button{min-height:36px;padding:6px 2px;font-size:10px}
 .hockey-page:not(.hk-page-display) .hk-clock-exact{font-size:9px;line-height:1.2;margin:3px 0}
 .hockey-page:not(.hk-page-display) .hk-clock-actions>div:not(.hk-clock-adjust){margin-top:4px;gap:5px}
 .hockey-page:not(.hk-page-display) .hk-clock-actions>div:not(.hk-clock-adjust)>button{min-height:34px;padding:6px;font-size:11px}
 .hockey-page:not(.hk-page-display) .hk-goalie-controls{margin-top:4px;gap:5px}
 .hockey-page:not(.hk-page-display) .hk-goalie-controls button{min-height:28px;padding:4px 6px}
 .hockey-page:not(.hk-page-display) .hk-goalie-status{font-size:8px;margin:3px 0;min-height:0}
 .hockey-page:not(.hk-page-display) .hk-goalie-status:empty,.hockey-page:not(.hk-page-display) .hk-extra:empty{display:none}
 .hockey-page:not(.hk-page-display) .hk-team-label{min-height:28px;gap:3px}
 .hockey-page:not(.hk-page-display) .hk-team-label h2{font-size:12px;letter-spacing:2px}
 .hockey-page:not(.hk-page-display) .hk-team-label span{font-size:6px;padding:3px 5px}
 .hockey-page:not(.hk-page-display) .hk-score{font-size:58px;line-height:1.08;letter-spacing:-3px}
 .hockey-page:not(.hk-page-display) .hk-team-actions{gap:4px}
 .hockey-page:not(.hk-page-display) .hk-team-actions button{min-height:34px;padding:6px;font-size:9px}
 .hockey-page:not(.hk-page-display) .hk-shots{margin:5px 0;gap:6px;font-size:7px;line-height:1.2}
 .hockey-page:not(.hk-page-display) .hk-shots output{font-size:12px}
 .hockey-page:not(.hk-page-display) .hk-shots button{min-height:24px;padding:0 7px}
 .hockey-page:not(.hk-page-display) .hk-penalty-title{margin-bottom:4px}
 .hockey-page:not(.hk-page-display) .hk-penalty-title button{min-height:26px;padding:3px 6px}
 .hockey-page:not(.hk-page-display) .hk-penalty-slots{gap:4px}
 .hockey-page:not(.hk-page-display) .hk-penalty-slot{min-height:40px;padding:5px 6px}
 .hockey-page:not(.hk-page-display) .hk-penalty-slot .hk-player{font-size:10px}
 .hockey-page:not(.hk-page-display) .hk-penalty-slot small{font-size:6px;margin-top:2px}
 .hockey-page:not(.hk-page-display) .hk-penalty-time{font-size:20px}
 .hockey-page:not(.hk-page-display) .hk-extra{font-size:8px;margin:4px 0 0;min-height:0}
 .hockey-page:not(.hk-page-display) .hk-live-footer{padding:3px 8px;gap:4px}
 .hockey-page:not(.hk-page-display) .hk-wordmark img{width:60px;height:20px}
 .hockey-page:not(.hk-page-display) .hk-wordmark b{font-size:8px}
 .hockey-page:not(.hk-page-display) .hk-live-footer small{font-size:7px}
}
@media screen and (max-width:650px) and (max-height:740px){
 .hockey-page:not(.hk-page-display) .hk-centre .hk-clock{font-size:46px}
 .hockey-page:not(.hk-page-display) .hk-centre>p{margin:2px 0 3px}
 .hockey-page:not(.hk-page-display) .hk-clock-actions .hk-start{min-height:36px}
 .hockey-page:not(.hk-page-display) .hk-clock-actions .hk-clock-adjust button{min-height:34px}
 .hockey-page:not(.hk-page-display) .hk-score{font-size:50px}
 .hockey-page:not(.hk-page-display) .hk-penalty-slot{min-height:36px;padding-block:4px}
}
@media screen and (max-width:650px){
 .hockey-page:not(.hk-page-display) .hk-board-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,.8fr)}
 .hockey-page:not(.hk-page-display) .hk-board-top>span:first-child{grid-column:1/3;width:auto}
 .hockey-page:not(.hk-page-display) .hk-live{grid-column:3/5;margin:0;text-align:right}
 .hockey-page:not(.hk-page-display) .hk-board-top button{min-width:0;white-space:nowrap;padding-inline:2px}
}
@media screen and (max-width:650px) and (max-height:680px){
 .hockey-page:not(.hk-page-display) .hk-board-top{padding-block:4px;gap:3px}
 .hockey-page:not(.hk-page-display) .hk-board-top button{min-height:26px}
 .hockey-page:not(.hk-page-display) .hk-centre .hk-clock{font-size:40px}
 .hockey-page:not(.hk-page-display) .hk-centre>[data-game-status]{display:none}
 .hockey-page:not(.hk-page-display) .hk-clock-actions .hk-start{min-height:32px;padding:5px}
 .hockey-page:not(.hk-page-display) .hk-clock-actions .hk-clock-adjust button{min-height:32px}
 .hockey-page:not(.hk-page-display) .hk-clock-actions>div:not(.hk-clock-adjust)>button{min-height:32px}
 .hockey-page:not(.hk-page-display) .hk-goalie-controls button{min-height:26px}
 .hockey-page:not(.hk-page-display) .hk-score{font-size:42px}
 .hockey-page:not(.hk-page-display) .hk-team-actions button{min-height:32px;padding:5px}
 .hockey-page:not(.hk-page-display) .hk-penalty-slot{min-height:32px;padding-block:3px}
 .hockey-page:not(.hk-page-display) .hk-penalty-slot .hk-player{font-size:9px;line-height:1.2}
 .hockey-page:not(.hk-page-display) .hk-penalty-time{font-size:18px}
}
@media screen and (max-width:650px){
 .hockey-page:not(.hk-page-display) .hk-team-label h2{line-height:1}
 .hockey-page:not(.hk-page-display) .hk-team-label span{line-height:1}
 .hockey-page:not(.hk-page-display) .hk-goal-light{min-height:40px;margin:4px 8px 0;padding:4px 8px;gap:10px;border-radius:10px}
 .hockey-page:not(.hk-page-display) .hk-siren-dome{width:40px;height:30px;border-width:2px;border-bottom-width:4px}
 .hockey-page:not(.hk-page-display) .hk-goal-light strong{font-size:18px;letter-spacing:2px}
 .hockey-page:not(.hk-page-display) .hk-arena .hk-review-notice{margin:4px auto 0;padding:5px 8px;font-size:9px;min-height:28px}
 .hockey-page:not(.hk-page-display) .hk-arena:has(>[data-goal-light]:not([hidden])) .hk-centre>[data-game-status]{display:none}
 .hockey-page:not(.hk-page-display) .hk-arena:has(>[data-goal-light]:not([hidden])) .hk-centre .hk-clock{font-size:46px}
 .hockey-page:not(.hk-page-display) .hk-arena:has(>[data-review-goal]:not([hidden])) .hk-board-top>span,
 .hockey-page:not(.hk-page-display) .hk-arena:has(>[data-goal-light]:not([hidden])) .hk-board-top>span{display:none}
}
@media screen and (max-width:650px) and (max-height:680px){
 .hockey-page:not(.hk-page-display) .site-header__inner{min-height:52px}
 .hockey-page:not(.hk-page-display) .site-brand img{height:36px}
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen){padding-top:2px}
 .hockey-page:not(.hk-page-display) .hk-wordmark img{width:50px;height:16px}
 .hockey-page:not(.hk-page-display) .hk-goal-light{min-height:28px;margin-block-start:2px;padding:2px 6px}
 .hockey-page:not(.hk-page-display) .hk-siren-dome{height:22px;width:32px}
 .hockey-page:not(.hk-page-display) .hk-goal-light strong{font-size:16px}
 .hockey-page:not(.hk-page-display) .hk-arena:has(>[data-goal-light]:not([hidden])) .hk-centre .hk-clock,
 .hockey-page:not(.hk-page-display) .hk-arena:has(>[data-review-goal]:not([hidden])) .hk-centre .hk-clock{font-size:30px}
 .hockey-page:not(.hk-page-display) .hk-arena:has(>[data-review-goal]:not([hidden]))>[data-goal-light]{display:none}
}
@media screen and (max-width:350px){
 .hockey-page:not(.hk-page-display) .hk-clock-actions .hk-clock-adjust button{font-size:9px}
}
@media screen and (max-width:650px){
 .hockey-page:not(.hk-page-display) .hk-goal-light{padding-block:2px}
 .hockey-page:not(.hk-page-display) .hk-goal-light strong{line-height:1.1}
 .hockey-page:not(.hk-page-display) .hk-arena .hk-review-notice{line-height:1.2}
 .hockey-page:not(.hk-page-display) .hk-extra{line-height:1.2;margin-top:2px}
}
@media screen and (max-width:650px) and (max-height:680px){
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen){padding-top:0}
 .hockey-page:not(.hk-page-display) .hk-board{padding-block:4px}
 .hockey-page:not(.hk-page-display) .hk-centre{padding-bottom:4px}
 .hockey-page:not(.hk-page-display) .hk-live-footer{padding-block:2px}
 .hockey-page:not(.hk-page-display) .hk-arena:has(>[data-review-goal]:not([hidden])) .hk-clock-exact{display:none}
}
@media screen and (max-width:650px){
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen){padding-top:2px}
 .hockey-page:not(.hk-page-display) .hk-board{padding-block:4px}
 .hockey-page:not(.hk-page-display) .hk-centre{padding-bottom:4px}
}
@media screen and (max-width:650px) and (max-height:680px){
 .hockey-page:not(.hk-page-display) .hk-app:not(:fullscreen){padding-top:0}
}
@media screen and (max-width:650px) and (max-height:680px){
 .hockey-page:not(.hk-page-display) .hk-goalie-status{display:none}
}