@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{--primary: #6c5ce7;--primary-dark: #5849c2;--secondary: #a29bfe;--accent: #ffd700;--background: #f5f6fa;--text: #2d3436;--error: #e74c3c;--success: #2ecc71;--player-color: #6c5ce7;--enemy-colors: #e74c3c, #2ecc71, #f39c12, #1abc9c, #3498db;--coin-color: #ffd700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--background);color:var(--text);overflow:hidden;height:100vh;touch-action:none}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#game-container{width:100%;height:100%;max-width:1200px;position:relative}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background-color:var(--background)}.screen.active{display:flex}#device-dialog{background:#fff;padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 10px 30px #0000001a;max-width:400px;width:90%}#device-dialog h2{color:var(--primary);margin-bottom:1.5rem}.device-buttons{display:flex;gap:1rem;justify-content:center}#mobile-controls{position:fixed;bottom:2rem;left:2rem;z-index:100;opacity:.7;display:none}#joystick-base{width:120px;height:120px;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);border-radius:50%;position:relative;touch-action:none}#joystick-knob{width:50px;height:50px;background:var(--primary);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.game-logo{position:relative;width:120px;height:120px;margin:0 auto 20px}.game-logo .character{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.game-logo .coin{position:absolute;top:10px;right:-20px;width:40px;height:40px;background:radial-gradient(circle at 30% 30%,gold,orange);border-radius:50%;box-shadow:0 0 20px #ffd70080;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-content{text-align:center;padding:2rem;background:linear-gradient(135deg,#6c5ce71a,#a29bfe33);border-radius:1rem;box-shadow:0 10px 30px #0000001a;max-width:500px;width:90%;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-title{font-size:3rem;color:var(--primary);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.game-description{font-size:1.2rem;margin-bottom:2rem;color:var(--text)}.username-container{margin-bottom:2rem}#username-input{padding:.8rem 1.2rem;font-size:1.1rem;border:2px solid var(--secondary);border-radius:.5rem;width:100%;outline:none;transition:border-color .3s ease}#username-input:focus{border-color:var(--primary)}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:.8rem 2rem;font-size:1.2rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-weight:600}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}#game-screen{background-color:#f8f9fc;position:relative}#game-stats{position:absolute;top:1rem;left:1rem;background-color:#fffc;padding:.7rem 1.2rem;border-radius:.5rem;display:flex;gap:2rem;z-index:10;box-shadow:0 4px 10px #0000001a}#timer-container,#score-container{display:flex;align-items:center;gap:.5rem}#timer-label,#score-label{font-weight:600;color:var(--primary)}#timer,#player-score{font-weight:700;font-size:1.2rem}#game-canvas{width:100%;height:100%;display:block}.end-content{text-align:center;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000001a;max-width:600px;width:90%}.end-title{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}#final-score{font-size:1.5rem;margin-bottom:2rem}#final-score-value{font-weight:700;color:var(--primary)}#scoreboard-container{margin-bottom:2rem}#scoreboard-container h3{margin-bottom:1rem;color:var(--text)}#scoreboard{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.scoreboard-item{display:flex;justify-content:space-between;padding:.8rem 1.2rem;background-color:#f5f6fa;border-radius:.5rem;transition:transform .2s ease}.scoreboard-item:hover{transform:translate(5px)}.scoreboard-item.player{background-color:#6c5ce71a;border-left:4px solid var(--primary);font-weight:600}.scoreboard-item .player-name{display:flex;align-items:center;gap:.8rem}.player-color{width:12px;height:12px;border-radius:50%;display:inline-block}@media (max-width: 768px){.game-title{font-size:2.5rem}.game-description{font-size:1rem}.btn-primary{padding:.7rem 1.5rem;font-size:1.1rem}#game-stats{gap:1rem;padding:.5rem 1rem}}@keyframes scoreUp{0%{transform:scale(1)}50%{transform:scale(1.3);color:var(--success)}to{transform:scale(1)}}@keyframes scoreDown{0%{transform:scale(1)}50%{transform:scale(1.3);color:var(--error)}to{transform:scale(1)}}.score-up{animation:scoreUp .5s ease}.score-down{animation:scoreDown .5s ease}