:root{--tile-size:32px;--bg:#14101c;--panel:#1e1830;--text:#e8e2f5;--accent:#7c4dff}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;margin:0;font-family:system-ui,sans-serif;display:grid}#app{justify-items:center;width:100%;display:grid}.screen{text-align:center;justify-items:center;gap:16px;padding:24px;display:grid}h1{letter-spacing:.03em;margin:0;font-size:1.5rem}.outside .bed svg{width:180px;height:auto}.stats{background:var(--panel);border-radius:8px;grid-template-columns:max-content max-content;gap:4px 16px;margin:0;padding:12px 20px;display:grid}.stats dt{text-align:right;opacity:.7}.stats dd{text-align:left;font-variant-numeric:tabular-nums;margin:0}button.enter-depth{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:1rem}button.enter-depth:hover{filter:brightness(1.15)}button.go-up{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-size:.95rem}button.go-up:hover{background:#7c4dff26}.grid{background:var(--panel);border-radius:8px;gap:2px;padding:8px;display:grid}.tile{width:var(--tile-size);height:var(--tile-size);background:#2a2140;border-radius:3px;place-items:center;display:grid}.tile--wall{background:#0d0a14}.tile--stairs{background:#3a2d5c}.tile--scroll{background:#4a3b2a}.tile--stairs svg,.tile--scroll svg{width:70%;height:70%}.tile--elvira svg{width:80%;height:80%}.tile--monster svg{width:75%;height:75%}.hint{opacity:.6;margin:0;font-size:.9rem}.fight{width:min(92vw,480px)}.fight-monster,.fight-player{background:var(--panel);border-radius:8px;justify-items:center;gap:6px;padding:16px;display:grid}.fight-sprite svg{width:96px;height:96px}.hp-bar{background:#3a2d5c;border-radius:5px;width:min(70vw,240px);height:10px;overflow:hidden}.hp-fill{background:#80ed99;height:100%;transition:width .12s ease-out}.hp-fill--low{background:#ff4d6d}.hp-text{opacity:.7;font-variant-numeric:tabular-nums;margin:0;font-size:.85rem}.fight-message{background:var(--panel);border-radius:8px;min-height:2.6em;margin:0;padding:8px 16px}.heal-charges{opacity:.7;margin:0;font-size:.85rem}.fight-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}button.action{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:.95rem}button.action:hover:not(:disabled){background:#7c4dff26}button.action:disabled{opacity:.4;cursor:default}