#scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
#shopStatus{position:absolute;top:20%;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:16px;background:#000c;color:white}
#amount{font-size:clamp(24px,3vw,38px);margin-bottom:12px;text-align:center;color:#193363}
.shop-choices{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:16px}
.shop-item{display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;border:0;box-shadow:none;font-size:clamp(20px,2.5vw,30px)}
.shop-item .item-icon{font-family:system-ui,sans-serif;font-size:clamp(48px,7vw,88px);line-height:1.2}
.shop-done{align-self:center;font-size:.9rem}
.shop-request-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.shop-request-row .words{display:contents}
.simple-practice .shop-request-row .words button{padding:4px 0}
.shop-item-select{font:inherit;font-size:clamp(28px,3.5vw,46px);color:#193363;background:#fff;border:2px solid #193363;border-radius:10px;padding:6px 10px;max-width:100%;min-width:160px;color-scheme:light}
.shop-item-select:focus-visible{outline:4px solid #ed70cb;outline-offset:4px}
.shop-request .shop-done{display:block;margin:18px auto 0}
@media(max-width:600px){.shop-item-select{font-size:clamp(24px,6vw,34px);min-width:140px}.shop-request-row{gap:6px}}
.payment-action{display:block;margin:auto;min-width:240px;font-size:clamp(28px,4vw,46px);touch-action:pan-y;transition:transform .6s,opacity .6s}
.payment-action.paying{transform:translateX(80px);opacity:0}

@media(max-width:600px){.shop-choices{gap:8px}.shop-item{padding:8px}.payment-action{min-width:180px}#responseOverlay{padding-bottom:120px}.simple-practice .response-panel{padding:20px}.simple-practice .words button{font-size:clamp(24px,6vw,34px)}}
@media(prefers-reduced-motion:reduce){#scene{animation:none}.payment-action{transition:none}}

#scene::-webkit-media-controls{display:none!important}