:root{color:#f4efe6;background:#12080c;font-family:Iowan Old Style,Palatino,Palatino Linotype,Songti TC,PMingLiU,"Noto Serif TC",serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100%;display:grid;place-items:center}#bezel{width:min(92vw,calc(92vh * 320 / 560));padding:12px 0 20px}.name{margin:0 0 8px;font-size:28px;letter-spacing:.02em}#frame{position:relative;width:100%;aspect-ratio:320 / 480;background:#1a1014;border:2px solid #d7ddd4}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}#shop{position:absolute;top:0;right:0;bottom:0;left:0;display:none;grid-template-rows:1fr auto;gap:8px;padding:10px;background:#2a1218;color:#f4efe6}#shop.open{display:grid}.shop-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0}#shelf,#talk{border:2px solid #d7ddd4;padding:8px;overflow:auto}#talk{margin:0}.price{color:#f3e2a0;font-size:22px;margin:8px 0 0}#actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}#shop.leaving #actions{grid-template-columns:1fr 1fr}button{background:#1a1014;color:#f4efe6;border:2px solid #d7ddd4;border-radius:0;font:inherit;padding:10px 4px}button:disabled{opacity:.35}button:focus-visible{outline:2px solid #f3e2a0;outline-offset:2px}.hint{margin:8px 0 0;max-width:40em;font-size:14px}@media(max-width:480px){.name{font-size:22px}button{padding:12px 4px}}
