*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0a0a0a;color:#e0e0e0;overflow:hidden;height:100vh}#upload-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.upload-header{text-align:center;margin-bottom:2rem}.upload-header h1{font-size:3rem;font-weight:300;letter-spacing:.3em;color:#fff}.upload-header h1 span{font-weight:700;color:#4ecdc4}.upload-header p{color:#666;margin-top:.5rem;font-size:1rem}#mode-toggle{display:flex;gap:0;margin-bottom:2rem;background:#111;border-radius:8px;padding:3px;border:1px solid #222}.mode-btn{padding:.6rem 1.8rem;font-size:.9rem;font-weight:600;background:transparent;color:#666;border:none;border-radius:6px;cursor:pointer;transition:all .2s;letter-spacing:.03em}.mode-btn.active{background:#4ecdc4;color:#0a0a0a}.mode-btn:not(.active):hover{color:#aaa}.upload-mode{display:none}.upload-mode.active{display:flex;flex-direction:column;align-items:center}#scan-dropzone{width:440px;height:200px;border:2px dashed #2a2a2a;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .2s,background-color .2s;background:#111;margin-bottom:2rem}#scan-dropzone:hover,#scan-dropzone.dragover{border-color:#4ecdc4;background:#141a19}.dropzone-icon{font-size:2.5rem;color:#4ecdc4;margin-bottom:.8rem;opacity:.6}.dropzone-label{color:#888;font-size:1rem;margin-bottom:.3rem}.dropzone-hint{color:#444;font-size:.8rem}#scan-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}#scan-info{display:flex;align-items:center;gap:1rem;background:#141a19;border:1px solid #4ecdc4;border-radius:8px;padding:.8rem 1.2rem;margin-bottom:2rem}#scan-filename{color:#4ecdc4;font-weight:600;font-size:.95rem}#scan-clear{background:none;border:none;color:#666;font-size:1.1rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:color .2s}#scan-clear:hover{color:#e55}#community-maps-list{width:500px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}#community-loading{color:#666;text-align:center;padding:2rem}.no-maps{color:#555;text-align:center;padding:2rem;font-size:.95rem}.map-card{display:flex;align-items:center;justify-content:space-between;background:#111;border:1px solid #222;border-radius:8px;padding:.8rem 1.2rem;transition:border-color .2s;cursor:pointer}.map-card:hover{border-color:#4ecdc4}.map-card.selected{border-color:#4ecdc4;background:#141a19}.map-card-info{display:flex;flex-direction:column;gap:.2rem}.map-card-name{color:#e0e0e0;font-weight:600;font-size:.95rem}.map-card-meta{color:#555;font-size:.75rem}.map-card-actions{display:flex;gap:.5rem;align-items:center}.map-play-btn{padding:.4rem 1rem;font-size:.8rem;font-weight:600;background:#4ecdc4;color:#0a0a0a;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.map-play-btn:hover{background:#6ee7de}.map-delete-btn{padding:.4rem .6rem;font-size:.9rem;background:none;border:none;color:#555;cursor:pointer;border-radius:4px;transition:color .2s}.map-delete-btn:hover{color:#e55}#share-btn{padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;background:transparent;color:#4ecdc4;border:1px solid #4ecdc4;border-radius:6px;cursor:pointer;margin-bottom:1rem;transition:all .2s}#share-btn:hover{background:#4ecdc41a}#share-btn:disabled{opacity:.4;cursor:not-allowed}#enter-btn{padding:.9rem 3rem;font-size:1.1rem;font-weight:600;background:#4ecdc4;color:#0a0a0a;border:none;border-radius:6px;cursor:pointer;transition:all .2s;letter-spacing:.05em}#enter-btn:disabled{background:#1a1a1a;color:#444;cursor:not-allowed}#enter-btn:not(:disabled):hover{background:#6ee7de;transform:translateY(-2px);box-shadow:0 4px 20px #4ecdc44d}.hint{color:#444;font-size:.8rem;margin-top:1rem}#loading-screen{position:fixed;inset:0;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:100}.loading-content{text-align:center}.loading-content h2{font-size:2rem;font-weight:300;letter-spacing:.3em;color:#fff;margin-bottom:1rem}.loading-content h2 span{font-weight:700;color:#4ecdc4}.loading-content p{color:#666;margin-bottom:1.5rem}.loading-bar{width:200px;height:3px;background:#1a1a1a;border-radius:3px;margin:0 auto;overflow:hidden}.loading-fill{width:30%;height:100%;background:#4ecdc4;border-radius:3px;animation:loading-slide 1.5s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-100%);width:30%}50%{width:60%}to{transform:translate(350%);width:30%}}#game-screen{position:fixed;inset:0;background:#000}#game-canvas{width:100%;height:100%;display:block}#crosshair{position:fixed;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;z-index:10;opacity:0;transition:opacity .2s}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff9}#crosshair:before{width:1px;height:100%;left:50%;transform:translate(-50%)}#crosshair:after{width:100%;height:1px;top:50%;transform:translateY(-50%)}#game-screen.playing #crosshair{opacity:1}#fly-indicator{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);color:#4ecdc4;font-size:.8rem;font-weight:700;letter-spacing:.2em;pointer-events:none;z-index:10;padding:.3rem 1rem;border:1px solid rgba(78,205,196,.3);border-radius:4px;background:#4ecdc414}#player-count{position:fixed;top:1.5rem;right:1.5rem;color:#e8b84e;font-size:.8rem;font-weight:700;letter-spacing:.2em;pointer-events:none;z-index:10;padding:.3rem 1rem;border:1px solid rgba(232,184,78,.3);border-radius:4px;background:#e8b84e14}#view-indicator{position:fixed;top:3.5rem;left:50%;transform:translate(-50%);color:#c49cde;font-size:.8rem;font-weight:700;letter-spacing:.2em;pointer-events:none;z-index:10;padding:.3rem 1rem;border:1px solid rgba(196,156,222,.3);border-radius:4px;background:#c49cde14}#instructions{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fff6;font-size:.8rem;pointer-events:none;z-index:10;letter-spacing:.05em;transition:opacity 1s}#game-screen.playing #instructions{opacity:0;transition-delay:3s}#pause-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer;transition:opacity .3s}#game-screen.playing #pause-overlay{opacity:0;pointer-events:none}.pause-content{text-align:center}.pause-content h2{font-size:2rem;font-weight:300;letter-spacing:.3em;color:#fff;margin-bottom:1rem}.pause-content h2 span{font-weight:700;color:#4ecdc4}.pause-content p{color:#888;font-size:1.1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#hp-bar{position:fixed;bottom:1.5rem;left:1.5rem;width:150px;height:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden;z-index:10;pointer-events:none}#hp-fill{width:100%;height:100%;background:linear-gradient(90deg,#4ecdc4,#44bd55);transition:width .2s ease;border-radius:3px}#ammo-counter{position:fixed;bottom:1.5rem;right:1.5rem;color:#ffffffb3;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.1em;pointer-events:none;z-index:10}#reload-indicator{position:fixed;bottom:3.5rem;right:1.5rem;color:#e8b84e;font-size:.75rem;font-weight:700;letter-spacing:.2em;pointer-events:none;z-index:10;animation:reload-pulse .75s ease-in-out infinite}@keyframes reload-pulse{0%,to{opacity:.5}50%{opacity:1}}#hit-marker{position:fixed;top:45%;left:50%;transform:translate(-50%);font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 6px rgba(0,0,0,.8);pointer-events:none;z-index:16;opacity:0;display:none;transition:opacity .3s ease}#hit-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(255,0,0,.4) 100%);pointer-events:none;z-index:15;opacity:0;transition:opacity .15s ease}#death-screen{position:fixed;inset:0;background:#000000bf;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.death-content{text-align:center}.death-content h2{color:#e55;font-size:2.5rem;letter-spacing:.3em;margin-bottom:.5rem}.death-content p{color:#ffffff80;font-size:.9rem;letter-spacing:.15em}#game-screen:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:5}