@layer components{.sp-stage{background:#0b0b0e;padding:0}.sp-head{z-index:2;background:linear-gradient(#0b0b0e 88%,#0000);padding:16px 22px 10px;position:absolute;top:0;left:0;right:0}.sp-money{align-items:baseline;gap:10px;display:flex;position:relative}.sp-pops{pointer-events:none;justify-items:end;display:grid;position:absolute;top:4px;right:0}.sp-pops b{font-variant-numeric:tabular-nums;color:#ff8a66;animation:sp-pop 1.1s var(--ease-out) both;font-size:13px;font-weight:700}.sp-pops b.is-back{color:var(--rn)}@keyframes sp-pop{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.sp-meta{color:var(--on-dark-dim);margin-top:6px;font-size:12.5px}.sp-head .confetti{top:40px}.sp-label{letter-spacing:.14em;color:var(--on-dark-dim);font-size:12px;font-weight:600}.sp-left{letter-spacing:-.04em;color:var(--rn);margin-top:2px;font-size:clamp(28px,9cqw,42px);font-weight:600;line-height:1.05;transition:color .3s}.sp-bar{background:#ffffff1a;border-radius:99px;height:6px;margin-top:10px;overflow:hidden}.sp-bar i{background:var(--rn);height:100%;transition:width .3s var(--ease-out);display:block}.sp-list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#fff3 transparent;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;padding:4px 16px 20px;display:grid;position:absolute;inset:122px 0 92px;overflow-y:auto}.sp-item{background:#ffffff0d;border-radius:16px;gap:3px;padding:12px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.sp-item.is-owned{box-shadow:inset 0 0 0 1.5px #ccff3d80}.sp-art{background:radial-gradient(circle at 50% 35%, #fffaf0, color-mix(in oklab, var(--k) 26%, #f3eadb) 80%);width:56px;height:56px;box-shadow:inset 0 0 0 1px #0000000f, inset 0 -3px 0 color-mix(in oklab, var(--k) 30%, #d9cdb8), 0 4px 12px -4px #00000080;border-radius:16px;display:block;overflow:hidden}.sp-art svg{stroke:#2a2730;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;width:100%;height:100%;padding:3px;display:block;overflow:visible}.sp-art .n{stroke:none}.sp-art .t{stroke-width:1.4px}.sp-art.is-small{vertical-align:middle;border-radius:6px;flex:none;width:22px;height:22px;margin-right:6px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001a}.sp-art.is-small svg{stroke-width:2.4px;padding:1px}.sp-line{align-items:center;min-width:0;display:inline-flex}.sp-max{height:28px;color:var(--rn);background:#ccff3d1a;border-radius:999px;padding:0 10px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px;box-shadow:inset 0 0 0 1px #ccff3d4d}.sp-max:disabled{opacity:.25}.sp-max:focus-visible,.sp-qty button:focus-visible,.sp-qty input:focus-visible{outline:2px solid var(--rn);outline-offset:2px}.sp-name{color:#fff;margin-top:6px;font-size:14px;font-weight:600;line-height:1.2}.sp-price{color:var(--on-dark-dim);font-size:13px}.sp-qty{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:6px;display:grid}.sp-qty button{color:#fff;height:44px;transition:transform .2s var(--ease-spring);background:#ffffff1a;border-radius:999px;padding:0 10px;font-size:13px;font-weight:600}.sp-qty button:last-child{color:#0d0d0f;background:var(--rn)}.sp-qty button:active:not(:disabled){transform:scale(.94)}.sp-qty button:disabled{opacity:.3}.sp-qty input{text-align:center;color:#fff;background:#0000004d;border-radius:12px;min-width:0;height:44px;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff1f}.sp-fine{text-align:center;color:var(--on-dark-faint);grid-column:1/-1;padding-top:8px;font-size:12px}.sp-receipt-screen{padding:28px}.sp-foot{z-index:2;left:20px;right:20px;bottom:max(20px, calc(env(safe-area-inset-bottom) + 10px));position:absolute}.sp-receipt{color:#1a1a1a;width:100%;max-width:360px;max-height:calc(100% - 96px);animation:pop .34s var(--ease-pop) both;background:#fbfaf6;border-radius:6px;margin:44px auto 0;padding:22px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;overflow-y:auto}.sp-receipt-lines p,.sp-receipt-total,.sp-receipt-left{justify-content:space-between;gap:12px;display:flex}.sp-receipt-title{text-align:center;letter-spacing:.3em;font-size:16px;font-weight:700}.sp-receipt-sub{text-align:center;color:#777;margin-top:4px;font-size:11px}.sp-receipt-lines{border-block:1px dashed #bbb;gap:6px;margin-top:14px;padding:12px 0;display:grid}.sp-receipt-total{margin-top:10px;font-weight:700}.sp-receipt-left{color:#555;margin-top:4px}.sp-left.is-zero{color:#fff}.sp-ready{animation:1.2s ease-in-out infinite sp-ready}@keyframes sp-ready{50%{transform:scale(1.03)}}.sp-receipt-lines p{animation:sp-print .26s var(--ease-out) calc(.12s + var(--i,0) * 45ms) both}@keyframes sp-print{0%{opacity:0;transform:translateY(-4px)}}.sp-barcode{opacity:.85;background:repeating-linear-gradient(90deg,#1a1a1a 0 2px,#0000 2px 4px,#1a1a1a 4px 5px,#0000 5px 8px,#1a1a1a 8px 11px,#0000 11px 12px);height:34px;margin-top:14px}.sp-receipt-note{text-align:center;color:#555;margin-top:14px;font-size:12px}@media (prefers-reduced-motion:reduce){.sp-pops b,.sp-ready,.sp-receipt-lines p{animation:none}}@container (min-width:760px){.sp-head,.sp-foot{width:min(980px,100% - 40px);left:50%;right:auto;translate:-50%}.sp-list{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:max(16px,50% - 490px)}}}