/* games.tchkll.fr. Tokens and components come from /_gungnir/gungnir.css. */

.head { display: flex; align-items: center; gap: var(--g-space-3); flex-wrap: wrap; margin-bottom: var(--g-space-3); }
.head h1 { margin: 0; }
.msg { min-height: 1.2em; margin: 0 0 var(--g-space-3); font-size: var(--g-text-sm); }
.msg.err { color: var(--g-danger); } .msg.ok { color: var(--g-ok); }

.cmd { display: flex; align-items: center; gap: var(--g-space-3); padding: var(--g-space-3);
       background: #0b0d10; border: 1px solid var(--g-border); border-radius: var(--g-radius); }
.cmd code { flex: 1; background: none; border: 0; font-size: var(--g-text-md); color: var(--g-text); }

.server { display: flex; flex-direction: column; gap: var(--g-space-2); }
.server.selected { border-color: var(--g-accent); }
.server__head { display: flex; align-items: center; gap: var(--g-space-2); }
.server__head h2 { flex: 1; margin: 0; font-size: var(--g-text-md); }
.server__meta { font: var(--g-text-xs)/1.6 var(--g-mono); color: var(--g-muted); }
.server__actions { display: flex; flex-wrap: wrap; gap: var(--g-space-2); margin-top: var(--g-space-1); }

.console-panel { margin-top: var(--g-space-5); }
.console-panel .g-console { height: min(60vh, 520px); }
.c-form { margin-top: var(--g-space-3); flex-wrap: nowrap; }
.c-form input { flex: 1; width: auto; }
.g-console .ts { color: var(--g-faint); }