/* Shared surface palette; layouts and interaction styles remain with each feature. */
:root {
  --panel-base: #10191e;
  --panel-raised: #1a272d;
  --panel-border: #405158;
  --panel-text: #edeae1;
  --panel-muted: #adbdc4;
  --panel-gold: #d6b777;
}
#game :is(dialog, #wildlife-target, #wolf-encounter) {
  scrollbar-color: var(--panel-border) var(--panel-base);
  scrollbar-width: thin;
}
#game :is(#wildlife-target, #wolf-encounter) {
  color: var(--panel-text);
  background: var(--panel-base);
  border: 1px solid var(--panel-border);
  border-radius: 12px;
  box-shadow: 0 12px 32px #0005;
}
#game :is(#wildlife-target, #wolf-encounter) .gothic-crest {
  height: 24px;
  margin: 0 8px 10px;
}
#game :is(#wildlife-target, #wolf-encounter) button {
  background: var(--panel-raised);
  color: var(--panel-text);
  border-color: var(--panel-border);
  border-radius: 6px;
  box-shadow: none;
}
#game :is(#wildlife-target, #wolf-encounter) button:not(:disabled):hover {
  border-color: var(--panel-gold);
  background: #263840;
}
#game
  :is(#wildlife-target, #wolf-encounter)
  button:is([data-action="attack"], [data-action="loot"]) {
  border-color: var(--panel-gold);
  color: var(--panel-gold);
}
#home-dialog > .gothic-crest {
  height: 38px;
  margin: 12px 50px 0;
}
#game #home-dialog .home-header {
  padding-top: 8px;
}
#game .gothic-panel :is(h2, h3) {
  text-shadow: none;
}
#game #journal-dialog #journal-content p {
  color: var(--panel-muted);
  font-size: 15px;
  line-height: 1.55;
}
#game #journal-dialog #journal-content h3 {
  font-size: 23px;
}
#game #journal-dialog :is(.journal-tabs button, .quest-journal-choice) {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 7px;
  color: var(--panel-text);
}
#game #journal-dialog button:is([aria-selected="true"], [aria-pressed="true"]) {
  background: var(--panel-raised);
  border-color: var(--panel-gold);
  color: var(--panel-text);
}
#game #journal-dialog :is(.journal-tabs button, .quest-journal-choice):hover {
  background: var(--panel-raised);
}
#game .gothic-panel :is(.quest-rewards, .requirement, .inventory-items > li) {
  background: var(--panel-raised);
  border: 1px solid var(--panel-border);
  border-radius: 8px;
  box-shadow: none;
}
#game .gothic-panel .requirement.ready {
  border-color: #96ceb2;
}
#game .gothic-panel .quest-rewards h3 {
  font-size: 18px;
  color: var(--panel-text);
}
#game .gothic-panel .quest-reward-list strong {
  font-size: 18px;
  color: var(--panel-gold);
}
#game
  .gothic-panel
  :is(input:not([type="checkbox"], [type="range"]), select, textarea) {
  background: var(--panel-base);
  color: var(--panel-text);
  border: 1px solid var(--panel-border);
  border-radius: 6px;
  box-shadow: none;
}
/* Workshop keeps its portrait and repair tools inside the same single frame. */
:is(#game, body) #station-dialog.gothic-panel.bench-panel {
  background: var(--panel-base);
  border: 1px solid var(--panel-border);
  border-radius: 16px;
  padding: 14px;
  max-height: calc(100dvh - 36px);
  overflow-y: auto;
  box-shadow: 0 24px 70px #0006;
}
#game #station-dialog.bench-panel .bench-header {
  margin: 0 0 12px 30px;
  border: 0;
  border-radius: 8px;
  background: var(--panel-raised);
  box-shadow: none;
}
#game .bench-panel .bench-content {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
  max-height: calc(100dvh - 210px);
}
#game .bench-portrait {
  border-color: var(--panel-border);
  box-shadow: none;
}
#game #station-dialog.gothic-panel.bench-panel .bench-tabs button {
  background: var(--panel-raised);
  border-color: var(--panel-border);
  color: var(--panel-muted);
  box-shadow: none;
}
#game
  #station-dialog.gothic-panel.bench-panel
  .bench-tabs
  button[aria-selected="true"] {
  border-color: var(--panel-gold);
  color: var(--panel-text);
}
#game .gothic-panel .bench-repair-card {
  background: var(--panel-raised);
  border-color: var(--panel-border);
  border-radius: 8px;
  box-shadow: none;
}
#game .gothic-panel .bench-repair-card[aria-pressed="true"] {
  border-color: var(--panel-gold);
}
#game .quest-map-tooltip {
  background: var(--panel-base);
  border-color: var(--panel-border);
  color: var(--panel-text);
  border-radius: 8px;
}
@media (max-width: 800px) {
  #game #journal-dialog #journal-content p {
    font-size: 15px;
  }
  #game #journal-dialog #journal-content h3 {
    font-size: 22px;
  }
  #home-dialog > .gothic-crest {
    height: 28px;
    margin-inline: 32px;
  }
}
#game dialog.conversation-bubble {
  border-radius: 16px;
  background: var(--panel-base);
  border: 1px solid var(--panel-border);
  box-shadow: 0 14px 45px #0006;
}
#game dialog.conversation-bubble::after {
  content: none;
}
#game dialog.conversation-bubble .gothic-crest {
  display: block;
}