.shooter-controls[hidden],.shooter-rotate[hidden]{display:none!important}
.shooter-controls{position:fixed;inset:0;z-index:8;pointer-events:none;touch-action:none;font:600 12px/1.2 system-ui,sans-serif;color:#fff}
.shooter-look{position:absolute;right:0;top:0;width:60%;height:100%;pointer-events:auto;touch-action:none}
.shooter-look>span{position:absolute;right:25%;top:38%;opacity:.55;text-shadow:0 1px 3px #000}
.shooter-move{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:132px;height:132px;border:2px solid #ffffff85;border-radius:50%;background:#17263855;pointer-events:auto;touch-action:none}
.shooter-move>span{position:absolute;left:0;right:0;top:12px;text-align:center;text-shadow:0 1px 3px #000}
.shooter-move>i{position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#ffffff44;pointer-events:none}
.shooter-actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:268px;display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px;pointer-events:none}
.shooter-actions>button{min-width:44px;min-height:46px;padding:5px 3px;border:2px solid #ffffffb3;border-radius:12px;background:#10233799;color:#fff;font:inherit;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.shooter-actions>button.fire{background:#86332fbd;grid-column:span 2;font-size:15px}
.shooter-actions>button.held{background:#d6f7ff;color:#0b1822;border-color:#79e0ff}
.shooter-actions>button:focus-visible{outline:3px solid #ffcf55;outline-offset:3px}
.shooter-actions>button.pause{position:fixed;right:max(14px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));min-width:62px;background:#102337db}
.shooter-rotate{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#111b2bf2;color:#fff;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));font:16px/1.5 system-ui,sans-serif;text-align:center}
.shooter-rotate>div{max-width:420px}.shooter-rotate h2{font-size:28px;line-height:1.2;margin:0 0 20px}.shooter-rotate nav{display:flex;gap:12px;justify-content:center;margin-top:24px}
.shooter-rotate button{min-width:100px;min-height:48px;background:#d6f7ff;color:#111b2b;border:2px solid #fff;border-radius:10px;font:inherit;cursor:pointer}
html.shooter-touch canvas{touch-action:none}
@media(max-height:360px){.shooter-move{width:112px;height:112px;bottom:12px}.shooter-actions{bottom:8px;gap:4px}.shooter-actions>button{min-height:44px}}