:root{--parchment:#e9dfc6;--ink:#1f1a10;--panel:#f6f0e0;--rule:#b9a97f;--accent:#7a2e22;color:var(--ink);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--parchment)}.app{flex-direction:column;height:100%;display:flex}.app-header{border-bottom:2px solid var(--rule);background:var(--panel);align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.app-header h1{letter-spacing:.04em;margin:0;font-size:1.3rem}.app-header .character-summary{margin:0 0 0 auto}.app-content{flex:1;min-height:0}.app-content.centered{max-width:28rem;margin:2rem auto;padding:0 1rem}button,select,input{font:inherit;padding:.3rem .6rem}button{cursor:pointer;border:1px solid var(--ink);background:var(--panel)}[role=alert]{color:var(--accent);font-weight:700}.world-map-page{height:100%;display:flex}.world-map-stage{flex:1;min-width:0;position:relative}.world-map-canvas{position:absolute;inset:0}.world-map-canvas canvas{cursor:grab;display:block}.map-attribution{opacity:.75;pointer-events:none;margin:0;font-size:.7rem;position:absolute;bottom:.25rem;left:.5rem}.world-map-sidebar{border-left:2px solid var(--rule);background:var(--panel);width:20rem;padding:1rem;overflow-y:auto}.world-map-sidebar h2{margin:1rem 0 .5rem;font-size:1.15rem}.world-map-sidebar dl{grid-template-columns:auto 1fr;gap:.35rem .75rem;margin:0;display:grid}.world-map-sidebar dl>div{display:contents}.world-map-sidebar dt{font-weight:700}.world-map-sidebar dd{margin:0}.map-legend{margin:0 0 1rem;padding:0;font-size:.9rem;list-style:none}.map-legend .swatch{border:1px solid var(--ink);vertical-align:-.1rem;width:.9rem;height:.9rem;margin-right:.4rem;display:inline-block}.plot-picker{font-weight:700;display:block}.plot-picker select{width:100%;margin-top:.25rem;font-weight:400;display:block}.map-hint{opacity:.75;margin-top:1.5rem;font-size:.85rem}