.first-person-view{position:relative;width:100%;height:100%;overflow:hidden;background:#0a0a0a}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none;z-index:10}.crosshair-horizontal{position:absolute;top:50%;left:0;right:0;height:2px;background:#4caf5099;transform:translateY(-50%)}.crosshair-vertical{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#4caf5099;transform:translate(-50%)}.first-person-view:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px #00000080;pointer-events:none}.game-container{display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh;background:#0a0a0a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-header{text-align:center;margin-bottom:20px}.game-header h1{margin:0 0 10px;color:#4caf50}.player-info{background:#ffffff1a;padding:10px 20px;border-radius:8px;margin:10px 0}.player-info p{margin:5px 0}.controls{font-size:.9em;color:#aaa;font-style:italic;font-weight:700}.controls-detail{font-size:.8em;color:#888;font-style:italic;margin-top:2px!important}.movement-error{background:#f003;color:#ff6b6b;padding:10px 20px;border-radius:4px;margin-top:10px;border:1px solid rgba(255,0,0,.4);animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.game-views{display:flex;gap:30px;align-items:flex-start;justify-content:center;margin:20px 0;flex-wrap:wrap}.viewport-section{display:flex;flex-direction:column;align-items:center;gap:15px}.viewport-container,.map-container{display:flex;flex-direction:column;align-items:center;gap:10px}.viewport-container h3,.map-container h3{margin:0;color:#4caf50;font-size:1.2em;text-transform:uppercase;letter-spacing:1px}.game-footer{margin-top:20px;text-align:center;color:#888}.error{color:#ff6b6b;font-size:1.2em}@media(max-width:1200px){.game-views{flex-direction:column}}#root{margin:0;padding:0;width:100%;min-height:100vh}