#canvas{display:none!important}
#playfield{position:absolute;inset:0;overflow:hidden;touch-action:none;z-index:2}
.actor{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);user-select:none}
#hero{left:11%;top:76%;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc154,#ff7a00 55%,#7e2600);border:4px solid #ffe2a7;box-shadow:0 5px 14px #0009,0 0 22px #ff7a00;z-index:5}
#hero:before{content:"";width:28px;height:22px;border-radius:12px 12px 16px 16px;background:#172532;border:2px solid #3c5b6c}
#hero:after{content:"";position:absolute;width:12px;height:5px;background:#7de9ff;right:10px;top:21px;border-radius:4px;box-shadow:0 0 8px #19dfff}
.robot{width:48px;height:68px;border-radius:12px 12px 8px 8px;background:linear-gradient(90deg,#13232e,#405b68,#13232e);border:3px solid #88a9b8;box-shadow:0 7px 10px #0008;z-index:4}
.robot:before{content:"";position:absolute;top:10px;width:30px;height:17px;border-radius:6px;background:#0b1319;border:2px solid #68818d;box-shadow:inset 0 0 0 5px #17232b}
.robot:after{content:"";position:absolute;top:17px;width:18px;height:4px;background:#ff3c2f;box-shadow:0 0 9px #ff2a1c}
.robot.hit{animation:zap .4s forwards}.r1{left:51%;top:72%}.r2{left:70%;top:47%}.r3{left:86%;top:70%}
#hostage{left:94%;top:70%;width:38px;height:65px;border-radius:14px 14px 8px 8px;background:linear-gradient(#f5f1e8 0 64%,#263746 64%);border:3px solid #fff;box-shadow:0 6px 12px #0008;z-index:3}
#hostage:before{content:"";position:absolute;top:-21px;width:25px;height:25px;border-radius:50%;background:#d9976c;border:3px solid #39271f}
#hostage:after{content:"SALVA";position:absolute;top:-45px;color:#fff;background:#ff7a00;padding:3px 7px;font:700 10px Arial;letter-spacing:.1em}
.aimdot{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 7px #25dcff;transform:translate(-50%,-50%);z-index:6;pointer-events:none}
#game .hud{z-index:10}#game .hint{z-index:9}#game .agent{z-index:10}#game .modal{z-index:20}
@keyframes zap{30%{filter:brightness(3);transform:translate(-50%,-50%) rotate(-18deg) scale(1.1)}100%{opacity:0;transform:translate(-50%,30%) rotate(75deg) scale(.65)}}
@media(max-height:500px){#hero{width:44px;height:44px}.robot{width:40px;height:58px}#hostage{width:32px;height:55px}}