body{margin:0;padding:0;background:repeating-linear-gradient(0deg,#d6d6d6,#d6d6d6 6px,#e5e5e5 6px 12px);font-family:ChicagoFLF,Chicago,Geneva,Lucida Grande,sans-serif;overflow:hidden;color:#1f1f1f}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}#hud{position:absolute;top:12px;left:12px;z-index:1000;display:flex;flex-direction:column;gap:10px}.hud-panel{background:#e3e3e3;border:1px solid #9a9a9a;border-radius:3px;padding:10px 12px;box-shadow:0 2px #f7f7f7 inset,0 -2px #b1b1b1 inset,-2px 0 #b1b1b1 inset,2px 0 #f7f7f7 inset,0 2px 10px #00000026;min-width:200px}.hud-title{font-size:12px;font-weight:700;color:#0f3d91;letter-spacing:.5px;margin-bottom:6px;border-bottom:1px solid #b6b6b6;padding-bottom:4px;text-transform:uppercase}.hud-subtitle{font-size:10px;color:#3b3b3b;letter-spacing:.4px;margin-bottom:8px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:10px;color:#1f1f1f}.status-dot{width:8px;height:8px;background:linear-gradient(180deg,#2ecc71,#1e854a);border:1px solid #0c3f20;border-radius:50%;box-shadow:0 0 0 2px #e3e3e3;animation:status-pulse 2s infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.control-item{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:2px 0;color:#2b2b2b}.key{background:#f6f6f6;color:#111;padding:3px 6px;border-radius:2px;font-weight:700;border:1px solid #9a9a9a;box-shadow:inset 0 1px #fff,inset 0 -1px #c2c2c2}.action{color:#0f3d91;font-size:9px;letter-spacing:.5px;font-weight:600}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;pointer-events:none;background:linear-gradient(#1f1f1f,#1f1f1f) center / 1px 100% no-repeat,linear-gradient(#1f1f1f,#1f1f1f) center / 100% 1px no-repeat,#dedede;border:1px solid #6c6c6c;border-radius:2px;box-shadow:inset 0 1px #f9f9f9,inset 0 -1px #b7b7b7,inset 1px 0 #f9f9f9,inset -1px 0 #b7b7b7,0 0 6px #00000026;z-index:1000}#mobile-controls{position:fixed;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2000}#joystick-zone{position:absolute;bottom:30px;left:30px;width:150px;height:150px;background-color:#ffffff8c;border:1px solid #9a9a9a;border-radius:12px;pointer-events:auto;box-shadow:inset 0 2px #fefefe,inset 0 -2px #bcbcbc}#shoot-button-zone{position:absolute;bottom:30px;right:30px;width:100px;height:100px;pointer-events:auto}#shoot-button{width:100%;height:100%;border-radius:10px;background:linear-gradient(180deg,#f7f7f7,#d5d5d5);border:1px solid #9a9a9a;box-shadow:inset 0 1px #fff,inset 0 -1px #b7b7b7,0 4px 12px #00000026}#start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#d6d6d6f2;color:#111;display:flex;justify-content:center;align-items:center;font-family:ChicagoFLF,Chicago,Geneva,Lucida Grande,sans-serif;font-size:2em;z-index:10001;cursor:pointer;border:1px solid #9a9a9a;box-shadow:inset 0 2px #f7f7f7,inset 0 -2px #b1b1b1}#start-message{text-align:center;animation:pulse-animation 2s infinite;padding:16px 24px;background:#eaeaea;border:1px solid #9a9a9a;border-radius:4px;box-shadow:inset 0 1px #fff,inset 0 -1px #c2c2c2}@keyframes pulse-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}