.hockey-page .pub-layout{max-width:1260px;grid-template-columns:1fr 1.1fr;gap:9%}.hockey-page .pub-intro h1{font-size:clamp(78px,8vw,116px);margin:24px 0}
.hockey-page .stage{aspect-ratio:420/600;max-height:min(65dvh,calc(100dvh - 325px),620px);width:auto;border-radius:16px;border:1px solid var(--line)}
.hockey-page .mode-select{margin:0;border:0;width:auto;max-width:calc(100% - 64px);font-size:12px;padding-left:0}.hockey-page .machine-top{gap:12px}
.hockey-page #score{color:var(--gold)}.hockey-page #extra{font-size:22px;color:var(--muted)}.hockey-page .scoreboard>div:nth-child(2){text-align:center}
.hockey-page #panel{inset:auto 10px 10px;padding:18px;gap:10px;background:#152017f5;border:1px solid var(--line)}.hockey-page #panel h2{font-size:32px}.hockey-page #panel .eyebrow{font-size:9px;margin:0}
#board{cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#board:active{cursor:grabbing}#board:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
#control-hint{font-size:11px;text-align:center;color:var(--muted);margin:10px 0 0;line-height:1.5}.hockey-page #status{margin:6px 0 0;font-size:12px;min-height:32px}
.hockey-page .stage:has(#panel:not([hidden]) #share:not([hidden])){max-height:none;aspect-ratio:auto}.hockey-page .stage:has(#panel:not([hidden]) #share:not([hidden])) canvas{display:none}.hockey-page #panel:has(#share:not([hidden])){position:static;margin:10px;min-height:230px}
@media(max-width:900px){.hockey-page .pub-layout{display:block;max-width:540px;padding-top:8px}.hockey-page .pub-intro h1{font-size:37px;margin:0;letter-spacing:-1px}.hockey-page .stage{max-height:60dvh}.hockey-page #panel{padding:12px;gap:8px}.hockey-page #panel h2{font-size:27px}.hockey-page #panel .eyebrow{display:none}}
@media(max-width:900px) and (max-height:760px){.hockey-page .pub-intro h1{font-size:32px}.hockey-page .scoreboard{padding:3px 0}.hockey-page .scoreboard strong{font-size:25px}.hockey-page .stage{max-height:max(240px,calc(100dvh - 285px))}.hockey-page #panel{inset:auto 6px 6px;padding:9px;gap:6px}.hockey-page #panel h2{font-size:23px}.hockey-page #panel p{font-size:11px;line-height:1.4}.hockey-page #control-hint{font-size:10px;margin-top:7px}.hockey-page #status{font-size:11px;line-height:1.4}}