/* The Ember Sigil — theme skin.
   css/game.css ships byte-identical to the engine stylesheet; every visual
   change for this game lives here. Palette: kerosene amber and scorched sepia
   over near-black — a 1930s expedition terminal instead of a green CRT. */

:root {
  --primary: #f2b264;
  --bright: #ffd9a0;
  --dim: #a3794a;
  --line: #6e4a1f;
  --bg: #0a0602;
  --panel: #150c04;
  --panel2: #1b1006;
  --warn: #ffe17a;
  --danger: #ff9d8f;
}

body.ember { background: #0a0602; }
body.ember .shell { background: radial-gradient(circle at 50% 35%, #1d1206 0, #0d0703 50%, #060301 100%); }
body.ember .topbar, body.ember .footerbar { background: #0e0803; }
body.ember .logo { text-shadow: 0 0 calc(10px * var(--glow)) #d98e3a; }
body.ember .panel {
  background: linear-gradient(180deg, rgba(27, 16, 6, .96), rgba(13, 7, 3, .96));
  box-shadow: inset 0 0 22px rgba(242, 178, 100, .03);
}
body.ember .panel h2 { border-bottom-color: #5a3c17; }
body.ember .panel p { color: #d8b98d; }
body.ember .panel .row { border-bottom-color: #3c2810; }
body.ember .locked { color: #8a6d4a; }
body.ember .progress { background: #241605; }
body.ember .terminal {
  text-shadow: 0 0 calc(6px * var(--glow)) rgba(242, 178, 100, .40);
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .012) 0, rgba(255, 255, 255, .012) 1px, transparent 1px, transparent 4px),
    #070401;
}
body.ember .output.command { color: #ffe9c8; }
body.ember .output.system { color: #c99a58; }
body.ember .command-entry { background: #120a04; }
body.ember .command-entry input { background: #0a0502; border-color: #7a5320; }
body.ember .topbar button, body.ember .footerbar button, body.ember .command-entry button,
body.ember .button-row button, body.ember dialog button { background: #170d05; }
body.ember .topbar button:hover, body.ember .footerbar button:hover,
body.ember .button-row button:hover { background: #3a2409; color: var(--bright); }
body.ember .button-row button.selected { background: #4a2e0c; color: var(--bright); }
body.ember .button-row button.story-verb { border-color: #9a6420; color: #ffca7e; }
body.ember .palette { background: linear-gradient(180deg, #150c04, #0a0502); }
body.ember .footerbar button { color: #d8b98d; }
body.ember dialog { border-color: var(--primary); background: #0d0703; }

/* keyboard visibility */
body.ember button:focus-visible,
body.ember input:focus-visible,
body.ember select:focus-visible {
  outline: 2px solid var(--bright);
  outline-offset: 2px;
}

/* high-contrast override stays engine-authoritative (game.css) */

/* ---------------- story cover art: desert dawn over Qai-Sharat ---------------- */
body.ember .story-cover { background: #0a0602; }
body.ember .cover-art {
  background:
    radial-gradient(circle at 62% 30%, rgba(255, 178, 84, .30), transparent 34%),
    linear-gradient(180deg, #241206 0%, #140a04 55%, #070401 100%);
  border-right-color: var(--line);
}
.ember-sun {
  position: absolute; width: 190px; height: 190px; border-radius: 50%;
  right: 16%; top: 12%;
  background: radial-gradient(circle at 42% 38%, #ffe9b8, #f0a848 55%, #7a3d12 74%, transparent 76%);
  box-shadow: 0 0 70px rgba(255, 170, 80, .38);
}
.ember-dune {
  position: absolute; left: -10%; width: 120%; height: 52%; bottom: 0;
  clip-path: polygon(0 62%, 12% 48%, 26% 58%, 41% 40%, 57% 56%, 72% 38%, 86% 54%, 100% 44%, 100% 100%, 0 100%);
}
.dune-far { background: #33200c; opacity: .85; }
.dune-near { bottom: -14%; background: #170d05; transform: scaleX(1.12); }
.ember-ruin {
  position: absolute; left: 20%; bottom: 16%; width: 26%; height: 34%;
  background: linear-gradient(180deg, #0d0703, #050301);
  clip-path: polygon(0 100%, 0 42%, 14% 42%, 14% 22%, 30% 22%, 30% 42%, 46% 42%, 46% 10%, 62% 10%, 62% 42%, 78% 42%, 78% 28%, 92% 28%, 92% 100%);
  filter: drop-shadow(0 -6px 14px rgba(255, 170, 80, .10));
}
.ember-pillar {
  position: absolute; left: 66%; bottom: 18%; width: 3.2%; height: 40%;
  background: linear-gradient(180deg, #0f0804, #050301);
  box-shadow: -14px 0 22px rgba(0, 0, 0, .5);
}
.ember-pillar::after {
  content: ""; position: absolute; top: -6%; left: -70%; width: 240%; height: 8%;
  background: #0b0603;
}
body.ember .cover-content { background: linear-gradient(135deg, rgba(32, 18, 7, .98), #0a0602); }
body.ember .cover-content h1 { text-shadow: 0 0 26px rgba(255, 178, 84, .28); }
body.ember .cover-content p { color: #e3c69b; }
body.ember .start-story {
  background: #4a2a0a; border-color: var(--bright); color: var(--bright);
  box-shadow: 0 0 18px rgba(255, 178, 84, .16);
}
body.ember .start-story:hover, body.ember .start-story:focus { background: #6b3d0e; }

/* the shell's expedition chart */
body.ember .map.sigil-chart { color: #e8c99a; text-align: left; place-items: start; line-height: 1.55; }