/* Category-led storefront and inventory-first pack detail. */
.playground-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:37px 0 34px; }
.playground-intro .eyebrow { font-size:8px; letter-spacing:.18em; color:#827c92; }
.playground-intro h1 { font:500 38px/1.15 var(--display); letter-spacing:-1.3px; margin:11px 0 9px; }
.playground-intro h1>span { color:#b9a6e8; }
.playground-intro h1>.hero-x{display:inline-block;vertical-align:-.035em;color:inherit;white-space:nowrap}
.playground-intro .hero-x>.icon{width:.78em;height:.78em;display:block}
.playground-intro p { font-size:11px; color:#91899f; margin:0; }
.intro-platform { display:flex; align-items:center; gap:14px; border:1px solid #3f374b; border-radius:8px; padding:11px 14px; }
.intro-platform .channel-rotator { min-width:112px; font-size:13px; }
.intro-platform>.icon { width:13px; height:13px; color:#a193b8; }
.experience-grid { grid-template-columns:minmax(0,1fr); gap:36px; margin-top:0; }
.pack-section>.section-heading { margin-bottom:20px; }
.pack-section .category-tabs { gap:9px; margin-bottom:25px; }
.category-tabs>button { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.category-tabs img { width:25px; height:25px; object-fit:contain; }
.pack-section .category-tabs>button { padding:8px 14px 8px 9px; font-size:11px; border-radius:9px; color:#b6acbf; }
.pack-section .category-tabs>button.active { background:#292230; border-color:#a38bb8; color:#f2e6fc; }
.pack-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:15px; }
.pack-grid.four-packs { grid-template-columns:repeat(4,minmax(0,1fr)); }
.pack-card { border:1px solid rgba(var(--category-rgb),.17); background:#121116; border-radius:13px; overflow:hidden; }
.pack-card:hover,.pack-card.selected { border-color:rgba(var(--category-rgb),.6); box-shadow:0 0 0 1px rgba(var(--category-rgb),.06); }
.pack-select { padding:15px 14px 17px; display:block; width:100%; }
.pack-top { font-size:9px; color:#a49ba9; }
.selection-dot { height:13px; width:13px; border-color:#524957; }.selected .selection-dot { color:#1b131b; background:var(--category-accent); }
.category-object { height:210px; position:relative; display:flex; align-items:center; justify-content:center; isolation:isolate; }
.object-halo { position:absolute; width:92%; height:85%; left:4%; top:8%; border-radius:50%; background:radial-gradient(ellipse,rgba(var(--category-rgb),.17),transparent 68%); z-index:-2; }
.object-shadow { position:absolute; left:15%; width:70%; height:16px; bottom:13px; border-radius:50%; background:#0009; filter:blur(10px); z-index:-1; }
.category-product { position:relative; width:100%; height:100%; object-fit:contain; transform:translateY(-3px); filter:drop-shadow(0 12px 13px #0007); transition:transform .4s ease; }
.pack-card:hover .category-product { transform:translateY(-10px) rotate(-5deg) scale(1.03); }
.category-onepiece .category-product { width:108%; max-width:108%; }
.price-100 .object-halo { opacity:1.2; }.price-250 .object-halo { background:radial-gradient(ellipse,#b5a1e72c,transparent 70%); }.price-500 .object-halo { background:radial-gradient(ellipse,#c6a96736,transparent 70%); }
.pack-name { display:flex; align-items:center; justify-content:space-between; font:500 29px var(--display); color:#eee7f3; margin:5px 0 0; }
.pack-name>span { font:400 9px var(--body); margin:0; color:#897d91; }
.pack-caption { font-size:9px; margin-top:8px; min-height:12px; color:#a99aae; }
.odds-link { font-size:10px; border-color:#302936; padding:12px 14px; color:#b3a5be; }
.odds-link:hover { color:#f2e5fc; background:#2c22343d; }
.unavailable .category-product { opacity:.55; }

.thread-section { width:100%; max-width:560px; justify-self:center; margin:10px auto 0; }.thread-section .section-heading { margin-bottom:14px; }
.confirm-art .category-object { height:220px; width:220px; margin:auto; }
.ripping-art .category-object { width:240px; height:255px; margin:auto; }
.ripping-art .category-product { animation:category-open .65s ease-in-out infinite alternate; }
@keyframes category-open { from { transform:translateY(-3px) rotate(-5deg) scale(.97); } to { transform:translateY(-10px) rotate(5deg) scale(1.04); } }
.pack-detail-page { padding:18px 0 10px; }
.detail-breadcrumb { display:flex; align-items:center; gap:10px; color:#766d82; font-size:9px; margin:0 0 19px; }
.detail-breadcrumb .back-link { margin:0; font-size:9px; padding:0; color:#b1a1c1; }
.detail-breadcrumb strong { font-weight:500; color:#cfc0da; }
.detail-category-rail { display:flex; gap:8px; border-bottom:1px solid #302835; padding:0 0 15px; margin:0 0 15px; }
.detail-category-rail>button { border-radius:7px; padding:7px 13px 7px 8px; color:#a99ab5; font-size:10px; border-color:#3a3042; }
.detail-category-rail>button.active { color:#f1e6f9; background:rgba(var(--category-rgb),.1); border-color:rgba(var(--category-rgb),.55); }
.pack-price-rail { display:flex; align-items:center; gap:9px; margin:0 0 26px; }
.pack-price-rail>button { display:flex; align-items:center; gap:12px; border:1px solid #3a2e42; padding:10px 15px; border-radius:7px; font:500 15px var(--display); color:#a794b5; }
.pack-price-rail>button>span { font:400 8px var(--body); color:#776482; }
.pack-price-rail>button.active { color:#f5eafc; background:#302333; border-color:rgba(var(--category-rgb),.65); }
.pack-price-rail>button.active>span { color:#c6abcb; }
.pack-workspace { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:25px; align-items:start; }
.inventory-main { min-width:0; }
.inventory-heading { display:flex; align-items:center; justify-content:space-between; margin:0 0 18px; gap:14px; }
.inventory-heading h1 { font:500 27px/1.1 var(--display); letter-spacing:-.6px; margin:0 0 7px; display:flex; align-items:center; gap:11px; }
.inventory-heading h1>span { font:500 9px var(--body); color:#b9a4c9; border:1px solid #47344f; border-radius:5px; padding:4px 7px; letter-spacing:0; }
.inventory-heading p { font-size:9px; color:#8f7c9d; margin:0; }
.inventory-heading .subtle-button { font-size:9px; padding:7px 9px; }
.pack-detail-page .pool-toolbar { display:flex; justify-content:space-between; gap:10px; margin:0 0 18px; }
.pack-detail-page .pool-toolbar .category-tabs { margin:0; gap:7px; }
.pack-detail-page .pool-toolbar .category-tabs>button { min-height:40px; padding:9px 15px; font-size:12px; }
.pack-detail-page .pool-toolbar>span { color:#7f6c8d; font-size:8px; }
.pack-detail-page .pool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pack-detail-page .pool-card { border:1px solid #352c3d; background:#121016; border-radius:9px; transition:border-color .2s,transform .2s; }
.pack-detail-page .pool-card:hover { border-color:#8b6e9e; }
.pack-detail-page .pool-card.top-pull { border-color:rgba(var(--category-rgb),.6); box-shadow:0 0 20px rgba(var(--category-rgb),.09); }
.pack-detail-page .pool-card-art { height:265px; background:radial-gradient(ellipse at 50% 65%,#2d223838,transparent 70%),#15121b; }
.pack-detail-page .pool-card-art>img { height:236px; width:169px; filter:drop-shadow(0 10px 10px #0009); }
.pack-detail-page .pool-card-art>.rarity { top:12px; right:12px; left:auto; border:0; background:#3b2e48; color:#c3a9d5; font-size:7px; padding:5px 7px; }
.pack-detail-page .top-pull .pool-card-art>.rarity { background:var(--category-accent); color:#180e18; font-weight:700; }
.pack-detail-page .pool-card-copy { padding:15px; flex:1; }
.pack-detail-page .pool-card-copy>strong { display:block; -webkit-line-clamp:unset; overflow:visible; overflow-wrap:anywhere; font:500 16px/1.35 var(--body); letter-spacing:-.2px; min-height:38px; margin:0 0 12px; color:#e1d6eb; }
.pack-detail-page .pool-card-copy>small { font-size:12px; line-height:1.4; font-weight:500; color:#b8a6c7; margin-top:auto; }
.pool-value-line { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:5px 8px; margin-top:16px!important; }
.pool-value-line>span { color:#af9cbd; font-size:12px; line-height:1.4; }.pool-value-line>b { font:500 26px var(--display); color:#e4d5ee; margin-left:auto; }
.pack-buybox { position:sticky; top:20px; border:1px solid rgba(var(--category-rgb),.26); border-radius:12px; overflow:hidden; background:#141019; min-width:0; }
.pack-buybox:focus-visible { outline:2px solid #c3b5ff; outline-offset:4px; }
@media(min-width:801px) { .pack-buybox { max-height:calc(100dvh - 40px); overflow-x:hidden; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#665173 transparent; } }
.buybox-art { height:202px; position:relative; display:flex; justify-content:center; align-items:center; border-bottom:1px solid #382c40; background:radial-gradient(ellipse at 50% 75%,rgba(var(--category-rgb),.18),transparent 72%),#211722; }
.buybox-art .category-object { width:230px; height:202px; }.buybox-art .category-product { width:205px; height:205px; }
.buybox-category { position:absolute; bottom:13px; left:17px; font:500 7px var(--display); letter-spacing:.14em; color:#b89caf; text-transform:uppercase; }
.buybox-content { padding:20px; }
.buybox-status { display:flex; align-items:center; justify-content:space-between; font-size:8px; color:#947e9d; }.buybox-status .data-badge { font-size:6px; letter-spacing:.1em; }
.buybox-content h2 { font:500 28px/1.08 var(--display); letter-spacing:-.5px; margin:16px 0 20px; color:#eae0f2; }
.buybox-content h2>span { color:#a88fb8; display:block; font-size:17px; margin-top:7px; letter-spacing:-.2px; }
.buybox-content>.button { background:linear-gradient(140deg,#594968,#2c2037); border:1px solid #a48bb9; box-shadow:inset 0 1px 0 #ffffff20; min-height:47px; justify-content:space-between; border-radius:7px; padding:12px 15px; font-size:12px; }
.buybox-content>.button>span { display:flex; align-items:center; gap:8px; font:500 18px var(--display); }.buybox-content>.button .icon { width:13px; height:13px; }
.buybox-demo { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; font-size:9px; padding:13px 0; color:#a089af; }.buybox-demo>.icon { width:11px; height:11px; }
.pack-ev { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 3px;font:400 11px var(--body);color:#a698b5; }
.pack-ev strong { color:#d7eac8;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums; }.pack-ev small { font-size:10px;color:#a7bf9b; }
.buybox-ev { display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #48503d;background:#b6d88b08;border-radius:8px;padding:12px;margin:-3px 0 17px; }
.buybox-ev>button { display:flex;align-items:center;gap:5px;font-size:10px;color:#b7c4a9;text-align:left; }.buybox-ev .icon { width:12px;height:12px; }
.buybox-ev>strong { font:500 22px var(--display);color:#d9ebcb;text-align:right;font-variant-numeric:tabular-nums; }.buybox-ev small { display:block;font:400 8px var(--body);color:#9aad89;margin-top:4px; }
.buybox-facts { padding:14px 0 16px; border-top:1px solid #382a42; border-bottom:1px solid #382a42; display:grid; gap:13px; }
.buybox-facts>div { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:9px; color:#8b729c; }.buybox-facts strong { font-size:11px; color:#cbb5da; font-weight:500; }.buybox-facts strong>small { font-size:8px; color:#9477a5; margin-left:4px; }
.buybox-odds { padding:18px 0 7px; }.buybox-odds-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }.buybox-odds h3 { font:500 12px var(--body); margin:0; color:#baa4c8; }.buybox-odds-title>span { font-size:6px; color:#765b87; letter-spacing:.08em; }
.buybox-odds>button { display:grid; grid-template-columns:minmax(0,1fr) 45px 35px; align-items:center; width:100%; padding:9px 0; text-align:left; gap:6px; color:#a68ab9; border-bottom:1px solid #2d2034; }
.buybox-odds>button:last-child { border-bottom:0; }.buybox-odds>button.active { color:#f0d8ff; }.buybox-odds>button>span { display:flex; align-items:center; gap:7px; text-transform:capitalize; font-size:9px; }.buybox-odds .rarity-dot { display:inline-block; flex-shrink:0; }
.buybox-odds>button>strong { font:500 14px var(--display); text-align:right; }.buybox-odds>button>small { font-size:8px; color:#7b5e8d; text-align:right; }
.buybox-note { font-size:8px; line-height:1.7; color:#887193; margin:13px 0 16px; }
.buybox-network { display:flex; align-items:center; gap:6px; padding-top:15px; border-top:1px solid #39283f; color:#9475a5; font-size:7px; }.buybox-network .icon { width:11px; height:11px; }.buybox-network>span { margin-left:auto; }
.pool-footnote { font-size:8px; color:#80698f; margin-top:22px; }
@media(min-width:1500px) { .pack-workspace { grid-template-columns:minmax(0,1fr) 360px; gap:30px; }.pack-detail-page .pool-card-art { height:300px; }.pack-detail-page .pool-card-art>img { height:270px; width:190px; }.buybox-art { height:225px; }.buybox-art .category-object { height:230px; }.buybox-art .category-product { width:230px; height:230px; } }
@media(max-width:1100px) { .pack-workspace { grid-template-columns:minmax(0,1fr) 290px; gap:20px; }.pack-detail-page .pool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.buybox-content { padding:18px; }.buybox-art { height:190px; }.buybox-art .category-object { height:190px; }.pack-grid { gap:12px; }.category-object { height:180px; }.pack-select { padding:13px 11px 15px; }.pack-top { font-size:8px; }.pack-name { font-size:26px; }.pack-caption { font-size:8px; } }
@media(max-width:800px) { .playground-intro h1 { font-size:31px; }.playground-intro { padding:29px 0; }.pack-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.pack-grid.four-packs { grid-template-columns:repeat(4,minmax(0,1fr)); }.pack-workspace { grid-template-columns:minmax(0,1fr); }.pack-buybox { position:static; order:-1; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:stretch; }.buybox-art { height:auto; min-height:260px; border-bottom:0; border-right:1px solid #3c2b40; }.buybox-art .category-object { width:100%; height:250px; }.buybox-art .category-product { width:100%; height:250px; }.buybox-content { padding:20px 22px; }.buybox-odds { display:none; }.buybox-note { margin-bottom:0; }.buybox-network { display:none; }.pack-detail-page .pool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.pack-detail-page .pool-card-art { height:220px; }.pack-detail-page .pool-card-art>img { height:190px; width:134px; }.pack-detail-page .pool-card-copy>strong { font-size:13px; min-height:32px; }.pool-value-line>b { font-size:21px; }.pack-detail-page .pool-card-copy { padding:12px; } }
@media(max-width:600px) { .playground-intro { padding:25px 0 27px; gap:10px; align-items:flex-start; }.playground-intro .eyebrow { font-size:6px; }.playground-intro h1 { font-size:28px; max-width:275px; margin:10px 0; line-height:1.08; }.playground-intro p { font-size:9px; }.intro-platform { padding:6px 8px; gap:5px; margin-top:2px; border-radius:5px; }.intro-platform .channel-rotator { min-width:43px; font-size:11px; width:43px; height:23px; }.intro-platform .channel-track>span { height:25px; }.intro-platform .channel-track small { display:none; }.intro-platform>.icon { width:9px; height:9px; }.experience-grid { gap:27px; }.pack-section>.section-heading { margin-bottom:16px; }.pack-section .category-tabs { margin-bottom:20px; gap:7px; }.pack-section .category-tabs>button { padding:7px 11px 7px 7px; font-size:10px; gap:6px; }.category-tabs img { width:23px; height:23px; }.pack-grid,.pack-grid.four-packs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.category-object { height:175px; }.pack-select { padding:12px 11px 14px; }.pack-name { font-size:26px; margin-top:2px; }.pack-name>span { font-size:8px; }.pack-top { font-size:8px; }.pack-caption { font-size:8px; }.odds-link { padding:10px 11px; font-size:9px; }.pack-detail-page { padding-top:15px; }.detail-breadcrumb { font-size:8px; gap:8px; margin-bottom:17px; }.detail-breadcrumb .back-link { font-size:8px; }.detail-category-rail { margin-bottom:13px; padding-bottom:12px; gap:7px; }.detail-category-rail>button { font-size:9px; padding:6px 10px 6px 7px; gap:6px; }.detail-category-rail img { width:22px; height:22px; }.pack-price-rail { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin-bottom:19px; }.pack-price-rail>button { padding:9px 4px 8px; font-size:13px; flex-direction:column; gap:4px; border-radius:6px; }.pack-price-rail>button>span { font-size:6px; }.pack-buybox { display:block; }.buybox-art { min-height:0; height:170px; border-right:0; border-bottom:1px solid #39283e; }.buybox-art .category-object { height:180px; width:210px; }.buybox-art .category-product { height:180px; width:190px; }.buybox-category { font-size:6px; left:18px; bottom:13px; }.buybox-content { padding:19px; }.buybox-status .data-badge { font-size:6px; }.buybox-status { font-size:8px; }.buybox-content h2 { font-size:27px; margin:14px 0 18px; }.buybox-content h2>span { font-size:16px; display:inline; margin-left:9px; }.buybox-content>.button { min-height:46px; font-size:11px; }.buybox-content>.button>span { font-size:18px; }.buybox-demo { padding:12px 0; font-size:8px; }.buybox-facts { padding:13px 0; gap:11px; }.buybox-facts>div { font-size:9px; }.buybox-facts strong { font-size:10px; }.buybox-facts strong>small { font-size:7px; }.buybox-note { font-size:7px; margin:13px 0 0; }.pack-workspace { gap:25px; }.inventory-heading h1 { font-size:26px; }.inventory-heading p { font-size:8px; }.inventory-heading .subtle-button { font-size:8px; }.inventory-heading { margin-bottom:16px; }.pack-detail-page .pool-toolbar { margin-bottom:16px; gap:5px; }.pack-detail-page .pool-toolbar .category-tabs { gap:6px; }.pack-detail-page .pool-toolbar .category-tabs>button { min-height:38px; font-size:11px; padding:8px 11px; }.pack-detail-page .pool-toolbar>span { display:none; }.pack-detail-page .pool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.pack-detail-page .pool-card-art { height:195px; }.pack-detail-page .pool-card-art>img { height:171px; width:121px; }.pack-detail-page .pool-card-art>.rarity { font-size:6px; top:9px; right:9px; padding:4px 6px; }.pack-detail-page .pool-card-copy { padding:12px 10px; }.pack-detail-page .pool-card-copy>strong { font-size:12px; min-height:29px; margin-bottom:7px; }.pack-detail-page .pool-card-copy>small { font-size:11px; }.pool-value-line { margin-top:13px!important; gap:5px; }.pool-value-line>span { font-size:11px; }.pool-value-line>b { font-size:22px; } }
@media(max-width:360px) { .playground-intro h1 { font-size:25px; max-width:220px; }.category-object { height:150px; }.pack-select { padding:11px 9px 13px; }.pack-name { font-size:23px; }.pack-caption { font-size:7px; }.pack-top { font-size:7px; }.pack-name>span { font-size:7px; }.pack-price-rail>button { font-size:12px; }.pack-price-rail>button>span { font-size:5px; }.buybox-content { padding:17px; }.buybox-art { height:155px; }.buybox-art .category-object { height:165px; }.buybox-art .category-product { height:165px; width:175px; }.buybox-content h2 { font-size:24px; }.buybox-content h2>span { font-size:14px; }.pack-detail-page .pool-card-art { height:170px; }.pack-detail-page .pool-card-art>img { height:148px; width:104px; }.pack-detail-page .pool-card-copy>strong { font-size:11px; min-height:27px; }.pool-value-line>b { font-size:21px; }.pool-value-line>span { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .ripping-art .category-product { animation:none; }.pack-card:hover .category-product { transform:none; } }
.mobile-drop-rates { display:none; }
@media(max-width:600px) {
  .pack-buybox { display:grid; grid-template-columns:105px minmax(0,1fr); }
  .buybox-art { height:auto; border:0; border-right:1px solid #39283e; min-height:225px; }
  .buybox-art .category-object { width:110px; height:160px; }.buybox-art .category-product { width:110px; height:160px; }
  .buybox-category { left:11px; bottom:14px; font-size:5px; }
  .buybox-content { padding:15px; }.buybox-content h2 { font-size:23px; margin:13px 0 15px; }.buybox-content h2>span { display:block; margin:5px 0 0; font-size:14px; }
  .buybox-content>.button { font-size:10px; padding:10px 11px; min-height:41px; }.buybox-content>.button>span { font-size:16px; gap:4px; }.buybox-content>.button .icon { width:10px; height:10px; }
  .buybox-demo { font-size:7px; padding:10px 0; }.buybox-facts { padding:11px 0 0; border-bottom:0; gap:0; }.buybox-facts>div:not(:nth-child(2)) { display:none; }.buybox-facts>div { font-size:7px; gap:5px; }.buybox-facts strong { font-size:9px; }.buybox-facts strong>small { display:none; }.buybox-note { display:none; }
  .mobile-drop-rates { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:-5px 0 18px; }
  .mobile-drop-rates>button { display:flex; justify-content:space-between; align-items:center; gap:4px; font-size:6px; border:1px solid #3a2b43; padding:9px 7px; border-radius:5px; color:#a991b9; }
  .mobile-drop-rates>button>span { display:flex; gap:4px; align-items:center; text-transform:capitalize; }.mobile-drop-rates .rarity-dot { width:3px; height:3px; display:inline-block; flex-shrink:0; }.mobile-drop-rates strong { font:500 10px var(--display); color:#d7bde5; }
}
@media(max-width:360px) {
  .pack-buybox { grid-template-columns:88px minmax(0,1fr); }.buybox-art { min-height:218px; }.buybox-art .category-object,.buybox-art .category-product { width:96px; height:145px; }.buybox-content { padding:14px; }.buybox-content h2 { font-size:21px; }.buybox-content>.button { font-size:9px; }.buybox-content>.button>span { font-size:15px; }.buybox-content>.button .icon { display:none; }.buybox-status>span:last-child { font-size:6px; }.buybox-status .data-badge { font-size:5px; }.mobile-drop-rates>button { font-size:5px; padding:8px 5px; }.mobile-drop-rates strong { font-size:9px; }
}