*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:silver;color:#000}:root{--primary-bg: #c0c0c0;--primary-text: #000;--accent-blue: #000080;--button-face: #dfdfdf;--button-highlight: #ffffff;--button-shadow: #808080}html,body,#root{height:100%;width:100%}.login-container,.register-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--primary-bg)}.login-container h1,.register-container h1{margin-bottom:2rem;color:var(--accent-blue);font-size:2rem}form{display:flex;flex-direction:column;gap:1rem;width:300px;border:2px solid var(--button-shadow);padding:1rem;background-color:var(--button-face)}form div{display:flex;flex-direction:column;gap:.5rem}form label{font-weight:700;color:var(--accent-blue)}form input{padding:.5rem;border:1px solid var(--button-shadow);background-color:#fff;font-size:1rem}form button{padding:.5rem 1rem;background-color:var(--button-face);border:2px solid var(--button-shadow);border-right-color:var(--button-highlight);border-bottom-color:var(--button-highlight);cursor:pointer;font-weight:700;color:var(--primary-text)}form button:hover{background-color:#e8e8e8}form button:active{border-right-color:var(--button-shadow);border-bottom-color:var(--button-shadow)}form button:disabled{opacity:.6;cursor:not-allowed}.error{color:red;font-weight:700;padding:.5rem;background-color:#fcc;border:1px solid red}form p{text-align:center;margin-top:1rem}form a{color:var(--accent-blue);text-decoration:underline}.game-container{display:flex;height:100vh;width:100%;overflow:hidden;background-color:#f5e6d3}#game-canvas{flex:1;background-color:#f5e6d3;overflow:hidden}.game-canvas{width:100%;height:100%;background-color:#f5e6d3}.game-info{position:fixed;bottom:10px;left:10px;padding:.5rem 1rem;background-color:#000000b3;color:#fff;border:1px solid #ccc;border-radius:4px;font-size:12px;z-index:1000}.game-info p{margin:2px 0}.game-ui{width:300px;background-color:var(--button-face);border-left:2px solid var(--button-shadow);display:flex;flex-direction:column;overflow-y:auto}.status-bar{padding:1rem;border-bottom:2px solid var(--button-shadow);background-color:var(--button-face)}.status-bar p{margin:.5rem 0;font-size:.9rem}.profile-container{padding:2rem;max-width:600px;margin:0 auto}.profile-card{border:2px solid var(--button-shadow);padding:1rem;background-color:var(--button-face)}.profile-header{margin-bottom:1rem}.profile-header h2{color:var(--accent-blue);margin-bottom:.5rem}.profile-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1rem;border-top:1px solid var(--button-shadow)}.profile-stats div{text-align:center;padding:.5rem;background-color:var(--primary-bg)}@media (max-width: 768px){.game-container{flex-direction:column}.game-ui{width:100%;height:200px;border-left:none;border-top:2px solid var(--button-shadow)}.profile-stats{grid-template-columns:1fr}}.loading{text-align:center;padding:2rem;color:var(--accent-blue)}.placeholder{padding:1rem;border:2px dashed var(--button-shadow);background-color:var(--primary-bg);text-align:center;color:#666}