/* Исходные стили клиента: копируются в public при сборке (scripts/build-client.mjs) */
html, body { margin: 0; height: 100%; overflow: hidden; background: #0f172a; font-family: sans-serif; }
canvas { display: block; }

#ui { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
#ui button, #ui select, #ui input { pointer-events: auto; }
.panel { pointer-events: auto; background: rgba(15, 23, 42, 0.9); color: #f8fafc; padding: 1rem; border: 1px solid #334155; }
.panel-top { position: absolute; top: 0; left: 0; right: 0; }
.panel-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.btn { cursor: pointer; padding: 0.5rem 1rem; background: #334155; color: white; border: none; }
.field { margin-bottom: 0.5rem; }
.row { display: flex; gap: 0.5rem; }
.hidden { display: none; }
.tech-researched { background: #166534; }
.tech-available { background: #334155; }
.tech-locked { background: #1e293b; color: #64748b; cursor: not-allowed; }

[data-testid="score-table"] { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }
[data-testid="score-row"] { border-bottom: 1px solid #334155; }
[data-testid="restart-game"] { width: 100%; margin-top: 1rem; }
[data-testid="relations-panel"] { margin-top: 0.5rem; }