body{color:#b8ab98;background:#000;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:monospace;display:flex}#app{flex-direction:column;display:inline-flex}canvas{image-rendering:pixelated}.bar{background:#2a2620;height:8px}.hp-fill,.xp-fill{height:100%;transition:width .2s}.hp-fill{background:#b5413a}.xp-fill{background:#4f8fba}#messages{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}#messages li.old,.hint{color:#6b6358}#panel{background:#0d0d0d;border-top:1px solid #4a453e;grid-template-columns:360px 1fr;gap:16px;padding:12px;font-size:14px;display:grid}#stats{grid-template-columns:1fr 1fr;align-content:start;gap:6px 16px;display:grid}.stat{flex-direction:column;gap:4px;display:flex}.full{grid-column:1/-1}#app{position:relative}#help-button{color:#e8c547;cursor:pointer;background:#14110e;border:1px solid #4a453e;border-radius:50%;width:28px;height:28px;font-family:monospace;font-size:16px;position:absolute;top:8px;right:8px}#help-button:hover{border-color:#e8c547}#help-modal{z-index:10;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#help-modal[hidden]{display:none}.help-content{color:#b8ab98;background:#14110e;border:1px solid #4a453e;max-width:520px;max-height:90vh;padding:24px 28px;overflow-y:auto}.help-content h1{text-align:center;letter-spacing:4px;text-transform:uppercase;color:#e8c547;margin:0 0 16px;font-family:Georgia,serif;font-weight:400}.help-content h2{letter-spacing:2px;text-transform:uppercase;color:#8a7f6c;border-bottom:1px solid #2a2620;margin:20px 0 8px;padding-bottom:4px;font-size:14px;font-weight:400}.lore{font-family:Georgia,serif;font-style:italic;line-height:1.6}.lore p{margin:0 0 10px}.lore-end{text-align:center;color:#d8c9a8}.help-content table{border-collapse:collapse;width:100%}.help-content td{padding:3px 0}kbd{color:#e8c547;background:#0d0d0d;border:1px solid #4a453e;border-radius:3px;padding:1px 6px;font-family:monospace}.legend .sym{width:48px;font-family:monospace;font-size:16px}.sym.player{color:#ffd166}.sym.rat{color:#a08060}.sym.skeleton{color:#e0e0d0}.sym.knight{color:#d63c3c}.sym.potion{color:#d0453a}.sym.gear{color:#d8dcff}.sym.stairs{color:#e8c547}.tip{color:#8a7f6c;margin:16px 0;font-style:italic}#help-close{color:#e8c547;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #e8c547;margin:0 auto;padding:8px 20px;font-family:Georgia,serif;display:block}#help-close:hover{color:#14110e;background:#e8c547}