@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}:root{font-family:Inter,Arial,sans-serif;font-size:clamp(16px,1vw,32px);color:#edf1f8;background:#080e19;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #749eff;--muted: #a7b7ce;--line: #253043;--amber: #f5c46a;--panel: #101927;--green: #85d8b1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button{color:inherit}input,select{color:#f0f4fc;background:#0b1320;border:1px solid #344055;border-radius:7px;min-height:48px;padding:10px 12px;width:100%}input:focus,select:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}input[type=color]{width:100%;padding:5px;cursor:pointer}input[type=range]{accent-color:var(--accent);padding:0;min-height:20px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}h1,h2,h3,p{margin:0}button{transition:background .15s,border-color .15s,opacity .15s}button:hover:enabled{filter:brightness(1.08)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.eyebrow{font-size:1rem;letter-spacing:1px;font-weight:600;color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;min-height:48px;padding:10px 17px;border-radius:7px;font-size:1rem;font-weight:600;white-space:nowrap}.button.primary{background:#e6ecf9;color:#10192a;border-color:#e6ecf9}.button.primary:hover{background:#fff}.button.secondary{background:#172131;border-color:#344055;color:#dce4f2}.button.ghost{background:transparent;color:#a7b3c7;border-color:transparent;padding-left:0}.button.small{font-size:1rem;min-height:44px;padding:7px 11px}.icon-button{min-width:44px;min-height:44px;background:transparent;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;color:#9aa8bf}.icon-button:hover{background:#ffffff0b;color:#fff}.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--accent);padding:6px 0;font-size:1rem;font-weight:500}.button-row{display:flex;flex-wrap:wrap;gap:10px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{width:44px;height:49px;padding:7px 10px;background:#dce7f5;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#122a4e}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-name{display:block;font-family:Barlow Condensed,Arial,sans-serif;font-size:1.75rem;line-height:1;letter-spacing:1.4px;font-weight:700}.brand-dot{color:var(--accent)}.brand-org{display:block;color:#8995ac;font-size:1rem;margin-top:6px;letter-spacing:.25px;max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-small .brand-mark{width:36px;height:40px;padding:5px 8px}.brand-small .brand-name{font-size:1.375rem}.brand-small .brand-org{font-size:.875rem}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:currentColor}.quiet-tag{display:flex;gap:8px;align-items:center;color:#8591a7;font-size:.875rem;letter-spacing:1px}.quiet-tag .status-dot{color:#88acdc}.setup-header{height:88px;border-bottom:1px solid #202a3b;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;max-width:1740px;margin:auto}.setup-main{max-width:1600px;padding:0 36px;margin:auto}.setup-intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0;gap:20px}.setup-intro h1{font-size:clamp(32px,3vw,64px);letter-spacing:-1.9px;font-weight:600;line-height:1.16;margin:13px 0}.intro-copy{font-size:1.125rem;color:#97a4b9;line-height:1.6}.setup-steps{display:flex;align-items:center;gap:16px;color:#a7b7ce;font-size:1rem;white-space:nowrap}.setup-steps span{display:flex;gap:8px;align-items:center}.setup-steps b{font-weight:500}.setup-steps i{width:27px;height:1px;background:#2b3548}.setup-steps .current-step{color:#b7c9ed}.section-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-caption h2{font-size:1rem;font-weight:500;letter-spacing:.1px}.section-caption>span{font-size:.875rem;font-weight:500;letter-spacing:1.3px;color:#a7b7ce}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preset-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:21px 20px 16px;background:#101824;border:1px solid #283244;border-radius:9px;min-width:0;position:relative}.preset-card:hover{border-color:#536b94;background:#141f30}.preset-card.selected{border-color:#749eff;background:#142137;box-shadow:inset 0 0 0 1px #749eff30}.preset-top{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:12px;color:#a9b8cf}.selected .preset-top{color:#a6c0ff}.selection-ring{width:18px;height:18px;border:1px solid #49556a;border-radius:50%;display:flex;align-items:center;justify-content:center}.selected .selection-ring{background:#9cb8f5;border-color:#9cb8f5;color:#0c1527}.preset-eyebrow{font-size:.8125rem;letter-spacing:1.1px;color:#a7b7ce;font-weight:600;margin-bottom:8px}.selected .preset-eyebrow{color:#9bbaee}.preset-card>strong{font-size:1.125rem;font-weight:600;letter-spacing:-.25px;margin-bottom:7px}.preset-description{font-size:1rem;line-height:1.5;color:#91a0b7}.preset-detail{border-top:1px solid #ffffff0c;width:100%;padding-top:14px;margin-top:17px;font-size:1rem;color:#aebbd0}.preset-detail>span{color:#53617a;padding:0 5px}.setup-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,25%);gap:22px;margin-top:27px;align-items:start}.settings-panel{border:1px solid #273144;background:#0e1724;border-radius:9px;overflow:hidden}.settings-tabs{display:flex;padding:0 22px;border-bottom:1px solid #273144;gap:23px}.settings-tabs button{display:flex;align-items:center;gap:7px;padding:19px 0 17px;color:#a7b7ce;background:none;border:0;border-bottom:2px solid transparent;font-size:1rem;white-space:nowrap}.settings-tabs button.active{color:#dbe8ff;border-bottom-color:var(--accent)}.settings-content{padding:25px 26px 27px;min-height:329px}.panel-title{margin-bottom:23px}.panel-title h2{font-size:1.5rem;font-weight:500;letter-spacing:-.4px;margin-bottom:9px}.panel-title p{font-size:1rem;line-height:1.6;color:#a7b7ce}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid.three{grid-template-columns:1.2fr 1fr 1.2fr}.field{display:flex;flex-direction:column;gap:8px;font-size:1rem;color:#b5c0d2;min-width:0}.field>span{font-weight:500}.field small{font-size:.875rem;color:#a7b7ce;line-height:1.5}.field input,.field select{font-size:1rem}.field input[inputmode=numeric]{font-variant-numeric:tabular-nums;font-size:1.75rem;letter-spacing:1px}.setting-toggles{margin:18px 0;border-top:1px solid #243044;border-bottom:1px solid #243044}.toggle-row{display:flex;gap:12px;align-items:center;justify-content:space-between;position:relative;cursor:pointer;min-height:72px;padding:13px 0}.toggle-row>span:first-child{flex:1}.toggle-row strong{display:block;font-size:1rem;font-weight:500}.toggle-row small{display:block;color:#a7b7ce;font-size:1rem;line-height:1.5;margin-top:6px}.toggle-row input{position:absolute;right:0;opacity:0;width:48px;height:44px;margin:0}.switch{display:block;width:46px;height:28px;background:#354057;border-radius:20px;position:relative;flex-shrink:0;pointer-events:none}.switch:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#94a1b6;transition:transform .15s}.toggle-row input:checked+.switch{background:var(--accent)}.toggle-row input:checked+.switch:after{transform:translate(18px);background:#0f203d}.toggle-row input:focus-visible+.switch{outline:2px solid white;outline-offset:4px}.setup-summary{border:1px solid #273144;background:#101a29;border-radius:9px;overflow:hidden}.summary-title{display:flex;align-items:center;gap:10px;font-size:.875rem;letter-spacing:1.5px;color:#97a7c1;padding:21px 22px;border-bottom:1px solid #273144}.mini-board{text-align:center;padding:25px 18px 22px;background:#0b1421}.mini-period{display:block;font-size:.875rem;letter-spacing:2px;color:#8193af}.mini-clock{display:block;font-family:Barlow Condensed,sans-serif;font-size:6rem;font-weight:600;line-height:1.08;letter-spacing:1px;margin:9px 0 10px;font-variant-numeric:tabular-nums}.mini-shift{color:var(--amber);display:flex;justify-content:center;align-items:center;gap:12px}.mini-shift span{font-size:.8125rem;letter-spacing:1px}.mini-shift strong{font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:600;font-variant-numeric:tabular-nums}.mini-scores{display:flex;justify-content:center;gap:26px;align-items:center;margin-top:24px}.mini-scores>span{display:flex;flex-direction:column;gap:7px;max-width:120px;overflow-wrap:anywhere;font-size:.875rem;color:#8c9bb3}.mini-scores b{color:#d6dfef;font-size:1.5rem;font-weight:500}.mini-scores i{color:#2e3a50;font-style:normal}.summary-facts{padding:17px 22px;border-top:1px solid #253043;border-bottom:1px solid #253043}.summary-facts>div{display:flex;justify-content:space-between;padding:6px 0;font-size:1rem;color:#8291aa}.summary-facts strong{color:#becadd;font-size:1rem;font-weight:500}.sound-check{display:flex;gap:12px;padding:20px 22px;color:#b7cbed}.sound-check>svg{flex-shrink:0}.sound-check strong{font-size:1rem;font-weight:500;display:block;margin-bottom:7px}.sound-check p{font-size:1rem;color:#a7b7ce;line-height:1.7}.sound-check .text-button{font-size:1rem;margin-top:7px}.sound-check.checked>svg{color:var(--green)}.setup-footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0 26px;margin-top:12px;border-bottom:1px solid #202c3e;gap:18px}.setup-footer>div{display:flex;align-items:center;gap:10px;font-size:1rem;color:#a7b7ce}.take-ice{min-width:250px;justify-content:space-between;padding:14px 20px;min-height:56px}.setup-footnote{text-align:center;font-size:.8125rem;letter-spacing:1.6px;color:#a7b7ce;padding:22px 0 27px}.setup-footnote>span{padding:0 14px}.horn-setting{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.horn-setting .field{width:100%}.horn-setting select{font-size:1rem}.volume-field{margin-top:26px}.volume-field label{display:flex;align-items:center;justify-content:space-between;font-size:1rem;color:#a9b7ce;margin-bottom:10px}.volume-field strong{font-weight:500;color:var(--accent)}.volume-field small{display:block;font-size:.875rem;line-height:1.5;color:#a7b7ce;margin-top:8px}.horn-library{padding-top:5px}.horn-library>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243045;padding:12px 0}.horn-library strong{display:block;font-size:1rem;font-weight:500}.horn-library small{display:block;font-size:.875rem;color:#a7b7ce;margin-top:5px}.inline-note{font-size:1rem;color:var(--amber);line-height:1.6;margin-top:15px}.branding-fields{grid-template-columns:1fr 95px}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 14px}.logo-upload{display:flex;flex-direction:column;align-items:center;gap:9px}.logo-upload>span{font-size:1rem;color:#b2bfd4;align-self:flex-start}.logo-preview{border:1px dashed #3a4861;border-radius:7px;background:#1c2a40;width:100%;height:100px;display:flex;align-items:center;justify-content:center;color:#5b6d88}.logo-preview img{max-width:75%;max-height:75%;object-fit:contain}.logo-upload .button{width:100%;font-size:.875rem;padding:5px}.logo-upload .text-button{font-size:1rem}.settings-content>small.muted{font-size:.875rem}.save-row{display:flex;gap:10px;align-items:end}.save-row .field{flex:1}.saved-presets{margin:20px 0}.saved-presets>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243045}.saved-load{flex:1;display:flex;gap:12px;align-items:center;background:none;border:0;text-align:left;padding:16px 0}.saved-load>svg{color:var(--accent)}.saved-load strong{display:block;font-size:1rem;font-weight:500}.saved-load small{display:block;font-size:1rem;color:#7f90ac;margin-top:5px}.empty-state{padding:24px;color:#a7b7ce;border:1px dashed #2a3950;border-radius:7px;text-align:center;font-size:1rem}.inline-message{background:#14263a;border:1px solid #344e6b;border-radius:6px;color:#b6d8fa;padding:12px 16px;font-size:1rem;margin-top:18px}.error-message{background:#3b2320;border-color:#80433b;color:#ffd0c5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f5c46a;outline-offset:4px}.setup-summary{position:sticky;top:20px}.settings-tabs{gap:20px;flex-wrap:wrap}.settings-tabs button{min-height:56px}.preset-detail{margin-top:auto;padding-top:16px}.preset-description{margin-bottom:18px}.preset-card{min-height:210px}.preset-card>strong{font-size:1.125rem}.preset-top svg{width:26px;height:26px}.selection-ring{width:24px;height:24px}.field input,.field select{min-height:52px}.field input[type=range]{min-height:44px}.field input[inputmode=numeric]{font-size:1.75rem;font-weight:600}.field input[type=number]{font-size:1.5rem;font-weight:600}.horn-library .icon-button{gap:8px;color:#dce7f8;flex-shrink:0}.horn-library small{line-height:1.5}.horn-library>div{gap:14px;padding:16px 0}.sound-check .text-button{min-height:48px;font-weight:700;text-align:left}.sound-check{background:#152339}.sound-check.checked{background:#132a2b}.sound-check p{color:#b5c7de}.setup-footer{position:sticky;bottom:0;z-index:5;background:#080e19f5;border-top:1px solid #35445d;padding:18px 0}.setup-footnote{letter-spacing:.5px}.setup-footer>div{max-width:50%;line-height:1.5}.inline-note a{text-decoration:underline}.logo-upload .button{white-space:normal}.scoreboard-app{--safe-x: 3vw;height:100dvh;min-height:540px;display:flex;flex-direction:column;overflow:hidden;background:#080e19}.scoreboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:max(16px,2dvh) var(--safe-x) 8px;flex-shrink:0;min-height:76px}.brand-small .brand-mark{width:clamp(38px,3vw,90px);height:clamp(42px,3.3vw,100px);padding:6px 9px}.brand-small .brand-name{font-size:clamp(22px,1.65vw,58px)}.brand-small .brand-org{font-size:clamp(14px,.85vw,30px);color:#a7b7ce;max-width:24vw}.game-status{display:flex;align-items:center;gap:10px;font-size:clamp(14px,1vw,34px);font-weight:600;color:#b6c6dc}.game-status.is-running{color:#9be3bd}.status-dot{width:8px;height:8px}.fullscreen-button{color:#dce7f8;gap:10px;border-color:#41516c;min-height:48px;padding:10px 14px;font-size:1rem}.fullscreen-button svg{width:24px;height:24px}.board-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,1fr);column-gap:1vw;align-items:center;flex:1;min-height:0;margin:0 var(--safe-x);position:relative;isolation:isolate;container-type:size}.clock-column{text-align:center;min-width:0}.period-label{display:flex;justify-content:center;align-items:baseline;gap:.3em;color:#edf3ff;font-size:clamp(26px,min(2.5vw,6.5cqh),100px);line-height:1.2;font-weight:700;letter-spacing:.035em}.period-label small{font-size:.65em;color:#b6c6dc}.game-clock{font-family:Barlow Condensed,Arial,sans-serif;font-weight:700;font-size:min(22vw,47cqh);line-height:.95;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;margin:0}.clock-zero{color:#fff}.clock-state{display:flex;align-items:center;justify-content:center;gap:9px;min-height:1.3em;margin:1cqh 0 0;font-size:clamp(18px,min(1.4vw,3.8cqh),56px);font-weight:600;color:#bccbe0;letter-spacing:.05em}.clock-state.running{color:#9be3bd}.clock-state.paused{color:#ffce7a}.clock-state.final,.clock-state.period-ended{display:none}.shift-panel{margin:2cqh auto 0;padding:1cqh 2vw;width:92%;border:2px solid transparent;border-radius:12px;color:#ffcf78}.shift-label{font-size:clamp(22px,min(2vw,5cqh),80px);font-weight:700;letter-spacing:.04em;line-height:1.2}.shift-time{font-family:Barlow Condensed,Arial,sans-serif;font-weight:700;font-size:min(15vw,30cqh);font-variant-numeric:tabular-nums;line-height:.98;letter-spacing:0;display:block;margin:auto;background:none;border:0;padding:0;color:#ffcf78}.shift-time:disabled,.team-score:disabled{opacity:1}.shift-progress{height:max(4px,.4cqh);margin:1cqh auto 0;width:65%;background:#4a3e2a;border-radius:5px;overflow:hidden}.shift-progress>span{display:block;width:100%;height:100%;background:#ffcf78;transform-origin:left;transition:transform .1s linear}.shift-flash{background:#ffcf78;border-color:#ffcf78;color:#111a29}.shift-flash .shift-time{color:#111a29}.shift-flash .shift-progress{background:#71572c}.shift-flash .shift-progress>span{background:#111a29}.team-panel{text-align:center;min-width:0;position:relative}.team-top{display:flex;flex-direction:column;align-items:center;gap:1cqh}.team-line{display:block;width:3vw;height:max(4px,.4cqh);background:var(--accent);border-radius:4px}.team-1 .team-line{background:#ffcf78}.team-designation{font-size:clamp(18px,1.5vw,60px);font-weight:600;letter-spacing:.08em;color:#b8c8de}.team-panel h2{font-size:clamp(28px,3vw,116px);font-weight:700;line-height:1.12;margin:1.5cqh 0 0;overflow-wrap:anywhere;text-wrap:balance}.team-panel h2.long-name{font-size:clamp(24px,2.4vw,94px)}.team-mark{display:flex;align-items:center;justify-content:center}.team-mark.has-logos{height:8cqh}.team-logo{height:8cqh;max-width:80%;object-fit:contain;background:#dbe5f3;border-radius:8px;padding:5px}.team-score{display:block;margin:0 auto;font-family:Barlow Condensed,Arial,sans-serif;font-size:min(18vw,42cqh);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:#fff;border:0;background:none;padding:0}.team-score.three-digits{font-size:min(12vw,32cqh)}.score-buttons{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1vw,36px);margin-top:1.5cqh;transition:opacity .15s}.score-buttons.hidden{opacity:0;pointer-events:none}.score-buttons button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:48px;min-height:48px;border:1px solid #637899;background:#15233a;border-radius:8px;color:#edf4ff;font-weight:600;padding:8px 12px;font-size:clamp(16px,1.1vw,42px)}.score-buttons button:last-child{background:#233b60;border-color:#7b9dc9}.score-buttons svg{width:22px;height:22px}.score-shortcut{font-size:clamp(14px,1vw,36px);color:#bacbe3;border:1px solid #526986;padding:3px 7px;border-radius:5px}.timers-only{grid-template-columns:1fr}.timers-only .game-clock{font-size:min(36vw,48cqh)}.timers-only .shift-panel{max-width:60vw}.single-clock .game-clock{font-size:min(22vw,68cqh)}.single-clock.timers-only .game-clock{font-size:min(40vw,68cqh)}.period-message{font-size:clamp(26px,3vw,110px);font-weight:700;color:#ffcf78;margin-top:4cqh}.watermark{position:absolute;right:1%;bottom:1%;height:15cqh;max-width:10vw;object-fit:contain;z-index:-1;pointer-events:none;filter:brightness(0) invert(1)}.control-area{flex-shrink:0;padding:8px var(--safe-x) 0;opacity:0;pointer-events:none;transition:opacity .2s}.control-area.shown{opacity:1;pointer-events:auto}.control-dock{display:flex;align-items:stretch;justify-content:center;gap:clamp(8px,1vw,32px);width:fit-content;max-width:100%;margin:auto;padding:12px;background:#132037;border:1px solid #3c506e;border-radius:14px}.start-button{font-size:clamp(20px,1.35vw,52px);min-width:220px;min-height:62px;padding:12px 20px}.start-button>svg{width:24px;height:24px}.start-button kbd{background:#c7d4e8;color:#23344b;border:0}.pause-button,.sound-start{background:#ffcf78!important;border-color:#ffcf78!important}.dock-divider{width:1px;background:#405371;margin:8px 0}.dock-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:#e0eafa;font-weight:600;min-height:56px}.dock-button:hover:enabled{background:#223755;border-color:#587298}.dock-button>span{font-size:clamp(16px,1vw,40px);white-space:nowrap}.dock-button>svg{width:24px;height:24px}.horn-button{color:#ffcf78}.secondary-controls{display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:10px auto 0;gap:16px}.readiness{display:flex;gap:clamp(14px,2vw,70px);flex-wrap:wrap}.readiness>span{display:flex;align-items:center;gap:7px;color:#b4c5dd;font-size:clamp(14px,.9vw,34px)}.readiness svg{width:18px;height:18px;flex-shrink:0}.readiness .good{color:#9be3bd}.pin-controls{display:flex;gap:8px;align-items:center;border:1px solid #4e6483;border-radius:6px;padding:8px 12px;min-height:44px;color:#d4e2f5;background:#142137;font-size:clamp(14px,.9vw,34px)}.pin-controls[aria-pressed=true]{color:#ffcf78;border-color:#ffcf78}.board-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:36px;padding:6px var(--safe-x) max(16px,2dvh);color:#a7bad5;font-size:clamp(14px,.85vw,32px)}.board-footer>span{display:flex;align-items:center;gap:8px}.controls-hidden .board-footer,.controls-hidden .fullscreen-button{visibility:hidden}.hide-cursor,.hide-cursor *{cursor:none!important}.controller-strip{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;font-size:.875rem;color:#c4dcf5;background:#142a3f;flex-wrap:wrap}.controller-strip.disconnected{background:#452d18;color:#ffe1ac}.controller-strip .text-button{font-size:inherit}.controller-app .brand-org{display:none}.controller-app .board-footer>span:first-child{display:none}.controller-app .game-status{display:none}.notice-banner{position:fixed;z-index:30;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;padding:12px 18px;width:max-content;max-width:min(960px,95vw);font-size:1rem;line-height:1.5;background:#153137;border:1px solid #6e9e9b;border-radius:10px;color:#d6fff0;box-shadow:0 6px 30px #0005}.notice-banner.warning{background:#3e2b15;border-color:#c29854;color:#ffe1a5}.notice-banner .icon-button{color:inherit;flex-shrink:0}.loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:30px}.loading-screen>p{font-size:1rem;color:#b4c5de}.connection-card{max-width:700px;padding:32px;border:1px solid #425c7c;border-radius:12px;background:#122137}.connection-card>svg{color:#a7c4f8;margin-bottom:20px}.connection-card h1{font-size:1.8rem}.connection-card p{font-size:1rem;color:#b4c5de;line-height:1.6;margin:18px 0 24px}.update-pill{position:fixed;z-index:20;right:3vw;top:12px;display:flex;gap:12px;align-items:center;font-size:1rem;max-width:94vw;border:1px solid #7191ba;border-radius:8px;background:#19334e;padding:8px 14px;box-shadow:0 4px 20px #0008}.update-pill button{min-height:44px;border:0;background:transparent;color:#d9ecff;font-weight:700}.modal{background:#111e31;color:#edf3ff;border:1px solid #637b9b;border-radius:14px;width:min(650px,calc(100vw - 32px));padding:28px;box-shadow:0 25px 110px #0009;max-height:90dvh;overflow:auto}.modal::backdrop{background:#030916cf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-heading h2{font-size:1.5rem;line-height:1.2}.modal-heading .icon-button{flex-shrink:0;color:#d4e2f5}.dialog-copy{font-size:1rem;line-height:1.6;color:#b7c9e1;margin-bottom:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}.modal .time-input{font-family:Barlow Condensed,sans-serif;font-size:3.5rem;font-weight:600;font-variant-numeric:tabular-nums}.time-adjustments{display:flex;gap:8px;margin-top:14px}.time-adjustments .button{flex:1}.error-text{font-size:1rem;line-height:1.5;color:#ffb8a9;margin-top:14px}.help-modal{width:min(750px,calc(100vw - 32px))}.help-intro p,.help-note p{font-size:1rem;color:#bdcde3;line-height:1.6;margin-bottom:14px}.help-intro strong,.help-note strong{color:#fff}.shortcut-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #3e5271;font-size:1rem}kbd{font-family:Inter,Arial,sans-serif;font-size:.8125rem;border:1px solid #6b83a4;border-radius:5px;padding:3px 7px;background:#1b2e48;color:#e0edff;white-space:nowrap}.help-note{display:flex;gap:12px;padding-top:22px}.help-note>svg{flex-shrink:0;color:#c0d7f8}.help-note strong{display:block;margin-bottom:5px}.game-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-tools-grid button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #617897;background:#1a2e49;color:#edf4ff;border-radius:8px;min-height:64px;padding:12px;font-size:1rem;font-weight:600}.tools-help{margin-top:22px;width:100%}@media(min-width:2200px){.setup-main{max-width:2600px}.setup-header{max-width:2900px;height:140px}.control-dock{padding:20px}.start-button{min-height:100px;padding:22px 35px}.dock-button{padding:18px 26px;gap:18px}.start-button>svg,.dock-button>svg,.fullscreen-button>svg{width:42px;height:42px}.secondary-controls{max-width:2700px;margin-top:18px}.score-buttons button{min-height:82px;min-width:82px;padding:14px 20px}.score-buttons svg,.readiness svg,.pin-controls svg{width:30px;height:30px}.pin-controls{min-height:68px;padding:12px 20px}.board-footer{min-height:65px}.modal{width:min(1100px,90vw);padding:48px}}@media(max-width:1250px){.setup-main{padding:0 24px}.setup-columns{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.settings-content{padding:22px}.preset-grid{grid-template-columns:1fr 1fr}.preset-card{min-height:180px}.settings-tabs{gap:16px;padding:0 18px}.dock-button{flex-direction:column;gap:5px;padding:6px 12px}.dock-button kbd{display:none}.start-button{min-width:180px}.start-button kbd{display:none}.readiness{gap:12px}}@media(max-height:800px)and (min-width:900px){.scoreboard-header{min-height:68px;padding-top:16px}.control-dock{padding:8px;gap:8px}.dock-button{padding:8px 10px}.start-button{min-height:54px;min-width:190px;font-size:20px;padding:10px 14px}.start-button kbd,.dock-button kbd{display:none}.secondary-controls{margin-top:6px}.board-footer{min-height:36px;padding-bottom:16px}.clock-state{font-size:18px}}@media(max-width:899px){.setup-columns{grid-template-columns:1fr}.setup-summary{position:static;display:grid;grid-template-columns:1fr 1fr}.summary-title{grid-column:1 / -1}.mini-board{grid-row:span 2}.summary-facts{border-top:0}.form-grid.three{grid-template-columns:repeat(3,1fr)}.setup-intro h1{font-size:36px}.section-caption>span,.quiet-tag{display:none}.setup-main{padding:0 20px}.scoreboard-header{min-height:60px;padding:10px var(--safe-x) 4px}.game-status,.brand-small .brand-org,.fullscreen-button span,.fullscreen-button kbd{display:none}.brand-small .brand-name{font-size:22px}.control-dock{gap:4px;padding:8px;width:100%}.dock-button{min-width:0;padding:6px 8px}.dock-button>span{font-size:14px}.start-button{min-width:150px;font-size:18px;padding:8px}.dock-divider{display:none}.secondary-controls{flex-wrap:wrap;gap:6px;justify-content:center}.readiness>span{font-size:14px}.pin-controls,.board-footer{font-size:14px}.board-stage{grid-template-columns:1fr 2.2fr 1fr}.period-label,.team-panel h2{font-size:26px}.team-panel h2.long-name{font-size:22px}.team-designation{font-size:16px}.score-buttons{gap:6px;flex-wrap:wrap}.score-buttons button{min-width:44px;min-height:44px;padding:6px;font-size:16px}.score-shortcut{display:none}.score-buttons button:last-child span{display:none}.shift-label{font-size:22px}}@media(max-width:599px){.setup-header{padding:0 20px}.setup-summary{display:block}.setup-intro h1{font-size:32px}.setup-intro{padding:24px 0}.preset-grid{grid-template-columns:1fr}.preset-card{min-height:0;padding:18px}.preset-top{margin-bottom:8px}.preset-description{margin-bottom:12px}.preset-detail{padding-top:10px}.settings-tabs{gap:10px;justify-content:space-between;padding:0 12px}.settings-tabs button{font-size:14px;gap:5px}.settings-tabs button svg{display:none}.form-grid,.form-grid.three{grid-template-columns:1fr}.branding-fields{grid-template-columns:1fr 100px}.logo-grid{grid-template-columns:1fr}.logo-preview{height:140px}.setup-footer{flex-direction:column;gap:12px}.setup-footer>div{max-width:100%}.take-ice{width:100%}.scoreboard-app{min-height:700px}.board-stage{grid-template-columns:1fr 1fr}.clock-column{grid-column:1 / -1;grid-row:1}.game-clock,.single-clock .game-clock{font-size:min(48vw,35cqh)}.timers-only .game-clock,.single-clock.timers-only .game-clock{font-size:min(48vw,50cqh)}.shift-panel{margin-top:1cqh;padding:0}.shift-time{font-size:min(28vw,20cqh)}.shift-label{font-size:18px}.clock-state{font-size:16px}.team-designation,.team-mark{display:none}.team-panel h2,.team-panel h2.long-name{font-size:22px;margin-top:0}.team-score,.team-score.three-digits{font-size:min(22vw,20cqh)}.score-buttons{margin:0}.control-dock{flex-wrap:wrap}.start-button{flex-basis:100%;min-height:48px}.dock-button{flex:1;padding:5px 3px;min-height:48px}.dock-button>svg{width:20px;height:20px}.dock-button>span{font-size:12px}.pin-controls{min-height:44px}.readiness{justify-content:center;gap:8px}.readiness>span{font-size:12px}.board-footer{font-size:12px;padding-bottom:8px}.controller-strip{font-size:14px}.modal{padding:20px}.game-tools-grid{grid-template-columns:1fr}.dialog-actions .button{white-space:normal}.period-message{font-size:22px}.timers-only{display:flex;align-items:center;justify-content:center}.timers-only .shift-panel{max-width:90vw}.timers-only .clock-column{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(min-width:900px)and (min-aspect-ratio:2/1){.shift-panel{margin-top:1cqh;padding-block:.5cqh}}