:root{--earth-1:#c8b49a;--earth-2:#9c8468;--earth-3:#5e4a39;--earth-4:#2f241c;--nature-1:#6f7f5f;--nature-2:#2f4a3a;--sky-1:#1f4a5c;--sky-2:#5c86a8;--glory-1:#b07a32;--glory-2:#c98e2c;--glory-3:#e8b83a;--glory-4:#f3cf63;--dark-1:#2c2f36;--dark-2:#23252b;--dark-3:#2a1f22;--danger:#a5231d;--panel:#100f11e0;--panel-edge:#c98e2c73;--ink:#2b2016;--parchment:#e9dcbc;--parchment-2:#d8c69c;--text:#ece3cf;--text-dim:#b3a78f;--gold:var(--glory-3);--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--font-body:"EB Garamond", Garamond, Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:#0d0c0e;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased}canvas{touch-action:none;display:block}button{font:inherit;color:inherit}.game-root{position:fixed;inset:0}.ui-layer{pointer-events:none;position:absolute;inset:0}.ui-layer>*{pointer-events:auto}.ui-passive{pointer-events:none!important}.display{font-family:var(--font-display);letter-spacing:.06em}.gold-text{background:linear-gradient(#f6dfa0 0%,#d8a94a 48%,#9c6a24 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.rule{color:var(--earth-1);align-items:center;gap:14px;display:flex}.rule:before,.rule:after{content:"";background:linear-gradient(90deg, transparent, var(--glory-2), transparent);flex:1;height:1px}.title-screen{background:linear-gradient(90deg,#080709d1 0%,#0807098c 38%,#08070900 70%);flex-direction:column;justify-content:center;padding:0 clamp(16px,7vw,120px);display:flex;position:absolute;inset:0}.title-screen h1{margin:0;font-size:clamp(48px,8vw,104px);font-weight:700;line-height:.92}.title-screen .subtitle{max-width:460px;margin:14px 0 4px;font-size:clamp(13px,1.3vw,16px)}.title-screen .tagline{color:var(--text);max-width:460px;margin:10px 0 34px;font-size:clamp(17px,1.8vw,22px);font-style:italic}.menu{border:1px solid var(--panel-edge);background:linear-gradient(#1e1814e6,#120f0eeb);border-radius:6px;flex-direction:column;gap:6px;width:min(320px,100%);padding:10px;display:flex}.menu button{text-align:left;cursor:pointer;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:14px;padding:11px 14px;font-size:19px;display:flex}.menu button:hover:not(:disabled),.menu button:focus-visible{border-color:var(--panel-edge);background:#c98e2c1a;outline:none}.menu button:disabled{opacity:.4;cursor:default}.menu .glyph{color:var(--gold);text-align:center;width:20px;font-size:16px}.title-foot{color:var(--text-dim);font-size:13px;position:absolute;bottom:22px;left:clamp(16px,7vw,120px)}.intro{cursor:pointer;background:linear-gradient(#05040600 30%,#05040640 55%,#050406d9 100%);justify-content:center;align-items:flex-end;padding:0 16px 9vh;display:flex;position:absolute;inset:0}.intro-card{text-align:center;max-width:760px;animation:1.4s both fadeUp}.intro-card p{text-shadow:0 2px 12px #000c;margin:0 0 18px;font-size:clamp(19px,2.1vw,26px);line-height:1.5}.intro-card .cite{color:var(--text-dim);font-size:13px;font-style:italic}.intro-hint{color:var(--earth-1);letter-spacing:.12em;text-transform:uppercase;margin-top:18px;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hud-vitals{align-items:center;gap:14px;display:flex;position:absolute;top:20px;left:22px}.portrait{border:2px solid var(--glory-2);width:74px;height:74px;font-family:var(--font-display);color:var(--parchment);background:radial-gradient(circle at 50% 35%,#8a6a4c,#3a2a1e 70%);border-radius:50%;flex:none;place-items:center;font-size:30px;display:grid;box-shadow:0 0 0 3px #0009,0 6px 18px #0009}.bars{flex-direction:column;gap:7px;display:flex}.bar{color:var(--text);text-shadow:0 1px 3px #000;grid-template-columns:170px auto;align-items:center;gap:10px;font-size:14px;display:grid}.bar .track{background:#0009;border:1px solid #c98e2c66;border-radius:2px;height:11px;overflow:hidden}.bar .fill{height:100%;transition:width .25s}.fill.health{background:linear-gradient(#d0453a,#8d1e19)}.fill.stamina{background:linear-gradient(#5aa3d8,#1f5d8c);transition:none}.fill.faith{background:linear-gradient(#8fbf5a,#3e7a2a)}.hud-compass{flex-direction:column;align-items:center;gap:6px;width:190px;display:flex;position:absolute;bottom:22px;right:26px}.compass{border:2px solid var(--glory-1);background:radial-gradient(circle,#1e1a16eb 55%,#0c0a09f2);border-radius:50%;width:118px;height:118px;position:relative;box-shadow:inset 0 0 0 6px #c98e2c1f,0 6px 20px #0009}.compass .dial{position:absolute;inset:0}.compass .dial span{font-family:var(--font-display);color:var(--earth-1);font-size:13px;position:absolute;top:50%;left:50%}.compass .needle{width:0;height:0;position:absolute;top:50%;left:50%}.compass .needle:before{content:"";border:7px solid #0000;border-bottom:34px solid var(--glory-3);filter:drop-shadow(0 0 6px #f3cf63cc);position:absolute;top:-44px;left:-7px}.compass .center{background:var(--glory-3);border-radius:50%;width:10px;height:10px;margin:-5px;position:absolute;top:50%;left:50%}.compass .forward{border:5px solid #0000;border-top:8px solid var(--parchment);margin-left:-5px;position:absolute;top:4px;left:50%}.region{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 6px #000;text-align:center;font-size:15px}.objective{color:var(--earth-1);text-align:center;text-shadow:0 1px 4px #000;font-size:14px;font-style:italic;line-height:1.3}.hud-buttons{gap:14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hud-btn{cursor:pointer;width:62px;color:var(--text);text-shadow:0 1px 3px #000;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:12px;display:flex}.hud-btn .ico{border:1px solid var(--panel-edge);width:46px;height:46px;color:var(--gold);background:linear-gradient(#28201aeb,#120f0df2);border-radius:6px;place-items:center;display:grid}.hud-btn:hover .ico,.hud-btn.on .ico{border-color:var(--glory-3);box-shadow:0 0 12px #e8b83a59}.hud-btn kbd{font-family:var(--font-body);color:var(--text-dim);font-size:11px}.prompt{background:var(--panel);border:1px solid var(--panel-edge);border-radius:4px;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:9px 18px;font-size:18px;animation:.25s both fadeUp;display:flex;position:absolute;bottom:120px;left:0;right:0}.key{background:var(--parchment);min-width:28px;height:28px;color:var(--ink);font-family:var(--font-display);border-radius:4px;place-items:center;padding:0 6px;font-size:14px;font-weight:700;display:inline-grid;box-shadow:inset 0 -2px #00000040}.toasts{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--panel-edge);border-radius:4px;padding:8px 18px;font-size:16px;animation:.35s both fadeUp}.lock-hint{color:var(--text-dim);background:#00000073;border-radius:4px;padding:8px 14px;font-size:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialogue{grid-template-columns:150px 1fr;gap:14px;max-width:900px;margin:0 auto;animation:.35s both fadeUp;display:grid;position:absolute;bottom:26px;left:16px;right:16px}.dialogue.narrator{grid-template-columns:1fr}.dlg-portrait{border:1px solid var(--panel-edge);background:radial-gradient(circle at 50% 30%, var(--tone,#3a2a1e), #0f0d0c 85%);border-radius:6px;flex-direction:column;justify-content:flex-end;min-height:170px;display:flex;position:relative;overflow:hidden}.dlg-portrait .big{font-family:var(--font-display);color:#e9dcbcd9;place-items:center;font-size:64px;display:grid;position:absolute;inset:0}.dlg-portrait .cap{color:var(--text-dim);background:linear-gradient(#0000,#000000d9);padding:8px 10px;font-size:13px;position:relative}.parchment{color:var(--ink);background:radial-gradient(ellipse at 30% 20%, #f2e7cb, var(--parchment) 45%, var(--parchment-2) 100%);border-radius:4px;padding:18px 24px 16px;position:relative;box-shadow:inset 0 0 40px #6e502859,0 10px 30px #0009}.parchment .who{font-family:var(--font-display);color:#4a3220;margin-bottom:6px;font-size:17px;font-weight:700}.parchment .line{font-size:clamp(18px,1.6vw,21px);line-height:1.45}.dialogue.narrator .line{font-style:italic}.parchment .margin{color:#6b5440;margin-top:10px;font-size:13px;font-style:italic}.parchment .cont{color:#6b5440;font-size:13px;position:absolute;bottom:10px;right:16px}.choices{flex-direction:column;grid-column:1/-1;gap:6px;display:flex}.dialogue:not(.narrator) .choices{grid-column:2}.choice{text-align:left;cursor:pointer;background:var(--panel);border:1px solid #c98e2c4d;border-radius:4px;padding:10px 16px;font-size:17px;line-height:1.35}.choice.sel,.choice:hover{border-color:var(--glory-3);box-shadow:0 0 12px #e8b83a40}.choice .n{color:var(--gold);font-family:var(--font-display);margin-right:10px}.panel-wrap{background:#0504068c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.panel{border:1px solid var(--panel-edge);background:linear-gradient(#1e1814f7,#100d0cfa);border-radius:6px;width:min(720px,100%);max-height:min(78vh,760px);padding:22px 26px;overflow:auto;box-shadow:0 20px 60px #000000b3}.panel h2{font-family:var(--font-display);margin:0 0 4px;font-size:24px}.panel .sub{color:var(--text-dim);margin:0 0 16px;font-size:15px}.panel .close{float:right;border:1px solid var(--panel-edge);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px}.entry{border-top:1px solid #c98e2c2e;padding:14px 0}.entry h3{font-family:var(--font-display);color:var(--glory-4);letter-spacing:.04em;margin:0 0 6px;font-size:16px}.entry p{margin:0;font-size:17px;line-height:1.5}.entry .cite{color:var(--text-dim);margin-top:6px;font-size:13px;font-style:italic}.obj{align-items:baseline;gap:10px;margin:6px 0;font-size:16px;display:flex}.obj.done{color:var(--text-dim);text-decoration:line-through}.obj .mark{color:var(--gold);width:14px}.row{border-top:1px solid #c98e2c2e;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.seg{border:1px solid var(--panel-edge);border-radius:4px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;background:0 0;border:none;padding:6px 14px}.seg button.on{color:var(--glory-4);background:#c98e2c40}input[type=range]{accent-color:var(--glory-2);width:180px}.controls-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 18px;font-size:16px;display:grid}.map-canvas{background:#2b281f;border:1px solid #c98e2c40;border-radius:4px;width:min(100%,58vh);height:auto;margin:0 auto;display:block}.loading{background:#0d0c0e;place-items:center;transition:opacity .8s;display:grid;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.loading .ring{border:2px solid #c98e2c33;border-top-color:var(--glory-3);border-radius:50%;width:54px;height:54px;margin:0 auto 18px;animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.bar{grid-template-columns:110px auto;font-size:12px}.portrait{width:56px;height:56px;font-size:24px}.hud-compass{transform-origin:100% 100%;right:12px;transform:scale(.8)}.hud-buttons{gap:6px;bottom:12px}.dialogue{grid-template-columns:1fr}.dlg-portrait{display:none}.dialogue:not(.narrator) .choices{grid-column:1}}