/* A small night market, with controls that also work without a keyboard. */
.rpg-game .store-room-wrap{border-radius:24px!important;background:#dae5df!important;max-height:calc(100dvh - 32px)}
.store-room canvas{border-radius:24px}
.sr-top{position:absolute;top:68px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#315952;font-family:"Noto Sans KR",sans-serif}
.sr-top>span:first-child{display:grid;gap:3px}.sr-top small{font:700 9px "Outfit",sans-serif;letter-spacing:.16em;opacity:.65}.sr-top b{font-size:18px;letter-spacing:-.03em}
.sr-coins{border:1px solid #ffffffa0;background:#fffdf3db;padding:9px 14px;border-radius:12px;font-size:11px;box-shadow:0 5px 18px #2647380d}.sr-coins b{font:700 17px "Outfit",sans-serif;margin:0 5px}
.sr-spots{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:#fffdf5ed;border:1px solid white;border-radius:13px;box-shadow:0 6px 24px #234a4522;white-space:nowrap}
.sr-spots button{border:0;border-radius:9px;background:transparent;color:#58716b;font:700 11px "Noto Sans KR",sans-serif;padding:8px 12px;cursor:pointer}
.sr-spots button:hover,.sr-spots button[aria-current=location]{background:#dcece2;color:#305f55}
.sr-act{position:absolute;right:22px;bottom:64px;padding:11px 16px;border:1px solid #ffffff80;border-radius:12px;background:#315f56;color:#fffdf1;font:700 12px "Noto Sans KR",sans-serif;box-shadow:0 5px 16px #244a4422;cursor:pointer}
.sr-act:disabled{opacity:0;pointer-events:none}.store-room .sr-hint{bottom:69px;background:#264f4ee8;font-size:12px;max-width:45%;text-align:center}
.store-room .sr-keys{color:#526d65;}
.store-room button:focus-visible{outline:3px solid #71a99a;outline-offset:3px}
.store-room .sr-bubble{border:1px solid #d6e5dc;box-shadow:0 14px 35px #244a442a;border-radius:18px;background:#fffef8;right:4%;top:25%}
.store-room .sr-bubble button{border-radius:9px;background:#e6f0e7;color:#335e50}.store-room .sr-bubble button[data-c=x]{background:#f1f0e9;color:#6b756d}
@media(max-width:700px){.rpg-game .store-room-wrap{overflow:auto!important}.store-room{min-height:320px}.store-room canvas{height:auto}.sr-top{top:44px;left:14px;right:48px}.sr-top b{font-size:13px}.sr-top small{font-size:7px}.sr-coins{font-size:9px;padding:6px 8px}.sr-coins b{font-size:12px}.store-room .sr-keys{display:none}.sr-spots{max-width:calc(100% - 20px);overflow:auto;justify-content:flex-start;bottom:9px}.sr-spots button{padding:8px 9px;font-size:10px}.store-room .sr-hint{display:none}.sr-act{right:14px;bottom:57px;padding:9px 12px;font-size:11px}.store-room .sr-bubble{width:min(260px,62%);padding:12px;top:20%}.store-room .sr-bubble button{font-size:11px;padding:8px 4px}}
/* 정리: 캔버스 간판과 겹치는 제목은 숨기고, 조작 안내는 문 위가 아닌 왼쪽 아래 바닥에 */
.store-room .sr-top>span:first-child{visibility:hidden}
.store-room .sr-keys{top:auto!important;bottom:20px!important;left:20px!important;padding:5px 10px!important;border-radius:999px;background:rgba(255,255,255,.8)!important;font-size:11px!important;opacity:1!important}
@media(max-width:900px){.store-room .sr-keys{display:none}}