*{box-sizing:border-box}body{margin:0;font-family:Courier New,monospace;background:#2c3e50;color:#ecf0f1;overflow:hidden}.game-container{width:100vw;height:100vh;position:relative}.login-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#34495e;padding:2rem;border-radius:8px;border:2px solid #3498db;text-align:center;min-width:300px}.login-screen h1{color:#3498db;margin-bottom:1rem;font-size:1.5rem}.login-screen input{width:100%;padding:.5rem;margin:.5rem 0;border:1px solid #3498db;border-radius:4px;background:#2c3e50;color:#fff;font-family:inherit}.login-screen button{width:100%;padding:.5rem;margin:.5rem 0;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-weight:700}.login-screen button:hover{background:#2980b9}.avatar-selector{display:flex;gap:.5rem;margin:1rem 0;justify-content:center}.avatar-option{width:32px;height:32px;border:2px solid transparent;cursor:pointer;background:#2c3e50;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.avatar-option.selected{border-color:#3498db}.game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ui-panel{position:absolute;background:#34495ee6;border:2px solid #3498db;border-radius:4px;padding:.5rem;pointer-events:auto}.player-info{top:10px;left:10px;min-width:200px}.chat-panel{bottom:10px;left:10px;width:300px;height:200px;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;background:#2c3e50cc;border-radius:4px;padding:.5rem;margin-bottom:.5rem;font-size:.8rem}.chat-input{display:flex;gap:.5rem}.chat-input input{flex:1;padding:.25rem;background:#2c3e50;color:#fff;border:1px solid #3498db;border-radius:4px;font-family:inherit}.chat-input button{padding:.25rem .5rem;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:inherit}.challenge-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background:#34495ef2;border:3px solid #e74c3c;border-radius:8px;padding:1rem;text-align:center}.challenge-panel h3{color:#e74c3c;margin-bottom:1rem}.challenge-options{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.challenge-option{padding:.5rem;background:#2c3e50;border:1px solid #3498db;border-radius:4px;cursor:pointer;transition:background .2s}.challenge-option:hover{background:#34495e}.challenge-option.correct{background:#27ae60;border-color:#27ae60}.challenge-option.incorrect{background:#e74c3c;border-color:#e74c3c}.xp-notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f39c12;color:#fff;padding:1rem;border-radius:8px;font-weight:700;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.other-players{position:absolute;top:10px;right:10px;background:#34495ee6;border:2px solid #3498db;border-radius:4px;padding:.5rem;min-width:150px}.other-players h4{margin:0 0 .5rem;color:#3498db}.player-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8rem}.player-level{color:#f39c12;font-weight:700}