html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}body{position:fixed;inset:0;user-select:none;-webkit-user-select:none}#game{height:100%;height:100dvh;min-height:0}#world,canvas{touch-action:none}.back{color:#193433;text-decoration:none;font-weight:800;display:flex;align-items:center;min-height:44px;white-space:nowrap}.brand{margin-right:auto}header{top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));gap:18px}nav button,.tools button{min-width:44px;min-height:44px}.gesture-controls{pointer-events:none}footer{bottom:max(12px,env(safe-area-inset-bottom))}footer button{min-height:44px}dialog{max-height:calc(100dvh - 24px);overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.close{min-width:44px;min-height:44px;top:6px;right:6px}#error{inset:20%;overflow:auto;touch-action:pan-y}
@media(max-width:640px){header{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));gap:10px;flex-wrap:nowrap}.brand-icon,.brand p,h1 span{display:none}h1{font-size:23px}.back{font-size:13px}.tools{gap:5px}.tools #sound{width:55px}nav{top:52px;left:50%;transform:translateX(-50%);gap:2px;padding:3px}.mission{top:124px;left:16px;right:16px}.mission .eyebrow{display:none}.mission h2{font-size:26px;margin:0 0 5px}.mission p{font-size:11px;max-width:235px}.stats{position:absolute;right:0;top:0;margin:0;gap:12px}.stats b{font-size:23px}.stats small{font-size:7px}.mission h2,.mission p{max-width:calc(100% - 120px)}.gesture-controls{bottom:calc(58px + env(safe-area-inset-bottom));padding:12px 15px;gap:9px}.gesture-controls .aim-title b{font-size:22px}.gesture-controls .crosshair{font-size:26px}.gesture-controls .aim-title div>span{font-size:10px}.shot-readout b{font-size:20px}.shot-readout>span{font-size:8px;letter-spacing:.6px}#toast{bottom:calc(190px + env(safe-area-inset-bottom));font-size:10px;padding:8px 12px}footer{left:15px;right:15px}.target-label{font-size:8px}#error{inset:15% 5%}}
@media(max-height:540px){header{top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));gap:12px}.brand-icon,.brand p{display:none}h1{font-size:22px}nav{position:static;transform:none;gap:2px;padding:2px}.mission{top:68px;left:max(14px,env(safe-area-inset-left))}.mission .eyebrow,.mission p,.stats{display:none}.mission h2{font-size:24px;max-width:none;margin:0}.gesture-controls{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:calc(49px + env(safe-area-inset-bottom));padding:8px 14px;flex-wrap:nowrap;gap:16px}.gesture-controls .aim-title{flex-basis:auto}.gesture-controls .aim-title b{font-size:20px}.gesture-controls .aim-title div>span,.crosshair,.gesture-badge{display:none}.shot-readout{width:auto;gap:16px}.shot-readout>span{display:flex;gap:6px;align-items:center;font-size:8px}.shot-readout b{font-size:20px;margin:0}#toast{bottom:calc(106px + env(safe-area-inset-bottom));font-size:10px;padding:6px 12px}footer{bottom:env(safe-area-inset-bottom)}footer>span{display:none}footer button{margin-left:auto}dialog{padding:20px}dialog h2{font-size:30px;margin:10px 0}.win-symbol{display:none}.win-stats{margin:10px}.primary{padding:10px;margin-top:8px}.text-button{margin-top:10px}}

/* Aiming information belongs to the slingshot itself, leaving the play field unobstructed. */
.sling-aim{position:fixed;z-index:5;min-width:86px;padding:9px 11px;border:2px solid #f05a22;border-radius:12px;background:#fffdf4eF;color:#193d35;box-shadow:0 8px 24px #17332a33;transform:translate(calc(-100% - 34px),-75%);pointer-events:none;text-align:center;transition:opacity .18s,transform .18s}
.sling-aim::after{content:"";position:absolute;right:-36px;top:50%;width:34px;height:2px;background:#f05a22}
.sling-aim span,.sling-aim small{display:block;font-size:8px;font-weight:800;letter-spacing:1.2px;color:#738075}
.sling-aim b{display:block;margin:1px 0;font:800 30px/1 'Barlow Condensed',Impact,sans-serif;color:#ec5222}
.sling-aim.active{transform:translate(calc(-100% - 34px),-75%) scale(1.08);box-shadow:0 10px 30px #17332a44}
.sling-aim.hidden{opacity:0}
#toast{bottom:72px}
@media(max-width:640px){.sling-aim{min-width:72px;padding:7px 8px;transform:translate(calc(-100% - 25px),-75%)}.sling-aim::after{right:-27px;width:25px}.sling-aim.active{transform:translate(calc(-100% - 25px),-75%) scale(1.06)}.sling-aim b{font-size:25px}.sling-aim small{font-size:7px;letter-spacing:.7px}#toast{bottom:68px}}
@media(max-height:540px){.sling-aim{min-width:68px;padding:5px 7px}.sling-aim b{font-size:22px}.sling-aim small{display:none}#toast{bottom:48px}}