*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;color:#e8dcc4;font-family:ui-monospace,SF Mono,Menlo,monospace;user-select:none;-webkit-user-select:none;overscroll-behavior:none;overflow:hidden;position:fixed;width:100%}body{touch-action:manipulation;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#device{max-width:430px;margin:0 auto;height:100dvh;padding:12px 10px env(safe-area-inset-bottom,12px);display:flex;flex-direction:column;gap:10px}#hud{background:#1a1410;border:1px solid #3a2c20;border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.stats{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;font-weight:600}.stat{letter-spacing:.3px}.stat.hp{color:#4ade80}.stat.atk{color:#ef4444}.stat.def{color:#a8a29e}.stat.spd{color:#fbbf24}.day{display:flex;flex-direction:column;gap:2px;align-items:flex-end;font-size:12px;color:#a89a82}#map{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}#grid{display:grid;grid-template-columns:repeat(var(--cols, 10),1fr);gap:0;width:100%;touch-action:none;-webkit-user-drag:none}.cell{aspect-ratio:1 / 1;background:#000;border:none;border-radius:0;color:#e8dcc4;font-size:clamp(11px,3vw,17px);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;padding:0;transition:background .12s,transform .08s}.cell.path{background:#000}.cell.tree{background:#000;color:#2d5a24;cursor:default}.cell.revealed.path{background:#000}.cell.cleared.path{background:#000;color:#8a6a48}.cell.reach{background:#0a0a0a}.cell.reach:active{transform:scale(.95)}.cell.player{background:#000}.cell.void{background:#000;cursor:default}.cell.has-sprite,.slot.has-sprite,.loot-emoji.has-sprite{padding:0}.cell img,.slot img,.loot-emoji img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.loot-emoji.has-sprite{width:56px;height:56px;display:flex;align-items:center;justify-content:center}#inv{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;flex:0 0 auto}.slot{aspect-ratio:1 / 1;background:#1a1410;border:1px solid #3a2c20;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px}#modal{position:absolute;inset:0;background:#0e0a08eb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:10;padding:14px}#modal[hidden]{display:none}.modal-inner{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;text-align:center}.modal-art{position:relative;width:100%;aspect-ratio:1 / 1;max-height:50vh;border-radius:10px;overflow:hidden;border:2px solid #7a5a38;background:#1a1410}.modal-art img{width:100%;height:100%;object-fit:cover;display:block}.modal-art-badge{position:absolute;bottom:6px;right:6px;width:42px;height:42px;background:#0e0a08d9;border:2px solid #a0703a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.modal-title{font-size:15px;font-weight:700;color:#f4e4c4}.modal-body{font-size:13px;color:#c4a878}.continue{margin-top:4px;width:100%;padding:12px;background:#a0703a;color:#0e0a08;border:none;border-radius:8px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.continue:active{transform:scale(.98)}.loot-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.loot-card{background:#2a1f18;border:2px solid #7a5a38;border-radius:8px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.loot-card:active{cursor:grabbing}.loot-card.dragging{opacity:.25}.loot-emoji{font-size:30px;line-height:1}.loot-name{font-size:11px;font-weight:700;text-align:center;color:#f4e4c4;line-height:1.1}.loot-stats{font-size:10px;color:#c4a878;text-align:center;line-height:1.1}.loot-ghost{box-shadow:0 10px 24px #0009;transform:scale(1.05);opacity:.95}.slot.drop-ready{border-color:#a0703a;box-shadow:0 0 0 1px #a0703a66}.slot.drop-hover{background:#5a3a1e;border-color:#f4e4c4;box-shadow:0 0 0 2px #f4e4c4}.skip{background:#3a2c20;color:#c4a878}