@import url('./profile.css');
@import url('./card-inspection.css');
@import url('./collection.css');
@import url('./creators.css');
@import url('./branding.css');

:root {
  color-scheme: dark;
  --paper: #09090d;
  --panel: #111116;
  --raised: #17171e;
  --ink: #f3f3f7;
  --muted: #9696a6;
  --line: #282831;
  --accent: #b7a4fa;
  --green: #96e6bb;
  --display: 'Chakra Petch', sans-serif;
  --body: 'Manrope', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 13px var(--body); -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
button { color: inherit; cursor: pointer; border: 0; background: none; }
button, a, input { -webkit-tap-highlight-color: transparent; }
button:disabled { cursor: not-allowed; opacity: .4; }
button:focus-visible, a:focus-visible { outline: 2px solid #c3b5ff; outline-offset: 5px; }
input:focus-visible { outline: none; }
.icon { width: 19px; height: 19px; flex-shrink: 0; }
svg { display: inline-block; vertical-align: middle; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.site-shell { max-width: 1600px; padding: 0 28px; margin: auto; }
.header { height: 76px; display: flex; align-items: center; gap: 52px; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 10px; padding: 0; flex-shrink: 0; text-align: left; }
.brand-mark { display: flex; align-items: center; justify-content: center; width: 34px; height: 38px; }
.brand-mark svg { width: 32px; height: 32px; }
.brand-word { display: flex; gap: 4px; font: 700 22px/.95 var(--display); letter-spacing: -.9px; }
.brand-word>span { color: #a5a5b8; }
.header nav { display: flex; align-items: center; height: 100%; gap: 30px; }
.nav-item { position: relative; font-size: 12px; font-weight: 650; color: #90909e; height: 100%; padding: 0; white-space: nowrap; }
.nav-item.active { color: white; }
.nav-item.active:after { position: absolute; content: ''; height: 2px; width: 100%; background: linear-gradient(90deg,#e7defe,#6c5a98); left: 0; bottom: -1px; }
.nav-item>span { display: inline-grid; place-items: center; font-size: 9px; margin-left: 5px; background: #22222b; color: #bdbdcd; min-width: 17px; height: 17px; border-radius: 4px; }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 20px; }
.how-link { color: #a4a4b1; font-size: 11px; padding: 10px 0; }
.connect-button, .balance-button { border: 1px solid #53535f; background: linear-gradient(160deg,#26262d55,#0a0a0e); box-shadow: inset 0 1px 0 #ffffff1f; border-radius: 30px; min-height: 38px; padding: 9px 18px; display: flex; align-items: center; gap: 12px; font-weight: 650; font-size: 11px; }
.connect-button:hover { border-color: #c0b2de; }
.connect-button>svg:first-child { width: 12px; height: 12px; }
.connect-button .icon { width: 13px; height: 13px; margin-left: 3px; }
.balance-button { color: var(--green); gap: 8px; padding: 7px 10px 7px 15px; }
.balance-button>.icon { width: 14px; height: 14px; }
.balance-plus { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #24322c; color: var(--green); font-size: 16px; }
.user-chip { padding: 0; }
.user-chip .avatar { width: 34px; height: 34px; border: 1px solid #4c4c59; background: #22212c; }
.preview-strip { height: 36px; display: flex; gap: 18px; align-items: center; color: #858593; font-size: 9px; }
.preview-strip>span:first-child { display: flex; align-items: center; gap: 6px; font-size: 8px; font-weight: 700; letter-spacing: .1em; color: #b3accc; }
.status-dot { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: var(--green); flex-shrink: 0; box-shadow: 0 0 8px #77e6b32a; }
.preview-strip>button { margin-left: auto; color: #8a8a9a; font-size: 9px; padding: 0; }
.preview-strip .icon { width: 11px; height: 11px; margin-left: 4px; }
.hero { position: relative; min-height: 420px; border-radius: 14px; overflow: hidden; background: #111018; border: 1px solid #282632; isolation: isolate; }
.hero-scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 51%; z-index: -3; }
.hero-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,#07070cde 0%,#09090c82 39%,#08080a05 70%),linear-gradient(0deg,#09090df2 0%,transparent 35%,#07070d20 80%); }
.hero-corner { position: absolute; left: 38px; top: 31px; display: flex; align-items: center; gap: 7px; font-size: 8px; letter-spacing: .19em; color: #c5c1d6; }
.hero-corner .status-dot { background: #b8a5f2; }
.hero-copy { padding: 98px 38px 70px; position: relative; max-width: 780px; }
.hero h1 { font: 600 clamp(38px,4.6vw,72px)/1.04 var(--display); letter-spacing: -2.5px; margin: 0 0 18px; text-shadow: 0 3px 25px #0008; }
.hero h1 span { color: #c8c5db; }
.hero p { margin: 0; font-size: 13px; line-height: 1.8; color: #bbb8ca; font-weight: 500; }
.hero-actions { display: flex; gap: 24px; align-items: center; margin-top: 26px; }
.button { min-height: 43px; padding: 11px 20px; border-radius: 24px; display: inline-flex; justify-content: center; align-items: center; gap: 18px; font-size: 11px; font-weight: 700; transition: border-color .2s,background .2s,transform .2s; }
.button:hover:not(:disabled) { transform: translateY(-1px); }
.button .icon { width: 15px; height: 15px; }
.button-chrome, .button-dark { border: 1px solid #96949f; color: #f8f7fe; background: linear-gradient(160deg,#48464f77,#101017b3 50%,#282631); box-shadow: inset 0 1px 0 #fff4,0 2px 5px #0002; }
.button-chrome:hover, .button-dark:hover { border-color: #e8dffb; background: linear-gradient(160deg,#62596f99,#191421 60%,#3a314b); }
.hero-link { display: flex; gap: 10px; align-items: center; font-size: 10px; color: #bbb6cc; padding: 8px 0; }
.hero-link .icon { width: 13px; height: 13px; }
.hero-bottom { position: absolute; bottom: 25px; left: 38px; display: flex; gap: 12px; align-items: center; font: 500 8px var(--display); letter-spacing: .1em; color: #9892ab; }
.hero-bottom i { height: 1px; width: 17px; background: #5a536d; }
.hero-edition { position: absolute; right: 29px; bottom: 24px; text-align: right; font: 500 8px/1.6 var(--display); letter-spacing: .13em; color: #b2a9c1; }
.feature-banners { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.feature-banner { position: relative; text-align: left; display: block; min-height: 167px; border: 1px solid #302b3a; border-radius: 11px; overflow: hidden; padding: 23px 24px; isolation: isolate; transition: border-color .2s; }
.feature-banner:hover { border-color: #63576e; }
.social-banner { background: radial-gradient(ellipse at 95% 55%,#392957 0%,#181424 49%,#101014 85%); }
.vault-banner { background: radial-gradient(ellipse at 77% 43%,#254449,#142025 48%,#0d1318 85%); }
.eyebrow { font: 500 8px var(--display); letter-spacing: .12em; color: #b9b1cf; display: block; }
.banner-copy { position: relative; z-index: 2; }
.banner-copy h2 { font: 600 24px/1.05 var(--display); letter-spacing: -.6px; margin: 11px 0 14px; }
.banner-link { display: flex; align-items: center; gap: 14px; font-size: 9px; color: #c4bed3; }
.banner-link .icon { height: 11px; width: 11px; }
.banner-reply { position: absolute; right: 0; top: 27px; width: 227px; height: 140px; background: linear-gradient(160deg,#272237,#0c0c14); border: 1px solid #666074; border-radius: 12px; transform: rotate(-10deg); padding: 14px; box-shadow: 0 10px 40px #0009,inset 0 1px 0 #fff2; }
.reply-logo { display: inline-flex; padding: 6px; border: 1px solid #55505f; border-radius: 50%; }
.reply-logo svg { width: 16px; height: 16px; }
.mini-message { display: block; color: #c7c1d8; font-size: 9px; margin: 10px 0 13px; }
.banner-reply>div { display: flex; gap: 7px; }
.banner-reply>div>span { display: flex; align-items: center; gap: 12px; border: 1px solid #534a66; border-radius: 5px; padding: 5px 10px; font: 500 9px var(--display); }
.banner-reply>div>span:first-child { background: #c1afe7; border-color: #c1afe7; color: #151020; }
.banner-reply .icon { width: 10px; height: 10px; }
.banner-slabs { position: absolute; right: 0; bottom: -18px; display: flex; align-items: center; width: 260px; height: 175px; }
.banner-slabs img { object-fit: contain; width: 102px; height: 160px; margin-left: -29px; transform: rotate(9deg); filter: drop-shadow(0 7px 10px #0008); }
.banner-slabs img:first-child { transform: rotate(-13deg) translateY(3px); margin-left: 0; }
.banner-slabs img:nth-child(2) { transform: rotate(-2deg) translateY(-9px); z-index: 1; }
.experience-grid { display: grid; grid-template-columns: minmax(0,1fr) 365px; gap: 28px; margin-top: 43px; align-items: start; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 27px; }
.section-heading>div { display: flex; gap: 10px; align-items: center; }
.section-heading>div>.icon, .section-heading>div>svg { height: 18px; width: 18px; color: #bbb4d0; }
.section-heading h2 { font: 600 21px var(--display); letter-spacing: -.5px; margin: 0; }
.quiet-label { font: 500 8px var(--display); letter-spacing: .1em; color: #807a91; white-space: nowrap; }
.category-tabs { display: flex; gap: 7px; margin: 20px 0 18px; }
.category-tabs button { min-height: 32px; border: 1px solid #292832; border-radius: 20px; color: #a09aaf; padding: 7px 15px; display: flex; align-items: center; gap: 9px; font-size: 10px; transition: border-color .2s; }
.category-tabs button:hover { border-color: #6f617c; }
.category-tabs button.active { color: #f0ebff; border-color: #80708e; background: #24202d; }
.tab-dot { width: 4px; height: 4px; background: #baa9e6; border-radius: 50%; }
.pack-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.pack-grid.two-packs { grid-template-columns: repeat(2,minmax(0,1fr)); }
.pack-card { position: relative; border: 1px solid #292730; background: linear-gradient(145deg,#1a1820,#101014 70%); border-radius: 10px; overflow: hidden; transition: border-color .2s,transform .2s; }
.pack-card:hover { transform: translateY(-3px); border-color: #6b607b; }
.pack-card.selected { border-color: #a28abd; box-shadow: inset 0 0 0 1px #a28abd33,0 0 22px #8f5ed50c; }
.pack-select { display: block; width: 100%; padding: 13px 14px 14px; text-align: left; }
.pack-top { display: flex; justify-content: space-between; gap: 4px; align-items: center; font: 500 8px var(--display); letter-spacing: .06em; color: #bcb2cd; }
.selection-dot { width: 15px; height: 15px; border: 1px solid #49404e; display: grid; place-items: center; border-radius: 50%; flex-shrink: 0; }
.selected .selection-dot { color: #151019; background: #c8b7e8; border-color: #c8b7e8; }
.selection-dot .icon { height: 9px; width: 9px; stroke-width: 2.5; }
.foil-wrap { position: relative; isolation: isolate; height: 227px; display: grid; place-items: center; --glow: #9865c4; }
.foil-wrap.lilac { --glow: #4d939d; }
.foil-wrap.orange { --glow: #c78c53; }
.pack-light { z-index: -1; position: absolute; width: 80%; height: 85%; background: radial-gradient(ellipse,color-mix(in srgb,var(--glow) 25%,transparent),transparent 70%); filter: blur(12px); }
.pack-stage { position: absolute; z-index: -1; width: 82%; height: 23px; border-radius: 50%; bottom: 19px; background: #111017; box-shadow: 0 0 1px 1px #65576a55,0 12px 12px #0008,inset 0 1px 8px #81709433; transform: perspective(200px) rotateX(18deg); }
.foil-product { display: block; object-fit: contain; width: 155px; height: 207px; filter: drop-shadow(0 14px 12px #0009); transform: rotate(-9deg) translateY(-4px); transition: transform .35s; }
.lilac .foil-product { filter: hue-rotate(285deg) drop-shadow(0 14px 12px #0009); }
.orange .foil-product { filter: hue-rotate(120deg) drop-shadow(0 14px 12px #0009); }
.pack-card:hover .foil-product { transform: rotate(-4deg) translateY(-10px); }
.pack-card:nth-child(2) .foil-product { transform: rotate(0deg) translateY(-4px); }
.pack-card:nth-child(3) .foil-product { transform: rotate(8deg) translateY(-4px); }
.pack-serial { position: absolute; right: -3px; bottom: 24px; font: 400 7px var(--display); letter-spacing: .15em; color: #6d627c; writing-mode: vertical-rl; }
.pack-name { font: 600 17px var(--display); display: flex; justify-content: space-between; align-items: center; gap: 5px; letter-spacing: -.3px; }
.pack-name>span { color: #e8ddfc; font: 500 18px var(--display); }
.pack-caption { display: block; font-size: 8px; color: #8e859e; margin-top: 8px; }
.odds-link { width: 100%; border-top: 1px solid #2a2432; display: flex; justify-content: space-between; gap: 5px; padding: 10px 14px; font-size: 9px; color: #b1a6c0; }
.odds-link:hover { background: #27202f66; }
.odds-link .icon { width: 12px; height: 12px; }

.selection-note { display: block; font: 500 7px var(--display); letter-spacing: .12em; color: #9c8cae; margin-bottom: 6px; }



.trust-row { display: flex; justify-content: space-between; gap: 9px; color: #7f768d; font-size: 8px; margin-top: 14px; }
.trust-row>span { display: flex; align-items: center; gap: 5px; }
.trust-row .icon { width: 12px; height: 12px; }
.thread-section>.section-heading { margin-bottom: 21px; }
.thread-section .section-heading h2 { font-size: 20px; }
.x-window { border: 1px solid #34313c; background: #101014; border-radius: 10px; overflow: hidden; }
.x-window-header { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid #2c2932; }
.x-window-header>svg { width: 15px; height: 15px; }
.x-window-header>span:nth-child(2) { font: 400 8px var(--display); color: #a59caf; letter-spacing: .07em; }
.preview-badge { padding: 4px 5px; font-size: 6px; margin-left: auto; color: #aaa2b6; background: #26212e; border-radius: 3px; }
.x-thread { padding: 21px 17px 0; }
.post { display: flex; align-items: flex-start; gap: 10px; position: relative; }
.avatar { display: inline-flex; align-items: center; justify-content: center; height: 30px; width: 30px; border-radius: 50%; background: #2f2a3b; color: #d1c3e2; flex-shrink: 0; font-size: 11px; font-weight: 500; }
.club-avatar { border: 1px solid #81738f; color: #e8e0f5; background: linear-gradient(145deg,#4d415c,#19141f); }
.club-avatar svg { height: 20px; width: 20px; }
.post-body { min-width: 0; width: 100%; }
.post-meta { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; min-height: 17px; font-size: 8px; color: #716c7e; }
.post-meta strong { font-size: 9px; font-weight: 700; color: #e9e3f0; }
.verified { display: inline-flex; align-items: center; justify-content: center; height: 10px; width: 10px; background: #ac96c3; color: #151019; border-radius: 50%; }
.verified svg { width: 7px; height: 7px; }
.post p { font-size: 10px; color: #bbb1c7; line-height: 1.6; margin: 5px 0 11px; overflow-wrap: anywhere; }
.post .command-text { font-size: 11px; color: #ded6e7; margin-bottom: 25px; }
.command-text>span { color: #9a88b9; }
.user-post:before { content: ''; position: absolute; width: 1px; background: #322b3b; top: 35px; bottom: 8px; left: 15px; }
.empty-pull { position: relative; min-height: 211px; padding: 24px 19px; border: 1px solid #3d334b; border-radius: 7px; overflow: hidden; background: radial-gradient(ellipse at 90% 0%,#3f2852aa,transparent 65%),linear-gradient(135deg,#17131e,#0f0d14); }
.empty-pull:after { content: ''; position: absolute; height: 110px; width: 110px; border: 1px solid #63527544; transform: rotate(35deg); right: -24px; bottom: -37px; border-radius: 13px; box-shadow: 0 0 0 15px #4b3b5f11,0 0 0 30px #4b3b5f0d; }
.empty-pull-icon { height: 35px; width: 29px; display: grid; place-items: center; border: 1px solid #77618d; border-radius: 5px; margin-bottom: 15px; transform: rotate(-10deg); background: #3b2f4b; }
.empty-pull-icon svg { height: 22px; width: 22px; color: #d3c4e7; }
.empty-pull strong { display: block; font: 500 22px/1.12 var(--display); letter-spacing: -.5px; color: #e6ddf0; }
.empty-pull>span:not(.empty-pull-icon) { display: block; color: #8e7d9f; font-size: 8px; margin-top: 12px; }
.post .reply-instruction { font-size: 9px; color: #93869e; margin: 13px 0 17px; }
.reply-instruction b { color: #d8c9e6; font-weight: 600; }
.post-reactions { display: flex; justify-content: space-between; max-width: 170px; color: #5d5369; padding-bottom: 18px; }
.post-reactions svg { height: 13px; width: 13px; }
.reply-form { display: flex; align-items: center; gap: 10px; border-top: 1px solid #2e2736; padding: 12px 16px; }
.reply-form input { width: 100%; min-width: 0; border: 0; background: none; font-size: 10px; color: #e4d8ee; padding: 5px 0; }
.reply-form input::placeholder { color: #796c87; }
.reply-form button { width: 29px; height: 29px; border-radius: 50%; background: #3a2f49; color: #d7c6ed; display: grid; place-items: center; flex-shrink: 0; }
.reply-form .icon { width: 14px; height: 14px; }
.thread-footnote { font-size: 8px; text-align: center; color: #706477; margin-top: 11px; }
.followup-post:before { content: ''; position: absolute; top: 35px; bottom: 6px; left: 15px; background: #3b3045; width: 1px; }
.followup-post .single-command { font-weight: 600; color: #ded0ee; margin-bottom: 21px; }
.receipt-post p { color: #bcb0c8; font-size: 9px; margin-bottom: 20px; }
.receipt-post .icon { width: 11px; height: 11px; color: #98cbb1; margin-left: 6px; }
.result-graphic { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 6px; padding: 17px 10px; border: 1px solid #514059; border-radius: 7px; overflow: hidden; background: radial-gradient(ellipse at 15% 50%,#58366b66,transparent 70%),#1d1528; }
.result-graphic.lilac { background: radial-gradient(ellipse at 15% 50%,#2b5d6666,transparent 70%),#111f25; border-color: #3a555c; }
.result-graphic.orange { background: radial-gradient(ellipse at 15% 50%,#71462c66,transparent 70%),#281b17; border-color: #624735; }
.result-card-image { display: flex; justify-content: center; align-items: center; }
.result-card-image img { object-fit: contain; height: 155px; width: 105px; filter: drop-shadow(0 9px 7px #0008); transform: rotate(-7deg); }
.result-card-copy { padding-left: 4px; min-width: 0; }
.result-brand { font: 600 9px var(--display); display: block; margin-bottom: 11px; color: #cec1dc; }
.rarity { display: inline-block; font: 400 6px var(--display); text-transform: uppercase; color: #b2a1c4; border: 1px solid #6d557b; border-radius: 2px; padding: 3px 5px; }
.result-card-copy h3 { font: 600 14px/1.05 var(--display); letter-spacing: -.3px; margin: 8px 0; overflow-wrap: anywhere; }
.card-grade { font-size: 7px; color: #9a8da7; }
.result-card-copy>strong { display: block; font: 500 28px var(--display); margin-top: 13px; }
.estimate-label { font-size: 6px; color: #9e8fad; display: block; margin-top: 2px; }
.result-watermark { position: absolute; bottom: 7px; right: 8px; color: #8c739b; font: 400 6px var(--display); letter-spacing: .1em; }
.recent-section { margin-top: 42px; border-top: 1px solid #2a2531; padding-top: 28px; }
.recent-section .section-heading .status-dot { background: #b9a5d4; height: 6px; width: 6px; }
.recent-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; margin-top: 22px; }
.recent-card { display: flex; align-items: center; gap: 13px; padding: 13px; background: #121017; border: 1px solid #292330; border-radius: 9px; }
.recent-art { min-width: 85px; width: 85px; height: 112px; border-radius: 5px; background: radial-gradient(ellipse,#40304655,#17121e); display: grid; place-items: center; }
.recent-art.lilac { background: radial-gradient(ellipse,#22465255,#111b22); }
.recent-art.orange { background: radial-gradient(ellipse,#63433155,#211813); }
.recent-art img { object-fit: contain; height: 102px; width: 70px; filter: drop-shadow(0 5px 5px #0007); }
.recent-card>div:last-child { min-width: 0; }
.recent-grade { display: block; color: #83748e; font-size: 6px; margin-bottom: 6px; }
.recent-card h3 { font-size: 10px; line-height: 1.4; margin: 0 0 8px; font-weight: 600; max-width: 180px; }
.recent-card strong { font: 500 17px var(--display); }
.recent-status { display: block; font-size: 6px; color: #917b9d; letter-spacing: .03em; margin-top: 8px; }
.closing-line { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #2d2635; margin-top: 36px; padding: 28px 0; gap: 20px; }
.closing-line>span { font: 500 34px/1.1 var(--display); letter-spacing: -1px; color: #bdb2cd; }
.closing-line>button { display: flex; align-items: center; gap: 15px; border-bottom: 1px solid #8f7ca4; padding: 9px 0; font-size: 11px; }
.closing-line .icon { height: 14px; width: 14px; }
footer { display: flex; align-items: center; gap: 25px; padding: 30px 0; color: #746b80; }
.footer-brand { transform: scale(.75); transform-origin: left; margin-right: -25px; color: #b5a9c1; }
footer>p { font: 400 7px var(--display); letter-spacing: .09em; }
footer>div { display: flex; gap: 16px; align-items: center; margin-left: auto; font-size: 8px; }
footer>div button { font-size: 8px; padding: 0; color: #aaa0b5; }
footer>div button .icon { width: 10px; height: 10px; }
.copyright { font-size: 7px; }
.collection-view { padding: 42px 0; }
.collection-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 25px; margin-bottom: 36px; }
.collection-heading h1 { font: 600 57px/1.05 var(--display); margin: 16px 0 0; letter-spacing: -2px; }
.collection-heading h1 span { color: #a299b8; }
.collection-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.collection-card { border: 1px solid #3c2e49; border-radius: 11px; overflow: hidden; background: #15101d; }
.collection-image { display: grid; place-items: center; height: 260px; background: radial-gradient(ellipse,#50325c55,transparent 75%),#1a1223; }
.collection-image.lilac { background: radial-gradient(ellipse,#2d687155,transparent 75%),#101d23; }
.collection-image.orange { background: radial-gradient(ellipse,#75472b55,transparent 75%),#251914; }
.collection-image img { height: 220px; width: 155px; object-fit: contain; filter: drop-shadow(0 12px 13px #0009); }
.collection-detail { padding: 19px; }
.collection-detail h2 { font: 600 22px/1.15 var(--display); min-height: 50px; margin: 10px 0 18px; }
.collection-detail .card-grade { font-size: 8px; }
.collection-value { display: flex; gap: 10px; align-items: center; }
.collection-value strong { font: 500 29px var(--display); }
.collection-value>span { color: #857091; font-size: 8px; max-width: 45px; line-height: 1.4; }
.card-state { display: inline-block; font-size: 8px; color: #bea4cf; background: #32233e; border-radius: 4px; padding: 5px 7px; margin-top: 18px; }
.card-state.sold { background: #1c3029; color: #9fc6b2; }
.offer-time { color: #917f9e; font-size: 9px; margin: 16px 0 12px; }
.offer-time .icon { width: 11px; height: 11px; margin-right: 4px; }
.full-width { width: 100%; }
.sold-caption { color: #8d7b9a; font-size: 9px; margin: 18px 0; }
.collection-empty { padding: 70px 30px; display: flex; align-items: center; flex-direction: column; border: 1px solid #3d2e47; background: radial-gradient(ellipse at 50% 0%,#2a1e38,transparent 70%),#120e18; border-radius: 13px; }
.collection-empty>.icon { width: 48px; height: 48px; color: #9d81b5; }
.collection-empty h2 { font: 500 28px var(--display); margin: 22px 0 10px; }
.collection-empty p { color: #a38daf; font-size: 12px; margin: 0 0 25px; }
dialog { border: 1px solid #5c4b6d; padding: 36px; border-radius: 16px; width: min(440px,calc(100% - 32px)); max-height: calc(100dvh - 40px); background: radial-gradient(ellipse at 50% 0%,#2f223c55,transparent 70%),#141018; color: #eee6f6; box-shadow: 0 20px 120px #000b,inset 0 1px 0 #ffffff14; overflow-y: auto; scrollbar-width: thin; }
dialog::backdrop { background: #050408c9; backdrop-filter: blur(10px); }
.modal-close { position: absolute; right: 17px; top: 17px; color: #a791b7; padding: 3px; line-height: 1; }
.modal-close svg { width: 16px; height: 16px; }
.modal-eyebrow { display: block; font: 500 8px var(--display); letter-spacing: .12em; color: #b49aca; margin-bottom: 15px; }
dialog h2 { font: 500 36px/1.08 var(--display); letter-spacing: -1.1px; margin: 0 0 15px; }
.modal-description { font-size: 12px; color: #ad97bd; line-height: 1.7; margin: 0 0 20px; }
.small-copy { font-size: 11px; margin: 18px 0; }
.modal-fine-print { color: #8e759d; font-size: 8px; line-height: 1.7; margin: 16px 0 0; text-align: center; }
.field-label { display: block; color: #bda6cd; font-size: 10px; margin: 23px 0 9px; }
.handle-field { display: flex; align-items: center; gap: 9px; padding: 12px 15px; border: 1px solid #5e456f; border-radius: 7px; background: #0e0a13; font-size: 14px; color: #ad8dc4; }
.handle-field:focus-within { border-color: #c5a1df; box-shadow: 0 0 0 2px #c5a1df13; }
.handle-field input { background: none; border: 0; color: #e8d7f6; padding: 0; min-width: 0; width: 100%; }
.handle-field input::placeholder { color: #715a83; }
.welcome-credit { display: flex; align-items: center; gap: 10px; margin: 17px 0; background: #281c34; border: 1px solid #4a355c; padding: 14px; border-radius: 7px; }
.welcome-credit>.icon { color: #b893d3; }
.welcome-credit strong { display: block; color: #dcc2ed; font-size: 11px; }
.welcome-credit small { display: block; margin-top: 4px; font-size: 8px; color: #aa8dbc; }
.credit-star { margin-left: auto; color: #ac84c9; font-size: 22px; }
.form-error { font-size: 10px; color: #f0a2bc; }
.confirm-art { height: 195px; display: flex; align-items: center; justify-content: center; }
.confirm-art .foil-wrap { height: 205px; width: 240px; }
.confirm-art .foil-product { height: 210px; width: 170px; }
.confirm-summary { border-top: 1px solid #4d345e; border-bottom: 1px solid #4d345e; display: grid; grid-template-columns: 1fr auto; gap: 13px; padding: 18px 0; font-size: 11px; color: #b297c5; }
.confirm-summary strong { font-weight: 600; color: #e1c9f2; }
.command-pill { display: flex; gap: 10px; align-items: center; background: #24162e; border: 1px solid #483054; border-radius: 6px; padding: 12px; margin-top: 18px; }
.command-pill>svg { height: 13px; width: 13px; }
.command-pill code { font-size: 10px; color: #cba8e2; }
.command-pill button { margin-left: auto; color: #a27ab9; padding: 0; }
.command-pill button svg { height: 13px; width: 13px; }
.text-button { display: flex; align-items: center; justify-content: center; gap: 8px; color: #b595c9; font-size: 10px; margin: 16px auto 0; padding: 4px; }
.text-button svg { height: 12px; width: 12px; }
.button-outline { border: 1px solid #6b4b80; background: #211429; color: #d5b6e9; }
.button-outline:hover { border-color: #b38dca; }
.reveal-art { height: 232px; position: relative; background: radial-gradient(ellipse,#7c4a9844,transparent 70%),#21152c; border: 1px solid #4e315f; border-radius: 10px; display: grid; place-items: center; margin: 20px 0; overflow: hidden; }
.reveal-art.lilac { background: radial-gradient(ellipse,#367a8844,transparent 70%),#13252c; border-color: #315863; }
.reveal-art.orange { background: radial-gradient(ellipse,#ab683d44,transparent 70%),#302017; border-color: #67452b; }
.reveal-art>img { height: 205px; width: 140px; object-fit: contain; transform: rotate(-7deg); filter: drop-shadow(0 9px 11px #0009); animation: card-reveal .5s ease-out both; }
.reveal-spark { position: absolute; color: #a383ba; opacity: .55; font-size: 22px; }
.reveal-spark.left { top: 35px; left: 35px; }
.reveal-spark.right { bottom: 43px; right: 40px; }
.reveal-rarity { position: absolute; bottom: 11px; right: 12px; font: 400 7px var(--display); text-transform: uppercase; letter-spacing: .07em; color: #a785ba; }
.revealed-name { font: 600 23px/1.1 var(--display); letter-spacing: -.6px; margin: 0 0 8px; }
.revealed-grade { font-size: 9px; color: #a27fb6; margin: 0 0 20px; }
.reveal-value { border-top: 1px solid #4e315f; padding-top: 20px; margin-bottom: 21px; display: flex; align-items: center; justify-content: space-between; }
.reveal-value>span { color: #a88aba; font-size: 10px; }
.reveal-value>strong { font: 500 35px var(--display); }
.result-actions { display: grid; grid-template-columns: 1.15fr 1fr; gap: 10px; }
.result-actions .button { font-size: 10px; gap: 9px; }
.opening-state { text-align: center; padding: 10px 0 15px; }
.opening-state h2 { font-size: 31px; }
.ripping-art { height: 250px; display: grid; place-items: center; }
.ripping-art .foil-wrap { width: 250px; animation: foil-float .65s ease-in-out infinite alternate; }
.ripping-art .foil-product { height: 235px; width: 180px; }
.opening-state p { color: #a781ba; font-size: 10px; margin-top: 19px; }
.opening-progress { height: 2px; width: 170px; display: block; margin: 15px auto 0; background: #463054; position: relative; overflow: hidden; }
.opening-progress:after { position: absolute; content: ''; height: 2px; width: 50%; background: #c5a2dd; left: -50%; animation: progress 1s linear infinite; }
.odds-table { margin: 24px 0; }
.odds-table>div { display: grid; grid-template-columns: 1.1fr 1.5fr .6fr; align-items: center; gap: 7px; padding: 12px 0; border-bottom: 1px solid #412d4f; font-size: 11px; color: #b48fca; }
.odds-table>div>span:first-child { display: flex; align-items: center; gap: 7px; text-transform: capitalize; }
.odds-table strong { text-align: right; font-weight: 600; color: #d5b3eb; }
.odds-table>.odds-table-head { font-size: 7px; letter-spacing: .08em; color: #8c629f; }
.odds-table>.odds-table-head>span:last-child { text-align: right; }
.rarity-dot { height: 6px; width: 6px; border-radius: 50%; background: #8a7d94; }
.rarity-dot.uncommon { background: #5aaba5; }.rarity-dot.rare { background: #5c83cb; }.rarity-dot.epic { background: #a36bcc; }.rarity-dot.legendary { background: #d5a05f; }
.odds-note { display: flex; gap: 8px; align-items: center; font-size: 10px; padding: 12px; border-radius: 6px; background: #291a34; color: #b992d0; }
.odds-note .icon { width: 14px; height: 14px; }
.odds-table~.button { margin-top: 23px; }
.how-steps { margin: 25px 0; }
.how-steps>div { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 22px; }
.how-steps>div>span { display: grid; place-items: center; height: 27px; width: 27px; border: 1px solid #654479; border-radius: 50%; font: 400 10px var(--display); color: #c3a1d9; flex-shrink: 0; }
.how-steps h3 { font: 500 17px var(--display); margin: 1px 0 7px; }
.how-steps p { font-size: 10px; line-height: 1.7; color: #aa85bf; margin: 0; }
.how-steps code { display: block; font-size: 9px; color: #cbaaDF; background: #291934; border-radius: 5px; padding: 10px; margin-top: 11px; }
.fund-options { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.fund-options button { border: 1px solid #674579; padding: 15px 10px; color: #ceafe2; border-radius: 7px; display: flex; justify-content: space-between; align-items: center; gap: 5px; font: 500 18px var(--display); }
.fund-options button:hover { background: #3c254c; }
.fund-options .icon { width: 13px; height: 13px; }
.account-summary { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 23px 0; margin-bottom: 24px; border-top: 1px solid #4b3159; border-bottom: 1px solid #4b3159; font-size: 11px; color: #b18dc5; }
.account-summary strong { color: #e1c9f2; }
#toast { position: fixed; bottom: 28px; left: 50%; transform: translate(-50%,10px); padding: 14px 19px; border-radius: 9px; border: 1px solid #745189; background: #2a1c35f5; color: #e2cdf1; font-size: 11px; box-shadow: 0 7px 45px #0009; opacity: 0; pointer-events: none; transition: opacity .2s,transform .2s; z-index: 100; max-width: calc(100vw - 32px); }
#toast.visible { opacity: 1; transform: translate(-50%,0); }
.initial-load { min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; font: 600 30px var(--display); letter-spacing: -1px; }
.initial-load span { font: 400 12px var(--body); color: #928298; letter-spacing: 0; }
@keyframes foil-float { from { transform: rotate(-3deg) translateY(4px); } to { transform: rotate(4deg) translateY(-7px); } }
@keyframes progress { to { left: 100%; } }
@keyframes card-reveal { from { opacity: 0; transform: rotate(-15deg) translateY(15px) scale(.9); } to { opacity: 1; transform: rotate(-7deg); } }
@media(min-width:1450px) { .hero { min-height: 475px; }.hero-copy { padding-top: 110px; }.hero h1 { font-size: 73px; }.foil-wrap { height: 260px; }.foil-product { height: 235px; width: 180px; } }
@media(max-width:1180px) {
  .header { gap: 30px; }.header nav { gap: 24px; }.experience-grid { grid-template-columns: minmax(0,1fr) 330px; gap: 21px; }.pack-select { padding: 12px 10px; }.pack-top { font-size: 7px; }.foil-product { width: 125px; height: 185px; }.foil-wrap { height: 205px; }.pack-name { font-size: 14px; }.pack-name>span { font-size: 16px; }.pack-caption { font-size: 7px; }.odds-link { padding: 10px; font-size: 8px; }.banner-reply { right: -30px; width: 210px; }.banner-slabs { right: -27px; width: 230px; }.banner-copy h2 { font-size: 22px; }.recent-card { padding: 10px; gap: 10px; }.recent-art { min-width: 65px; width: 65px; height: 95px; }.recent-art img { height: 88px; width: 60px; }.recent-card h3 { font-size: 9px; }.recent-card strong { font-size: 15px; }.copyright { display: none; }
}
@media(max-width:980px) {
  .site-shell { padding: 0 22px; }.hero { min-height: 395px; }.hero h1 { font-size: 49px; }.hero-copy { padding: 98px 29px 75px; }.hero-corner,.hero-bottom { left: 29px; }.hero p { font-size: 12px; }.experience-grid { grid-template-columns: 1fr; gap: 32px; }.pack-select { padding: 15px; }.pack-top { font-size: 9px; }.foil-wrap { height: 240px; }.foil-product { width: 165px; height: 225px; }.pack-name { font-size: 19px; }.pack-name>span { font-size: 21px; }.pack-caption { font-size: 9px; }.odds-link { font-size: 10px; padding: 12px 15px; }.thread-section { width: 100%; }.x-thread { padding: 24px; }.post-body { width: 100%; }.empty-pull { min-height: 230px; }.post-meta { font-size: 10px; }.post-meta strong { font-size: 11px; }.post p { font-size: 12px; }.post .command-text { font-size: 13px; }.post .reply-instruction { font-size: 11px; }.post-reactions { max-width: 300px; }.result-graphic { max-width: 480px; padding: 20px; }.result-card-image img { height: 240px; width: 160px; }.result-card-copy h3 { font-size: 25px; }.result-card-copy>strong { font-size: 42px; }.result-brand { font-size: 13px; }.rarity { font-size: 9px; }.result-card-copy .card-grade { font-size: 10px; }.estimate-label { font-size: 9px; }.reply-form { padding: 15px 24px; }.reply-form input { font-size: 12px; }.thread-footnote { text-align: left; padding-left: 24px; }.collection-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.recent-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }.recent-card { flex-direction: column; align-items: flex-start; padding: 12px; }.recent-art { width: 100%; height: 150px; }.recent-art img { height: 140px; width: 95px; }.recent-grade { margin-top: 4px; }.banner-copy h2 { font-size: 20px; }.feature-banner { padding: 22px 18px; }.banner-reply { right: -80px; top: 38px; }.banner-slabs { right: -74px; }.banner-copy { max-width: 200px; }.how-link { display: none; }
}
@media(max-width:700px) {
  .site-shell { padding: 0 16px; }.header { gap: 25px; height: 65px; }.brand { gap: 7px; }.brand-word { font-size: 19px; gap: 3px; }.brand-mark { width: 28px; }.brand-mark svg { height: 27px; width: 27px; }.header nav { gap: 18px; }.nav-item { font-size: 10px; }.nav-item>span { font-size: 8px; min-width: 14px; height: 14px; margin-left: 3px; }.header-actions { gap: 9px; }.connect-button { padding: 9px 12px; font-size: 10px; gap: 9px; min-height: 34px; }.connect-button .icon { display: none; }.balance-button { font-size: 10px; padding: 7px 9px; min-height: 32px; gap: 6px; }.balance-button>.icon { display: none; }.user-chip { display: none; }.balance-plus { width: 16px; height: 16px; font-size: 13px; }.preview-strip { height: 34px; gap: 9px; font-size: 7px; }.preview-strip>span:first-child { font-size: 7px; letter-spacing: .04em; }.preview-strip>button { display: none; }.hero { min-height: 418px; }.hero-scene { object-position: 66% center; opacity: .8; }.hero-shade { background: linear-gradient(90deg,#08070cdb,#08070c24 90%),linear-gradient(0deg,#09090df5,transparent 65%); }.hero-corner { left: 23px; top: 23px; font-size: 7px; letter-spacing: .1em; }.hero-copy { padding: 89px 23px 83px; max-width: 100%; }.hero h1 { font-size: clamp(30px,5.7vw,46px); letter-spacing: -1.5px; }.hero p { font-size: 11px; line-height: 1.8; }.hero-actions { margin-top: 25px; gap: 18px; }.hero-actions .button { min-height: 39px; font-size: 10px; padding: 10px 17px; gap: 13px; }.hero-link { font-size: 9px; gap: 7px; }.hero-bottom { bottom: 20px; left: 23px; font-size: 7px; gap: 8px; }.hero-bottom i { width: 10px; }.hero-edition { font-size: 6px; right: 18px; bottom: 18px; }.feature-banners { gap: 11px; margin-top: 11px; }.feature-banner { min-height: 150px; padding: 17px 14px; }.eyebrow { font-size: 6px; letter-spacing: .07em; }.banner-copy h2 { font-size: 17px; letter-spacing: -.5px; margin-top: 13px; line-height: 1.1; }.banner-link { font-size: 7px; gap: 5px; }.banner-link .icon { width: 9px; height: 9px; }.banner-reply { opacity: .32; right: -105px; width: 180px; top: 44px; }.banner-slabs { width: 200px; right: -114px; bottom: -37px; opacity: .48; }.banner-slabs img { height: 135px; width: 85px; margin-left: -37px; }.banner-copy { max-width: 180px; }.experience-grid { margin-top: 30px; gap: 30px; }.section-heading h2 { font-size: 19px; }.section-heading>div { gap: 8px; }.section-heading>div>.icon { width: 16px; height: 16px; }.quiet-label { font-size: 6px; }.category-tabs { margin: 17px 0 15px; gap: 6px; }.category-tabs button { min-height: 30px; font-size: 9px; padding: 7px 13px; }.pack-grid { gap: 9px; }.pack-select { padding: 11px 10px; }.pack-top { font-size: 6px; letter-spacing: .02em; }.selection-dot { height: 12px; width: 12px; }.selection-dot .icon { height: 7px; width: 7px; }.foil-wrap { height: 177px; }.foil-product { height: 170px; width: 122px; max-width: 115%; }.pack-stage { bottom: 16px; height: 16px; }.pack-serial { font-size: 5px; right: -4px; bottom: 24px; }.pack-name { display: block; font-size: 13px; }.pack-name>span { display: block; margin-top: 6px; font-size: 19px; }.pack-caption { font-size: 7px; line-height: 1.5; min-height: 22px; margin-top: 5px; }.odds-link { padding: 10px; font-size: 8px; }.odds-link .icon { height: 10px; width: 10px; }.selection-note { font-size: 6px; }.trust-row { font-size: 7px; margin-top: 13px; gap: 6px; }.trust-row .icon { height: 11px; width: 11px; }.thread-section>.section-heading { margin-bottom: 16px; }.thread-section .section-heading h2 { font-size: 19px; }.thread-section .section-heading>div>svg { width: 15px; height: 15px; }.x-window-header { padding: 15px; }.x-thread { padding: 20px 15px 0; }.post { gap: 9px; }.avatar { width: 29px; height: 29px; }.post-meta { font-size: 8px; gap: 4px; }.post-meta strong { font-size: 10px; }.post p { font-size: 11px; }.post .command-text { font-size: 11px; }.user-post:before,.followup-post:before { left: 14px; }.empty-pull { padding: 23px 17px; min-height: 210px; }.empty-pull strong { font-size: 23px; }.post .reply-instruction { font-size: 10px; }.post-reactions { max-width: 210px; }.reply-form { padding: 13px 15px; }.reply-form input { font-size: 11px; }.thread-footnote { padding-left: 15px; font-size: 7px; }.result-graphic { padding: 17px 10px; max-width: none; }.result-card-image img { height: 175px; width: 110px; }.result-card-copy h3 { font-size: 17px; }.result-card-copy>strong { font-size: 30px; }.result-brand { font-size: 10px; }.rarity { font-size: 7px; }.result-card-copy .card-grade { font-size: 8px; }.estimate-label { font-size: 7px; }.result-watermark { font-size: 5px; }.recent-section { margin-top: 30px; padding-top: 23px; }.recent-section .section-heading { flex-wrap: wrap; gap: 9px; }.recent-section .quiet-label { margin-left: 15px; }.recent-grid { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }.recent-card { padding: 10px; gap: 8px; }.recent-art { height: 155px; }.recent-art img { height: 140px; width: 95px; }.recent-card h3 { font-size: 10px; }.recent-card strong { font-size: 18px; }.recent-grade { font-size: 7px; }.recent-status { font-size: 6px; }.closing-line { margin-top: 26px; padding: 22px 0; gap: 16px; }.closing-line>span { font-size: 22px; max-width: 200px; letter-spacing: -.6px; }.closing-line>button { font-size: 8px; gap: 8px; white-space: nowrap; }.closing-line .icon { height: 12px; width: 12px; }footer { padding: 23px 0; flex-wrap: wrap; gap: 10px; }.footer-brand { transform: scale(.75); margin-right: -20px; }footer>p { font-size: 6px; margin: 0; }footer>div { font-size: 7px; gap: 10px; }footer>div>span { display: none; }footer>div button { font-size: 7px; }.collection-view { padding: 29px 0; }.collection-heading { display: block; margin-bottom: 25px; }.collection-heading h1 { font-size: 42px; letter-spacing: -1.4px; margin-bottom: 24px; }.collection-heading .button { font-size: 10px; min-height: 38px; }.collection-grid { grid-template-columns: 1fr 1fr; gap: 11px; }.collection-image { height: 198px; }.collection-image img { height: 175px; width: 120px; }.collection-detail { padding: 13px; }.collection-detail .card-grade { font-size: 6px; }.collection-detail h2 { font-size: 17px; min-height: 40px; margin: 10px 0; }.collection-value strong { font-size: 23px; }.collection-value>span { font-size: 6px; }.card-state { font-size: 7px; padding: 5px; margin-top: 12px; }.offer-time { font-size: 7px; margin-top: 13px; }.collection-detail .button { font-size: 8px; min-height: 36px; gap: 4px; padding: 9px 10px; }.collection-detail .button svg { height: 12px; width: 12px; }.sold-caption { font-size: 8px; line-height: 1.7; }.collection-empty { padding: 40px 22px; text-align: center; }.collection-empty h2 { font-size: 23px; }.collection-empty p { font-size: 11px; }.two-packs .foil-wrap { height: 220px; }.two-packs .foil-product { height: 205px; width: 150px; }.two-packs .pack-name { display: flex; }.two-packs .pack-name>span { margin: 0; }.two-packs .pack-caption { min-height: 12px; }dialog { padding: 31px 25px; }dialog h2 { font-size: 32px; }.modal-description { font-size: 11px; }.result-actions .button { font-size: 9px; }.odds-table>div { font-size: 9px; }.odds-table>.odds-table-head { font-size: 6px; }.reveal-art { height: 220px; }.reveal-art>img { height: 195px; width: 130px; }
}
@media(max-width:450px) {
  .header { gap: 21px; }.brand-word { display: block; font-size: 17px; line-height: .9; letter-spacing: -.5px; }.brand-word>span { display: block; }.brand-mark { width: 25px; }.brand-mark svg { width: 25px; height: 25px; }.brand { gap: 6px; }.header nav { gap: 17px; }.header-actions { gap: 6px; }.connect-button { font-size: 9px; gap: 8px; padding: 9px 12px; }.hero { min-height: 405px; }.hero-copy { padding: 90px 20px 105px; }.hero h1 { font-size: clamp(30px,7.8vw,35px); letter-spacing: -1.2px; line-height: 1.08; }.hero-corner,.hero-bottom { left: 20px; }.hero-scene { object-position: 61% center; opacity: .65; }.hero-edition { display: none; }.hero-bottom { font-size: 6px; gap: 9px; }.hero-shade { background: linear-gradient(90deg,#08070cd1,#08070c3b),linear-gradient(0deg,#09090df5,transparent 65%); }.hero-actions { gap: 18px; }.feature-banner { padding: 16px 12px; min-height: 143px; }.banner-copy h2 { font-size: 16px; }.banner-copy .eyebrow { font-size: 5px; }.banner-reply { right: -139px; top: 50px; opacity: .2; }.banner-slabs { right: -139px; bottom: -40px; opacity: .3; }.banner-link { font-size: 6px; }.pack-grid { gap: 8px; }.pack-select { padding: 10px 9px; }.pack-top { font-size: 5px; }.foil-wrap { height: 153px; }.foil-product { height: 152px; width: 106px; }.pack-stage { bottom: 13px; }.pack-name { font-size: 11px; }.pack-name>span { font-size: 18px; }.pack-caption { font-size: 6px; }.odds-link { font-size: 7px; padding: 9px; }.recent-art { height: 145px; }.recent-art img { height: 132px; width: 90px; }.preview-strip { font-size: 6px; gap: 8px; }.preview-strip>span:first-child { font-size: 6px; gap: 5px; }.preview-strip .status-dot { height: 4px; width: 4px; }.collection-image { height: 177px; }.collection-image img { height: 155px; width: 107px; }
}
@media(max-width:360px) {
  .site-shell { padding: 0 12px; }.header { gap: 15px; }.header nav { gap: 12px; }.nav-item { font-size: 9px; }.nav-item>span { margin-left: 2px; font-size: 7px; min-width: 12px; height: 12px; }.brand-word { font-size: 16px; }.brand { gap: 5px; }.brand-mark,.brand-mark svg { width: 22px; }.balance-button { font-size: 9px; padding: 6px 7px; gap: 5px; }.balance-plus { height: 14px; width: 14px; }.connect-button { padding: 9px; font-size: 8px; gap: 6px; }.connect-button>svg:first-child { width: 10px; height: 10px; }.hero h1 { font-size: 28px; }.hero-corner { font-size: 6px; }.hero-copy { padding: 88px 17px 98px; }.hero-corner,.hero-bottom { left: 17px; }.hero-actions { gap: 12px; }.hero-actions .button { padding: 10px 14px; font-size: 9px; }.hero-link { font-size: 8px; gap: 5px; }.banner-copy h2 { font-size: 14px; }.banner-link { font-size: 6px; }.feature-banner { min-height: 135px; }.pack-top { font-size: 4.5px; }.foil-wrap { height: 138px; }.foil-product { height: 137px; width: 96px; }.selection-dot { height: 10px; width: 10px; }.pack-select { padding: 9px 7px; }.pack-name { font-size: 10px; }.pack-name>span { font-size: 16px; }.pack-caption { font-size: 5.5px; }.odds-link { padding: 9px 7px; font-size: 6px; }.trust-row { font-size: 6px; gap: 3px; }.trust-row .icon { height: 9px; width: 9px; }.section-heading h2 { font-size: 17px; }.post-meta { font-size: 7px; }.post-meta strong { font-size: 8px; }.post .command-text { font-size: 10px; }.empty-pull strong { font-size: 20px; }.result-card-image img { height: 140px; width: 85px; }.result-card-copy h3 { font-size: 14px; }.result-brand { font-size: 8px; }.result-card-copy>strong { font-size: 26px; }.recent-art { height: 126px; }.recent-art img { height: 116px; width: 80px; }.closing-line>span { font-size: 19px; }.collection-image { height: 155px; }.collection-image img { height: 139px; width: 93px; }.collection-detail h2 { font-size: 14px; }.collection-detail { padding: 10px; }.collection-detail .button { font-size: 7px; }.collection-value strong { font-size: 20px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; scroll-behavior: auto!important; }html { scroll-behavior: auto; }
}
/* Product copy and Builder Fee catalog layout. */
.hero { min-height: 350px; }
.hero-copy { padding: 58px 38px 45px; }
.hero h1 { font-size: 58px; line-height: 1.02; margin-bottom: 16px; }
.hero p { font-size: 12px; max-width: 300px; }
.hero-actions { margin-top: 22px; }
.category-tabs { overflow-x: auto; scrollbar-width: none; }
.category-tabs::-webkit-scrollbar { display: none; }
.category-tabs button { flex: 0 0 auto; white-space: nowrap; }
.pack-grid.four-packs { grid-template-columns: repeat(2,minmax(0,1fr)); }
.pack-top { font: 500 9px var(--body); letter-spacing: 0; }
.pack-name { font-size: 25px; }
.pack-name>span { font: 400 9px var(--body); color: #998ba5; }
.pack-caption { font-size: 9px; }
.stock-warning { color: #d8b889; }
.unavailable .foil-product { opacity: .45; }
.unavailable { border-color: #3e3435; }
.pack-terms { display: grid; grid-template-columns: 1fr auto; gap: 14px; padding: 17px 0; border-bottom: 1px solid #493652; margin-top: 20px; font-size: 11px; color: #a88cb9; }
.pack-terms strong { color: #dec7ed; font-weight: 500; }
.confirm-open-button { margin-top: 20px; }
.empty-pull { min-height: 170px; margin-top: 10px; }
.empty-pull strong { font-size: 20px; line-height: 1.3; }
.bot-post .result-graphic { margin-top: 10px; }
.collection-heading h1 { margin: 0; font-size: 40px; letter-spacing: -1px; }
footer { border-top: 1px solid #2c2433; margin-top: 35px; }
.foil-wrap.blue { --glow: #5777c0; }.blue .foil-product { filter: hue-rotate(325deg) drop-shadow(0 14px 12px #0009); }
.foil-wrap.teal { --glow: #58a390; }.teal .foil-product { filter: hue-rotate(270deg) drop-shadow(0 14px 12px #0009); }
.foil-wrap.red { --glow: #b96a7a; }.red .foil-product { filter: hue-rotate(50deg) drop-shadow(0 14px 12px #0009); }
.foil-wrap.gold { --glow: #b5a369; }.gold .foil-product { filter: hue-rotate(160deg) drop-shadow(0 14px 12px #0009); }
@media(max-width:1180px) { .category-tabs button { padding: 7px 11px; font-size: 9px; }.pack-name { font-size: 23px; }.pack-top { font-size: 8px; }.pack-caption { font-size: 8px; } }
@media(max-width:700px) {
  .hero { min-height: 295px; }.hero-copy { padding: 46px 22px 32px; }.hero h1 { font-size: 40px; letter-spacing: -1.3px; }.hero p { font-size: 11px; line-height: 1.7; max-width: 210px; }.hero-actions { margin-top: 20px; }
  .category-tabs { margin-right: -5px; padding-right: 5px; }.category-tabs button { font-size: 10px; padding: 7px 13px; }
  .pack-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.foil-wrap { height: 185px; }.foil-product { height: 180px; width: 135px; }.pack-select { padding: 12px; }.pack-top { font-size: 9px; }.pack-name { display: flex; font-size: 24px; }.pack-name>span { margin: 0; font-size: 8px; }.pack-caption { font-size: 8px; min-height: auto; margin-top: 7px; }.odds-link { font-size: 9px; padding: 10px 12px; }
  .collection-heading { display: flex; align-items: center; }.collection-heading h1 { font-size: 31px; margin: 0; }.collection-heading .button { padding: 9px 13px; gap: 8px; }
  .empty-pull strong { font-size: 19px; }
}
@media(max-width:360px) { .hero-copy { padding: 44px 18px 30px; }.hero h1 { font-size: 35px; }.hero p { font-size: 10px; max-width: 185px; }.pack-top { font-size: 8px; }.pack-select { padding: 10px; }.foil-wrap { height: 160px; }.foil-product { height: 155px; width: 115px; }.pack-name { font-size: 22px; }.pack-name>span { font-size: 7px; }.pack-caption { font-size: 7px; }.odds-link { font-size: 8px; }.collection-heading h1 { font-size: 27px; }.collection-heading .button { font-size: 8px; } }
.pack-section, .thread-section { min-width: 0; max-width: 100%; }
.category-tabs { min-width: 0; max-width: 100%; }
@media(max-width:980px) { .experience-grid { grid-template-columns: minmax(0,1fr); } }
/* Social playground */
a { color: inherit; }
.header { gap: 36px; }
.header nav { gap: 26px; }
a.nav-item { display: flex; align-items: center; text-decoration: none; }
.header-actions { gap: 13px; }
.cards-button { display: flex; gap: 7px; align-items: center; color: #a4a1b1; font-size: 10px; padding: 8px 0; white-space: nowrap; }
.cards-button .icon { width: 16px; height: 16px; }
.hero { min-height: 350px; }
.hero-copy { padding-top: 42px; }
.hero-kicker { display: block; margin-bottom: 16px; color: #aaa3bb; font: 500 9px var(--display); letter-spacing: .18em; }
.hero h1 { font-size: clamp(34px,4.5vw,67px); letter-spacing: -2px; line-height: 1.02; margin-bottom: 19px; }
.hero h1>span { font-size: .79em; }
.hero p { color: #92909e; font-size: 11px; }
.channel-line { display: flex; align-items: center; gap: 11px; font-size: 15px; color: #c2bacf; margin: 8px 0 13px; }
.channel-rotator { height: 25px; overflow: hidden; padding: 0; text-align: left; min-width: 135px; color: #f4efff; }
.channel-track { display: block; animation: channel-cycle 8s infinite; }
.channel-track>span { height: 25px; display: flex; align-items: center; gap: 10px; font-weight: 700; }
.channel-track small { color: #a999cd; border: 1px solid #65547a; font-size: 6px; padding: 3px 5px; border-radius: 3px; letter-spacing: .08em; }
@keyframes channel-cycle { 0%,38% { transform: translateY(0); } 46%,84% { transform: translateY(-25px); } 92%,100% { transform: translateY(-50px); } }
.channel-rotator:hover .channel-track,.channel-rotator:focus-visible .channel-track { animation-play-state: paused; }
.community-page { padding: 31px 0 20px; min-height: 70vh; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 32px; }
.page-heading h1 { font: 500 52px/1.05 var(--display); letter-spacing: -2px; margin: 14px 0 10px; }
.page-heading h1>span { color: #ad99e6; }
.page-heading p { margin: 0; color: #8e8a9c; font-size: 11px; }
.data-badge { font: 500 8px var(--display); letter-spacing: .13em; color: #b2a6cb; display: inline-flex; gap: 6px; align-items: center; }
.data-badge:before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #ac94e1; }
.data-badge.connected { color: var(--green); }.data-badge.connected:before { background: var(--green); }
.subtle-button { display: flex; align-items: center; gap: 8px; border: 1px solid #39343f; color: #aaa3b7; padding: 9px 12px; border-radius: 7px; font-size: 10px; }
.subtle-button .icon { width: 13px; height: 13px; }
.social-layout { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(250px,1fr); align-items: start; gap: 28px; }
.replay-player { background: #101015; border: 1px solid #393341; border-radius: 13px; overflow: hidden; min-width: 0; }
.replay-topline { display: flex; align-items: center; justify-content: space-between; padding: 17px 23px; border-bottom: 1px solid #302a37; font-size: 10px; color: #746b85; }
.replay-topline>span:first-child { font-size: 17px; color: #dbd6e6; display: flex; gap: 12px; align-items: center; }
.replay-topline b { font-size: 10px; font-weight: 500; }
.replay-thread { padding: 27px 28px 16px; min-height: 520px; }
.replay-post { display: flex; gap: 14px; position: relative; }
.replay-post>div { min-width: 0; width: 100%; }
.replay-post strong { font-size: 11px; font-weight: 650; color: #e4ddea; }
.replay-post p { line-height: 1.8; font-size: 13px; color: #d0c7db; margin: 7px 0 27px; overflow-wrap: anywhere; }
.replay-post p>span { color: #a895d1; }
.replay-post:first-child:before { content: ''; position: absolute; width: 1px; background: #3e3448; top: 38px; left: 15px; bottom: 8px; }
.replay-bot strong small { font-size: 9px; color: #7f728d; font-weight: 400; margin-left: 5px; }
.replay-opening { min-height: 295px; margin-top: 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(ellipse,#3d2b4b66,transparent 65%),#16121c; border: 1px solid #352a41; border-radius: 9px; }
.replay-opening img { width: 145px; height: 235px; object-fit: contain; filter: drop-shadow(0 15px 12px #0008); }
.replay-opening span { font-size: 10px; color: #b8a9c9; }
.replay-opening.animating img { animation: replay-pack .65s infinite alternate; }
@keyframes replay-pack { from { transform: rotate(-5deg) scale(.97); filter: drop-shadow(0 0 15px #b09ace44); } to { transform: rotate(5deg) scale(1.03); filter: drop-shadow(0 0 35px #cfb5fc99); } }
.replay-reveal { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; border: 1px solid #4c3d5a; border-radius: 9px; margin-top: 15px; background: radial-gradient(ellipse at 30% 35%,#4b345e66,transparent 75%),#17121e; animation: card-arrive .45s ease-out; }
@keyframes card-arrive { from { opacity: 0; transform: translateY(12px) scale(.95); } to { opacity: 1; transform: none; } }
.replay-card-photo { min-width: 0; position: relative; padding: 32px 15px 29px; display: grid; place-items: center; }
.replay-card-photo img { width: 150px; height: 220px; object-fit: contain; filter: drop-shadow(0 14px 12px #0008); transform: rotate(-6deg); }
.replay-card-photo>.rarity { position: absolute; top: 12px; left: 12px; }
.multiple { font: 600 11px var(--display); border-radius: 5px; padding: 4px 7px; background: #33303d; color: #c2b9d3; }
.replay-card-photo .multiple { position: absolute; bottom: 12px; right: 14px; color: #d6c3fe; border: 1px solid #76618e; background: #352741; }
.replay-card-details { padding: 20px 18px 20px 4px; min-width: 0; }
.replay-card-details h2 { font: 500 27px/1.05 var(--display); letter-spacing: -.6px; margin: 12px 0 20px; overflow-wrap: anywhere; }
.replay-card-details>strong { font: 500 38px var(--display); }
.replay-card-details p { font-size: 9px; color: #9e8caf; margin: 6px 0 0; }
.replay-card-details .card-grade { font-size: 8px; }
.replay-post p.replay-offer { margin: 13px 0 22px; font-size: 11px; color: #a695b7; }
.replay-receipt { animation: card-arrive .4s ease-out; }
.replay-receipt p { font-size: 11px; color: #a3c5b1; margin-bottom: 3px; }
.replay-receipt .icon { width: 13px; height: 13px; }
.replay-controls { display: flex; align-items: center; gap: 10px; padding: 14px 23px; border-top: 1px solid #302a37; }
.replay-progress { display: flex; gap: 4px; flex: 1; margin-right: 10px; max-width: 160px; }
.replay-progress>span { display: block; height: 2px; flex: 1; background: #3a3045; }
.replay-progress>span.complete { background: #c6b5e5; }
.replay-controls>button { width: 27px; height: 27px; background: #211a29; border-radius: 50%; color: #b5a6c9; font-size: 11px; }
.replay-controls>a { font-size: 9px; text-decoration: none; margin-left: auto; }
.replay-controls>a .icon { width: 11px; height: 11px; }
.replay-demo-note { margin-left: auto; color: #73657f; font-size: 8px; }
.queue-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; gap: 10px; }
.queue-heading h2 { margin: 0; font: 500 20px var(--display); letter-spacing: -.4px; }
.queue-heading>span { font-size: 9px; color: #8a7e99; }
.queue-heading .status-dot { width: 4px; height: 4px; margin-right: 4px; }
.replay-queue { min-width: 0; max-height: 660px; overflow-y: auto; scrollbar-width: thin; }
.queue-item { display: flex; align-items: center; width: 100%; text-align: left; gap: 13px; padding: 12px; margin-bottom: 7px; border: 1px solid #28232e; background: #101014; border-radius: 8px; }
.queue-item:hover,.queue-item.active { border-color: #726080; background: #1b1522; }
.queue-photo { flex-shrink: 0; width: 52px; height: 68px; display: grid; place-items: center; background: #1c1524; border-radius: 4px; }
.queue-photo img { height: 61px; width: 43px; object-fit: contain; }
.queue-copy { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.queue-copy>span { font-size: 8px; color: #9884a8; }
.queue-copy>strong { font-size: 11px; color: #d7cddd; font-weight: 500; line-height: 1.3; }
.queue-copy>small { font: 500 13px var(--display); }.queue-copy i { color: #9f8eb1; font-size: 10px; font-style: normal; }
.queue-play { font-size: 10px; color: #a48abf; margin-left: auto; }
.podium { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; align-items: end; padding: 10px 0 32px; max-width: 980px; margin: auto; }
.podium-place { position: relative; background: radial-gradient(ellipse at 50% 0%,#30273d77,transparent 80%),#111016; border: 1px solid #342c3d; border-radius: 10px; padding: 27px 18px; text-align: center; min-height: 215px; }
.podium-place.place-1 { min-height: 245px; border-color: #84718f; background: radial-gradient(ellipse at 50% 0%,#56416366,transparent 85%),#17121d; }
.podium-rank { position: absolute; top: 15px; left: 17px; font: 500 17px var(--display); color: #84738f; }
.place-1 .podium-rank { color: #d7beed; font-size: 26px; }
.podium-place>.avatar { height: 51px; width: 51px; font-size: 22px; background: #3d2e4a; border: 1px solid #6f5785; margin: 5px 0 8px; }
.place-1>.avatar { height: 65px; width: 65px; margin-top: 12px; background: #5a4569; }
.podium-place h2 { font-size: 12px; margin: 8px 0 16px; font-weight: 500; }
.podium-place>strong { font: 500 29px var(--display); display: block; color: #d7c7e7; }
.podium-place strong>span { font-size: 9px; color: #9884a5; }
.podium-place>small { font-size: 9px; color: #82738d; display: block; margin-top: 8px; }
.leader-toolbar { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 22px; }
.segmented { display: inline-flex; padding: 3px; gap: 3px; border: 1px solid #332b3d; border-radius: 7px; flex-shrink: 0; }
.segmented button { border-radius: 4px; font-size: 9px; padding: 7px 12px; color: #8f819d; white-space: nowrap; }
.segmented button.active { background: #35293f; color: #e6d8f3; }
.search-box { display: flex; align-items: center; border: 1px solid #342c3d; border-radius: 7px; background: #100e15; }
.search-box input { background: none; border: 0; color: #d4c6e1; width: 220px; padding: 11px 15px; font-size: 10px; }
.search-box:focus-within { border-color: #887298; }.search-box input::placeholder { color: #7d6c8b; }
.your-ranking { display: flex; justify-content: space-between; align-items: center; padding: 13px 19px; border: 1px solid #5d4c70; border-radius: 8px; background: #21182c; margin-bottom: 13px; font-size: 11px; gap: 15px; }
.your-ranking>span { display: flex; align-items: center; gap: 12px; }.your-ranking b { font-weight: 500; }.your-ranking small { font-size: 7px; color: #b69ed2; }.your-ranking>span:last-child { color: #a890bb; }.your-ranking strong { color: #ddc9ee; }
.leader-table { border: 1px solid #302739; border-radius: 9px; overflow: hidden; }
.leader-row { display: grid; grid-template-columns: 70px minmax(0,1.8fr) 1fr 1fr 1fr; align-items: center; padding: 18px 24px; border-bottom: 1px solid #292230; color: #a294ad; font-size: 11px; gap: 15px; min-width: 0; }
.leader-row:last-child { border-bottom: 0; }.leader-row.is-you { background: #21172b; }
.leader-table-head { font-size: 8px; letter-spacing: .08em; color: #7e6d8b; background: #131017; padding-top: 14px; padding-bottom: 14px; }
.rank-number { font: 500 19px var(--display); color: #7e698f; }
.leader-handle { display: flex; align-items: center; gap: 13px; min-width: 0; }.leader-handle b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.leader-row>strong { text-align: right; font: 500 18px var(--display); color: #d0bce1; }.leader-row>strong small { font-size: 7px; color: #82708f; }
.leader-table-head>span:last-child { text-align: right; }
.featured-hit { width: 100%; display: flex; align-items: center; text-align: left; gap: 55px; padding: 30px 65px; border: 1px solid #51435f; border-radius: 12px; background: radial-gradient(ellipse at 23% 50%,#57416966,transparent 63%),linear-gradient(120deg,#17131e,#111015); margin-bottom: 33px; position: relative; overflow: hidden; }
.featured-art { width: 220px; height: 245px; flex-shrink: 0; display: grid; place-items: center; }
.featured-art img { height: 240px; width: 175px; object-fit: contain; transform: rotate(-8deg); filter: drop-shadow(0 20px 16px #000a); transition: transform .3s; }
.featured-hit:hover .featured-art img { transform: rotate(-3deg) translateY(-5px); }
.featured-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.featured-copy>.eyebrow { color: #a18aaf; font-size: 8px; letter-spacing: .16em; }
.featured-name { display: block; font: 500 38px/1.05 var(--display); letter-spacing: -1px; margin: 18px 0 9px; overflow-wrap: anywhere; }
.featured-copy .card-grade { font-size: 9px; }
.featured-value { font: 500 48px var(--display); display: flex; align-items: center; gap: 17px; margin: 18px 0 5px; color: #dcc7f2; }
.featured-value>span { font-size: 17px; background: #4a365c; border: 1px solid #73588c; color: #d4b8ec; padding: 5px 10px; border-radius: 5px; }
.featured-origin { font-size: 10px; color: #95809f; }.featured-owner { font-size: 10px; color: #cfb4e3; margin-top: 15px; }.featured-owner i { font-style: normal; color: #7a6787; }
.featured-arrow { position: absolute; top: 22px; right: 24px; color: #a48bb8; }
.hall-layout { display: grid; grid-template-columns: minmax(0,1fr) 265px; gap: 32px; align-items: start; }
.hall-main { min-width: 0; }.hit-categories { margin: 0 0 17px; padding-bottom: 3px; }
.hall-filters { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin: 10px 0 22px; }
.big-hit-toggle { font-size: 9px; color: #9983ad; border: 1px solid #4c3c5b; border-radius: 6px; padding: 10px 12px; white-space: nowrap; }
.big-hit-toggle .icon { width: 12px; height: 12px; margin-right: 4px; }.big-hit-toggle.active { color: #e0c6f6; background: #34213f; border-color: #9a74b1; }
.hall-sort { display: flex; justify-content: space-between; align-items: center; padding: 13px 0; border-top: 1px solid #302638; margin-bottom: 10px; }
.hall-sort>span { font-size: 10px; color: #8e7e9c; }.hall-sort .segmented { border: 0; padding: 0; }.hall-sort .segmented button { padding: 5px 11px; }
.hits-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.hit-tile { min-width: 0; padding: 0; border: 1px solid #35283f; border-radius: 8px; overflow: hidden; background: #131018; text-align: left; transition: border-color .2s,transform .2s; }
.hit-tile:hover { border-color: #89709c; transform: translateY(-3px); }
.hit-art { display: flex; align-items: center; justify-content: center; position: relative; height: 200px; background: radial-gradient(ellipse,#45304f66,transparent 80%),#19111f; }
.hit-art>img { object-fit: contain; width: 112px; height: 166px; filter: drop-shadow(0 10px 8px #0008); transition: transform .3s; }.hit-tile:hover .hit-art>img { transform: rotate(-4deg) scale(1.025); }
.hit-art>.rarity { position: absolute; top: 10px; left: 10px; z-index: 1; background: #1c1321aa; }.hit-art>.multiple { position: absolute; right: 9px; bottom: 9px; font-size: 10px; }.multiple.big { color: #c5ead4; background: #294036; }
.hit-copy { display: flex; flex-direction: column; padding: 13px 12px 12px; }.hit-copy .card-grade { font-size: 6px; }.hit-name { margin: 8px 0 9px; font: 500 16px/1.1 var(--display); min-height: 36px; overflow-wrap: anywhere; color: #ddcfe6; }.hit-value { font: 500 23px var(--display); }.hit-owner { font-size: 8px; color: #b094c4; margin-top: 10px; }.hit-source { display: flex; justify-content: space-between; gap: 5px; margin-top: 7px; color: #6e5b7d; font-size: 6px; }.hit-source i { font-style: normal; }
.load-more { width: 100%; margin-top: 24px; padding: 14px; border: 1px solid #4c3c58; border-radius: 7px; color: #c0a8d1; font-size: 10px; }.load-more>span { color: #7e678f; margin-right: 10px; }
.recent-pulls { min-width: 0; position: sticky; top: 25px; }.recent-pulls .queue-heading h2 { font-size: 19px; }
.mini-pull { display: flex; align-items: center; gap: 7px; padding: 13px 0; border-bottom: 1px solid #29212f; }.mini-pull>button:first-child { display: flex; gap: 12px; align-items: center; text-align: left; min-width: 0; flex: 1; padding: 0; }.mini-pull img { width: 39px; height: 55px; object-fit: contain; flex-shrink: 0; }.mini-pull>button>span { min-width: 0; display: flex; flex-direction: column; gap: 6px; }.mini-pull strong { font-size: 9px; color: #d1c0dd; line-height: 1.3; font-weight: 500; }.mini-pull small { font-size: 7px; color: #88669d; }.mini-pull b { font: 500 14px var(--display); color: #b8a2ca; }.mini-pull i { color: #796285; font-size: 9px; font-style: normal; margin-left: 5px; }
.fire-button { padding: 7px 0 7px 7px; color: #5c466f; }.fire-button>.icon { width: 15px; height: 15px; }.fire-button.active { color: #dfb2fa; filter: drop-shadow(0 0 5px #a260d766); }
.community-empty { padding: 50px 15px; color: #9e85ae; text-align: center; grid-column: 1/-1; font-size: 12px; }
.hit-detail-art { display: grid; place-items: center; height: 260px; border: 1px solid #493453; border-radius: 8px; background: radial-gradient(ellipse,#52325e66,transparent 70%),#1c1221; margin: 20px 0 15px; }.hit-detail-art img { height: 235px; width: 170px; object-fit: contain; filter: drop-shadow(0 10px 10px #0008); }.detail-source { text-decoration: none; margin-top: 20px; }
.platform-list { margin-top: 25px; }.platform-list>div { display: grid; grid-template-columns: 85px 1fr; gap: 15px; border-bottom: 1px solid #38263f; padding: 14px 0; font-size: 11px; }.platform-list span { color: #a18aac; font-size: 10px; line-height: 1.6; }.platform-list strong { font-weight: 500; }.platform-sources { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 20px; }.platform-sources a { color: #b09ac1; font-size: 8px; text-decoration: none; }
@media(min-width:1500px) { .hits-grid { grid-template-columns: repeat(5,minmax(0,1fr)); } }
@media(max-width:1200px) { .header { gap: 25px; }.header nav { gap: 22px; }.cards-button>span { display: none; }.hall-layout { grid-template-columns: minmax(0,1fr) 225px; gap: 22px; }.hits-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.featured-hit { gap: 30px; padding: 30px 38px; }.replay-card-photo img { width: 125px; height: 200px; }.replay-card-details h2 { font-size: 24px; } }
@media(max-width:900px) { .header { height: auto; min-height: 102px; flex-wrap: wrap; gap: 14px; padding-top: 15px; }.header nav { order: 3; width: 100%; height: 35px; justify-content: space-between; gap: 15px; }.header .brand-word { display: flex; font-size: 20px; }.header-actions { gap: 13px; }.cards-button>span { display: inline; }.nav-item { font-size: 11px; }.header nav a.nav-item { padding-bottom: 9px; }.hall-layout { grid-template-columns: minmax(0,1fr); }.recent-pulls { display: none; }.hits-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }.social-layout { grid-template-columns: minmax(0,1.5fr) minmax(210px,1fr); gap: 18px; }.replay-thread { padding: 22px 18px; }.replay-card-details h2 { font-size: 22px; }.replay-card-photo { padding: 32px 7px 27px; }.replay-card-photo img { width: 100px; height: 170px; }.replay-card-details>strong { font-size: 31px; }.replay-post p.replay-offer { font-size: 10px; }.replay-controls { gap: 7px; padding: 12px 15px; }.replay-demo-note { font-size: 7px; }.leader-row { grid-template-columns: 45px minmax(0,1.8fr) .7fr 1fr 1fr; padding: 17px; gap: 10px; } }
@media(max-width:700px) { .header nav { gap: 18px; }.nav-item { font-size: 10px; }.cards-button>span { display: none; }.header .brand-word { font-size: 18px; }.hero { min-height: 310px; }.hero-copy { padding: 32px 23px 30px; }.hero h1 { font-size: 37px; letter-spacing: -1.4px; }.hero h1>span { font-size: .73em; }.hero-kicker { font-size: 7px; margin-bottom: 17px; }.channel-line { font-size: 13px; margin-bottom: 11px; }.hero-actions { margin-top: 18px; }.community-page { padding-top: 20px; }.page-heading { margin-bottom: 25px; }.page-heading h1 { font-size: 40px; margin-top: 12px; letter-spacing: -1.3px; }.page-heading p { font-size: 9px; }.data-badge { font-size: 7px; }.social-layout { grid-template-columns: minmax(0,1fr); gap: 25px; }.replay-thread { min-height: 450px; padding: 20px 16px; }.replay-post { gap: 10px; }.replay-post p { font-size: 11px; }.replay-post strong { font-size: 10px; }.replay-card-photo img { width: 120px; height: 185px; }.replay-card-details h2 { font-size: 24px; }.replay-card-details { padding-right: 12px; }.replay-card-details>strong { font-size: 33px; }.replay-card-photo { padding: 32px 7px 30px; }.replay-controls { flex-wrap: wrap; gap: 10px; }.replay-progress { max-width: none; min-width: 50px; }.replay-demo-note { font-size: 7px; }.replay-queue { max-height: 410px; }.queue-item { padding: 10px; }.queue-photo { height: 64px; }.queue-heading h2 { font-size: 20px; }.queue-copy>span { font-size: 9px; }.queue-copy>strong { font-size: 12px; }.queue-copy>small { font-size: 14px; }.podium { gap: 8px; padding: 6px 0 25px; }.podium-place { padding: 22px 7px 18px; min-height: 170px; }.podium-place.place-1 { min-height: 195px; }.podium-place>.avatar { width: 36px; height: 36px; font-size: 15px; }.place-1>.avatar { width: 43px; height: 43px; margin-top: 10px; }.podium-rank { font-size: 11px; top: 10px; left: 10px; }.place-1 .podium-rank { font-size: 18px; }.podium-place h2 { font-size: 8px; margin: 6px 0 12px; }.podium-place>strong { font-size: 20px; }.podium-place strong>span { font-size: 6px; }.podium-place>small { font-size: 7px; }.leader-toolbar { gap: 12px; flex-wrap: wrap; }.search-box { flex: 1; min-width: 120px; }.search-box input { width: 100%; min-width: 0; padding: 10px 12px; }.segmented button { font-size: 8px; padding: 7px 10px; }.leader-row { grid-template-columns: 26px minmax(0,1fr) 30px 60px; padding: 14px 10px; gap: 7px; font-size: 9px; }.leader-row>span:nth-child(4) { display: none; }.leader-row>strong { font-size: 15px; }.leader-row>strong small { font-size: 6px; }.leader-table-head { font-size: 6px; }.rank-number { font-size: 14px; }.leader-handle { gap: 7px; }.leader-handle>.avatar { width: 24px; height: 24px; font-size: 9px; }.leader-handle>b { font-size: 9px; }.your-ranking { padding: 12px 10px; font-size: 9px; gap: 7px; }.your-ranking>span { gap: 7px; }.your-ranking>.avatar { height: 24px; width: 24px; }.subtle-button { font-size: 8px; padding: 7px 9px; }.featured-hit { padding: 26px 18px; gap: 14px; align-items: center; margin-bottom: 25px; }.featured-art { width: 110px; height: 180px; }.featured-art img { height: 170px; width: 118px; }.featured-name { font-size: 23px; letter-spacing: -.5px; margin-top: 13px; }.featured-copy>.eyebrow { font-size: 5px; }.featured-copy .card-grade { font-size: 6px; }.featured-value { font-size: 31px; gap: 8px; margin-top: 13px; flex-wrap: wrap; }.featured-value>span { font-size: 11px; padding: 3px 6px; }.featured-origin,.featured-owner { font-size: 7px; line-height: 1.7; }.featured-owner { margin-top: 10px; }.featured-arrow { top: 12px; right: 12px; }.featured-arrow .icon { width: 14px; height: 14px; }.hits-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.hall-filters { flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }.big-hit-toggle { font-size: 8px; padding: 9px 10px; }.hit-art { height: 195px; }.hit-art>img { height: 165px; width: 115px; }.hit-name { font-size: 16px; }.hit-value { font-size: 23px; }.hit-owner { font-size: 8px; }.hit-source { font-size: 6px; }.hit-art>.rarity { font-size: 6px; }.hit-copy { padding: 12px 11px; }.hall-sort { padding-top: 12px; }.hall-sort>span { font-size: 9px; }footer>div { gap: 10px; }.copyright { display: none; } }
@media(max-width:360px) { .header nav { gap: 10px; }.nav-item { font-size: 9px; }.header .brand-word { font-size: 16px; }.header-actions { gap: 9px; }.hero-copy { padding: 31px 18px; }.hero h1 { font-size: 32px; }.hero-kicker { font-size: 6px; }.hero h1>span { font-size: .72em; }.hero p { font-size: 10px; max-width: none; }.replay-card-photo img { width: 95px; height: 160px; }.replay-card-details h2 { font-size: 20px; }.replay-card-details>strong { font-size: 27px; }.replay-thread { min-height: 425px; padding: 19px 12px; }.replay-post p.replay-offer { font-size: 9px; }.replay-demo-note { font-size: 6px; }.page-heading h1 { font-size: 34px; }.page-heading p { font-size: 8px; }.featured-hit { padding: 24px 10px; gap: 12px; }.featured-art { width: 95px; height: 165px; }.featured-art img { width: 95px; height: 155px; }.featured-name { font-size: 21px; }.featured-value { font-size: 28px; }.featured-copy .card-grade { font-size: 5px; }.featured-origin { font-size: 6px; }.hit-art { height: 175px; }.hit-art>img { height: 148px; width: 102px; }.hit-name { font-size: 15px; }.leader-handle>.avatar { display: none; }.podium-place h2 { font-size: 7px; }.podium-place>strong { font-size: 18px; }.your-ranking strong { font-size: 8px; }.your-ranking small { display: none; } }
@media(prefers-reduced-motion:reduce) { .channel-track { animation: none; }.replay-opening.animating img { animation: none; } }
.hit-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.queue-copy>strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.replay-progress>button { display: block; height: 18px; padding: 0; position: relative; flex: 1; min-width: 15px; }
.replay-progress>button:after { content: ''; position: absolute; top: 8px; height: 2px; left: 0; right: 0; background: #3a3045; }
.replay-progress>button.complete:after { background: #c6b5e5; }
/* Pack inventory and wallet checkout */
.live-wallet-button { white-space: nowrap; }.live-wallet-button>.icon { width: 14px!important; height: 14px!important; }.header-actions { gap: 10px; }
.pack-detail-page { padding: 23px 0 15px; }.back-link { color: #9e91ad; font-size: 11px; padding: 7px 0; margin-bottom: 20px; }
.pack-detail-hero { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.25fr); border: 1px solid #3f334c; border-radius: 13px; overflow: hidden; background: #101015; }
.pack-detail-art { display: grid; place-items: center; min-height: 370px; background: radial-gradient(ellipse,#4c355766,transparent 74%),#18111f; border-right: 1px solid #33263f; }
.pack-detail-art>.foil-wrap { width: 280px; height: 335px; }.pack-detail-art .foil-product { height: 310px; width: 230px; }.pack-detail-art .pack-stage { bottom: 30px; }.pack-detail-art .pack-serial { right: 20px; }
.pack-detail-summary { padding: 35px 38px; min-width: 0; }.pack-detail-summary h1 { font: 500 47px/1.08 var(--display); letter-spacing: -1.7px; margin: 16px 0 25px; }.pack-detail-summary h1>span { display: block; color: #ae9ac8; font-size: .6em; letter-spacing: -.7px; margin-top: 6px; }
.detail-stats { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 14px; }.detail-stats>span { display: flex; flex-direction: column; gap: 9px; }.detail-stats small { color: #796b89; font: 500 7px var(--display); letter-spacing: .12em; }.detail-stats b { font: 500 25px var(--display); color: #d2c0e0; }.detail-stats i { font-size: 11px; color: #897397; font-style: normal; }
.detail-terms { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #32283b; padding-top: 16px; margin-top: 22px; font-size: 10px; color: #91829e; }.detail-terms b { color: #c5b2d6; font-weight: 500; margin-left: 6px; }.detail-terms>span:last-child { font-size: 9px; color: #95c9ae; }
.detail-buy-actions { display: flex; gap: 11px; margin-top: 23px; }.detail-buy-actions>.button:first-child { flex: 1; }.detail-fine-print { color: #71617e; font-size: 8px; line-height: 1.7; margin: 13px 0 0; }.pending-purchase-link { font-size: 9px; color: #ccb2e2; margin-top: 12px; padding: 0; }
.pool-heading { display: flex; align-items: center; justify-content: space-between; margin: 37px 0 23px; gap: 15px; }.pool-heading h2 { font: 500 31px var(--display); letter-spacing: -.8px; margin: 0 0 7px; }.pool-heading h2>span { color: #bca0db; }.pool-heading p { color: #84738f; font-size: 10px; margin: 0; }
.tier-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }.tier-summary { border: 1px solid #35283f; background: #131018; padding: 17px 18px; border-radius: 8px; display: flex; flex-direction: column; gap: 13px; text-align: left; min-width: 0; }.tier-summary:hover,.tier-summary.active { background: #21172b; border-color: #8b6fa1; }.tier-summary>span { text-transform: capitalize; color: #ac97bd; font-size: 10px; }.tier-summary .rarity-dot { display: inline-block; margin-right: 6px; }.tier-summary>strong { font: 500 29px var(--display); color: #d3bee3; }.tier-summary>small { color: #7a638a; font-size: 8px; }
.pool-toolbar { display: flex; align-items: center; justify-content: space-between; margin: 25px 0 19px; gap: 20px; }.pool-toolbar .category-tabs { margin: 0; }.pool-toolbar>span { font-size: 9px; color: #7f6c8f; white-space: nowrap; }
.pool-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 15px; }.pool-card { display: flex; flex-direction: column; text-align: left; border: 1px solid #35283f; border-radius: 8px; background: #131018; overflow: hidden; padding: 0; transition: border-color .2s,transform .2s; min-width: 0; }.pool-card:hover { border-color: #9475a9; transform: translateY(-3px); }
.pool-card-art { position: relative; height: 230px; background: radial-gradient(ellipse,#4c325366,transparent 75%),#1c1222; width: 100%; display: grid; place-items: center; }.pool-card-art>.rarity { position: absolute; top: 12px; left: 12px; background: #1c1124aa; }.pool-card-art>img { width: 140px; height: 200px; object-fit: contain; filter: drop-shadow(0 12px 10px #0009); }
.pool-card-copy { display: flex; flex-direction: column; padding: 16px; width: 100%; }.pool-card-copy>small { font-size: 7px; color: #8f789f; }.pool-card-copy>strong { font: 500 19px/1.15 var(--display); margin: 10px 0 16px; min-height: 43px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #d9c9e4; }.pool-card-copy>b { font: 500 27px var(--display); }.pool-card-copy>span { font-size: 8px; color: #766283; margin-top: 4px; }.pool-card-copy>.pool-card-buyback { border-top: 1px solid #36243f; padding-top: 12px; margin-top: 13px; font-size: 8px; line-height: 1.5; color: #a38ab4; }
.pool-loading { display: flex; gap: 11px; align-items: center; justify-content: center; padding: 45px 10px; font-size: 11px; color: #ac91be; }.pool-loading>span { width: 14px; height: 14px; border: 1px solid #4b355e; border-top-color: #d5b9eb; border-radius: 50%; animation: pool-spin .7s linear infinite; }@keyframes pool-spin { to { transform: rotate(360deg); } }
.pool-error { margin: 20px 0; padding: 22px; border: 1px solid #6c4354; border-radius: 8px; background: #27131f; }.pool-error>strong { font-size: 13px; }.pool-error p { color: #b58da6; font-size: 11px; }.pool-footnote { font-size: 9px; line-height: 1.8; color: #7c668a; margin: 25px 0 10px; max-width: 720px; }
.pool-card-photos { display: flex; gap: 10px; align-items: center; justify-content: center; margin: 25px 0 18px; background: #21142a; border: 1px solid #4c335c; border-radius: 8px; padding: 15px 10px; }.pool-card-photos>img { width: 46%; height: 215px; object-fit: contain; filter: drop-shadow(0 8px 8px #0008); }.pool-card-photos>img:only-child { width: 70%; }
.wallet-address { overflow-wrap: anywhere; color: #aa91bc; font-size: 12px; line-height: 1.7; border: 1px solid #4d355c; padding: 14px; border-radius: 7px; }.wallet-options { display: grid; gap: 10px; margin-top: 26px; }.wallet-options>button { display: flex; justify-content: space-between; align-items: center; border: 1px solid #604476; padding: 17px 18px; border-radius: 8px; background: #25172f; font-size: 13px; }.wallet-options .icon { width: 15px; height: 15px; }
.live-confirm-title { margin-top: 16px; }.pending-purchase { display: flex; justify-content: space-between; gap: 25px; align-items: center; border: 1px solid #6b527f; border-radius: 10px; padding: 25px; margin-bottom: 25px; background: #21162b; }.pending-purchase h2 { font: 500 23px var(--display); margin: 12px 0; }.pending-purchase code { font-size: 10px; color: #b29ac4; overflow-wrap: anywhere; }.pending-purchase p { font-size: 10px; color: #8c739c; margin: 15px 0 0; }.pending-purchase>div { min-width: 0; }.pending-purchase>div:last-child { display: flex; flex-direction: column; gap: 12px; flex-shrink: 0; }.pending-purchase a { font-size: 9px; text-align: center; text-decoration: none; color: #b49ac6; }
.wallet-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; border: 1px solid #3b2b46; border-radius: 10px; padding: 24px; margin: 0 0 30px; background: #141019; }.wallet-tools form { min-width: 0; }.wallet-tools label { display: block; font-size: 11px; color: #bea4ce; margin-bottom: 12px; }.wallet-tools form>div { display: flex; gap: 9px; }.wallet-tools input { width: 100%; min-width: 0; background: #0b080e; border: 1px solid #4b345a; border-radius: 7px; padding: 12px; color: #ccb3df; font-size: 10px; }.wallet-tools input:focus-visible { border-color: #b18cce; }.wallet-tools .button { padding: 10px 15px; white-space: nowrap; font-size: 10px; gap: 10px; border-radius: 7px; }
.card-source { font-size: 9px; color: #aa8cbb; display: inline-block; margin-top: 16px; text-decoration: none; }.pending-sales { border: 1px solid #684353; border-radius: 8px; margin-bottom: 25px; }.pending-sales>div { padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; gap: 15px; color: #c2a4b3; font-size: 10px; }.pending-sales button { font-size: 10px; color: #d3b5df; }.pending-sales .icon { width: 12px; height: 12px; }.reveal-value strong small { font-size: 12px; color: #997ba9; }
@media(max-width:1200px) { .header { gap: 25px; }.header nav { gap: 20px; }.header-actions .user-chip { display: none; }.pool-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }.pack-detail-summary { padding: 30px; }.pack-detail-summary h1 { font-size: 43px; }.detail-buy-actions .button { padding: 11px 16px; gap: 10px; }.detail-stats b { font-size: 22px; }.wallet-tools { gap: 18px; }.wallet-tools form>div { flex-wrap: wrap; }.wallet-tools .button { flex: 1; } }
@media(max-width:900px) { .pack-detail-summary { padding: 25px; }.pack-detail-summary h1 { font-size: 36px; }.detail-buy-actions { flex-wrap: wrap; }.detail-buy-actions .button { flex: 1; white-space: nowrap; }.pack-detail-art>.foil-wrap { width: 230px; }.pack-detail-art .foil-product { width: 210px; height: 300px; }.detail-stats { gap: 10px; }.detail-stats small { font-size: 6px; }.detail-stats b { font-size: 20px; }.detail-stats i { font-size: 9px; }.detail-terms { flex-wrap: wrap; gap: 8px; font-size: 9px; }.pool-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.tier-summary { padding: 15px; }.tier-summary>small { font-size: 7px; line-height: 1.7; }.pool-toolbar { flex-wrap: wrap; gap: 12px; }.pool-card-copy>.pool-card-buyback { font-size: 8px; } }
@media(max-width:700px) { .header-actions { gap: 10px; }.header-actions .balance-button { display: none; }.header-actions .connect-button:not(.live-wallet-button) { display: none; }.header .live-wallet-button { padding: 8px 12px; min-height: 35px; font-size: 9px; gap: 7px; }.header .cards-button { padding: 6px; }.header .live-wallet-button .icon { width: 12px!important; height: 12px!important; }.preview-strip { font-size: 6px; }.preview-strip>span:nth-child(2) { max-width: 220px; }.preview-strip>button { display: none; }.pack-detail-page { padding-top: 15px; }.back-link { font-size: 10px; margin-bottom: 15px; }.pack-detail-hero { grid-template-columns: minmax(0,1fr); }.pack-detail-art { min-height: 240px; border-right: 0; border-bottom: 1px solid #3b2947; }.pack-detail-art>.foil-wrap { height: 235px; width: 220px; }.pack-detail-art .foil-product { height: 235px; width: 170px; }.pack-detail-art .pack-stage { bottom: 17px; }.pack-detail-art .pack-serial { right: 30px; }.pack-detail-summary { padding: 23px; }.pack-detail-summary h1 { font-size: 37px; margin: 14px 0 22px; }.detail-stats small { font-size: 6px; }.detail-stats b { font-size: 23px; }.detail-terms { font-size: 9px; margin-top: 19px; padding-top: 15px; }.detail-buy-actions .button:first-child { flex-basis: 100%; }.detail-buy-actions .button { font-size: 10px; min-height: 42px; }.detail-fine-print { font-size: 8px; }.pool-heading { margin: 29px 0 21px; }.pool-heading h2 { font-size: 27px; }.pool-heading p { font-size: 9px; }.tier-overview { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.tier-summary { padding: 15px; gap: 10px; }.tier-summary>span { font-size: 9px; }.tier-summary>strong { font-size: 25px; }.tier-summary>small { font-size: 7px; }.pool-toolbar { margin-top: 24px; }.pool-toolbar>.category-tabs { gap: 5px; }.pool-toolbar .category-tabs button { font-size: 9px; padding: 7px 12px; }.pool-toolbar>span { font-size: 8px; }.pool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.pool-card-art { height: 195px; }.pool-card-art>img { height: 170px; width: 115px; }.pool-card-copy { padding: 13px 11px; }.pool-card-copy>strong { font-size: 16px; min-height: 37px; margin-bottom: 12px; }.pool-card-copy>b { font-size: 24px; }.pool-card-copy>small { font-size: 6px; }.pool-card-copy>span { font-size: 7px; }.pool-card-copy>.pool-card-buyback { font-size: 7px; line-height: 1.7; }.pool-card-art>.rarity { top: 9px; left: 9px; font-size: 6px; }.pool-footnote { font-size: 8px; }.pool-card-photos>img { height: 200px; }.wallet-tools { grid-template-columns: minmax(0,1fr); padding: 20px; gap: 25px; }.wallet-tools input { font-size: 10px; padding: 12px; }.wallet-tools form>div { flex-wrap: wrap; }.wallet-tools .button { flex: 1; }.pending-purchase { flex-direction: column; align-items: stretch; gap: 20px; padding: 20px; }.pending-purchase code { font-size: 9px; }.pending-sales>div { flex-direction: column; align-items: flex-start; font-size: 9px; } }
@media(max-width:360px) { .header .brand-word { font-size: 15px; }.header .live-wallet-button { padding: 8px 9px; font-size: 8px; }.header-actions { gap: 5px; }.preview-strip>span:nth-child(2) { font-size: 5px; }.pack-detail-summary { padding: 20px; }.pack-detail-summary h1 { font-size: 33px; }.detail-stats b { font-size: 20px; }.detail-stats i { font-size: 8px; }.detail-stats small { font-size: 5px; }.pool-card-art { height: 175px; }.pool-card-art>img { height: 152px; width: 102px; }.pool-card-copy>strong { font-size: 14px; min-height: 33px; }.pool-card-copy>b { font-size: 22px; }.pool-card-copy>.pool-card-buyback { font-size: 6px; } }

/* Release pages share the same restrained, lilac presentation. */
.experience-grid.packs-only{grid-template-columns:minmax(0,1fr)}
.activity-empty{display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;border:1px solid #332b3e;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#31233e55,transparent 65%),#100e15}
.activity-empty-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:22px;border:1px solid #514361;border-radius:17px;background:#21192c;color:#c6aedf}
.activity-empty-icon .icon{width:27px;height:27px}
.activity-empty h2{margin:0;font-family:var(--display);font-size:30px;font-weight:500;letter-spacing:-.6px;color:#e8e2f0}
.activity-empty p{margin:14px 0 0;color:#a69bb4;font-size:14px;line-height:1.6}
.activity-empty p:empty{display:none}
.activity-empty .button{margin-top:24px}
@media(max-width:650px){.activity-empty{min-height:300px;padding:40px 20px}.activity-empty h2{font-size:26px}.activity-empty p{font-size:13px}}