*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:#262421;color:#eee;min-height:100vh}#app{width:100%;min-height:100vh}.logo-auth{width:280px;height:auto;margin-bottom:16px}.logo-lobby{height:120px;width:auto}.logo-game{height:60px;width:auto;margin-left:auto}.logo-game-bottom{width:120px;margin-top:auto;align-self:center;opacity:.5}.btn-back{background:#3d3a37;color:#ccc;border:1px solid #555;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85em;transition:background .2s}.btn-back:hover{background:#4d4a47}.btn-logout{background:#4d4a47;color:#ccc;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85em;transition:background .2s}.btn-logout:hover{background:#5d5a57}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:16px 24px;background:#312e2b;border-radius:12px}.lobby-user{display:flex;align-items:center;gap:12px}.lobby-avatar{width:40px;height:40px;border-radius:50%;background:#81b64c;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em;color:#fff}.lobby-username{font-weight:700;font-size:1em}.lobby-content{display:grid;grid-template-columns:1fr 300px;gap:20px}.lobby-section{background:#312e2b;border-radius:12px;padding:20px}.lobby-section h2{font-size:.85em;color:#aaa;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.game-card{background:#3d3a37;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;border:2px solid transparent}.game-card:hover{border-color:#81b64c;transform:translateY(-2px)}.game-card .game-icon{font-size:2.5em;margin-bottom:10px}.game-card .game-title{font-weight:700;font-size:1em;margin-bottom:4px}.game-card .game-desc{color:#888;font-size:.8em}.category-card .game-icon{font-size:3em}.category-card{min-height:140px}.lobby-sidebar{display:flex;flex-direction:column;gap:20px}.online-list{list-style:none}.online-list li{padding:8px 0;display:flex;align-items:center;gap:10px;font-size:.9em}.online-dot{width:8px;height:8px;border-radius:50%;background:#81b64c}.online-count{color:#888;font-size:.8em;margin-bottom:10px}.chat-box{display:flex;flex-direction:column;flex:1;min-height:0}.chat-messages{flex:1;overflow-y:auto;padding:10px 0;max-height:250px;min-height:150px}.chat-msg{padding:3px 0;font-size:.85em;line-height:1.4;word-break:break-word}.chat-time{color:#555;font-size:.75em}.chat-author{color:#81b64c;font-weight:700}.chat-author.chat-me{color:#f5c518}.chat-text{color:#ccc}.chat-input-row{display:flex;gap:6px;margin-top:8px}.chat-input-row input{flex:1;padding:10px 12px;margin-bottom:0}.chat-input-row button{padding:10px 16px;background:#81b64c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.85em}.chat-input-row button:hover{background:#6fa03e}.game-topbar{display:flex;align-items:center;gap:16px;width:100%;max-width:900px;margin-bottom:16px}.player-avatar{width:32px;height:32px;border-radius:50%;background:#81b64c;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;color:#fff}.player-name{font-weight:700;font-size:.9em}.player-rating{color:#888;font-size:.75em}.player-info{display:flex;align-items:center;gap:10px;background:#312e2b;padding:8px 14px;border-radius:8px}.player-details{display:flex;flex-direction:column}.player-sub{font-size:.75em;color:#888;display:flex;align-items:center;gap:4px}input{width:100%;padding:14px 16px;margin-bottom:12px;background:#3d3a37;border:1px solid #4d4a47;border-radius:8px;color:#eee;font-size:.95em;outline:none;transition:border .2s}input:focus{border-color:#81b64c}