@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Roboto+Condensed:wght@400;500;600&display=swap');
/* Portraits share the same character artwork as the map. */
canvas.portrait{position:relative;width:76px;height:84px;float:right;margin:12px 0 12px 10px;border:1px solid #78836a;box-shadow:0 4px 14px #0005}
canvas.dialog-portrait{position:relative;width:120px;height:130px;float:left;margin:0 24px 16px 0;border:1px solid #899278;box-shadow:0 8px 28px #0005}
dialog #choices{clear:both}
.viewport{box-shadow:inset 0 0 60px #0004}
.map-label{padding:12px 16px;background:linear-gradient(90deg,#17251dd9,#17251d00);border-left:2px solid #bbaa7b}
.legend{background:#19291ec9;padding:8px 12px;border:1px solid #8a92613d}
#hint{width:fit-content;max-width:90%;margin:auto;padding:7px 15px;background:#19291edb;border:1px solid #8590664d}
:root{color-scheme:dark;--bg:#151916;--panel:#20251f;--line:#424a37;--text:#d7dac3;--muted:#929a80;--accent:#c4cc84}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#32372a,#111511 80%);color:var(--text);font:16px 'Roboto Condensed','Segoe UI',sans-serif}main{max-width:1440px;margin:auto;padding:28px 36px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.eyebrow,.section-label{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{font-family:Oswald,'Arial Narrow',sans-serif;font-size:34px;letter-spacing:4px;margin:8px 0 0;font-weight:500}h1 span{display:block;font:11px 'Segoe UI',sans-serif;letter-spacing:4px;color:#929a80;margin-top:7px}.header-actions{display:flex;gap:8px}button{border:1px solid var(--line);background:#252c22;color:var(--text);padding:11px 15px;font:inherit;cursor:pointer;transition:background .15s}button:hover{background:#3b4430;border-color:#a4ae78}button:disabled{opacity:.4;cursor:default}.game{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid var(--line);box-shadow:0 15px 60px #0005}.viewport{position:relative;min-height:580px;background:#282b20;overflow:hidden}canvas{display:block;width:100%;height:100%;position:absolute;outline:none}.map-label{position:absolute;top:22px;left:24px;font-size:12px;letter-spacing:2px;pointer-events:none}.map-label small{display:block;margin:8px 0 0 16px;color:#a9ad92;letter-spacing:1px}.dot{display:inline-block;width:6px;height:6px;background:#c8d286;margin-right:7px;box-shadow:0 0 9px #c8d286}#hint{position:absolute;bottom:47px;left:0;right:0;text-align:center;color:#ded9b4;font-size:14px;pointer-events:none;text-shadow:1px 2px 3px #000}.legend{position:absolute;bottom:18px;left:24px;font-size:11px;color:#d1dc99;letter-spacing:1px}.legend span{color:#a0bdab}.legend b{color:#d89370;font-weight:400}aside{background:linear-gradient(135deg,#262c23,#1d231c);padding:24px;border-left:1px solid var(--line)}h2{font-family:Oswald,sans-serif;font-size:29px;letter-spacing:1px;font-weight:400;margin:10px 0}.muted{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:24px}.stat{display:flex;justify-content:space-between;font-size:13px;margin:15px 0 8px}.stat strong{color:var(--accent);font-weight:400}.bar{height:5px;background:#11180f}.bar i{height:100%;display:block;background:#a6b477;transition:width .3s}#apdots{display:flex;gap:5px}#apdots i{width:20px;height:5px;background:#b5bb7e}#apdots i.empty{background:#3c4434}.mode{font-size:10px;letter-spacing:2px;color:#939c7e;margin:19px 0 12px}.mode.combat{color:#e0a37f}.primary{width:100%;background:#414c32;font-size:13px}kbd{font:10px inherit;opacity:.5;float:right;margin-top:2px}.divider{border-top:1px solid var(--line);margin:23px 0}.item{display:flex;gap:14px;align-items:center;margin:17px 0}.item-icon{font-size:36px;color:#b1b88b}.item strong{font-size:14px;font-weight:400}small{display:block;color:var(--muted);font-size:11px;margin-top:5px}#heal{width:100%;text-align:left;font-size:14px}#meds{float:right;color:var(--accent)}h3{font-size:17px;font-weight:500;margin:14px 0 8px}#quest{font-size:13px;line-height:1.6;color:#aeb59b}#inventory{color:var(--accent);font-size:12px}footer{border:1px solid var(--line);border-top:0;background:#191e18;padding:16px 24px}.log-title{font-size:10px;letter-spacing:2px;color:#9ba784}#coords{float:right}#log{height:90px;overflow:auto;margin-top:10px;font-size:13px;line-height:1.7;color:#a8af97}#log div:first-child{color:#d6d8bd}.footer-note{font-size:11px;border-top:1px solid #30382a;padding-top:11px;color:#768068}dialog{max-width:540px;width:90%;padding:30px;background:#252b22;color:var(--text);border:1px solid #7a8660;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#080d08b8}dialog p{line-height:1.7;color:#c1c6af}#choices{display:grid;gap:9px;margin-top:22px}#choices button{text-align:left}@media(max-width:900px){main{padding:16px}.game{grid-template-columns:1fr}.viewport{min-height:480px}aside{border-left:0;display:none}header{align-items:start}h1{font-size:24px}.eyebrow{font-size:8px}.header-actions{flex-wrap:wrap;justify-content:end}.header-actions button{font-size:12px;padding:8px}.footer-note{line-height:1.6}}