.shop{--spring:cubic-bezier(.32, .72, 0, 1);--bounce:cubic-bezier(.34, 1.56, .64, 1);flex-direction:column;gap:.75rem;min-width:0;padding-bottom:.5rem;display:flex}.shop button,.shop a,.shop-cta{-webkit-tap-highlight-color:transparent}.shop-cta{background:var(--sage-fill);min-height:44px;color:var(--on-sage);box-shadow:var(--elev-tile);white-space:nowrap;transition:transform .22s var(--bounce,cubic-bezier(.34, 1.56, .64, 1));border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.875rem;font-weight:600;display:flex}.shop-cta svg{flex-shrink:0}.shop-cta:active{transition-duration:.1s;transform:scale(.95)}.shop-cta:disabled{opacity:.6}.shop-cta--in{background:var(--sage-mist);color:var(--sage);box-shadow:none}.shop .shop-cta{min-height:52px;font-size:.9375rem}.game-detail-actions>.shop-note{grid-column:1/-1}.shop-empty{background:var(--paper-raised);box-shadow:var(--elev-tile);color:var(--muted);text-align:center;border-radius:1.25rem;margin:0;padding:2rem 1rem;font-size:.875rem}.shop-lines{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.shop-lines[aria-busy=true],.shop[aria-busy=true] .shop-lines{opacity:.6}.shop-line{background:var(--paper-raised);box-shadow:var(--elev-tile);animation:shop-in .45s var(--spring) both;border-radius:1.25rem;flex-direction:column;gap:.6rem;padding:8px;display:flex}.shop-line-row{align-items:center;gap:.75rem;min-height:64px;display:flex}.shop-line--order{justify-content:center;min-height:56px;padding-inline:14px}.shop-line--capacity .capacity-facts li{min-height:40px;font-size:.75rem;animation:none}.shop-line--capacity .capacity-fact-icon{border-radius:12px;width:26px;height:26px}.shop-line--capacity .capacity-fact-icon svg{width:15px;height:15px}.shop-line-cover{object-fit:cover;background:var(--paper-sunken);border-radius:10px;flex-shrink:0;width:48px;height:64px}.shop-line[data-problem=unavailable] .shop-line-cover,.shop-line[data-problem=unavailable] .shop-line-photo,.shop-line[data-problem=unavailable] .shop-line-title{opacity:.55}.shop-line-photo{object-fit:cover;background:var(--sand);border-radius:.875rem;flex-shrink:0;width:64px;height:64px}.shop-line-text{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.shop-line-title{-webkit-line-clamp:2;color:var(--ink);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.6;display:-webkit-box;overflow:hidden}.shop-line-meta{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.shop-line-price{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.shop-chip{background:var(--sage-mist);color:var(--sage);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.6}.shop-chip--out{background:var(--terra-mist);color:var(--terra)}.shop-stepper{background:var(--paper-sunken);border-radius:999px;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.shop-qty{min-width:2ch;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700;line-height:1.2}.shop-step{width:36px;height:36px;color:var(--sage);transition:transform .22s var(--bounce);background:0 0;border:0;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.shop-step svg{width:18px;height:18px}.shop-step--solo{background:var(--paper-sunken);width:44px;height:44px}.shop-step:active{transition-duration:.1s;transform:scale(.9)}.shop-step:disabled{opacity:.35}.shop-rail{background:var(--paper-sunken);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;min-height:52px;padding:4px;display:grid;position:relative}.shop-rail:before{background:var(--sage-fill);width:calc(50% - 4px);box-shadow:var(--elev-tile);content:"";transition:translate .45s var(--spring);border-radius:999px;position:absolute;inset-block:4px;inset-inline-start:4px}.shop-rail[data-at="1"]:before{translate:-100%}.shop-rail button{z-index:1;min-height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;font-size:.875rem;font-weight:500;transition:color .25s;position:relative}.shop-rail button[aria-checked=true]{color:var(--on-sage)}.shop-address{min-width:0;animation:shop-in .45s var(--spring) both;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;display:grid}.shop-field--address,.shop-field--postalCode,.shop-address>.shop-note{grid-column:1/-1}.shop-field input{background:var(--paper-sunken);width:100%;min-height:48px;color:var(--ink);border:0;border-radius:999px;outline:none;padding:0 1rem;font-size:.9375rem}.shop-field input::placeholder{color:var(--faint)}.shop-field input[dir=ltr]:placeholder-shown{direction:rtl}.shop-field input:focus-visible{box-shadow:0 0 0 2px var(--sage-fill)}.shop-note{background:var(--sage-mist);color:var(--sage);white-space:pre-line;animation:shop-in .45s var(--spring) both;border-radius:18px;margin:0;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;line-height:1.8}.shop-note--icon{align-items:center;gap:.5rem;display:flex}.shop-note--icon svg{flex-shrink:0}.shop-empty-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.shop-switch{background:var(--paper-raised);min-height:52px;box-shadow:0 0 0 1px var(--line);color:var(--ink);cursor:pointer;border-radius:18px;align-items:center;gap:.75rem;padding:0 .85rem;font-size:.875rem;display:flex}.shop-switch input{background:var(--stone);appearance:none;cursor:pointer;border-radius:999px;flex-shrink:0;width:46px;height:28px;margin:0;transition:background-color .25s;position:relative}.shop-switch input:before{top:3px;content:"";width:22px;height:22px;transition:translate .35s var(--spring);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px;box-shadow:0 2px 4px #1c181433}.shop-switch input:checked{background:var(--sage-fill)}.shop-switch input:checked:before{translate:-18px}.shop-switch input:focus-visible{outline:2px solid var(--sage-fill);outline-offset:2px}.shop-note.is-error{background:var(--terra-mist);color:var(--terra)}.shop-status{white-space:pre-line;animation:shop-in .45s var(--spring) both;border-radius:1.25rem;align-items:flex-start;gap:.75rem;margin:0;padding:1rem;font-size:.875rem;line-height:1.8;display:flex}.shop-status span:first-line{font-size:1rem;font-weight:700}.shop-status svg{flex-shrink:0;width:24px;height:24px;margin-top:.2rem}.shop-status.is-ok{background:var(--sage-mist);color:var(--sage)}.shop-status.is-wait{background:var(--paper-sunken);color:var(--ink)}.shop-status.is-error{background:var(--terra-mist);color:var(--terra)}.shop-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.shop-facts>div{background:var(--paper-raised);min-width:0;box-shadow:0 0 0 1px var(--line);border-radius:18px;flex-direction:column;gap:.15rem;padding:.6rem .85rem;display:flex}.shop-facts dt{color:var(--muted);font-size:.75rem}.shop-facts dd{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.shop-facts dd[dir=ltr]{text-align:right}.shop-foot{z-index:2;background:var(--paper-raised);box-shadow:0 -14px 14px -2px var(--paper-raised), 0 48px 0 0 var(--paper-raised);flex-direction:column;gap:.75rem;margin-inline:-2px;padding:.5rem 2px 0;display:flex;position:sticky;bottom:0}[data-kb-short] .shop-foot{box-shadow:none;position:static}@media (height<=360px){.shop-foot{box-shadow:none;position:static}}.shop-rail button:focus-visible,.shop-step:focus-visible,.shop-cta:focus-visible,.shop-line-title:focus-visible{outline:2px solid var(--sage-fill);outline-offset:2px}@keyframes shop-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.shop *,.shop :before,.shop-cta{transition:none!important;animation:none!important}}