@layer components{.sb{background:linear-gradient(150deg,#34312d,#171615 55%,#0f0e0d);border-radius:.35cqi;width:100%;position:relative;box-shadow:inset 0 0 0 .25cqi #0b0a09,inset .3cqi .3cqi .4cqi #ffffff1a,0 .3cqi .4cqi #00000047,.8cqi 2.4cqi 3cqi -.8cqi #00000057,2cqi 7cqi 11cqi -4cqi #0006;container-type:inline-size}.sb-mat{background:radial-gradient(120% 90% at 20% 0,#ffffff80,#0000 60%),#f2eee5;position:absolute;box-shadow:inset 1cqi 1.2cqi 2cqi #0000004d,inset -.3cqi -.3cqi .8cqi #00000014}.sb-window{background:#1c1b1a;position:absolute;box-shadow:0 0 0 .45cqi #fbf9f3,0 0 0 .6cqi #00000014,inset .5cqi .6cqi 1cqi #000000a6}.sb-cut{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sb-piece{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.sb-cart{filter:drop-shadow(.6cqi 1cqi .7cqi #0009)}.sb-disc{filter:drop-shadow(.4cqi .7cqi .6cqi #0000008c);border-radius:50%}.sb-box{object-fit:cover;filter:drop-shadow(.3cqi .5cqi .5cqi #00000073)}.sb-jewel{pointer-events:none;background:linear-gradient(90deg,#ffffff47 0 8%,#ffffff14 8%);position:absolute;inset:0;box-shadow:inset 0 0 0 .25cqi #ffffff59}.sb-jewel-art{object-fit:cover;width:84%;position:absolute;top:3.5%;bottom:3.5%;right:3%}.sb-box-blank{color:#f2eee5;text-align:center;background:linear-gradient(160deg,#3b3a40,#22212a);place-items:center;padding:8%;font-size:4.5cqi;font-weight:600;line-height:1.15;display:grid;position:absolute;inset:0}.sb-plate{position:absolute}.sb-plate-art{width:100%;height:100%;font-family:var(--font-sans);display:block;overflow:visible}.sb-glass{pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#0000 38%,#ffffff1f 47%,#ffffff08 53%,#0000 62%);position:absolute;inset:0}.sb-soon{background:var(--accent);color:var(--ink);letter-spacing:.02em;text-transform:uppercase;clip-path:var(--notch);align-items:center;padding:.15rem .5rem;font-size:12px;font-weight:700;display:inline-flex}}