:root{--px: 3px;--ink: #181425;--cream: #fff4dc;--tan: #c28569;--gold: #feae34;--leaf: #63c74d;--font: "Pixelify Sans", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#3a8fd6;font-family:var(--font);color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#stage{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:url(../assets/ui/cursor_01.png),default;touch-action:none}#stage.is-target{cursor:url(../assets/ui/hand_open_01.png) 6 6,pointer}.ico{display:inline-block;width:calc(16 * var(--px));height:calc(16 * var(--px));background:var(--src) center / contain no-repeat;image-rendering:pixelated;flex:none}.ico--coin{--src: url(../assets/sprites/spr_deco_coin.png);width:calc(8 * var(--px));height:calc(7 * var(--px))}.panel{border:solid calc(3 * var(--px)) transparent;border-image:url(../assets/ui/box_lt.png) 3 fill / calc(3 * var(--px)) stretch;image-rendering:pixelated;text-shadow:0 2px 0 var(--ink)}.hud{position:absolute;display:flex;gap:8px;pointer-events:none}.hud>*{pointer-events:auto}.hud--tl{top:12px;left:12px;flex-direction:column;align-items:flex-start}.hud--tr{top:12px;right:12px;flex-direction:column;align-items:flex-end}.hud--bottom{left:0;right:0;bottom:12px;flex-direction:column;align-items:center;pointer-events:none}.row{display:flex;gap:8px}.stat{display:flex;align-items:center;gap:10px;padding:2px 10px 2px 6px;font-size:22px;font-weight:600;min-height:48px}.stat .ico{width:calc(10 * var(--px));height:calc(10 * var(--px))}.stat .ico--coin{width:calc(8 * var(--px));height:calc(7 * var(--px))}.stat.is-bump #coins{animation:bump .35s;color:var(--gold)}@keyframes bump{40%{transform:scale(1.35)}}.bag{min-width:160px;padding:4px 8px 6px;font-size:17px}.bag__head{display:flex;align-items:center;gap:6px;font-weight:600;font-size:18px}.bag__head .ico{width:calc(12 * var(--px));height:calc(12 * var(--px))}.bag__list{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,auto);gap:2px 14px}.bag__list li{display:flex;align-items:center;gap:4px}.bag__list .ico{width:calc(10 * var(--px));height:calc(10 * var(--px))}.bag__empty{grid-column:1 / -1;opacity:.8}.btn{font:inherit;color:var(--cream);background:none;font-size:22px;font-weight:600;min-width:52px;min-height:52px;display:grid;place-items:center;cursor:pointer;padding:0 6px}.btn .ico{width:calc(13 * var(--px));height:calc(14 * var(--px))}.btn:active{transform:translateY(2px)}.btn--wide{width:100%;margin-top:12px}.hint{font:inherit;color:inherit;background:none;pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:19px;min-height:44px}.hint .ico{width:calc(12 * var(--px));height:calc(12 * var(--px))}.hint.is-bad{border-image-source:url(../assets/ui/box_dt.png);color:#ffd0c0}.hotbar{display:flex;gap:2px;padding:2px;pointer-events:auto;max-width:calc(100vw - 16px);overflow-x:auto;scrollbar-width:none}.slot{position:relative;width:58px;height:66px;flex:none;border:solid calc(3 * var(--px)) transparent;border-image:url(../assets/ui/box_dt.png) 3 fill / calc(3 * var(--px)) stretch;background:none;font:inherit;color:var(--cream);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 1px;text-shadow:0 2px 0 var(--ink)}.slot .ico{width:36px;height:36px;background-size:auto 100%;background-position:center bottom}.slot__key{position:absolute;top:-4px;left:0;font-size:12px;opacity:.85}.slot__price{font-size:14px;display:flex;align-items:center;gap:2px}.slot__price:before{content:"";width:12px;height:11px;background:url(../assets/sprites/spr_deco_coin.png) center / contain no-repeat;image-rendering:pixelated}.slot.is-active{border-image-source:url(../assets/ui/box_w.png);color:var(--ink);text-shadow:none;transform:translateY(-6px)}.slot.is-poor .slot__price{color:#ff8a7a}.slot.is-active.is-poor .slot__price{color:#b4202a}.veil{position:absolute;inset:0;display:grid;place-items:center;background:#18142573;padding:16px}.veil[hidden],.hint[hidden]{display:none}.card{width:min(460px,100%);padding:8px 18px 14px;font-size:18px;line-height:1.35}.card--small{width:260px;text-align:center}.card h2{margin:4px 0 8px;font-size:30px;color:var(--gold)}.keys{padding-left:18px;margin:0 0 10px}.loop{list-style:none;padding:0;margin:0;display:grid;gap:4px}.loop li{display:flex;align-items:center;gap:8px}.loop .ico{width:36px;height:36px}.muted{opacity:.9;font-size:16px}.muted .ico{width:24px;height:24px;vertical-align:middle}.bar{height:14px;background:var(--ink);margin:6px 0 4px}.bar__fill{height:100%;width:0;background:var(--leaf)}@media(pointer:coarse){.hint b{display:none}}@media(max-width:640px){:root{--px: 2px}.stat{font-size:17px;min-height:38px}.bag{min-width:0;font-size:14px}.slot{width:46px;height:56px}.slot .ico{width:28px;height:28px}.hint{font-size:15px}}