:root{--bg:#111b18;--surface:#1a2923;--surface2:#24372f;--ink:#e9ead9;--muted:#aab8ab;--line:#385347;--gold:#ebc17f;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 0%,#243d2e 0%,#111b18 54%);min-height:100vh}
header{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(14px,3vw,44px);background:#14231e;border-bottom:1px solid #42604c;box-shadow:0 4px 28px #06160f80}
header strong{display:block;font-size:clamp(1.25rem,2vw,1.85rem);letter-spacing:.2em;color:#f6ddb0}
header small{display:block;font-size:.74rem;letter-spacing:.04em;color:#adbea8;margin-top:2px}
.badge{border:1px solid #c9b387;background:#263a2b;padding:8px 14px;border-radius:30px;color:#ecd4a3;font-size:.8rem}
main{max-width:1760px;margin:0 auto;padding:clamp(10px,1.5vw,22px);display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:16px;align-items:start}
.game{position:relative;min-width:0;border:1px solid #52745b;background:#13271e;border-radius:16px;padding:9px;box-shadow:0 14px 42px #050b0880}
.game-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 9px 12px}
.game-title strong{font-size:.82rem;letter-spacing:.19em;color:#e7c78b}
.game-title span{font-size:.78rem;color:#afc4b1}
#world{display:block;width:100%;height:auto;aspect-ratio:960/608;background:#244a3b;border:1px solid #61795d;border-radius:8px;image-rendering:auto;cursor:crosshair;touch-action:manipulation}
.game-state,.game-notice{margin:9px 0 0;border-radius:8px;padding:10px 13px;font-size:.85rem}
.game-state{background:#2a4031;border:1px solid #607354;color:#ecdbab;font-weight:700}
.game-notice{background:#182e25;color:#c8dac5;min-height:38px}
aside{background:linear-gradient(150deg,#1e3028,#172720);border:1px solid var(--line);border-radius:14px;padding:17px;max-height:calc(100vh - 114px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5f755e #15251c;box-shadow:0 12px 35px #0004}
h2{margin:0 0 12px;color:#f1dbab;font-size:1.03rem;letter-spacing:.03em}
h3{font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;color:#d2d6ad;margin:20px 0 8px}
p{line-height:1.48}#coordinates,.coordinates{font-size:.76rem;color:#91ac9a;word-break:break-all}
button{background:#d6b57c;color:#172017;border:1px solid transparent;border-radius:8px;font-weight:700;padding:10px 8px;cursor:pointer;font-size:.79rem;transition:background .12s,transform .12s,border-color .12s}
button:hover{background:#f2d293;transform:translateY(-1px)}button:focus-visible{outline:3px solid #fff7c7;outline-offset:2px}
.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;border:1px solid #3d5948;background:#192a22;border-radius:10px}
.toolbar button{background:#30483b;color:#dce6cb;border:1px solid #53745b;min-height:38px}
.toolbar button:hover{background:#496952}
#mouseMode{position:relative}
#inventory{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#inventory div,#research,#frontier,#climate,#settlement{background:#23392d;border:1px solid #395943;padding:10px;border-radius:9px;font-size:.84rem}
#inventory b{color:#f0cf90}
select{background:#25382e;color:#e9e9d7;border:1px solid #618068;border-radius:7px;padding:9px;width:100%}
.help,footer{font-size:.77rem;color:#adbdad;line-height:1.55}
#atlasMap{border-radius:8px!important}
aside section{margin-bottom:12px;border-top:1px solid #355344;padding-top:4px}
[hidden]{display:none!important}
footer{text-align:center;padding:14px;color:#778e7e;font-size:.72rem}
@media(max-width:1250px){main{grid-template-columns:minmax(0,1fr)}aside{max-height:none;overflow:visible;display:block}.game{width:100%}.game-title{flex-wrap:wrap}}
@media(max-width:600px){header{padding:11px}main{padding:8px;gap:10px}.game{padding:5px}.game-title{padding:5px 5px 9px}.game-title span{display:none}aside{padding:12px}}

.asset-notice{font-size:.72rem;color:#d9bb7c;margin:7px 2px 0;letter-spacing:.03em}

/* v0.15 — Art direction: illustrated field journal in antique gold and deep forest */
:root{--bg:#0d1813;--surface:#172a20;--surface2:#273e2e;--ink:#f4ebd6;--muted:#b3c5ad;--line:#50654a;--gold:#e6c485}
body{background:
 radial-gradient(ellipse 75% 55% at 6% 6%,rgba(83,110,62,.23),transparent 78%),
 radial-gradient(ellipse 68% 55% at 95% 96%,rgba(45,78,65,.19),transparent 80%),#0d1813}
header{background:linear-gradient(100deg,#14251e,#203629 60%,#12241b);border-bottom:1px solid #80714e;box-shadow:0 7px 34px #07100bbb}
header strong{color:#ffdf9b;font-family:Georgia,"Palatino Linotype",serif;font-weight:800;letter-spacing:.19em;text-shadow:0 2px 12px #0008}
header small{color:#bac8a7;letter-spacing:.08em}
main{max-width:1800px;grid-template-columns:minmax(0,1fr) 286px;gap:12px}
.game{padding:8px;background:linear-gradient(145deg,#223b28,#132319 70%);border:1px solid #827044;border-radius:13px;box-shadow:0 18px 60px #030903a0,inset 0 1px #c2ae6944}
.game-title{background:linear-gradient(90deg,#203c2a,#1a3026);border-radius:7px 7px 0 0;padding:11px 16px 12px;margin:0 0 5px;box-shadow:inset 0 -1px #86734a66}
.game-title strong{font-family:Georgia,"Palatino Linotype",serif;color:#ffe1a3;font-size:.95rem;letter-spacing:.17em}
.game-title span{color:#d7d4ae;font-family:Georgia,serif;font-style:italic}
#world{border:1px solid #aa9059;border-radius:5px;box-shadow:0 0 0 3px #0b1e1480,0 10px 22px #050c08b3;image-rendering:auto;filter:saturate(1.08) contrast(1.025)}
aside{background:linear-gradient(145deg,#243f2d 0%,#13281e 28%,#162c23 100%);border:1px solid #927749;border-radius:11px;box-shadow:0 16px 50px #050d08aa,inset 0 1px #c4a56733}
aside h2{font-family:Georgia,serif;font-size:1.18rem;color:#ffe0a1;letter-spacing:.035em;border-bottom:1px solid #8f784b;padding:0 0 12px}
aside h3{font-family:Georgia,serif;letter-spacing:.09em;color:#ebd5a4;font-size:.77rem;border-bottom:1px solid #5c704d;padding-bottom:7px}
aside h3:before{content:"✦";font-size:.72em;color:#e7b768;margin-right:8px}
.toolbar{background:#13291fdd;border:1px solid #685d3e;padding:6px;gap:6px}
.toolbar button{border:1px solid #697a57;color:#f2e9ce;background:linear-gradient(160deg,#3f6045,#284638);box-shadow:inset 0 1px #b7cb9760;min-height:42px}
.toolbar button:hover{background:linear-gradient(160deg,#617b52,#365941);border-color:#d0b571}
.toolbar button.active{color:#171e15;background:linear-gradient(165deg,#f3d697,#caa063);border-color:#f8e1a9;box-shadow:0 0 0 2px #d4b47355}
.actions:not(.toolbar) button{color:#272316;background:linear-gradient(160deg,#f3d9a1,#caa76d);border:1px solid #f4d89d99;box-shadow:inset 0 1px #fff8d088}
button:hover{filter:brightness(1.09)}
#climate,#frontier,#settlement,#research,#inventory div{background:linear-gradient(125deg,#284535,#1e362a);border:1px solid #577252;border-left:3px solid #cda665;box-shadow:inset 0 1px #d4c28a18}
#mouseMode{color:#ffe3a5;border:1px solid #6d8757;background:#1e3829;box-shadow:inset 3px 0 #d4b16c}
.game-notice{background:#172a21;border-left:2px solid #d8b778}
.asset-notice{color:#d8c39c}
@media(max-width:1250px){main{grid-template-columns:minmax(0,1fr)}aside{max-height:none}}