*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0a0805;color:#f5e8d0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:relative}canvas{display:block;width:100%!important;height:100%!important}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;z-index:10}#hud.active{display:block}#crosshair{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid #f5e8d0;border-radius:50%;opacity:.75;mix-blend-mode:difference}#score{position:absolute;top:env(safe-area-inset-top,20px);left:24px;font-size:28px;font-weight:600;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.6)}#ammo{position:absolute;top:env(safe-area-inset-top,20px);right:24px;font-size:28px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.6)}#start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#2d1810,#0a0805 70%);z-index:20;padding:24px}#start-screen h1{font-size:clamp(48px,12vw,96px);font-weight:800;line-height:.95;letter-spacing:-.02em;color:#f5e8d0;margin-bottom:32px;text-shadow:0 4px 24px rgba(245,232,208,.2)}#start-screen p{max-width:480px;font-size:16px;opacity:.7;margin-bottom:40px;line-height:1.5}#start-btn{background:#c87f3a;color:#0a0805;border:none;padding:18px 56px;font-size:20px;font-weight:700;letter-spacing:.1em;border-radius:8px;cursor:pointer;touch-action:manipulation;box-shadow:0 8px 24px #c87f3a66}#start-btn:active{transform:scale(.97);background:#b06a2a}#start-screen.hidden{display:none}#bow-charge{position:absolute;bottom:env(safe-area-inset-bottom,32px);left:50%;transform:translate(-50%);width:200px;height:6px;background:#f5e8d033;border-radius:3px;overflow:hidden;display:none}#bow-charge.active{display:block}#bow-charge-fill{height:100%;background:linear-gradient(90deg,#c87f3a,#f5e8d0);width:0%;transition:width 50ms linear}