body{font-family:Inter,sans-serif;background-color:#2c3e50;color:#ecf0f1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:20px;box-sizing:border-box;overflow-x:hidden}.game-container{background-color:#34495e;border-radius:15px;box-shadow:0 10px 20px #0000004d;padding:20px;width:100%;max-width:1200px;display:flex;flex-direction:column;gap:20px}canvas{background-color:#7f8c8d;display:block;border-radius:10px;border:2px solid #2c3e50;width:100%;height:600px}.controls,.player-info,.lobby-section,.building-controls,.unit-controls,.placement-mode-info,.auth-section{background-color:#2c3e50;padding:15px;border-radius:10px;box-shadow:inset 0 2px 5px #0003}button{transition:all .3s ease;box-shadow:0 4px 6px #0000001a;border:none;cursor:pointer}button:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0003}button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-primary{background-color:#e67e22;color:#fff}.btn-secondary{background-color:#3498db;color:#fff}.btn-info{background-color:#2ecc71;color:#fff}.input-field{padding:10px;border-radius:8px;border:1px solid #7f8c8d;background-color:#ecf0f1;color:#2c3e50}#messageBox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:20px;border-radius:10px;z-index:1000;display:none;text-align:center}#messageBox button{margin-top:15px;padding:8px 15px;border-radius:5px;background-color:#e67e22;color:#fff}.resource-animation{position:absolute;font-weight:700;font-size:1em;opacity:1;transition:opacity .5s ease-out,transform 1s ease-out;pointer-events:none;white-space:nowrap;z-index:999}@media (min-width: 768px){.game-container{flex-direction:row;justify-content:space-between;align-items:flex-start}.main-game-area{flex:3}.sidebar{flex:1;display:flex;flex-direction:column;gap:20px}}