:root{color-scheme:dark;--gold:#c5a976;--muted:#8d918d;--line:#343b37}*{box-sizing:border-box}body{margin:0;background:#101714;color:#ddd9cb;font:14px Georgia,serif;background-image:radial-gradient(ellipse at 50% 30%,#25332a55,transparent 65%)}main{max-width:1080px;margin:auto;padding:30px 36px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:24px}.brand{font-size:23px;letter-spacing:7px;color:var(--gold);text-decoration:none}.brand span{display:block;font:8px Arial;letter-spacing:3px;margin-top:7px}.chapter,.edition{font:10px Arial;letter-spacing:2px;color:var(--muted)}.chapter b{color:var(--gold);padding:0 8px}.intro{padding:30px 0 25px}.intro p,.eyebrow{font:9px Arial;letter-spacing:3px;color:var(--gold)}h1{font-weight:normal;font-size:32px;margin:12px 0}.intro>span{font-size:13px;color:var(--muted)}.game-shell{border:1px solid #455047;background:#121b17;box-shadow:0 25px 70px #0005}.scene-label{display:flex;justify-content:space-between;padding:13px 18px;font:9px Arial;letter-spacing:2px;color:#abae9c}.viewport{position:relative;background:#111a20}canvas{width:100%;display:block;image-rendering:pixelated;outline:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(90deg,#081311bb,#111a1544,#081311aa);text-align:center}h2{font-size:70px;font-weight:normal;letter-spacing:18px;color:#e3cf9f;margin:0 0 8px;text-shadow:0 4px 10px #000}#overlay p:not(.eyebrow){line-height:1.8;color:#d0d1bd}button{font:12px Georgia;cursor:pointer;border:1px solid #6d7257;background:#29372b;color:#e1d5b7;padding:13px 20px;touch-action:none}button:hover:not(:disabled){background:#3e4b36;border-color:var(--gold)}button:focus-visible{outline:2px solid #e9c98d;outline-offset:2px}button:disabled{opacity:.4;cursor:default}#begin{margin:12px 0 17px;min-width:240px;background:#ac8b50;color:#101912}#begin span{margin-left:25px}small{font:10px Arial;color:var(--muted)}.status{display:flex;align-items:center;gap:22px;padding:18px 20px;border-top:1px solid var(--line)}.portrait{background:#29342d;border:1px solid #6f7057;padding:7px 13px;color:var(--gold);font-size:25px}.identity{min-width:125px}.identity b{font-size:15px;letter-spacing:3px}.identity small{display:block;margin-top:6px}.resource{flex:1}label{display:flex;justify-content:space-between;font:8px Arial;letter-spacing:1px;margin-bottom:8px;color:#9ca696}label span{color:#d4d8c2}progress{height:5px;width:100%;border:0;background:#2a342b;display:block}progress::-webkit-progress-bar{background:#2a342b}progress::-webkit-progress-value{background:#8c9b68}.mana progress::-webkit-progress-value{background:#7a9ba6}.time progress::-webkit-progress-value{background:#c9aa63}.message{padding:12px 20px;border-top:1px solid var(--line);font-size:12px;color:#c4c6ad;min-height:40px}#actions{display:flex;gap:10px;padding:0 20px 16px}#actions[hidden]{display:none}#actions button{flex:1;text-align:left}#actions small{display:block;margin-top:5px}.map-actions{display:flex;justify-content:space-between;gap:10px;padding:0 20px 16px}.dpad{display:flex;gap:5px}.dpad button{padding:8px 15px}#rest,#continue{font-size:11px;padding:8px 15px}footer{display:flex;justify-content:space-between;padding:20px 0;color:#7d8c7f;font:10px Arial}kbd{color:#b6bda8;font:10px monospace}footer i{padding:0 12px}footer>span:last-child{font:italic 12px Georgia}@media(max-width:700px){main{padding:18px 12px}.edition,.chapter{display:none}.intro{padding:20px 0}h1{font-size:25px}.status{gap:10px;padding:12px}.portrait,.identity small,.time{display:none}.identity{min-width:55px}.identity b{font-size:11px}.resource label{font-size:7px}h2{font-size:40px;letter-spacing:10px}#overlay p:not(.eyebrow){font-size:11px;margin:5px}#overlay small{font-size:8px}#begin{padding:10px;margin:7px}.scene-label{font-size:7px;padding:10px}.map-actions{padding:0 10px 12px;flex-wrap:wrap}#actions{padding:0 10px 10px;gap:5px}#actions button{font-size:10px;padding:10px 7px}#actions small{font-size:8px}footer{font-size:8px}footer>span:last-child{display:none}}

/* The field journal: aged metal, parchment and warm embers. */
body{background-color:#0c1211;background-image:radial-gradient(ellipse at 50% 20%,#314039 0%,#141d1a 42%,#0b1110 100%);color:#e8e1d0}main{max-width:1120px}header{border-color:#454b3d}.brand{color:#e0c38b;text-shadow:0 0 20px #b38d4a33}.chapter,.edition{color:#a3a79a}.intro p{color:#d3ac6c}.intro h1{color:#f0e5ca;font-size:35px;letter-spacing:-.5px}.intro>span{color:#b4b7a8}.game-shell{border:1px solid #746b50;background:#151d19;box-shadow:0 0 0 4px #111915,0 0 0 5px #343c31,0 32px 80px #0009}.scene-label{background:linear-gradient(90deg,#202a22,#151d19);color:#c8c6af;padding:14px 20px}.viewport{border-top:1px solid #6d6249;border-bottom:1px solid #6d6249}#overlay{background:radial-gradient(ellipse at center,#10201bc7,#08110edb);text-shadow:0 2px 4px #000}#overlay h2{color:#efd8a5;text-shadow:0 3px #332d20,0 8px 28px #000;letter-spacing:20px}#overlay .eyebrow{color:#d8ad65}#overlay button{border-color:#edc47d;background:linear-gradient(#d9b476,#a87c42);color:#1a1c15;font-weight:bold;box-shadow:0 4px 0 #59452f,0 8px 20px #0008}button{transition:background-color .15s,border-color .15s;border-color:#6b725b;background:#29362a}.status{background:linear-gradient(#202a23,#151d19);gap:20px}.portrait{border-color:#9d8a64;background:linear-gradient(135deg,#4b5442,#202c25);color:#e3c487}.identity b{color:#e6d3aa}.resource label{color:#b6bdac}progress{height:7px;border:1px solid #43493a;background:#101714}progress::-webkit-progress-bar{background:#101714}progress::-webkit-progress-value{background:linear-gradient(90deg,#778b55,#c6c78e)}.mana progress::-webkit-progress-value{background:linear-gradient(90deg,#597d88,#aad0ce)}.time progress::-webkit-progress-value{background:linear-gradient(90deg,#ad7842,#f0ce83)}.message{color:#d5ceba;background:#111a16}.map-actions,#actions{background:#111a16}.dpad button{min-width:42px}.scene-label span:last-child{color:#d1b482}@media(max-width:700px){.intro h1{font-size:26px}#overlay h2{font-size:42px;letter-spacing:11px}.scene-label{padding:10px 12px}.status{gap:10px}}

/* A compact, colorful 16-bit field guide. */
body{background:#101b24;background-image:radial-gradient(ellipse at 50% 18%,#314d4a 0%,#14242b 53%,#101820 100%)}
.game-shell{border:3px solid #d7c491;box-shadow:0 0 0 3px #213850,0 0 0 5px #8da2a1,0 24px 70px #000a;background:#172e47}
.scene-label{background:#192d46;color:#e4e6cc;border-bottom:2px solid #8da4a2;font-family:monospace;font-weight:bold;letter-spacing:1.5px}
.viewport{border:0}#overlay{align-items:flex-start;text-align:left;padding-left:8%;background:linear-gradient(90deg,#10273be8 0%,#10273bb8 38%,#10273b00 72%)}
#overlay h2{font-family:Georgia,serif;font-weight:bold;font-size:66px;letter-spacing:9px;color:#fff0be;text-shadow:3px 3px #5b3e36,0 8px 18px #000}
#overlay .eyebrow{color:#d8e8c0;letter-spacing:2px;font-weight:bold}#overlay p:not(.eyebrow){color:#f4ecd3;text-shadow:1px 2px #12243a}
#overlay button{margin:13px 0;border:2px solid #efe1ad;background:#365d76;color:#fff4d1;box-shadow:inset 0 0 0 2px #1a3653,0 4px 0 #17283a;padding:12px 16px}
#overlay button:hover{background:#527b8a}#overlay small{color:#dfdfc5}
.status{background:linear-gradient(#254b68,#1c3855);border-color:#9caeab}.portrait{background:#203f58;border:2px solid #c5d1bc;color:#ffe0a2}.identity b{color:#fff1ca}.identity small,.resource label{color:#d4dfce}.message,.map-actions,#actions{background:#1c3854;color:#fff2d0}.message{border-color:#8da9a5}button{border-color:#a8bdaf;background:#294d6a;color:#fff1c6}button:hover:not(:disabled){background:#436b7d;border-color:#f4db9a}progress{border-color:#152f44}footer{color:#afbdaf}
@media(max-width:700px){#overlay{padding-left:5%;background:linear-gradient(90deg,#10273bea 0%,#10273bbd 48%,#10273b1a 85%)}#overlay h2{font-size:34px;letter-spacing:5px}#overlay p:not(.eyebrow){font-size:10px;line-height:1.4}#overlay button{min-width:0;padding:7px 9px;font-size:10px;margin:5px 0}#overlay small{max-width:190px;font-size:8px}.status{padding:12px}}