body { margin: 0; font-family: Arial, sans-serif; background: #121212; color: #fff; }
header { display: flex; justify-content: space-between; padding: 15px 30px; background: #1e1e1e; align-items: center; }
header a { color: #4CAF50; text-decoration: none; font-size: 24px; font-weight: bold; }
.avatar { width: 40px; height: 40px; border-radius: 50%; cursor: pointer; object-fit: cover; }
.btn { background: #4CAF50; color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px; cursor: pointer; border: none;}
.game-grid { display: flex; gap: 20px; flex-wrap: wrap; padding: 20px; }
.game-card { background: #2a2a2a; padding: 15px; border-radius: 8px; width: 200px; text-align: center; cursor: pointer; }
.game-card img { width: 100%; border-radius: 4px; }
.container { padding: 20px; }

.editor-layout { display: flex; height: calc(100vh - 60px); }
.left-menu { width: 250px; background: #1a1a24; border-right: 1px solid #333; padding: 20px 0; }
.left-menu-item { padding: 12px 20px; color: #aaa; cursor: pointer; display: flex; align-items: center; }
.left-menu-item.active { background: #2a2a36; color: #fff; border-left: 3px solid #ffcc00; }
.editor-content { flex-grow: 1; padding: 30px; overflow-y: auto; background: #f4f5f7; color: #000; } /* Светлый фон как в Яндексе */
.top-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.badge { background: #ffebee; color: #c62828; padding: 4px 8px; border-radius: 4px; font-size: 12px; }