*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;color:#f2ead8;background:#0d1a12;width:100%;height:100%;font-family:Trebuchet MS,Segoe UI,sans-serif}#game{position:fixed;display:block;width:100%;height:100%;inset:0}#crosshair{position:fixed;pointer-events:none;z-index:4;opacity:.55;box-shadow:none;background:#f2ead859;border:none;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:width .15s,height .15s,margin .15s,opacity .15s,background .15s;top:50%;left:50%}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#f2ead880;transition:all .15s}#crosshair:before{width:1px;height:10px;margin-left:-.5px;top:-14px;left:50%}#crosshair:after{width:10px;height:1px;margin-top:-.5px;top:50%;left:-14px}#crosshair.aiming{opacity:.85;background:#c4a35ab3;width:6px;height:6px;margin:-3px 0 0 -3px}#crosshair.aiming:before{background:#c4a35abf;height:14px;top:-22px}#crosshair.aiming:after{background:#c4a35abf;width:14px;left:-22px}#crosshair.full-draw{background:#e8c56af2;box-shadow:0 0 10px #e8c56a8c}#hit-marker.headshot{border-color:#e8c56a;box-shadow:0 0 12px #e8c56acc}#hud{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:flex;pointer-events:none;z-index:5;justify-content:space-between;align-items: flex-start;gap:10px}.hud-col{display:flex;flex-direction:column;align-items: flex-start;gap:8px}.hud-col.right{align-items: flex-end}.hud-box{color:#f2ead8;backdrop-filter:blur(4px);background:#0d1a12b8;border:1px solid #c4a35a59;border-radius:8px;padding:8px 12px;font-size:15px;font-weight:700;line-height:1.4}.hud-box .sub{opacity:.8;font-size:12px;font-weight:600}#hp-bar,#draw-bar{overflow:hidden;background:#f2ead826;border-radius:4px;width:110px;height:8px;margin-top:4px}#hp-fill{background:linear-gradient(90deg,#6b8f4e,#a8c97a);width:100%;height:100%;transition:width .15s}#draw-fill{background:linear-gradient(90deg,#8b5a2b,#c4a35a);width:0%;height:100%}#draw-meter.hidden{display:none}#menu-btn{pointer-events:auto;color:#f2ead8;cursor:pointer;backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;background:#0d1a12b8;border:1px solid #c4a35a59;border-radius:8px;padding:8px 12px;font-size:18px;font-weight:700}#hit-marker{position:fixed;pointer-events:none;z-index:6;opacity:0;border:2px solid #e8c56a;width:28px;height:28px;margin:-14px 0 0 -14px;top:50%;left:50%;transform:rotate(45deg)}#hit-marker.show{animation:hit-flash .25s ease-out}@keyframes hit-flash{0%{opacity:1;transform:rotate(45deg)scale(.6)}to{opacity:0;transform:rotate(45deg)scale(1.4)}}#damage-flash{position:fixed;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(circle,#0000 40%,#7814148c);inset:0}#damage-flash.show{animation:dmg-flash .35s ease-out}@keyframes dmg-flash{0%{opacity:1}to{opacity:0}}.overlay{position:fixed;z-index:20;display:flex;text-align:center;backdrop-filter:blur(6px);background:radial-gradient(at 50% 20%,#c4a35a2e,#0000 55%),#08100ce0;flex-direction:column;justify-content:center;align-items: center;gap:10px;padding:24px;inset:0}.overlay.hidden{display:none}.overlay h1{letter-spacing:.06em;text-transform:uppercase;color:#c4a35a;text-shadow:0 2px #1a2e1f;font-size:clamp(2.4rem,9vw,4rem)}.overlay p{opacity:.92;max-width:34rem;font-size:clamp(14px,3.2vw,17px);line-height:1.45}.overlay .keys{opacity:.75;font-size:clamp(12px,2.8vw,14px)}.overlay .go{color:#e8c56a;animation:pulse 1.4s ease-in-out infinite;margin-top:14px;font-weight:800}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.menu-buttons{display:flex;flex-direction:column;gap:8px;min-width:220px;margin-top:8px}.menu-item{color:#f2ead8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a2e1fe6;border:1px solid #c4a35a73;border-radius:10px;padding:12px 22px;font-size:16px;font-weight:700}.menu-item:active{background:#284630f2;transform:scale(.97)}#menu-resume{background:#5a783cd9}#touch-controls{position:fixed;pointer-events:none;display:none;z-index:10;inset:0}body.show-touch #touch-controls{display:block}@media (pointer:coarse){#touch-controls{display:block}}#move-zone{pointer-events:auto;position:absolute;touch-action:none;width:42%;top:18%;bottom:0;left:0}#look-zone{pointer-events:auto;position:absolute;touch-action:none;width:58%;height:calc(100% - 150px);top:0;right:0}.joystick{pointer-events:none;position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));backdrop-filter:blur(3px);touch-action:none;display:flex;opacity:.55;background:#0d1a1247;border:2px solid #f2ead847;border-radius:50%;justify-content:center;align-items: center;width:132px;height:132px;transition:opacity .12s}.joystick.floating,.joystick.active{opacity:1;background:#0d1a1273;border-color:#c4a35ad9}.joystick-knob{pointer-events:none;background:#f2ead880;border:2px solid #f2ead8b3;border-radius:50%;width:54px;height:54px;transition:transform 80ms ease-out}.joystick.active .joystick-knob{background:#c4a35acc;transition:none}.draw-pad{pointer-events:auto;position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right));color:#f2ead8;touch-action:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(4px);display:flex;user-select:none;background:radial-gradient(circle at 40% 35%,#c4a35a59,#0000 55%),#462d16b8;border:3px solid #c4a35abf;border-radius:50%;flex-direction:column;justify-content:center;align-items: center;gap:2px;width:128px;height:128px;transition:background .12s,border-color .12s,box-shadow .12s;box-shadow:0 6px 20px #00000059}.draw-pad__label{letter-spacing:.06em;text-transform:uppercase;font-size:17px;font-weight:800}.draw-pad__hint{opacity:.65;letter-spacing:.02em;font-size:10px;font-weight:600}.draw-pad.held{background:radial-gradient(circle at 40% 35%,#e8c56a8c,#0000 55%),#6e4b1ee0;border-color:#e8c56a;box-shadow:0 0 24px #e8c56a59}body.drawing .draw-pad__hint{opacity:1;color:#e8c56a}.action-btn{pointer-events:auto;position:absolute;color:#f2ead8;letter-spacing:.04em;text-transform:uppercase;touch-action:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(3px);background:#324637a6;border:2px solid #a8c97a8c;border-radius:50%;font-size:13px;font-weight:800}.action-btn.secondary{right:max(160px,calc(env(safe-area-inset-right) + 140px));bottom:max(36px,calc(env(safe-area-inset-bottom) + 10px));width:68px;height:68px}.action-btn:active,.action-btn.held{background:#506e46e6;transform:scale(.95)}@media (max-height:420px),(orientation:landscape) and (max-width:900px){.draw-pad{width:112px;height:112px}.joystick{width:118px;height:118px}.action-btn.secondary{right:max(142px,calc(env(safe-area-inset-right) + 122px));width:60px;height:60px;font-size:11px}#look-zone{height:calc(100% - 130px)}}@media (max-width:560px){.hud-box{padding:6px 10px;font-size:13px}}