:root{color-scheme:dark}body{background:#111;color:#eee;font-family:ui-monospace,Menlo,Consolas,monospace;margin:0;padding:16px}#app{max-width:720px;margin:0 auto}h1{margin:0 0 12px;font-size:18px;letter-spacing:.1em;color:gold}.field{display:grid;gap:2px;justify-content:start;margin:8px 0;user-select:none}.tile{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.tile.grass{background:#2a7d2e}.tile.wall{background:#555}.tile.town{background:#c2a878;color:#2a1c0a}.tile.water{background:#1c3a8a}.tile.player{outline:2px solid #ffd700;outline-offset:-2px}.hud{margin:12px 0;padding:8px 12px;background:#222;border-radius:4px;font-size:14px}.hud.dead{background:#4a1a1a;color:#ffb0b0}.party-list{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.party-row{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.party-row.dead{opacity:.5;color:#ff9090}.party-name{color:gold;font-weight:700;min-width:4em}.party-stats{flex:1;text-align:right}.party-gold{border-top:1px solid #333;padding-top:6px;text-align:right}.party-inventory{font-size:12px;opacity:.85;margin:6px 0 0;text-align:right}.row-action{margin-left:8px;padding:2px 8px;font-size:12px;background:#4a3a1a;color:gold;border:1px solid #806020}.row-action:hover:not(:disabled){background:#5a4a2a}.party-side{flex:2;display:flex;flex-direction:column;gap:6px}.enemy-side{flex:1;display:flex;flex-direction:column}.battle-status .side.dead{opacity:.5;color:#ff9090}.message{margin:12px 0;padding:8px 12px;background:#2a2a2a;border-left:3px solid #ffd700;min-height:1.4em;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}button{background:#333;color:#eee;border:1px solid #666;padding:6px 12px;cursor:pointer;font-family:inherit;font-size:14px}button:hover:not(:disabled){background:#444}button:disabled{opacity:.4;cursor:not-allowed}.hint{opacity:.55;font-size:12px;margin:8px 0}.battle{padding:16px;background:#1a1a1a;border-radius:8px;border:1px solid #333}.battle h2{margin:0 0 12px;font-size:16px;color:gold}.battle-status{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:14px}.battle-status .side{flex:1;padding:8px;background:#232323;border-radius:4px}.battle-status .side .name{font-weight:700;color:gold}.battle-log{max-height:240px;overflow-y:auto;background:#0e0e0e;padding:8px 12px;border:1px solid #333;border-radius:4px;font-size:13px;line-height:1.5}.battle-log p{margin:4px 0}.battle-log .crit{color:gold}.battle-log .win{color:#80ff80}.battle-log .lose{color:#ff8080}.battle-log .levelup{color:#80c0ff}