#hockeyUI{display:none;position:fixed;inset:0;z-index:42;color:#f6e8c8;font-family:Rubik,Arial,sans-serif;direction:rtl;background:#152b3b}
.hockey-playing #hockeyUI{display:block}
#hockeyCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none;cursor:crosshair}
.hockey-head{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}
.hockey-name{font-size:12px;color:#a8bfc8}
#hockeyScore{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:5px;font-variant-numeric:tabular-nums}
#hockeyScore b{font-size:36px;line-height:1.1}#hockeyScore span{font-size:11px;color:#b8c9ce;white-space:nowrap}
#hockeyStatus{font-size:12px;margin-top:5px;white-space:nowrap}
#hockeyUI button{position:absolute;border:1px solid #7d939e;background:#233e50;color:#f6e8c8;border-radius:99px;padding:12px 18px;min-height:44px;font:500 14px Rubik,Arial,sans-serif;cursor:pointer;touch-action:none}
#hockeyExit{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}
#hockeyAgain,#hockeyJoin{bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#f0c58c!important;color:#213444!important}
#hockeyHint{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);text-align:center;font-size:11px;color:#d4ddd7;pointer-events:none;white-space:nowrap}
#hockeyHint small{display:block;margin-top:6px;font-size:11px;color:#9cb3be}.touch-mode #hockeyHint small{display:none}
#hockeyStick{display:none;position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(48px,env(safe-area-inset-bottom));width:96px;height:96px;border:1px solid #a7bfc366;border-radius:50%;background:#ffffff08;touch-action:none}
#hockeyStick i{position:absolute;left:27px;top:27px;width:40px;height:40px;background:#c4d8df55;border:1px solid #c8dce1;border-radius:50%;transform:translate(var(--sx,0px),var(--sy,0px));pointer-events:none}
#hockeyShoot{display:none;right:max(25px,env(safe-area-inset-right));bottom:max(53px,env(safe-area-inset-bottom));width:82px;height:82px;background:#f0c58c!important;color:#213444!important;font-size:32px!important;line-height:1!important;border:0!important;box-shadow:0 5px 0 #a37e50;padding:8px!important}#hockeyShoot span{display:block;font-size:12px;margin-top:4px}
.touch-mode #hockeyStick,.touch-mode #hockeyShoot{display:block}
#hockeyUI [hidden]{display:none!important}
.hockey-playing #stick,.hockey-playing #act,.hockey-playing #jump,.hockey-playing #leaveBtn,.hockey-playing #contextKeys,.hockey-playing #gameHud,.hockey-playing #lockHint,.hockey-playing #mobileMore,.hockey-playing #mobileQuick{display:none!important}
@media(max-width:500px){#hockeyExit{font-size:12px;padding:9px 12px;top:68px}#hockeyScore{gap:22px}.hockey-head{top:max(14px,env(safe-area-inset-top))}}
@media(max-height:500px) and (min-width:501px){.hockey-head{top:5px}#hockeyScore{display:inline-flex;margin:0 10px;gap:20px}#hockeyScore b{font-size:26px}.hockey-name{display:none}#hockeyStatus{margin:0;font-size:11px}#hockeyExit{top:10px;padding:8px 14px}#hockeyHint{bottom:8px}#hockeyStick{left:max(12px,env(safe-area-inset-left));bottom:40px;width:84px;height:84px}#hockeyStick i{left:21px;top:21px}#hockeyShoot{right:max(12px,env(safe-area-inset-right));bottom:45px;width:72px;height:72px}}