@font-face{font-family:Alagard;src:url(/fonts/alagard.ttf)format("truetype");font-display:swap}@font-face{font-family:Alkhemikal;src:url(/fonts/Alkhemikal.ttf)format("truetype");font-display:swap}:root{--bg:#12101a;--bg-panel:#1c1826;--border:#3a3348;--text:#d8d3e6;--text-dim:#8a8398;--accent:#b98cf2;--accent-dim:#6b5c85;--good:#6fce8f;--bad:#e2665f;--bevel-hi:#4c4363;--bevel-lo:#100d18;--map-bg:#0f0c16;--xp-lo:#6a7fe0;--xp-hi:#b98cf2;--pixel-font:ui-monospace, "SFMono-Regular", "Courier New", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{height:100%}html,body{background:var(--bg);color:var(--text);font-family:var(--pixel-font);margin:0}body{flex-direction:column;height:100vh;display:flex;overflow:hidden}.site-nav{background:var(--bg-panel);border-bottom:3px solid var(--bevel-hi);flex-shrink:0;align-items:center;padding:.6rem 1.5rem;display:flex}.site-logo{width:auto;height:36px;image-rendering:pixelated}.hero-section{flex:1;justify-content:center;align-items:center;min-height:0;padding:1rem;display:flex;overflow:hidden}#app{display:contents}.pixel-corners{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.hero-stage{background:var(--bg-panel);border:3px solid var(--bevel-hi);width:100%;max-width:1800px;height:100%;min-height:0;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #000}.map-pane{background:var(--map-bg);flex:1;min-width:0;position:relative;overflow:hidden}.map-canvas{display:block;position:absolute;inset:0}.encounter-overlay{z-index:2;border:3px solid var(--bevel-hi);pointer-events:none;background:#000;justify-content:center;align-items:center;display:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:6px 6px #000}.encounter-art{color:#fff;font-family:var(--pixel-font);white-space:pre;text-align:center;margin:0;font-size:.65rem;line-height:1.15}.world-title-block{z-index:1;pointer-events:none;flex-direction:column;gap:.15rem;display:flex;position:absolute;bottom:.7rem;left:.9rem}.world-title{letter-spacing:.03em;text-transform:uppercase;color:#fff;opacity:.55;text-shadow:0 1px #000,0 2px 4px #000000d9;font-family:Alkhemikal,Georgia,serif;font-size:1.6rem}.world-biome{letter-spacing:.03em;color:#fff;text-shadow:0 1px #000,0 2px 4px #000000d9;font-family:Alagard,Georgia,serif;font-size:1.1rem}.side-panel{border-left:3px solid var(--bevel-hi);flex-direction:column;flex-shrink:0;width:300px;padding-left:1rem;display:flex;overflow-y:auto}.hud{border-bottom:3px solid var(--bevel-hi);flex-direction:column;gap:.6rem;padding-bottom:.85rem;display:flex}.section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem;font-family:Alkhemikal,Georgia,serif;font-size:1.05rem}.bar-group{flex-direction:column;gap:.4rem;margin-bottom:.7rem;display:flex}.bar-row{grid-template-columns:26px 1fr;align-items:center;gap:.5rem;display:grid}.bar-tag{font-family:var(--pixel-font);letter-spacing:.04em;color:var(--text-dim);font-size:.65rem;font-weight:600}.bar{background:var(--bevel-lo);border:2px solid var(--bevel-hi);width:100%;height:20px;position:relative}.bar-fill{height:100%;transition:width .3s}.bar-fill.hp{background:linear-gradient(90deg, var(--bad), var(--good))}.bar-fill.xp{background:linear-gradient(90deg, var(--xp-lo), var(--xp-hi))}.bar-text{font-size:.68rem;font-family:var(--pixel-font);font-variant-numeric:tabular-nums;text-shadow:1px 1px #000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stat-row{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.7rem;display:grid}.stat-chip{background:var(--bevel-lo);border:2px solid var(--bevel-hi);justify-content:center;align-items:center;gap:.4rem;padding:.35rem .3rem;display:flex}.stat-icon{font-size:.9rem;line-height:1}.stat-value{font-family:var(--pixel-font);font-variant-numeric:tabular-nums;color:var(--text);font-size:.85rem;font-weight:600}.equip-row{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.equip-slot{aspect-ratio:1;border:2px solid var(--accent-dim);background:#b98cf20f;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.equip-slot.empty{border-style:dashed;border-color:var(--border);background:0 0}.equip-icon{font-size:1.3rem;line-height:1}.equip-slot.empty .equip-icon{color:var(--text-dim);font-size:.95rem}.equip-label{font-family:var(--pixel-font);letter-spacing:.02em;color:var(--text-dim);text-transform:uppercase;font-size:.56rem}.panel-content{flex:1;padding-top:.85rem}.chronicle-log{border-top:2px solid var(--bevel-hi);margin-top:1rem;padding-top:.75rem}.log-toggle{font-family:var(--pixel-font);letter-spacing:.02em;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.log-toggle:hover{color:var(--accent)}.log-list{flex-direction:column;gap:.35rem;max-height:220px;margin-top:.6rem;display:flex;overflow-y:auto}.log-entry{color:var(--text-dim);margin:0;font-size:.72rem;line-height:1.5}.log-arrow{color:var(--accent-dim)}.log-entry .delta{margin-left:.35rem;font-size:.72rem}.panel-idle{color:var(--text-dim);margin-top:0;font-size:.9rem;line-height:1.5}.event-block h2,.result-block h2{color:var(--accent);letter-spacing:.03em;margin-top:0;font-family:Alkhemikal,Georgia,serif;font-size:1.3rem;line-height:1.3}.event-block p,.result-block p{color:var(--text);font-size:.85rem;line-height:1.55}.choices{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.choice{font-family:"Alagard", var(--pixel-font);letter-spacing:.02em;background:var(--bg);border:2px solid var(--accent-dim);color:var(--text);cursor:pointer;text-align:left;padding:.55rem .75rem;font-size:1rem;box-shadow:3px 3px #000}.choice:hover{border-color:var(--accent);background:#b98cf21a}.choice:active{transform:translate(3px,3px);box-shadow:0 0 #000}.choice--shop{border-color:var(--good)}.choice--shop:hover{border-color:var(--good);background:#6fce8f1a}.choice:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border);box-shadow:3px 3px #0006}.choice:disabled:hover{background:var(--bg)}.choice:disabled:active{transform:none;box-shadow:3px 3px #0006}.choice-echo{color:var(--text-dim);font-size:.85rem}.delta{font-family:var(--pixel-font);font-size:1rem;font-weight:600}.delta.positive{color:var(--good)}.delta.negative{color:var(--bad)}.delta.neutral{color:var(--text-dim)}.continue{font-family:"Alagard", var(--pixel-font);letter-spacing:.02em;background:var(--accent);color:#14101c;cursor:pointer;border:2px solid #000;width:100%;margin-top:1rem;padding:.6rem 1.2rem;font-size:1.05rem;font-weight:600;box-shadow:3px 3px #000}.continue:hover{filter:brightness(1.1)}.continue:active{transform:translate(3px,3px);box-shadow:0 0 #000}.overlay-root{pointer-events:none;position:absolute;inset:0}.overlay{pointer-events:auto;background:#08060dd9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.overlay .panel{background:var(--bg-panel);border:3px solid var(--bevel-hi);text-align:center;width:100%;max-width:420px;padding:1.75rem;box-shadow:6px 6px #000}.overlay .panel h2{color:var(--accent);letter-spacing:.03em;margin-top:0;font-family:Alkhemikal,Georgia,serif;font-size:1.5rem}.overlay .panel p{color:var(--text-dim);line-height:1.5}@media (width<=720px){.hero-stage{flex-direction:column}.side-panel{border-left:none;border-top:3px solid var(--bevel-hi);flex-direction:row;width:100%;padding-top:1rem;padding-left:0}.hud{border-bottom:none;border-right:3px solid var(--bevel-hi);flex:1;min-width:0;padding-bottom:0;padding-right:.85rem;overflow-y:auto}.panel-content{flex:1;min-width:0;padding-top:0;padding-left:.85rem;overflow-y:auto}.equip-row{grid-template-columns:repeat(2,1fr)}.chronicle-log{display:none}}