.image-selector{max-width:900px;margin:0 auto;padding:20px;text-align:center;color:#fff}.image-selector h1{font-size:3rem;margin-bottom:10px;color:#0f0;text-shadow:0 0 10px #0f0}.image-selector h2{font-size:1.5rem;margin-bottom:30px;color:#0ff}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-bottom:30px}.image-option{background:#ffffff1a;border:2px solid transparent;border-radius:10px;padding:15px;cursor:pointer;transition:all .3s ease;position:relative}.image-option:hover{background:#fff3;transform:scale(1.05)}.image-option.selected{border-color:#0f0;background:#0f03;box-shadow:0 0 20px #00ff0080}.image-option img{width:100%;height:80px;object-fit:contain;margin-bottom:10px}.image-option p{margin:0;font-size:.9rem}.remove-btn{position:absolute;top:5px;right:5px;background:red;color:#fff;border:none;border-radius:50%;width:25px;height:25px;cursor:pointer;font-size:1.2rem;line-height:1;padding:0}.remove-btn:hover{background:#f44}.upload-section{margin-bottom:20px}.upload-btn{background:#0080ff;color:#fff;border:none;border-radius:5px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:background .3s ease}.upload-btn:hover{background:#09f}.start-btn{background:#0f0;color:#000;border:none;border-radius:5px;padding:15px 40px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 0 20px #00ff0080}.start-btn:hover{background:#0ff;box-shadow:0 0 30px #00ffffb3;transform:scale(1.05)}.instructions{margin-top:40px;padding:20px;background:#00000080;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.instructions h3{color:#0ff;margin-bottom:10px}.instructions ul{list-style:none;padding:0}.instructions li{margin:8px 0;font-size:1.1rem}@media (max-width: 768px){.image-selector{padding:15px}.image-selector h1{font-size:2rem}.image-selector h2{font-size:1.2rem;margin-bottom:20px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.image-option{padding:10px}.image-option img{height:60px}.image-option p{font-size:.8rem}.upload-btn{width:100%;padding:15px;font-size:1rem}.start-btn{width:100%;padding:18px 30px;font-size:1.2rem}.start-btn:active{transform:scale(.98)}.instructions{margin-top:30px;padding:15px}.instructions h3{font-size:1.1rem}.instructions li{font-size:1rem}.remove-btn{width:30px;height:30px;font-size:1.4rem}}@media (max-width: 480px){.image-selector h1{font-size:1.5rem}.image-selector h2{font-size:1rem}.image-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.mobile-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);pointer-events:none;z-index:1000}.direction-controls,.action-controls{display:flex;gap:15px;pointer-events:all}.control-btn{width:70px;height:70px;border-radius:50%;border:3px solid rgba(0,255,0,.6);background:#0f03;color:#0f0;font-size:32px;font-weight:700;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #0f06;transition:all .1s ease}.control-btn:active{background:#0f06;box-shadow:0 0 25px #00ff00b3;transform:scale(.95)}.fire-btn{border-color:#0ff9;background:#0ff3;box-shadow:0 0 15px #0ff6;width:80px;height:80px}.fire-btn:active{background:#0ff6;box-shadow:0 0 25px #00ffffb3}.pause-btn{border-color:#ff09;background:#ff03;box-shadow:0 0 15px #ff06;font-size:24px}.pause-btn:active{background:#ff06;box-shadow:0 0 25px #ffff00b3}@media (min-width: 768px){.mobile-controls{display:none}}.game-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative}.game-canvas{border:2px solid #0f0;box-shadow:0 0 20px #00ff0080;background:#000;max-width:100%;height:auto;display:block}.mobile-game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:20px;z-index:2000;margin-top:100px}.mobile-restart-btn,.mobile-menu-btn{padding:15px 40px;font-size:1.2rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;text-transform:uppercase;font-family:Courier New,monospace;box-shadow:0 0 20px #00ff0080;transition:all .3s ease}.mobile-restart-btn{background:#0f0;color:#000}.mobile-restart-btn:active{background:#0ff;box-shadow:0 0 30px #00ffffb3;transform:scale(.95)}.mobile-menu-btn{background:#fff3;color:#fff;border:2px solid #fff;box-shadow:0 0 20px #ffffff4d}.mobile-menu-btn:active{background:#fff6;box-shadow:0 0 30px #ffffff80;transform:scale(.95)}@media (max-width: 768px){.game-container{padding:10px 10px 140px}.game-canvas{width:100%;max-width:100vw;height:auto}}@media (max-height: 600px) and (orientation: landscape){.game-container{padding:5px 5px 100px}}*{box-sizing:border-box;margin:0;padding:0}.app{min-height:100vh;background:linear-gradient(to bottom,#0a0a0a,#1a0033);font-family:Courier New,monospace}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;overscroll-behavior:none}body{font-family:Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y}#root{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}code{font-family:Courier New,monospace}