@layer games {
@scope(.hockey-page){:scope{--hockey-ink:#23444c;--hockey-muted:#607d7b;--hockey-paper:#fbf6e8;--hockey-line:#c6d4c5;--hockey-teal:#256fa9;--hockey-coral:#bd4b3b;--hockey-gold:#ffd271;--hockey-stage-height:clamp(560px, 83svh, 900px);color:var(--hockey-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans), sans-serif}.hockey-heading{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);margin:0 auto;padding-block:28px 24px;display:flex}.hockey-eyebrow{letter-spacing:.2em;color:var(--hockey-teal);font-size:11px;font-weight:800}.hockey-heading h1{letter-spacing:.04em;margin:8px 0;font-size:clamp(26px,4vw,42px);line-height:1.2}.hockey-heading p{color:var(--hockey-muted);margin:0;font-size:14px}.hockey-heading>div{min-width:0}.hockey-heading .game-favorite-button.is-title{border:1px solid var(--hockey-line);min-height:34px;color:var(--hockey-muted);white-space:nowrap;background:#f2f7ed;flex:none;gap:4px;margin-top:0;padding:5px 10px;font-size:11px;line-height:1}.hockey-heading .game-favorite-button.is-title.is-favorite{color:var(--hockey-coral)}.hockey-heading .game-favorite-button.is-title svg{width:1.1em;height:1.1em}.hockey-lobby{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:var(--hockey-stage-height);background:var(--hockey-paper);border:1px solid var(--hockey-line);border-radius:var(--radius-m);grid-template-columns:1.1fr 1fr;width:min(1180px,100% - 32px);margin:auto;display:grid;overflow:hidden;box-shadow:0 16px 60px #27504d12}.hockey-showcase{background:#bfd9d0;min-height:0;position:relative}.hockey-preview{position:absolute;inset:0}.hockey-preview canvas{width:100%;height:100%;display:block}.hockey-stamp{background:var(--hockey-paper);border:1px solid var(--hockey-line);border-radius:var(--radius-lg);padding:12px 18px;display:grid;position:absolute;top:24px;left:24px;transform:rotate(-5deg);box-shadow:4px 5px #23444c15}.hockey-stamp b{font-variant-numeric:tabular-nums;font-size:38px;line-height:1}.hockey-stamp span{letter-spacing:.12em;margin-top:5px;font-size:9px}.hockey-showcase-caption{bottom:16px;text-align:center;font-size:12px;font-weight:700;position:absolute;inset-inline:20px}.hockey-setup{min-height:0;padding:32px;overflow-y:auto}.hockey-setup h2{margin:10px 0 24px;font-size:clamp(22px,2.5vw,30px)}fieldset{border:0;min-width:0;margin:0 0 18px;padding:0}legend{letter-spacing:.06em;margin-bottom:8px;padding:0;font-size:12px;font-weight:800}.hockey-options{gap:7px;display:flex}.hockey-options button{min-width:0;color:var(--hockey-ink);border:1px solid var(--hockey-line);border-radius:var(--radius-md);cursor:pointer;background:#fffdf5;flex:1;padding:12px 5px;font-size:12px;line-height:1.5;transition:background .15s,border-color .15s}.hockey-options button b{font-size:15px;display:block}.hockey-options small{color:var(--hockey-muted);margin-top:4px;font-size:10px;display:block}.hockey-options button[aria-pressed=true]{border-color:var(--hockey-teal);box-shadow:inset 0 -3px 0 var(--hockey-teal);background:#e1efe6}.hockey-options button:disabled{cursor:default;opacity:.6}.hockey-help{color:var(--hockey-muted);margin:8px 0 0;font-size:11px;line-height:1.7}.hockey-primary{background:var(--hockey-gold);width:100%;min-height:54px;color:var(--hockey-ink);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #e9b859;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px #d3a954}.hockey-primary span{font-size:25px;font-weight:400}.hockey-primary:active{transform:translateY(2px);box-shadow:0 2px #d3a954}.hockey-sound-options{-moz-column-gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;display:grid}.hockey-sound{cursor:pointer;align-items:center;gap:8px;margin:14px 0;font-size:12px;display:flex}.hockey-sound input{accent-color:var(--hockey-teal);flex-shrink:0;width:18px;height:18px}.hockey-record{text-align:center;color:var(--hockey-muted);margin:15px 0 0;font-size:11px}.hockey-after-game{width:min(1180px,100% - 32px);margin:0 auto 36px}.hockey-rules{--line:var(--hockey-line);--foreground:var(--hockey-ink)}.hockey-rules :where(summary,h3){color:var(--hockey-teal)}.hockey-rules summary:before,.hockey-rules summary:after{background:var(--hockey-teal)}:where(button,input,a,[tabindex]):focus-visible{outline:3px solid var(--hockey-teal);outline-offset:4px}@media (max-width:820px){.hockey-lobby{grid-template-rows:clamp(180px,34%,260px) minmax(0,1fr);grid-template-columns:1fr;margin-inline:12px}.hockey-showcase{min-height:0}.hockey-preview{pointer-events:none;inset:0}.hockey-showcase{overflow:hidden}.hockey-showcase-caption{display:none}.hockey-setup{padding:22px}.hockey-stamp{top:15px;left:15px}.hockey-heading{flex-wrap:nowrap;gap:8px;padding-block:24px 18px}}@media (max-width:520px){.hockey-lobby{grid-template-rows:280px auto;height:auto;overflow:visible}.hockey-showcase{border-radius:var(--radius-m) var(--radius-m) 0 0}.hockey-setup{overflow:visible}}@media (prefers-reduced-motion:reduce){*{transition:none}}}
}

@layer games {
@scope(.hockey-page){.hockey-match{height:var(--hockey-stage-height);background:var(--hockey-paper);border:1px solid var(--hockey-line);border-radius:var(--radius-m);isolation:isolate;flex-direction:column;width:min(1180px,100% - 32px);margin:auto;display:flex;overflow:hidden;container:hockey-stage/size}:scope.hockey-match{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:var(--hockey-stage-height);background:var(--hockey-paper);border:1px solid var(--hockey-line);border-radius:var(--radius-m);isolation:isolate;flex-direction:column;width:min(1180px,100% - 32px);margin:auto;display:flex;position:relative;overflow:hidden;container:hockey-stage/size}:scope.hockey-expanded{inset-inline:0;z-index:2147483000;width:100%;max-width:none;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;border:0;border-radius:0;margin:0;position:fixed;top:0}.hockey-scorebar{pointer-events:none;z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:0;display:flex;position:absolute;inset:16px 20px auto}.hockey-scorebar-bottom{display:none;inset:auto 20px 16px}@container hockey-stage (min-width:900px){.hockey-scorebar-bottom{display:flex}}@container hockey-stage (min-height:820px){.hockey-scorebar-bottom{display:flex}}.hockey-score{border-radius:var(--radius-m);background:linear-gradient(145deg,#24464a,#132d33);border:2px solid #b8c1a4;flex:0 210px;grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 14px;min-width:0;padding:9px 14px;display:grid;position:relative;box-shadow:inset 0 2px 7px #071d26a0,0 3px #233e40,0 5px 12px #163e3930}.hockey-score>span{color:#f5efcf;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.hockey-score strong{grid-area:1/2/3;line-height:1;display:flex}.hockey-score strong svg{fill:currentColor;filter:drop-shadow(0 0 3px);width:30px;height:50px;display:block}.hockey-score.hockey-coral{color:#ffa697}.hockey-score.hockey-teal{color:#94ccff}.hockey-score-lights{gap:4px;display:flex}.hockey-score-lights i{border-radius:var(--radius-s);background:#ffffff14;flex:1;height:5px}.hockey-score-lights i[data-lit=true]{background:currentColor;box-shadow:0 0 5px}.hockey-coral{color:var(--hockey-coral)}.hockey-teal{color:var(--hockey-teal);justify-content:flex-end}.hockey-opposite{justify-content:flex-start;transform:rotate(180deg)}.hockey-match-controls{text-align:center;color:#f5efcf;pointer-events:auto;border-radius:var(--radius-m);background:linear-gradient(#345859,#203d43);border:2px solid #b8c1a4;padding:5px 7px 7px;box-shadow:inset 0 1px #ffffff30,0 3px #233e40}.hockey-match-controls>span{letter-spacing:.14em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.hockey-match-controls>div{gap:5px;display:flex}.hockey-match-controls button{color:#23444c;border-radius:var(--radius-s);cursor:pointer;background:linear-gradient(#f3f0d9,#c6d8c7);border:1px solid #b9cbbb;border-bottom:3px solid #6b8e84;place-items:center;width:44px;height:40px;padding:0;display:grid;box-shadow:0 2px 3px #061c2740}.hockey-match-controls button svg{width:24px;height:24px}.hockey-match-controls button[aria-pressed=false]{color:#7c8881;background:#b1c2b5}.hockey-match-controls button:active{box-shadow:none;transform:translateY(2px)}.hockey-arena{flex:1;min-height:0;position:relative}.hockey-canvas{touch-action:none;overscroll-behavior:none;cursor:crosshair;outline-offset:-4px;position:absolute;inset:0}.hockey-canvas canvas{width:100%;height:100%;display:block}.hockey-table-messages{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hockey-table-message{text-align:center;background:radial-gradient(#fff9eaf5 30%,#fff9eac9 60%,#fff9ea00 74%);width:min(420px,94%);padding:16px 20px;animation:.22s ease-out both hockey-score-arrive}.hockey-goal-heading{letter-spacing:-.04em;text-shadow:0 2px #fff9e8;justify-content:center;align-items:center;gap:14px;font-size:clamp(30px,5vw,48px);font-style:italic;font-weight:900;line-height:1;display:flex}.hockey-goal-heading b{font-size:1.12em;line-height:1}.hockey-goal-name{overflow-wrap:anywhere;margin:8px 0;font-size:clamp(12px,3.6vw,16px);font-weight:800}.hockey-table-message>small{color:var(--hockey-ink);font-size:11px}.hockey-score-line{font-variant-numeric:tabular-nums;justify-content:center;gap:26px;margin:8px 0;display:flex}.hockey-score-line>div{justify-content:stretch;gap:3px;width:100px;min-width:0;display:grid}.hockey-score-line span{overflow-wrap:anywhere;font-size:11px}.hockey-score-line strong{font-size:42px;line-height:1}.hockey-table-messages-dual{grid-template-rows:1fr 1fr;padding-block:3%}.hockey-table-message-opposite{rotate:180deg}.hockey-table-messages-multi .hockey-table-message{background:0 0}.hockey-table-messages-live .hockey-table-message{padding-block:5px}.hockey-table-messages-live .hockey-goal-heading{font-size:25px}.hockey-table-messages-live .hockey-score-line strong{font-size:27px}@keyframes hockey-score-arrive{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.hockey-table-message{animation:none}}.hockey-effect{pointer-events:none;color:#ffe29b;justify-items:center;width:max-content;max-width:90%;animation:1.25s both hockey-item-sweep;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hockey-effect>span{letter-spacing:.06em;text-align:center;text-shadow:0 0 12px #ffe29b50;background:linear-gradient(90deg,#15384000,#153840f2 15% 85%,#15384000);border-block:1px solid #e5cb8a80;padding:10px 24px;font-size:clamp(14px,2.5vw,23px);font-style:italic;font-weight:900}.hockey-item-coral{color:#ffa697}.hockey-item-teal{color:#94ccff}.hockey-effect-dual{gap:12px}.hockey-effect-mirror{rotate:180deg}@keyframes hockey-item-sweep{0%{opacity:0;translate:-55px}15%,78%{opacity:1;translate:0}to{opacity:0;translate:45px}}@media (prefers-reduced-motion:reduce){.hockey-effect{animation:none}}.hockey-result-mirror{border-top:1px solid var(--hockey-line);margin-bottom:18px;padding-top:14px;rotate:180deg}.hockey-scrim{z-index:3;background:radial-gradient(#13303965,#13303925);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.hockey-dialog{--hockey-panel-accent:#f3d58c;color:#f5efcf;border-radius:var(--radius-l);box-sizing:border-box;text-align:center;background:linear-gradient(145deg,#2c5054f5,#132d33f5);border:2px solid #b8c1a4;width:100%;max-width:440px;max-height:100%;padding:24px;overflow-y:auto;box-shadow:0 14px 70px #183d3a40}.hockey-dialog h2{text-wrap:balance;margin:12px 0;font-size:clamp(20px,5vw,28px);line-height:1.4}.hockey-dialog p{font-size:13px;line-height:1.8}.hockey-dialog[data-winner="0"]{--hockey-panel-accent:#ffa697}.hockey-dialog[data-winner="1"]{--hockey-panel-accent:#94ccff}.hockey-dialog .hockey-eyebrow{color:var(--hockey-panel-accent)}.hockey-dialog h2{color:var(--hockey-panel-accent);overflow-wrap:anywhere}.hockey-dialog-emblem{width:42px;height:42px;color:var(--hockey-panel-accent);margin:12px auto 0;display:block}.hockey-result-scores{gap:12px;margin:20px 0;display:flex}.hockey-result-scores .hockey-score{flex:1}.hockey-dialog[data-winner="0"] .hockey-result-scores .hockey-coral,.hockey-dialog[data-winner="1"] .hockey-result-scores .hockey-teal{border-color:var(--hockey-panel-accent);box-shadow:inset 0 2px 7px #071d26a0,0 0 15px #f3d58c35}.hockey-dialog .hockey-primary{border-radius:var(--radius-m);color:#213f45;background:linear-gradient(#f5e4ac,#d4b878);border:1px solid #f8e9ba;box-shadow:0 4px #887443}.hockey-dialog .hockey-primary svg{width:26px;height:26px}.hockey-quiet{border-radius:var(--radius-m);color:#d6e3d9;cursor:pointer;background:#ffffff08;border:1px solid #91aaa36b;width:100%;margin-top:14px;padding:12px;font-size:12px}.hockey-result-mirror .hockey-coral{color:#ffa697}.hockey-result-mirror .hockey-teal{color:#94ccff}.hockey-fallback{pointer-events:none;color:#375451;font-size:10px;position:absolute;bottom:6px;left:10px}.hockey-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:520px){.hockey-scorebar{gap:4px;padding:0;inset:10px 8px auto}.hockey-scorebar-bottom{inset:auto 8px 10px}.hockey-score{flex-basis:94px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;padding:7px 6px}.hockey-score>span{max-width:100%;font-size:10px}.hockey-score strong{grid-area:2/1}.hockey-score strong svg{width:24px;height:34px}.hockey-score-lights{gap:3px;width:100%}.hockey-score-lights i{height:3px}.hockey-match-controls{padding-inline:5px}.hockey-match-controls button{width:36px;height:40px}.hockey-match-controls button svg{width:22px;height:22px}:scope.hockey-match{border-radius:var(--radius-m);height:clamp(530px,86svh,920px)}:scope.hockey-expanded{border-radius:0;height:100dvh}}@media (max-height:500px){:scope.hockey-expanded .hockey-scorebar{padding-block:3px}.hockey-dialog{padding:12px 22px}.hockey-dialog h2{font-size:21px}.hockey-dialog .hockey-final-score{margin:8px;font-size:32px}}}
}