:root{--ink:#2b2118;--paper:#fff8e8;--edge:#5a4636;--accent:#3f6e3a;--focus:#ffcf4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#1d2b22;margin:0;overflow:hidden}#app{position:fixed;inset:0}#map{touch-action:none;position:absolute;inset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.status{top:max(8px, env(safe-area-inset-top));background:var(--paper);border:2px solid var(--edge);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 14px;width:fit-content;max-width:calc(100% - 16px);padding:6px 12px;display:flex;position:absolute;left:8px;right:8px;box-shadow:0 2px #0000004d}.status .name{font-size:16px;font-weight:600}.status .icon{font-size:18px}.status .people{gap:10px;display:flex}.status .people span{cursor:help}.badge{background:#e8dcc2;border-radius:6px;padding:1px 8px}.badge.warn{background:#ffd9b8}.controls{right:8px;bottom:max(8px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 16px);display:flex;position:absolute}.controls button,.panel button{background:var(--paper);color:var(--ink);border:2px solid var(--edge);border-radius:8px;min-height:40px;padding:6px 12px;box-shadow:0 2px #0000004d}.controls button[aria-pressed=true]{background:#d7ecc8}.panel{background:var(--paper);border:2px solid var(--edge);border-radius:10px;flex-direction:column;width:min(380px,100% - 16px);display:flex;position:absolute;top:64px;bottom:64px;right:8px;box-shadow:0 3px #0000004d}.panel[hidden]{display:none}.panel-head{border-bottom:2px solid #e2d4b8;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.panel-head h2{margin:0;font-size:18px;font-weight:600}.panel .close{min-height:36px;padding:0 12px;font-size:20px}.panel-body{padding:8px 12px 16px;overflow-y:auto}.panel h3{margin:14px 0 6px;font-size:16px}.tabs{gap:6px;margin-bottom:8px;display:flex}.tabs [aria-selected=true]{background:#d7ecc8}.events{margin:0;padding:0;list-style:none}.events li{border-bottom:1px solid #eadfca;padding:6px 0}.events time{color:#6b5a48;font-size:12px;display:block}.events p{overflow-wrap:anywhere;margin:2px 0 0}.ev-whisper p{color:#4c3d70;font-style:italic}.facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.facts dt{font-weight:600}.facts dd{overflow-wrap:anywhere;margin:0}.needs{gap:4px;margin:0;padding:0;list-style:none;display:grid}.needs li{grid-template-columns:90px 1fr;align-items:center;gap:8px;display:grid}.needs meter{width:100%;height:14px}.villagers{gap:6px;margin:0;padding:0;list-style:none;display:grid}.villagers button{min-height:36px}.keys{grid-template-columns:auto 1fr;gap:6px 12px;display:grid}.keys dt{font-family:monospace;font-weight:700}.keys dd{margin:0}@media (width<=640px){:root{font-size:14px}.status{gap:4px 10px;padding:4px 8px}.status .date{display:none}.panel{width:auto;max-height:60vh;inset:auto 8px 60px}.controls button{padding:6px 9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.inventory{background:#e4a672;border:2px solid #3f2832;border-radius:6px;grid-template-columns:repeat(5,36px);gap:10px;width:max-content;margin:0;padding:10px;list-style:none;display:grid;box-shadow:inset 0 0 0 2px #ead4aa}.inventory li{width:36px;height:36px;position:relative}.inventory canvas{image-rendering:pixelated;display:block}.inventory .count{color:#fff;text-shadow:1px 1px #3f2832,-1px 1px #3f2832,1px -1px #3f2832,-1px -1px #3f2832;font-size:12px;font-weight:700;position:absolute;bottom:0;right:1px}.operator-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.editor-options{gap:8px;margin:8px 0;display:grid}.editor-field{gap:2px;display:grid}.editor-radios{border:1px solid #e2d4b8;border-radius:6px;flex-wrap:wrap;gap:10px;margin:0;padding:4px 8px;display:flex}.editor-status{min-height:1.4em;font-weight:600}.editor-help{color:#6b5a48;font-size:13px}.decor-files{width:100%}.sheet{background:repeating-conic-gradient(#e9dfcf 0% 25%,#f7f0e3 0% 50%) 0 0/16px 16px;border:1px solid #c9b896;max-width:100%;position:relative;overflow:auto}.sheet img{image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block}.sheet .sprite{background:0 0;border:1px solid #3f6e3a66;border-radius:0;min-height:0;padding:0;position:absolute}.sheet .sprite:hover,.sheet .sprite.picked{background:#ffcf4d4d;border-color:#c08a00}.editor-check{align-items:center;gap:6px;display:flex}.panel [role=toolbar] button[aria-pressed=true]{border-color:var(--accent);background:#cfe8c6;font-weight:600}