/* The rink is the working surface. Match information stays over the ice. */
body{overflow:hidden;background:#080f1b}
.zamboni-button{border-color:#ef9948!important;color:#ffc68a!important}.first-person-button{position:absolute;right:20px;top:106px;z-index:6;background:#102236e8;color:#eaf4ff;border:1px solid #547086;font:10px monospace;padding:8px;cursor:pointer}
#crosshair{position:absolute;left:50%;top:50%;z-index:5;color:#fff;font:22px monospace;text-shadow:0 1px 3px #000;transform:translate(-50%,-50%);pointer-events:none}
.zamboni-hud{position:absolute;top:18px;left:20px;z-index:8;background:#0b1d30ee;border:1px solid #547086;border-top:3px solid #f79940;color:#eff8ff;width:min(540px,calc(100% - 40px));padding:16px;box-sizing:border-box;font:12px monospace}.zamboni-hud[hidden]{display:none}.zamboni-heading{display:flex;justify-content:space-between;gap:12px;letter-spacing:1px}.zamboni-heading span{color:#ffbd77;letter-spacing:0}.zamboni-stats{display:flex;justify-content:space-between;margin:15px 0}.zamboni-stats strong{display:block;font-size:26px}.zamboni-stats small{display:block;font-size:9px;color:#a1b9ca;margin-top:4px}.zamboni-hud progress{width:100%;height:8px;accent-color:#62dcb6}.zamboni-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:9px}.zamboni-actions span{width:100%;color:#b6cad9}.zamboni-actions button{background:#19374b;color:#fff;border:1px solid #537487;padding:8px;font:10px monospace;cursor:pointer}.resurfacing .scorebug,.resurfacing .arena-label,.resurfacing .faceoff-callout{display:none}
@media(max-width:700px){.first-person-button{top:146px;right:10px}.zamboni-hud{top:190px;left:10px;width:calc(100% - 20px)}.topbar .brand-name{font-size:12px}.top-status{gap:4px!important}.topbar{padding:0 6px!important}.sound-button{font-size:8px!important;padding:5px!important}.topbar .brand-mark{display:none}}
.app-shell{width:100%;height:100dvh;padding:0;max-width:none}
.topbar{height:54px;min-height:54px;padding:0 22px;border-bottom:1px solid #24364a}
.brand-kicker,.status-pill,.signal-bars,.footer-bar,.control-panel,.rink-vignette{display:none}
.brand-name{font-size:22px}.brand-mark{transform:scale(.7);width:26px}.top-status{gap:18px}
.game-layout{display:block;margin:0;height:calc(100dvh - 54px)}
.rink-column{height:100%}.arena-wrap{height:calc(100% - 42px);min-height:0;aspect-ratio:auto;border:0;box-shadow:none;background:#0b1729}
.bottom-strip{height:42px;min-height:42px;padding:0 22px;background:#101d2e;display:flex;gap:18px}
.possession{width:auto;gap:10px}.possession-label{display:none}.possession-bar{width:60px}
.mini-note{font-size:12px}.mini-key{font-size:11px}.scorebug{display:grid;top:18px;height:56px;min-width:430px;grid-template-columns:1fr 90px 1fr;border-radius:3px;box-shadow:0 4px 20px #0005}
.scorebug-name{font-size:11px}.scorebug-middle b{font-size:20px}.scorebug-team strong{font-size:28px}.scorebug-middle span{font-size:10px}
.arena-label{top:23px;color:#d8e5ee}.label-chip{border-color:#8099aa;background:#142638cc}.camera-chip{top:24px;right:20px;padding:9px;color:#d8eaf3;background:#102236df;border-color:#547086;font-size:11px}
.fps-chip{font-size:11px;bottom:15px}.faceoff-callout{font-size:12px;top:88px;background:#102236e8;color:#fff;border-bottom:2px solid #f89b41}
.sound-button{white-space:nowrap}.top-status{gap:10px}.faceoff-callout{min-width:260px;text-align:center}
.camera-zoom{position:absolute;right:20px;top:66px;z-index:5;display:flex;align-items:center;gap:7px;font:9px monospace;color:#e7f2fc;background:#102236cc;padding:7px;border:1px solid #547086}.camera-zoom input{width:85px;accent-color:#f08c42}
@media(max-width:700px){.camera-zoom{top:108px;right:10px}.faceoff-callout{display:none}}
@media(max-width:520px){.brand-name{font-size:13px}.brand-mark{display:none}.topbar{padding:0 8px}.top-status{gap:5px}.sound-button{font-size:8px;padding:6px}.network-readout{display:none!important}.bottom-strip{height:65px;align-items:center}.arena-wrap{height:calc(100% - 65px)}.faceoff-callout{top:110px;font-size:10px}.scorebug{min-width:310px}.mini-note{line-height:1.6}.possession{max-width:65px}}
@media(max-width:700px){.topbar{padding:0 10px}.brand-name{font-size:18px}.scorebug{min-width:330px;top:12px;height:47px}.scorebug-name{font-size:9px}.arena-label{display:none}.camera-chip{top:70px;right:10px}.bottom-strip{padding:0 10px}.mini-note{font-size:10px;margin:0}.possession-bar{display:none}.network-readout{display:flex}.scorebug-middle b{font-size:17px}}
 #gameCanvas{touch-action:none;cursor:crosshair}.resurfacing #gameCanvas{cursor:grab}.resurfacing #gameCanvas:active{cursor:grabbing}
 #gameCanvas:focus-visible{outline:2px solid #73cfff;outline-offset:-2px}
/* Leave the center-hung screens unobscured in narrow game panels. */
@media(max-width:700px){.zamboni-hud{top:auto;bottom:48px;padding:12px}.zamboni-actions{gap:6px}.zamboni-actions span{font-size:8px}}
 .shot-meter{position:absolute;z-index:9;bottom:65px;left:50%;transform:translateX(-50%);background:#101d2ee8;border:1px solid #d89742;padding:10px 14px;width:180px;color:#ffda8e;font:11px monospace;text-align:center;pointer-events:none}.shot-meter[hidden]{display:none}.shot-meter>div{height:6px;background:#34414c;margin-top:8px}.shot-meter i{display:block;height:100%;background:#ffb349;width:0}
 .controls-help{position:absolute;z-index:12;bottom:14px;right:16px;color:#dcecf1;font:11px monospace}.controls-help summary{cursor:pointer;padding:8px 12px;background:#14263be8;border:1px solid #526879;list-style:none}.controls-help>div{position:absolute;right:0;bottom:38px;width:min(340px,80vw);padding:16px;background:#0d1c2bf5;border:1px solid #526879;line-height:1.6}.controls-help strong{color:#f6b065}.controls-help p{margin:8px 0}