#hockey-touch,.phone-setting{display:none}
body.touch-device{overscroll-behavior:none;-webkit-user-select:none;user-select:none}
.touch-device #rink{touch-action:none}
.touch-device .phone-setting{display:block}
.touch-device input,.touch-device select{font-size:16px}
.touch-device.in-game #header,.touch-device .play-hints{display:none}
.touch-device.in-game #hockey-touch{display:block;position:fixed;inset:0;z-index:8;pointer-events:none;touch-action:none}
.touch-device [data-skate]{position:absolute;left:0;bottom:0;width:46%;height:65%;pointer-events:auto;touch-action:none}
.skate-ring{position:absolute;left:var(--origin-x,82px);top:var(--origin-y,calc(100% - 145px - env(safe-area-inset-bottom)));width:108px;height:108px;transform:translate(-50%,-50%);border:2px solid #c6f5ff90;background:#092c4059;border-radius:50%;pointer-events:none}
.skate-ring i{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(calc(-50% + var(--stick-x,0px)),calc(-50% + var(--stick-y,0px)));border-radius:50%;background:#e0f7fba8;border:2px solid #ecffffb0}
.skate-ring span{position:absolute;top:100%;left:-20px;right:-20px;text-align:center;margin-top:9px;font-size:8px;color:#082f42;font-weight:800;letter-spacing:.3px;text-shadow:0 1px 3px #fff}
[data-skate].held .skate-ring{border-color:#56e4ef;background:#0e7a873b}
.touch-device .hockey-actions{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));width:184px;height:180px;pointer-events:none}
.touch-device .hockey-actions button{position:absolute;width:52px;height:52px;border-radius:50%;border:1px solid #d4effbb3;background:#0a2a40da;color:#e5f7ff;font-size:10px;font-weight:800;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;transition:none}
.touch-device .hockey-actions button.held{background:#0d8b9e;box-shadow:inset 0 0 0 2px #a8efff;transform:none}
[data-hockey="switch"]{left:0;top:0}[data-hockey="check"]{left:66px;top:0}[data-hockey="deke"]{right:0;top:0}
[data-hockey="auto"]{left:0;top:62px}[data-hockey="pass"]{left:0;bottom:0}
.touch-device .hockey-actions [data-hockey="shoot"]{right:0;bottom:0;width:88px;height:88px;background:#d4f4f0ed;color:#103343;border:2px solid #2aa7b9;font-size:16px}
[data-hockey="shoot"] small{display:block;font-size:8px;margin-top:6px;font-weight:600}
.touch-device .scoreboard{top:calc(10px + env(safe-area-inset-top));max-width:calc(100vw - 110px);left:max(12px,env(safe-area-inset-left));transform:none}
.touch-device .scoreboard .team{padding:8px 12px;gap:7px}
.touch-device .scoreboard .team>span{display:none}
.touch-device .scoreboard .team b{font-size:25px}
.touch-device .scoreboard .clock{padding:8px 10px;min-width:90px}
.touch-device .scoreboard .clock strong{font-size:21px}
.touch-device .scoreboard .clock small{font-size:6px}
.touch-device .pause{top:calc(10px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:48px;height:48px;z-index:10}
.touch-device .network-chip{display:none}
.touch-device #minimap{left:max(12px,env(safe-area-inset-left));top:calc(76px + env(safe-area-inset-top));width:52px;height:92px}
.touch-device .energy{left:max(16px,env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));width:142px;padding:9px}
.touch-device .energy>div:first-child{font-size:7px;gap:5px}
.touch-device .energy #movement-state{display:none}
.touch-device .power{left:auto;right:max(16px,env(safe-area-inset-right));transform:none;bottom:calc(216px + env(safe-area-inset-bottom));width:160px;padding:9px}
.touch-device .power small{display:none}
.touch-device #aim-panel{right:max(16px,env(safe-area-inset-right));bottom:calc(273px + env(safe-area-inset-bottom));width:120px}
.touch-device #aim-panel>small{display:none}
.touch-device #drill-help{top:calc(80px + env(safe-area-inset-top));left:80px;right:72px;width:auto;padding:10px;max-height:120px;overflow:auto}
.touch-device #drill-help p{font-size:10px;margin:7px 0}
.touch-device #drill-help button{min-height:44px}
.touch-device .modal{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:30}
.touch-device .modal>.panel{max-height:calc(100dvh - 24px);overflow:auto}
.touch-device .player-chat.pc-compact{top:calc(76px + env(safe-area-inset-top))!important;bottom:auto!important;right:max(12px,env(safe-area-inset-right))!important}
@media(orientation:landscape) and (max-height:600px){
 .touch-device .scoreboard{left:50%;transform:translateX(-50%)}
 .skate-ring{left:var(--origin-x,calc(82px + env(safe-area-inset-left)));top:var(--origin-y,calc(100% - 90px - env(safe-area-inset-bottom)));width:96px;height:96px}
 .touch-device .hockey-actions{bottom:calc(14px + env(safe-area-inset-bottom))}
 .touch-device .hockey-actions [data-hockey="shoot"]{width:80px;height:80px}
 .touch-device .energy{left:calc(146px + env(safe-area-inset-left));width:134px;bottom:calc(12px + env(safe-area-inset-bottom))}
 .touch-device .power{right:calc(216px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:150px}
 .touch-device #aim-panel{right:calc(216px + env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom))}
 .touch-device #minimap{top:calc(12px + env(safe-area-inset-top));height:78px;width:44px}
 .touch-device #drill-help{left:70px;right:auto;width:190px;top:calc(12px + env(safe-area-inset-top));max-height:116px}
 .touch-device #drill-help p{display:none}
 .touch-device #drill-help .secondary{margin:5px 6px 0 0;padding:6px;font-size:9px}
 .touch-device #drill-help .text-button{display:inline-block;font-size:9px}
}

.touch-device.in-game .music-player{display:none}
.touch-device #net-target{height:56px}
.touch-device #aim-panel #shot-placement{font-size:7px}
.touch-device #aim-panel .aim-heading{font-size:7px}

@media(orientation:landscape) and (max-height:600px){
 .touch-device .player-chat.pc-compact{left:calc(284px + env(safe-area-inset-left))!important;right:auto!important}
}