*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.game-header{background-color:#282c34;border-bottom:2px solid #61dafb;padding:10px}.game-header h1{color:#61dafb;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 0 10px #61dafb80}.laser-game{align-items:center;background-color:#282c34;color:#fff;display:flex;flex:1 1;flex-direction:column;font-family:Arial,sans-serif;padding:10px}.controls{margin-bottom:10px}.bottom-controls,.controls{background-color:#000000e6;border-radius:10px;box-shadow:0 0 15px #000000b3;max-width:800px;padding:15px;width:100%}.bottom-controls{display:flex;flex-direction:column;gap:15px;margin-top:10px}.game-footer{background-color:#282c34;border-top:1px solid #61dafb;margin-top:auto;padding:8px}.game-footer p{color:#61dafb;font-size:.9rem;margin:0;opacity:.8}.instruction-panel{background-color:#61dafb1a;border:1px solid #61dafb;border-radius:8px;margin-bottom:10px;padding:10px}.instruction-panel h3{color:#61dafb;font-size:16px;margin-bottom:5px}.instruction-panel p{color:#fff;font-size:13px;line-height:1.3;margin:0}.mode-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:0}.mode-buttons button{background-color:#444;border:1px solid #666;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:130px;padding:8px 12px;transition:all .3s}.mode-buttons button:hover{background-color:#555;border-color:#61dafb;transform:translateY(-2px)}.mode-buttons button.active{background-color:#61dafb;border-color:#61dafb;box-shadow:0 0 10px #61dafb80;color:#000}.laser-controls{align-items:center;background-color:#61dafb1a;border:1px solid #61dafb;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-bottom:0;padding:10px}.laser-controls label{color:#61dafb;font-size:14px;font-weight:700;min-width:70px}.laser-controls input[type=range]{background-color:#333;border-radius:8px;cursor:pointer;flex:1 1;height:8px;max-width:200px;outline:none}.laser-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:#61dafb;border-radius:50%;cursor:pointer;height:20px;width:20px}.laser-controls input[type=range]::-moz-range-thumb{background:#61dafb;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.laser-controls span{color:#61dafb;font-weight:700;min-width:40px;text-align:center}.level-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.level-controls label{color:#61dafb;font-size:14px;font-weight:700}.level-controls select{background-color:#333;border:1px solid #666;border-radius:6px;color:#fff;font-size:13px;padding:6px 10px}.level-controls button{background-color:#61dafb;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:13px;font-weight:700;padding:6px 12px;transition:all .3s}.level-controls button:hover{background-color:#21a1f1;transform:translateY(-1px)}.mode-buttons button[style*="background-color: rgb(255, 107, 107)"]{background-color:#ff6b6b!important;border-color:#ff6b6b!important;color:#fff!important}.mode-buttons button[style*="background-color: rgb(255, 107, 107)"]:hover{background-color:#ff5252!important;border-color:#ff5252!important;transform:translateY(-2px)}.game-canvas{background-color:#20232a;border:3px solid #61dafb;border-radius:10px;box-shadow:0 0 30px #61dafb4d;height:auto;max-width:100%;touch-action:manipulation}@media (max-width:768px){.game-header{padding:8px}.game-header h1{font-size:1.5rem}.laser-game{padding:8px}.bottom-controls,.controls{padding:10px}.instruction-panel{margin-bottom:8px;padding:8px}.instruction-panel h3{font-size:14px;margin-bottom:3px}.instruction-panel p{font-size:11px}.mode-buttons{gap:4px}.mode-buttons button{font-size:12px;min-width:90px;padding:6px 8px}.laser-controls{flex-direction:column;gap:8px}.laser-controls label{font-size:14px}.laser-controls input[type=range]{max-width:150px}.level-controls{gap:10px}.level-controls label{font-size:14px}.level-controls button,.level-controls select{font-size:12px;padding:6px 10px}.game-canvas{height:auto;max-width:calc(100vw - 20px);width:100%}.game-footer p{font-size:.9rem}}@media (max-width:480px){.game-header{padding:5px}.game-header h1{font-size:1.3rem}.laser-game{padding:5px}.bottom-controls,.controls{margin-bottom:5px;margin-top:5px;padding:8px}.instruction-panel{margin-bottom:5px;padding:6px}.mode-buttons{gap:3px}.mode-buttons button{font-size:11px;min-width:80px;padding:5px 8px}.game-canvas{height:calc(100vw - 20px);max-width:none;width:calc(100vw - 20px)}.game-footer p{font-size:.8rem}}@media (max-width:768px) and (orientation:landscape){.laser-game{align-items:flex-start;flex-direction:row;gap:10px}.controls{flex:0 0 300px;margin-bottom:0}.bottom-controls{flex:0 0 300px;margin-top:0}.game-canvas{flex:1 1;max-height:calc(100vh - 20px);max-width:none}.instruction-panel,.mode-buttons{margin-bottom:10px}.mode-buttons{gap:5px}.mode-buttons button{font-size:11px;min-width:80px;padding:6px 10px}.laser-controls{margin-bottom:10px;padding:10px}}.laser-game *{-webkit-user-select:none;user-select:none}.level-controls button:active,.mode-buttons button:active{transform:scale(.95)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#282c34}::-webkit-scrollbar-thumb{background:#61dafb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#21a1f1}
/*# sourceMappingURL=main.a2cc8598.css.map*/