.app{width:100%;height:100vh;margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif}.game-world{width:100%;height:100vh;background:#f0f0f0;display:flex;flex-direction:column;font-family:Arial,sans-serif}.location-header{background:#333;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.location-header h2{margin:0}.player-pokemon{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);padding:10px 15px;border-radius:5px}.player-pokemon span{font-size:30px}.player-pokemon p{margin:0;color:#fff}.hp-bar{width:100px;height:10px;background:#555;border-radius:3px;overflow:hidden;margin:5px 0}.hp-bar .hp{height:100%;background:#4CAF50;transition:width .3s}.hp-text{font-size:12px;color:#ccc;margin:0}.world-map{flex:1;position:relative;overflow:auto;margin:10px;border:2px solid #333;background:#90EE90}.tile{position:absolute;box-sizing:border-box}.npc,.trainer,.player{position:absolute;text-align:center;z-index:10}.sprite{font-size:32px;line-height:1}.name{margin:5px 0 0;font-size:12px;font-weight:700;color:#333}.level{margin:0;font-size:10px;color:#666}.trainer{cursor:pointer;filter:drop-shadow(0 0 5px rgba(255,0,0,.5))}.trainer:hover{filter:drop-shadow(0 0 10px rgba(255,0,0,.8))}.controls{background:#333;color:#fff;padding:10px 20px;text-align:center;margin:0}.controls p{margin:0}.battle-screen{width:100%;height:100vh;background:linear-gradient(180deg,#87CEEB 0%,#90EE90 100%);display:flex;flex-direction:column;font-family:Arial,sans-serif}.battle-header{background:#333;color:#fff;padding:15px;text-align:center}.battle-header h2{margin:0}.battle-arena{flex:1;display:flex;justify-content:space-between;align-items:center;padding:40px;position:relative}.opponent-side,.player-side{display:flex;flex-direction:column;align-items:center}.opponent-side{align-items:flex-start}.player-side{align-items:flex-end}.pokemon-sprite{font-size:80px;margin:20px 0}.opponent-sprite{margin-right:40px}.player-sprite{margin-left:40px}.opponent-info,.player-info{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.opponent-info h3,.player-info h3{margin:0 0 5px;font-size:20px}.opponent-info p,.player-info p{margin:0;font-size:14px}.hp-bar-large{width:200px;height:20px;background:#555;border-radius:3px;overflow:hidden;margin:10px 0}.hp-bar-large .hp{height:100%;background:linear-gradient(90deg,#4CAF50,#8BC34A);transition:width .5s ease}.hp-text{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin:5px 0;font-weight:700}.battle-menu{background:rgba(0,0,0,.8);color:#fff;padding:20px;text-align:center}.battle-menu h3{margin:0 0 15px}.moves-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.move-btn{padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s}.move-btn:hover{background:#5568d3;transform:scale(1.05)}.move-btn:active{transform:scale(.95)}.menu-screen{width:100%;height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.menu-content{background:white;padding:40px;border-radius:10px;box-shadow:0 10px 40px #0000004d;text-align:center;max-width:600px}.menu-content h1{color:#333;margin-bottom:20px;font-size:32px}.menu-content p{color:#666;margin-bottom:30px}.version-buttons{display:flex;gap:20px;justify-content:center}.eclipse-btn,.radiance-btn{padding:15px 30px;font-size:18px;border:none;border-radius:5px;cursor:pointer;transition:transform .2s}.eclipse-btn{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff}.radiance-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.eclipse-btn:hover,.radiance-btn:hover{transform:scale(1.05)}.starters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.starter-card{background:#f5f5f5;padding:20px;border-radius:10px;cursor:pointer;transition:all .3s;border:2px solid transparent}.starter-card:hover{background:#e0e0e0;border-color:#667eea;transform:translateY(-5px)}.starter-sprite{font-size:60px;margin-bottom:10px}.starter-card h3{margin:10px 0;color:#333}.starter-card p{color:#999;margin:5px 0}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-box{background:white;padding:30px;border-radius:10px;max-width:500px;box-shadow:0 10px 40px #0000004d;text-align:center;font-family:Arial,sans-serif}.dialog-box h3{margin:0 0 15px;color:#333;font-size:20px}.dialog-box p{margin:0 0 20px;color:#666;font-size:16px;line-height:1.5}.dialog-box button{padding:10px 30px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s}.dialog-box button:hover{background:#5568d3;transform:scale(1.05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans",'Helvetica
Neue', sans-serif;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f0f0;overflow:hidden}html,body,#root{width:100%;height:100%}