*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;margin:50px auto;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}.dog-svg-container{width:150px;height:150px;margin-bottom:20px}.dog-svg{width:100%;height:100%;animation:bounce 2s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.login-form,.register-form{width:100%}.login-form h2,.register-form h2{margin-bottom:20px;text-align:center;color:#444;font-size:28px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#4caf50;outline:none}.form-group input::placeholder{color:#aaa}.submit-button{width:100%;padding:14px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s;margin-top:10px}.submit-button:hover{background-color:#45a049}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#f44336;margin-bottom:15px;padding:10px;background-color:#ffebee;border-radius:8px;font-size:14px}.auth-switch{margin-top:20px;text-align:center;font-size:14px;color:#666}.auth-switch a{color:#4caf50;text-decoration:none;font-weight:700}.auth-switch a:hover{text-decoration:underline}.game-container{position:relative;width:100%;height:100vh;overflow:hidden}.game-canvas{width:100%;height:100%}.loading-overlay,.error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;color:#fff;font-size:24px;z-index:100}.error-overlay{background-color:#f44336b3}.game-controls-info{position:absolute;bottom:20px;left:20px;background-color:#000000b3;color:#fff;padding:15px;border-radius:8px;z-index:10}.game-controls-info h3{margin-bottom:10px}.game-controls-info p{margin:5px 0}.knockdown-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:20px;border-radius:10px;z-index:1000;text-align:center;min-width:300px;box-shadow:0 0 20px #ff000080;border:2px solid #ff5252;animation:pulse 1s infinite alternate}.knockdown-content h3{color:#ff5252;margin-bottom:10px;font-size:24px;text-shadow:0 0 5px rgba(255,0,0,.5)}.knockdown-content p{margin-bottom:15px;font-size:18px;font-weight:700}.knockdown-animation{margin:20px 0;height:60px;position:relative}.dog-icon{font-size:40px;display:inline-block;transform:rotate(90deg);animation:wiggle .5s infinite alternate}@keyframes wiggle{0%{transform:rotate(90deg)}to{transform:rotate(100deg)}}.sprint-indicator{position:absolute;top:20px;right:20px;background-color:#000000b3;color:#fff;padding:10px 15px;border-radius:5px;z-index:1000;text-align:center;box-shadow:0 0 10px #0064ffb3;border:2px solid #4287f5;animation:sprint-pulse .5s infinite alternate}.sprint-content p{margin:0 0 5px;font-size:16px;font-weight:700;color:#4287f5}.sprint-icon{font-size:24px;display:inline-block;animation:move-right .5s infinite linear}@keyframes sprint-pulse{0%{box-shadow:0 0 5px #0064ff80}to{box-shadow:0 0 15px #0064ffcc}}@keyframes move-right{0%{transform:translate(-5px)}to{transform:translate(5px)}}@keyframes pulse{0%{box-shadow:0 0 10px #ff000080}to{box-shadow:0 0 20px #f00c}}