/* The Mysterious Island — story skin.
   css/game.css ships byte-identical; every visual change for this story is an
   override here. Nothing below alters layout geometry or accessibility classes. */
:root{
  --primary:#7fd4c1;
  --bright:#e8f4ee;
  --dim:#5f8a80;
  --line:#1d4a45;
  --bg:#04090b;
  --panel:#071216;
  --panel2:#0a1a1e;
  --warn:#e6b64c;
  --danger:#d9705c;
  --brass:#c69a4e;
  --font:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --mono:Consolas,"Courier New",monospace;
}
html,body{background:#04090b}
.shell{background:
  radial-gradient(ellipse at 50% 0%,rgba(198,154,78,.07) 0,rgba(4,9,11,0) 55%),
  radial-gradient(circle at 50% 40%,#08161a 0,#04090b 55%,#010405 100%)}
.topbar{background:linear-gradient(180deg,#0a181c,#050d10);border-color:var(--line)}
.logo{color:var(--brass);text-shadow:0 0 calc(9px * var(--glow)) rgba(198,154,78,.5);font-family:var(--mono)}
.product{font-family:var(--mono);letter-spacing:.04em}
.game-title strong{color:var(--bright);letter-spacing:.24em}
.metric b{color:var(--brass);font-family:var(--mono)}
.panel{background:linear-gradient(180deg,rgba(9,24,28,.96),rgba(4,10,12,.96));
  box-shadow:inset 0 0 26px rgba(127,212,193,.03)}
.panel h2{border-bottom:1px solid #1d4a45;color:var(--brass);font-family:var(--mono);letter-spacing:.09em}
.panel p{color:#a9c6bd}
.panel .row{border-bottom:1px solid #12312e}
.progress{background:#0d2422}
.progress i{background:linear-gradient(90deg,var(--primary),var(--brass))}

.terminal{font-family:var(--font);font-size:calc(15px * var(--scale));line-height:1.55}
.terminal .output{margin-bottom:.55em}
.terminal .command{color:var(--brass);font-family:var(--mono);letter-spacing:.05em}
.terminal .system{color:#9fd8c6}
.terminal .warning{color:var(--warn)}
.terminal .error{color:var(--danger)}
.terminal .title{color:var(--bright);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:.5em 0;margin:.7em 0;letter-spacing:.06em}

.command-entry{font-family:var(--mono)}
.command-entry input{font-family:var(--mono);color:var(--bright)}
.palette-label{color:var(--dim);font-family:var(--mono);letter-spacing:.12em}
.button-row button{font-family:var(--mono);font-size:11px;letter-spacing:.06em;background:#0a1a1e}
.button-row button:hover{background:#16403a;color:var(--bright)}
.button-row button.story-verb{border-color:#5c4620;color:var(--brass);background:#140f06}
.button-row button.story-verb:hover{background:#2a1f0b;color:#f0d79c}
.button-row button.selected{background:#1d4a45;color:var(--bright)}
.footerbar{background:linear-gradient(180deg,#050d10,#0a181c)}

/* World chart */
.island-chart{font-family:var(--mono);font-size:11px;line-height:1.45}
.chart-region{margin-bottom:9px;padding-left:6px;border-left:2px solid #12312e}
.chart-region.current{border-left-color:var(--brass)}
.chart-heading{color:var(--brass);letter-spacing:.07em;margin-bottom:3px;font-size:10px}
.chart-room{display:flex;justify-content:space-between;gap:8px;color:#8fb5aa;padding:1px 0}
.chart-room.known{color:#bfe0d4}
.chart-room.here{color:var(--bright);background:rgba(198,154,78,.1)}
.chart-room.unknown{color:#3f5c57}
.chart-exits{color:#4e7a72;font-size:10px;letter-spacing:.09em}
.chart-footer{margin-top:8px;padding-top:6px;border-top:1px solid #12312e;color:var(--dim);font-size:10px}

/* Story cover */
.story-cover{background:radial-gradient(ellipse at 50% 30%,#0d2129 0,#04090b 60%,#000 100%)}
.cover-content h1{color:var(--bright);letter-spacing:.14em;font-family:var(--font)}
.cover-kicker{color:var(--brass);letter-spacing:.3em;font-family:var(--mono)}
.cover-content p{color:#a9c6bd;font-family:var(--font);line-height:1.6}
.cover-credit{color:var(--dim)}
.start-story{background:#140f06;border:1px solid #5c4620;color:var(--brass);letter-spacing:.14em;font-family:var(--mono)}
.start-story:hover{background:#2a1f0b;color:#f0d79c}
.cover-option{color:#a9c6bd;font-family:var(--mono);font-size:12px}
.cover-art .cover-moon{background:radial-gradient(circle,#f2e2b8 0,#c69a4e 60%,rgba(198,154,78,0) 72%)}
.cover-art .cover-ridge{background:#0b1a1f}
.cover-art .cover-cave{background:#02070a}

body.high-contrast{--primary:#ffffff;--bright:#ffffff;--dim:#d0d0d0;--line:#ffffff;--brass:#ffd479}