/* Original storefront presentation. Product pixels and API business state stay intact. */
:root {
  --bg:#191b20;
  --surface:#22252b;
  --ink:#f3f0e8;
  --muted:#a6a8af;
  --line:#ffffff12;
  --brand:#f3cb52;
  --brand2:#f3cb52;
  --gold:#f3cb52;
  --shadow:0 16px 40px #0002;
}
body { background:var(--bg); }
.btn { border-radius:5px; min-height:42px; }
.btn.primary { background:var(--brand); color:#1c1c1d; box-shadow:none; border-color:var(--brand); }
.btn.primary:hover { background:#ffdb70; box-shadow:none; }
.btn.ghost,.btn.light { background:#ffffff06; color:var(--ink); border-color:#ffffff20; }
.btn:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible { outline:2px solid var(--brand); outline-offset:4px; }
.skipLink { background:var(--brand); color:#191b20; }
.marketHeader { height:auto; background:#1c1f24; backdrop-filter:none; }
.marketHeader .wrap { width:min(1440px,calc(100% - 64px)); }
.marketHeader .topin { height:64px; gap:30px; }
.shopLogo { display:block; width:210px; height:40px; max-width:100%; }
.shopUtilities { display:flex; gap:26px; margin-left:auto; font-size:12px; color:var(--muted); }
.shopUtilities a { text-decoration:none; }
.marketHeader .navAccount { margin-left:0; }
.marketHeader .wallet { min-height:44px; border-radius:5px; border-color:#ffffff16; background:#292c32; font-size:12px; color:var(--ink); }
.marketHeader .loginButton { background:var(--brand); color:#1c1c1d; border:0; padding:10px 20px; }
.shopNavBar { border-top:1px solid var(--line); background:#202329; }
.shopNavInner { display:flex; align-items:center; min-height:45px; gap:24px; }
.marketHeader .nav { display:flex; height:45px; gap:30px; }
.marketHeader .nav button { font-size:13px; min-height:44px; padding:0 2px; }
.marketHeader .nav button.active { color:var(--brand); }
.marketHeader .nav button.active:after { background:var(--brand); box-shadow:none; }
.shopNavNote { margin-left:auto; color:#9699a2; font-size:11px; white-space:nowrap; }
.marketPage { padding:0; }
.marketPage > .wrap { width:100%; max-width:none; }
.marketPage > .wrap > section[role="alert"] { width:min(1180px,calc(100% - 32px)); margin:auto; padding:48px 0; }
.marketPage .footer { width:min(1376px,calc(100% - 64px)); margin-inline:auto; padding:36px 0; border-color:var(--line); }
.shopHome { font-size:14px; }
.shopSection { width:min(1440px,100%); margin-inline:auto; padding-inline:32px; }
.shopRail { display:flex; min-height:89px; border-bottom:1px solid var(--line); background:#17191e; overflow:hidden; }
.shopRailLabel { display:flex; align-items:center; gap:10px; flex-shrink:0; padding:18px 25px 18px 32px; border-right:1px solid var(--line); color:var(--brand); }
.shopRailLabel span { font-size:12px; font-weight:650; }
.shopRailLabel small { display:block; margin-top:4px; font-size:8px; letter-spacing:1.6px; color:#8e919a; }
.shopRailItems { display:flex; flex:1; min-width:0; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#4e5057 transparent; }
.shopRailItem { display:flex; align-items:center; gap:12px; flex:1 0 210px; min-width:0; padding:12px 18px; background:transparent; border:0; border-right:1px solid var(--line); text-align:left; color:var(--ink); cursor:pointer; }
.shopRailItem:hover { background:#ffffff05; }
.shopRailItem img { width:58px; height:58px; object-fit:contain; border-radius:3px; background:#f3f1ed; flex-shrink:0; }
.shopRailItem > span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:11px; line-height:1.5; }
.shopRailItem small { display:block; color:#a7a9b0; font-size:10px; margin-top:4px; }
.shopRailEmpty { margin:auto 24px; color:var(--muted); font-size:12px; }
.shopHero.hero { min-height:0; border:0; border-radius:0; background:#22252b; position:relative; overflow:hidden; box-shadow:none; margin:0; }
.shopHero:before { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 45%,#f3cb520a 45%,#f3cb520a 65%,transparent 65%); pointer-events:none; }
.shopHeroInner { display:grid; grid-template-columns:1fr 1.12fr; gap:36px; align-items:center; max-width:1376px; margin:auto; min-height:350px; padding:32px 48px; position:relative; }
.shopEyebrow { color:var(--brand); letter-spacing:2px; font-size:9px; font-weight:700; }
.shopHero h1 { font-size:clamp(30px,3.7vw,52px); line-height:1.22; letter-spacing:-1px; margin:14px 0 16px; max-width:none; }
.shopHero h1 em { color:var(--brand); font-style:normal; }
.shopHeroCopy > p { color:#b4b5ba; font-size:14px; line-height:1.8; margin:0 0 22px; }
.shopHeroActions { display:flex; flex-wrap:wrap; gap:10px; }
.shopHeroActions .btn { font-size:12px; padding:11px 19px; }
.shopHeroCaption { display:block; margin-top:18px; font-size:10px; color:#a6a8af; line-height:1.7; }
.shopHeroGallery { min-width:0; min-height:290px; display:flex; align-items:center; justify-content:center; gap:12px; position:relative; }
.shopHeroObject { margin:0; width:44%; max-width:235px; aspect-ratio:.86; background:#eeece6; padding:12px; box-shadow:0 22px 35px #0004; border:1px solid #ffffff30; position:relative; flex-shrink:0; border-radius:3px; }
.shopHeroObject img { width:100%; height:calc(100% - 24px); display:block; object-fit:contain; }
.shopHeroObject figcaption { margin-top:9px; color:#595b60; font-size:8px; letter-spacing:1.5px; text-align:center; white-space:nowrap; }
.shopHeroObject.object1 { transform:rotate(-8deg); z-index:2; }
.shopHeroObject.object2 { transform:rotate(7deg) translateY(-12px); z-index:1; }
.shopHeroObject.object3 { width:29%; position:absolute; bottom:-4px; right:10px; transform:rotate(3deg); z-index:3; padding:8px; }
.shopHeroObject.object3 figcaption { font-size:6px; letter-spacing:.5px; }
.shopHeroEmpty { display:flex; flex-direction:column; align-items:center; gap:26px; color:#f3cb5290; }
.shopHeroEmpty span { font-size:10px; letter-spacing:4px; }
.shopHeroFoot { display:flex; justify-content:space-between; gap:20px; position:relative; border-top:1px solid var(--line); color:#95979e; font-size:9px; letter-spacing:1px; padding:13px max(32px,calc((100% - 1280px)/2)); }
.shopFeatured { padding-top:28px; padding-bottom:12px; }
.shopFeaturedGrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:20px; }
.shopFeatureCard { min-width:0; text-align:center; }
.shopFeatureImage { width:100%; aspect-ratio:1.55; display:block; padding:16px 26px; border:1px solid #ffffff0b; border-radius:5px; background:#24272d; cursor:pointer; transition:background .2s; position:relative; }
.shopFeatureImage:hover { background:#2c3037; }
.shopFeatureImage img { display:block; width:100%; height:100%; object-fit:contain; border-radius:3px; filter:drop-shadow(0 9px 8px #0003); }
.shopItemState { display:block; margin-top:15px; color:#a1a4ad; font-size:9px; letter-spacing:1px; }
.shopFeatureCard h2 { margin:6px auto; font-size:13px; line-height:1.6; font-weight:600; max-width:260px; min-height:42px; }
.shopFeaturePrice { margin:7px 0; color:var(--brand); font-size:14px; font-weight:700; }
.shopFeatureCard.productStageConcept .shopFeatureImage { background:radial-gradient(ellipse at 50% 76%,#f0dfaa20,transparent 52%),#282a2e; padding:20px 32px 24px; }
.shopFeatureCard.productStageConcept .shopFeatureImage:before { content:""; position:absolute; width:64%; height:12%; left:18%; bottom:12px; border-radius:50%; background:#d6c49720; box-shadow:0 5px 12px #0003; }
.shopFeatureCard.productStageConcept img { position:relative; z-index:1; }
.shopHome .poolSection { margin-top:24px; }
.shopSectionHead { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:18px; }
.shopSectionHead h2 { margin:8px 0 0; font-size:23px; letter-spacing:.5px; }
.shopSectionHead h2 > span { font-size:12px; color:#a5a7ae; margin-left:5px; font-weight:400; }
.shopSectionNote { font-size:10px; color:#9699a2; }
.shopToolbar.poolToolbar { display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding:12px 16px; border:1px solid var(--line); border-radius:5px; background:#22252b; margin-bottom:22px; }
.shopToolbar .poolFilters { display:flex; flex-wrap:wrap; gap:5px; }
.shopToolbar .poolFilters button { min-height:40px; padding:9px 12px; color:#b5b7bf; font-size:12px; border:1px solid transparent; border-radius:4px; background:transparent; }
.shopToolbar .poolFilters button.selected { color:#191b20; background:var(--brand); border-color:var(--brand); box-shadow:none; }
.shopSearchControls { display:flex; flex:1; gap:12px; align-items:center; justify-content:flex-end; min-width:0; }
.shopPriceFilter { display:flex; align-items:center; gap:8px; white-space:nowrap; color:#b7b9c1; font-size:11px; }
.shopPriceFilter select { width:130px; min-height:40px; border:1px solid #ffffff16; border-radius:4px; padding:7px 9px; color:var(--ink); background:#191c21; font-size:11px; }
.shopToolbar .searchWrap { border-color:#ffffff16; background:#191c21; border-radius:4px; width:220px; min-width:130px; }
.shopToolbar .searchWrap input { font-size:11px; min-height:40px; width:100%; }
.shopPoolGrid.liveGrid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.shopPoolGrid .launchCard { padding:0; border-radius:5px; background:#22252b; box-shadow:none; border:1px solid #ffffff0c; }
.shopPoolGrid .launchCard:hover { box-shadow:none; border-color:#f3cb5260; }
.shopPoolGrid .cardArt { aspect-ratio:1.15; margin:0; border-radius:4px 4px 0 0; background:#282b31; }
.shopPoolGrid .cardArt > img { object-fit:contain; padding:16px; }
.shopPoolGrid .cardFrame,.shopPoolGrid .artCorner,.shopPoolGrid .artFoot { display:none; }
.shopPoolGrid .artBadges { top:12px; left:12px; }
.shopPoolGrid .editionBadge { color:#d7d8dc; background:#1b1d22dd; border:1px solid #ffffff16; border-radius:3px; font-size:7px; padding:5px; letter-spacing:1px; }
.shopPoolGrid .launchBody { padding:15px; }
.shopPoolGrid .creatorLine { font-size:10px; }
.shopPoolGrid .creatorAvatar { width:18px; height:18px; background:#3e4149; color:#e9e9e9; border:0; }
.shopPoolGrid .launchTitleText { font-size:15px; margin:12px 0 10px; min-height:42px; line-height:1.5; }
.shopPoolGrid .prizeTeaser { font-size:11px; color:#b0b3bd; }
.shopPoolGrid .poolProgress progress { height:3px; }
.shopPoolGrid .poolProgress > div { font-size:10px; }
.shopPoolGrid .cardBottom { gap:10px; margin-top:16px; }
.shopPoolGrid .price b { color:var(--brand); font-size:24px; }
.shopPoolGrid .price small { font-size:9px; color:var(--muted); }
.shopPoolGrid .cardButton { color:#191b20; background:var(--brand); border:0; border-radius:4px; font-size:11px; min-height:42px; padding:10px; }
.shopPoolGrid .cardButton:hover { background:#ffdb70; }
.shopPoolGrid .unpictured { min-height:180px; background:#282b31; }
.shopPoolGrid .placeholderGem { background:transparent; box-shadow:none; color:#bfc1c6; }
.shopPoolGrid .placeholderOrbit { display:none; }
.shopPoolGrid .unpictured > span { color:#a0a3ac; }
.shopEmpty.empty { grid-column:1/-1; padding:34px 20px; background:#202329; border:1px dashed #ffffff20; border-radius:5px; }
.shopEmpty h3 { font-size:17px; margin:0 0 10px; }
.shopEmpty p { font-size:12px; }
.shopHome .listNote { margin:16px 0 0; color:#9598a1; font-size:10px; }
.shopHome .upcomingSection { margin:40px 0 0; padding:28px 0 36px; border-top:1px solid var(--line); }
.shopHome .upcomingSection h2 { font-size:23px; }
.shopHome .upcomingSection .btn { min-height:44px; }
.shopHome .upcomingGrid { gap:18px; }
.shopHome .upcomingCard { background:#22252b; border-color:#ffffff12; border-radius:5px; }
.shopHome .upcomingArt { border-radius:4px; background:#eeece6; }
.shopHome .upcomingCard h3 { font-size:15px; }
.shopHome .comingBadge { background:#f3cb5210; color:var(--brand); border-color:#f3cb5220; }
.shopHome .photoCredit { font-size:10px; line-height:1.6; }
.mobileNav { background:#1c1f24f5; border-color:var(--line); }
.mobileNav button.active { color:var(--brand); }
.mobileNav .createNav svg { background:#3a3526; color:var(--brand); box-shadow:none; }

/* First paint: a compact brand mark and inert content placeholders, no fake progress. */
.startup { --startup-accent:var(--brand); min-height:100svh; background:var(--bg); }
.startupHeader { display:flex; align-items:center; justify-content:space-between; height:65px; padding:0 32px; border-bottom:1px solid var(--line); font-size:15px; letter-spacing:2px; font-weight:750; }
.startupAccount { width:100px; height:30px; background:#ffffff06; border-radius:4px; }
.startupMain { width:min(1180px,calc(100% - 64px)); margin:auto; padding:48px 0; }
.startupIdentity { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; min-height:200px; }
.startupMark { display:block; width:48px; height:48px; color:var(--startup-accent); position:relative; overflow:hidden; }
.startupMark svg { display:block; width:100%; height:100%; opacity:.55; }
.startupMark:after { content:""; position:absolute; inset:-30% -60%; background:linear-gradient(105deg,transparent 42%,#ffffff70 50%,transparent 58%); transform:translateX(-65%); animation:startupSweep 2.2s ease-in-out infinite; }
.startupWordmark { color:var(--ink); font-size:14px; letter-spacing:5px; font-weight:650; padding-left:5px; }
.startupAssist { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.startupSkeleton { margin-top:34px; }
.startupLine { width:150px; height:14px; border-radius:3px; background:#ffffff07; margin-bottom:22px; }
.startupCards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.startupCards > div { border:1px solid #ffffff0a; background:#ffffff02; padding:12px; border-radius:5px; }
.startupCards span { display:block; height:150px; background:#ffffff04; border-radius:3px; }
.startupCards i { display:block; height:9px; width:65%; margin:18px 0 8px; border-radius:3px; background:#ffffff06; }
.startupCards i:last-child { width:40%; margin:10px 0 8px; }
.startupError { text-align:center; padding:4px 0 12px; }
.startupError h1 { font-size:20px; }
.startupError p,.startupNoScript { color:var(--muted); font-size:13px; line-height:1.8; }
.startupFailed .startupMark:after { animation:none; display:none; }
.startupFailed .startupSkeleton { opacity:.35; }
@keyframes startupSweep { 0%,15% { transform:translateX(-65%); } 70%,100% { transform:translateX(65%); } }
@media (min-width:1500px) { .shopHeroInner { min-height:390px; } .shopHeroGallery { min-height:320px; } }
@media (max-width:1100px) {
  .shopPoolGrid.liveGrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .shopHeroInner { padding-inline:32px; gap:18px; }
  .shopHeroGallery { min-height:260px; }
  .shopUtilities { gap:18px; }
  .shopToolbar .shopSearchControls { justify-content:space-between; flex-basis:100%; }
  .shopToolbar .searchWrap { width:min(330px,60%); }
}
@media (max-width:767px) {
  .marketHeader .wrap { width:calc(100% - 32px); }
  .marketHeader .topin { height:60px; gap:12px; }
  .marketHeader .logo { margin-right:auto; }
  .shopLogo { width:165px; height:34px; }
  .shopUtilities,.shopNavNote { display:none; }
  .marketHeader .navAccount { gap:8px; }
  .marketHeader .wallet { font-size:11px; padding:9px; min-height:44px; }
  .marketHeader .loginButton { padding-inline:11px; }
  .marketHeader .nav { gap:24px; height:44px; overflow-x:auto; flex:1; scrollbar-width:none; }
  .marketHeader .nav button { min-width:max-content; font-size:12px; }
  .marketHeader .avatar { display:block; width:36px; height:36px; font-size:12px; }
  .shopNavInner { min-height:44px; gap:0; }
  .shopSection { padding-inline:16px; }
  .shopRail { min-height:78px; }
  .shopRailLabel { padding:12px; gap:7px; }
  .shopRailLabel > svg { display:none; }
  .shopRailLabel span { font-size:10px; }
  .shopRailLabel small { font-size:6px; letter-spacing:1px; }
  .shopRailItem { flex-basis:190px; padding:10px 13px; }
  .shopRailItem img { width:48px; height:48px; }
  .shopHeroInner { grid-template-columns:1fr; min-height:0; gap:0; padding:27px 24px 20px; }
  .shopHeroCopy { position:relative; z-index:4; }
  .shopHero h1 { font-size:34px; margin-top:12px; }
  .shopHeroCopy > p { font-size:12px; margin-bottom:18px; }
  .shopHeroActions .btn { min-height:44px; padding-inline:14px; font-size:11px; }
  .shopHeroCaption { font-size:9px; margin-top:13px; }
  .shopHeroGallery { min-height:230px; max-width:390px; width:100%; margin:24px auto 0; }
  .shopHeroObject { max-width:155px; padding:9px; }
  .shopHeroObject.object3 { max-width:105px; right:10px; bottom:0; }
  .shopHeroFoot { padding:12px 16px; font-size:7px; gap:12px; line-height:1.6; }
  .shopHeroFoot > span:first-child { display:none; }
  .shopFeatured { padding-top:22px; }
  .shopFeaturedGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
  .shopFeatureCard:last-child:nth-child(odd) { grid-column:1/-1; width:calc(50% - 6px); justify-self:center; }
  .shopFeatureImage { padding:12px; aspect-ratio:1.1; }
  .shopFeatureCard.productStageConcept .shopFeatureImage { padding:18px 14px 24px; }
  .shopFeatureCard h2 { font-size:12px; min-height:40px; }
  .shopFeaturePrice { font-size:12px; }
  .shopItemState { font-size:9px; margin-top:12px; }
  .shopSectionHead { align-items:start; flex-direction:column; gap:9px; }
  .shopSectionHead h2 { font-size:21px; }
  .shopSectionNote { font-size:9px; }
  .shopToolbar.poolToolbar { padding:10px; gap:12px; }
  .shopToolbar .poolFilters { gap:2px; width:100%; justify-content:space-between; }
  .shopToolbar .poolFilters button { min-height:44px; font-size:10px; padding:8px; }
  .shopSearchControls { flex-wrap:wrap; gap:10px; }
  .shopPriceFilter { width:100%; font-size:11px; }
  .shopPriceFilter select { flex:1; min-height:44px; }
  .shopToolbar .searchWrap { width:100%; min-width:0; }
  .shopToolbar .searchWrap input { min-height:44px; font-size:12px; }
  .shopPoolGrid.liveGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .shopPoolGrid .launchBody { padding:12px 10px; }
  .shopPoolGrid .launchTitleText { font-size:13px; min-height:40px; }
  .shopPoolGrid .creatorLine { font-size:9px; flex-wrap:wrap; gap:6px; }
  .shopPoolGrid .cardArt > img { padding:10px; }
  .shopPoolGrid .editionBadge { font-size:5px; letter-spacing:.5px; padding:4px; }
  .shopPoolGrid .artBadges { top:8px; left:8px; }
  .shopPoolGrid .prizeTeaser { font-size:10px; }
  .shopPoolGrid .poolProgress > div { font-size:9px; flex-wrap:wrap; gap:3px; }
  .shopPoolGrid .cardBottom { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
  .shopPoolGrid .price b { font-size:21px; }
  .shopPoolGrid .cardButton { min-height:44px; font-size:11px; justify-content:center; }
  .shopPoolGrid .unpictured { min-height:130px; }
  .shopHome .upcomingSection .sectionhead { flex-wrap:wrap; gap:14px; }
  .shopHome .upcomingCard h3 { font-size:14px; }
  .marketPage .footer { width:calc(100% - 32px); padding-bottom:90px; }
  .startupHeader { padding-inline:16px; height:60px; }
  .startupHeader .shopLogo { width:165px; }
  .startupAccount { width:70px; }
  .startupMain { width:calc(100% - 32px); padding:32px 0; }
  .startupIdentity { min-height:180px; }
  .startupCards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .startupCards > div:last-child { display:none; }
  .startupCards span { height:125px; }
}
@media (max-width:359px) {
  .shopLogo { width:145px; }
  .marketHeader .loginButton { font-size:10px; padding-inline:8px; }
  .marketHeader .loginButton svg { width:14px; }
  .shopHero h1 { font-size:30px; }
  .shopHeroInner { padding-inline:18px; }
  .shopPoolGrid .launchTitleText { font-size:12px; }
  .shopToolbar .poolFilters button { padding-inline:6px; }
}
@media (prefers-reduced-motion:reduce) {
  .startupMark:after { display:none; animation:none; }
  .shopFeatureImage { transition:none; }
}