/* Временная PSX-тема. Заменять цвета, рамки и материалы здесь. */
:root {
  color-scheme: dark;
  --bg: #16171d;
  --surface: #252731;
  --surface-raised: #343743;
  --text: #deded8;
  --muted: #bec0ca;
  --accent: #d7d2a2;
  --on-accent: #202119;
  --edge-light: #9295a3;
  --edge-dark: #090a0e;
  --error: #ffb4ad;
  --focus: #f6e99b;
  --radius: 0px;
  --font-legacy: "Consolas", "Lucida Console", monospace;
  --font: var(--font-legacy);
  --panel-image: none;
  --button-image: none;
  --button-active-image: none;
  --frame-width: 2px;
}
body { background: var(--bg); color: var(--text); font-family: var(--font); }
.panel, dialog, #hud, .topbar, #nav {
  background: var(--surface) var(--panel-image) center / cover;
  border: var(--frame-width) solid;
  border-color: var(--edge-light) var(--edge-dark) var(--edge-dark) var(--edge-light);
  border-radius: var(--radius);
}
button, #nav a {
  font: inherit; color: var(--text); background: var(--surface-raised) var(--button-image) center / 100% 100%;
  border: var(--frame-width) solid;
  border-color: var(--edge-light) var(--edge-dark) var(--edge-dark) var(--edge-light);
  border-radius: var(--radius);
}
button:active, #nav a[aria-current="page"], .primary {
  color: var(--on-accent); background: var(--accent) var(--button-active-image) center / 100% 100%;
}
button:disabled { opacity: .5; cursor: not-allowed; }
a { color: var(--accent); }
small, .muted, footer { color: var(--muted); }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.art { background: var(--bg); border: 1px dashed var(--edge-light); color: var(--muted); }
.slot[data-owned="true"] { border-color: var(--accent); }
.slot-button { background: transparent; border: 0; color: inherit; }
.slot-button:hover, .slot-button:active { background: var(--surface-raised); color: var(--text); }
#notice { color: var(--error); border: 1px solid var(--error); }
input, select { font: inherit; background: var(--bg); color: var(--text); border: 1px solid var(--edge-light); }
dialog::backdrop { background: #000b; }
progress { accent-color: var(--accent); }