*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#0e0a08;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:2px;width:100%;touch-action:none;-webkit-user-drag:none}.cell{aspect-ratio:1 / 1;background:#1a1410;border:1px solid #2a1f18;border-radius:3px;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:#3a2818;border-color:#4a3420}.cell.tree{background:#0f1a0c;border-color:#1a2e14;color:#2d5a24;cursor:default}.cell.revealed.path{background:#4a341e}.cell.cleared.path{background:#3a2618;color:#8a6a48}.cell.reach{background:#6a4824;border-color:#a0703a;box-shadow:0 0 0 1px #a0703a55}.cell.reach:active{transform:scale(.95)}.cell.player{background:#5a3a1e;border-color:#d09050;box-shadow:0 0 0 2px #d09050}.cell.void{background:#060402;border-color:#0e0a08;cursor:default}#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}