/* Modern UI layer — loaded last (templates/base.html). Remove the 3 <link> to roll back. */
:root, [data-theme] {
  --m-radius: 10px;
  --m-radius-sm: 6px;
  --m-gap: 12px;
  --m-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 14px rgba(0, 0, 0, 0.08);
  --m-accent: var(--link-hover);
  --m-panel: var(--bg-color0);
  --m-panel-2: var(--bg-color2);
}
[data-theme='dark'] {
  --m-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 18px rgba(0, 0, 0, 0.3);
}

/* Panels */
.game-info,
.chat,
.movelist-block,
.crosstable,
div.seeks,
.sidebar-second {
  border-radius: var(--m-radius);
  box-shadow: var(--m-shadow);
}
.chat { overflow: hidden; }

/* Buttons: smoother feedback */
button { transition: background-color 0.15s, color 0.15s, box-shadow 0.15s, transform 0.05s; }
button:not([disabled]):active { transform: translateY(1px); }

/* Header: long usernames never wrap over the nav */
#username .user-link { white-space: nowrap; }