.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}.auth-container{max-width:400px;width:90%;padding:2rem;background-color:#0f3460;border-radius:12px;box-shadow:0 8px 32px #0006}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;margin-bottom:.5rem;color:#f39c12}.auth-header p{color:#ffffffb3;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:#ffffffe6;font-weight:500}.form-group input{width:100%}.error-message{color:#e74c3c;font-size:.85rem;padding:.5rem;background-color:#e74c3c1a;border-radius:4px;border-left:3px solid #e74c3c}.success-message{color:#2ecc71;font-size:.85rem;padding:.5rem;background-color:#2ecc711a;border-radius:4px;border-left:3px solid #2ecc71}.btn-primary{background-color:#f39c12;color:#1a1a1a;border:none;padding:.8em 1.5em;font-weight:600;transition:all .3s}.btn-primary:hover{background-color:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.btn-primary:disabled{background-color:#555;cursor:not-allowed;transform:none}.btn-secondary{background-color:transparent;color:#f39c12;border:1px solid #f39c12}.btn-secondary:hover{background-color:#f39c121a;border-color:#e67e22}.auth-toggle{text-align:center;margin-top:1.5rem;color:#ffffffb3}.auth-toggle button{background:none;border:none;color:#f39c12;cursor:pointer;text-decoration:underline;padding:0;font-size:1em}.auth-toggle button:hover{color:#e67e22}.main-menu{max-width:1200px;width:90%;padding:2rem;text-align:center}.main-menu h1{font-size:3rem;margin-bottom:1rem;color:#f39c12;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.welcome-message{font-size:1.2rem;color:#fffc;margin-bottom:2rem}.menu-description{background-color:#0f346099;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #f39c12}.menu-description p{color:#ffffffe6;line-height:1.6;margin-bottom:.5rem}.menu-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.menu-actions button{min-width:200px}.game-status{background-color:#0f346066;padding:1rem;border-radius:8px;margin-top:2rem}.game-status h3{color:#f39c12;margin-bottom:.5rem}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#ffffffb3}.game-container{width:100%;height:100vh;display:flex;flex-direction:column}.game-canvas-wrapper{flex:1;display:flex;justify-content:center;align-items:center;background-color:#1a1a2e}.game-hud{position:absolute;top:0;left:0;right:0;padding:1rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.game-hud>*{pointer-events:auto}.hud-resources{display:flex;gap:1rem;background-color:#0009;padding:.5rem 1rem;border-radius:8px}.resource-item{display:flex;align-items:center;gap:.3rem;color:#fff;font-weight:600}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{padding:.6em 1em;font-size:1em;border:1px solid #444;border-radius:4px;background-color:#1a1a1a;color:#ffffffde}input:focus{outline:none;border-color:#646cff}