*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}html,body{color:#fff;touch-action:none;background-color:#0b0b0e;width:100%;height:100%;font-family:Courier New,Courier,monospace,sans-serif;overflow:hidden}#game-container{width:100vw;height:100vh;position:relative;overflow:hidden}#game-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.scanlines{pointer-events:none;z-index:50;opacity:.6;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}#damage-vignette{pointer-events:none;z-index:51;opacity:0;background:radial-gradient(#f000 40%,#dc1414cc 100%);width:100%;height:100%;transition:opacity 50ms ease-out;position:absolute;top:0;left:0}#crosshair-container{pointer-events:none;z-index:55;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-line{background-color:#ffffffd9;position:absolute;box-shadow:0 0 2px #000}.crosshair-line.top{width:2px;height:8px;top:0;left:13px}.crosshair-line.bottom{width:2px;height:8px;bottom:0;left:13px}.crosshair-line.left{width:8px;height:2px;top:13px;left:0}.crosshair-line.right{width:8px;height:2px;top:13px;right:0}.crosshair-dot{background-color:#f33;border-radius:50%;width:4px;height:4px;position:absolute;top:12px;left:12px}#crosshair-hitmarker{pointer-events:none;opacity:0;width:20px;height:20px;transition:opacity 40ms;position:absolute;top:4px;left:4px}#crosshair-hitmarker.active{opacity:1}#crosshair-hitmarker:before,#crosshair-hitmarker:after{content:"";background-color:#f22;position:absolute;box-shadow:0 0 4px red}#crosshair-hitmarker:before{width:20px;height:2px;top:9px;left:0;transform:rotate(45deg)}#crosshair-hitmarker:after{width:20px;height:2px;top:9px;left:0;transform:rotate(-45deg)}#interaction-prompt{text-align:center;z-index:65;pointer-events:none;background:#0f0f16eb;border:3px solid #f33;border-radius:6px;padding:16px 24px;animation:1s infinite alternate pulse;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ff323299}#interaction-prompt.hidden{display:none}#interaction-prompt.locked{border-color:#e74c3c;box-shadow:0 0 25px #e74c3ccc}#interaction-prompt:not(.locked){border-color:#2ecc71;box-shadow:0 0 25px #2ecc71cc}#interaction-title{color:#fc0;text-shadow:2px 2px #000;letter-spacing:1px;margin-bottom:6px;font-size:clamp(16px,3vw,22px);font-weight:900}#interaction-subtitle{color:#fff;text-shadow:1px 1px #000;font-size:clamp(12px,2vw,15px)}@keyframes pulse{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.02)}}#hud-notification{color:#fff;z-index:66;text-shadow:1px 1px #000;background:#1e823ce6;border:2px solid #55efc4;border-radius:4px;padding:8px 18px;font-size:14px;font-weight:700;display:none;position:absolute;top:18%;left:50%;transform:translate(-50%)}#hud{pointer-events:none;z-index:60;background:linear-gradient(#0a0a0f00 0%,#0a0a0feb 100%);justify-content:space-between;align-items:flex-end;gap:12px;width:100%;padding:10px 16px;display:flex;position:absolute;bottom:0;left:0}.hud-panel{pointer-events:auto;background:#14141ce0;border:2px solid #5a5a6a;border-radius:4px;padding:6px 12px;box-shadow:0 0 10px #000000b3}.health-panel{min-width:130px}.equipment-panel{text-align:right;min-width:130px}.hud-label{letter-spacing:1px;color:#a0a0b0;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:700}.hud-value{color:#ffdf40;text-shadow:2px 2px #000;font-size:22px;font-weight:900}.hud-subnote{color:#2ecc71;margin-top:2px;font-size:10px;font-weight:700}.health-bar-container{background:#2a2a35;border:1px solid #000;border-radius:2px;width:115px;height:9px;margin-top:3px;overflow:hidden}#hud-health-bar{background:#2ecc71;width:100%;height:100%;transition:width .15s ease-out,background-color .2s}#hud-inventory{pointer-events:auto;gap:8px;display:flex}.inventory-slot{cursor:pointer;background:#161620d9;border:2px solid #445;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:68px;padding:4px;transition:transform .1s,border-color .15s,box-shadow .15s;display:flex;position:relative}.inventory-slot:hover{border-color:#88a}.inventory-slot.active{background:#232334f2;border-color:gold;transform:translateY(-4px);box-shadow:0 0 12px #ffd70099,inset 0 0 6px #ffd7004d}.slot-key{color:#ffdf40;background:#0009;border-radius:2px;padding:1px 3px;font-size:10px;font-weight:900;position:absolute;top:2px;left:4px}.slot-icon{object-fit:contain;filter:drop-shadow(0 2px 3px #000c);width:44px;height:28px}.slot-info{flex-direction:column;align-items:center;margin-top:2px;display:flex}.slot-name{color:#aaaab8;letter-spacing:.5px;font-size:9px;font-weight:700}.slot-ammo{color:#fff;font-size:10px;font-weight:900}.inventory-slot.active .slot-name{color:gold}#hud-center{text-align:center;pointer-events:none;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}#hud-reload-status{color:#f33;background:#000000bf;border:1px solid #f44;border-radius:3px;padding:4px 12px;font-size:16px;font-weight:700;animation:.5s infinite alternate blink;display:none}@keyframes blink{0%{opacity:1}to{opacity:.25}}#mobile-controls{pointer-events:none;z-index:70;width:100%;height:100%;position:absolute;top:0;left:0}#mobile-controls.hidden{display:none}#joystick-zone{pointer-events:auto;touch-action:none;background:#ffffff1f;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:absolute;bottom:80px;left:16px}#joystick-thumb{pointer-events:none;background:#ffdc3ca6;border:2px solid #fff;border-radius:50%;width:44px;height:44px;transition:transform 40ms;box-shadow:0 0 6px #00000080}#touch-look-zone{pointer-events:auto;touch-action:none;width:55%;height:100%;position:absolute;top:0;right:0}.mobile-action-buttons{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:78px;right:14px}.mobile-btn-row{gap:8px;display:flex}.mobile-btn{color:#fff;touch-action:manipulation;background:#191923bf;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-family:inherit;font-size:11px;font-weight:700;display:flex;box-shadow:0 4px 8px #00000080}.mobile-btn:active{transform:scale(.92)}#btn-mobile-fire{background:#dc2828d9;border-color:#f99;width:68px;height:68px;font-size:15px;box-shadow:0 0 12px #dc282899}#btn-mobile-sprint.active{background:#2ecc71d9;border-color:#a3f7bf}#game-overlay{z-index:100;text-align:center;background:#08080ce0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}#game-overlay.hidden{display:none}#overlay-title{color:#f33;text-shadow:3px 3px #000,0 0 15px #ff323299;letter-spacing:2px;margin-bottom:6px;font-size:clamp(24px,5vw,42px);font-weight:900}#overlay-subtitle{color:#e0e0e0;margin-bottom:20px;font-size:clamp(14px,2.5vw,17px)}.instructions-grid{flex-wrap:wrap;justify-content:center;gap:14px;max-width:680px;margin-bottom:24px;display:flex}.instruction-card{text-align:left;background:#191923d9;border:1px solid #4a4a5a;border-radius:6px;flex:290px;padding:12px}.instruction-card h3{color:#ffdf40;text-transform:uppercase;margin-bottom:6px;font-size:13px}.instruction-card ul{color:#ccc;font-size:11px;line-height:1.6;list-style:none}.instruction-card li b{color:#fff}.photo-upload-container{flex-direction:column;align-items:center;gap:8px;max-width:600px;margin-bottom:18px;display:flex}.btn-upload-photo{color:#fff;letter-spacing:.5px;cursor:pointer;pointer-events:auto;background:#27ae60;border:1px solid #2ecc71;border-radius:4px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .1s,background-color .15s;box-shadow:0 2px 8px #27ae6066}.btn-upload-photo:hover{background:#219653;transform:translateY(-1px)}.btn-upload-photo:active{transform:translateY(1px)}.upload-status-text{color:#a3f7bf;min-height:14px;font-size:11px}.roster-preview-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:580px;display:flex}.roster-pill{color:#eee;background:#282c34e6;border:1px solid #555;border-radius:14px;align-items:center;gap:5px;padding:2px 8px 2px 3px;font-size:11px;display:inline-flex}.roster-pill img{object-fit:cover;background:#222;border-radius:50%;width:20px;height:20px}.roster-pill.custom{color:#a3f7bf;border-color:#2ecc71}#btn-start-game{color:#fff;letter-spacing:1px;cursor:pointer;pointer-events:auto;background:#f33;border:2px solid #f77;border-radius:4px;padding:12px 26px;font-family:inherit;font-size:clamp(14px,2.5vw,17px);font-weight:700;transition:transform .1s,background-color .2s;box-shadow:0 4px 15px #ff323266}#btn-start-game:hover{background:#e62222;transform:translateY(-2px)}#btn-start-game:active{transform:translateY(1px)}