:root {
  --market-blue: #1677ff;
  --market-blue-2: #3c8cff;
  --market-navy: #050b18;
  --market-card: rgba(7, 15, 31, 0.88);
  --market-card-2: rgba(10, 22, 45, 0.82);
  --market-border: rgba(126, 190, 255, 0.14);
  --market-muted: #8ca2bc;
  --market-width: 1480px;
}

.market-body {
  background:
    radial-gradient(circle at 78% 4%, rgba(21, 92, 194, .18), transparent 30rem),
    radial-gradient(circle at 4% 40%, rgba(37, 88, 168, .11), transparent 34rem),
    linear-gradient(180deg, #030713 0%, #040a17 46%, #02050c 100%);
}

.market-body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .27;
  background-image: radial-gradient(rgba(108, 189, 255, .4) .65px, transparent .65px);
  background-size: 28px 28px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}

.market-atmosphere { opacity: .58; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.market-header {
  position: sticky;
  top: 0;
  z-index: 60;
  border-bottom: 1px solid transparent;
  background: rgba(3, 7, 18, .64);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.market-header.scrolled { background: rgba(2, 6, 15, .92); border-color: rgba(98, 163, 255, .13); box-shadow: 0 18px 50px rgba(0, 0, 0, .28); }
.market-header-inner { width: min(calc(100% - 42px), var(--market-width)); height: 76px; margin: auto; display: grid; grid-template-columns: auto minmax(280px, 620px) auto; gap: 30px; align-items: center; }
.market-brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; }
.market-brand picture, .market-brand > img { width: 45px; height: 45px; flex: 0 0 45px; filter: drop-shadow(0 0 18px rgba(46, 120, 255, .35)); }
.market-brand img { width: 100%; height: 100%; object-fit: contain; }
.market-brand > span { display: grid; line-height: .9; letter-spacing: .055em; }
.market-brand strong { font-size: 1rem; font-weight: 1000; }
.market-brand small { margin-top: 6px; color: #57a3ff; font-size: .62rem; font-weight: 900; letter-spacing: .16em; }

.market-search { height: 44px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(150, 185, 230, .13); border-radius: 12px; padding: 0 11px 0 15px; background: rgba(255, 255, 255, .055); transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.market-search:focus-within { border-color: rgba(55, 142, 255, .75); background: rgba(18, 44, 82, .52); box-shadow: 0 0 0 4px rgba(30, 113, 255, .1); }
.market-search > span { color: #a8b8cb; font-size: 1.35rem; transform: rotate(-15deg); }
.market-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: white; font: inherit; font-size: .9rem; }
.market-search input::placeholder { color: #647790; }
.market-search kbd { padding: 4px 8px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; background: rgba(255,255,255,.05); color: #71839a; font: 700 .68rem/1 ui-sans-serif, system-ui; white-space: nowrap; }

.market-nav { display: flex; justify-content: flex-end; align-items: center; gap: 18px; white-space: nowrap; }
.market-nav > a:not(.announce-button):not(.icon-button):not(.account-button) { color: #aab8ca; font-size: .82rem; font-weight: 650; transition: color .18s ease; }
.market-nav > a:hover { color: white !important; }
.announce-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 42px; padding: 0 21px; border: 1px solid #3a8fff; border-radius: 11px; background: linear-gradient(135deg, #0876ff, #355ef6); color: white; box-shadow: 0 10px 28px rgba(15, 102, 255, .22); font-size: .84rem; font-weight: 850; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.announce-button:hover { transform: translateY(-2px); box-shadow: 0 15px 34px rgba(15, 102, 255, .34); filter: brightness(1.08); }
.icon-button { position: relative; display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; color: #b9c5d4; font-size: 1.2rem; }
.icon-button i { position: absolute; top: -3px; right: -2px; display: grid; min-width: 16px; height: 16px; place-items: center; padding: 0 4px; border: 2px solid #050a14; border-radius: 999px; background: #1681ff; color: white; font: 800 .58rem/1 system-ui; }
.account-button { display: flex; align-items: center; gap: 7px; color: #c5d2e1; font-size: .8rem; font-weight: 750; }
.account-button > span:first-child { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: rgba(36, 102, 205, .2); color: #7cb6ff; }
.market-menu, .market-mobile-nav { display: none; }

.market-main { position: relative; z-index: 2; }
.market-hero { position: relative; min-height: 620px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr); align-items: center; width: min(calc(100% - 42px), var(--market-width)); margin: 0 auto; padding: 76px 5% 44px; overflow: hidden; border-inline: 1px solid rgba(78, 142, 229, .05); }
.hero-grid-glow { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 72% 44%, rgba(14, 91, 203, .18), transparent 26rem), linear-gradient(rgba(82, 136, 219, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(82,136,219,.045) 1px, transparent 1px); background-size: auto, 56px 56px, 56px 56px; mask-image: linear-gradient(to right, transparent, black 45%, black 80%, transparent); }
.market-hero-copy { position: relative; z-index: 4; max-width: 780px; }
.market-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #61b6ff; font-size: .7rem; font-weight: 950; letter-spacing: .2em; text-transform: uppercase; }
.market-kicker > span { width: 30px; height: 1px; background: #45a9ff; box-shadow: 0 0 12px #1a8cff; }
.market-hero h1, .market-section-heading h2, .seller-cta h2 { margin: 0; color: #f3f8ff; font-weight: 1000; letter-spacing: -.055em; line-height: .98; }
.market-hero h1 { max-width: 760px; font-size: clamp(3.15rem, 5.5vw, 6rem); }
.market-hero h1 em, .market-section-heading h2 em, .seller-cta h2 em { color: #3d93ff; font-style: normal; text-shadow: 0 0 35px rgba(36, 124, 255, .22); }
.market-hero-copy > p:not(.market-kicker) { max-width: 670px; margin: 25px 0 0; color: #a2b3c7; font-size: clamp(1rem, 1.3vw, 1.16rem); line-height: 1.72; }
.hero-search-wrap { max-width: 700px; margin-top: 32px; }
.hero-search { position: relative; isolation: isolate; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 13px; align-items: center; min-height: 68px; padding: 8px 8px 8px 20px; border: 1px solid transparent; border-radius: 22px; background: linear-gradient(rgba(3, 11, 27, .94), rgba(5, 10, 26, .94)) padding-box, linear-gradient(100deg, #00e5ff, #247bff 48%, #975cff) border-box; box-shadow: 0 20px 55px rgba(0,0,0,.34), 0 0 22px rgba(0, 213, 255, .16), 0 0 42px rgba(99, 72, 255, .11), inset 0 1px rgba(255,255,255,.06); transition: transform .25s ease, box-shadow .25s ease; }
.hero-search::before { content: ""; position: absolute; z-index: -1; inset: -2px; border-radius: inherit; opacity: .38; background: linear-gradient(100deg, rgba(0,229,255,.8), rgba(37,113,255,.2) 46%, rgba(151,92,255,.78)); filter: blur(12px); animation: tempest-search-aura 3.2s ease-in-out infinite; pointer-events: none; }
.hero-search::after { content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: -30%; width: 22%; opacity: 0; background: linear-gradient(105deg, transparent, rgba(255,255,255,.2), transparent); filter: blur(3px); transform: skewX(-18deg); animation: tempest-search-scan 4.8s ease-in-out infinite; pointer-events: none; }
.hero-search:focus-within { transform: translateY(-2px); box-shadow: 0 24px 65px rgba(0,0,0,.38), 0 0 28px rgba(0, 226, 255, .25), 0 0 55px rgba(113, 78, 255, .18), inset 0 1px rgba(255,255,255,.08); }
.hero-search-icon,.hero-search-field,.hero-search button { position: relative; z-index: 1; }
.hero-search-icon { display: grid; width: 31px; height: 31px; place-items: center; color: #31e6ff; font-size: 1.72rem; line-height: 1; text-shadow: 0 0 16px rgba(0, 224, 255, .8); transform: rotate(-14deg); animation: tempest-search-icon 2.5s ease-in-out infinite; }
.hero-search-field { position: relative; display: block; min-width: 0; }
.hero-search input { position: relative; z-index: 2; width: 100%; min-width: 0; min-height: 44px; padding: 0; border: 0; outline: 0; background: none; color: white; caret-color: #38eaff; font: 750 clamp(.82rem, 1.2vw, 1rem)/1.3 inherit; }
.hero-search input::placeholder { color: #7589a2; }
.hero-search.is-typewriter-ready:not(.is-input-active):not(.has-search-value) input::placeholder { color: transparent; }
.hero-search-typewriter { position: absolute; z-index: 3; top: 50%; left: 0; max-width: 100%; overflow: hidden; color: #eaf8ff; font: 800 clamp(.82rem, 1.2vw, 1rem)/1.3 inherit; letter-spacing: .005em; text-overflow: clip; white-space: nowrap; transform: translateY(-50%); text-shadow: 0 0 12px rgba(64, 204, 255, .22); opacity: 0; pointer-events: none; transition: opacity .16s ease; }
.hero-search.is-typewriter-ready:not(.is-input-active):not(.has-search-value) .hero-search-typewriter { opacity: 1; }
.hero-search.is-typewriter-running:not(.is-input-active):not(.has-search-value) .hero-search-typewriter::after { content: ""; display: inline-block; width: 2px; height: 1.08em; margin-left: 4px; vertical-align: -.16em; border-radius: 4px; background: #44efff; box-shadow: 0 0 10px #2ddcff; animation: tempest-search-caret .72s steps(1,end) infinite; }
.hero-search button { align-self: stretch; min-width: 100px; padding: 0 24px; border: 1px solid rgba(123, 220, 255, .45); border-radius: 15px; background: linear-gradient(135deg, #008cff, #315af1 58%, #754bff); color: white; box-shadow: 0 8px 24px rgba(25, 105, 255, .28), inset 0 1px rgba(255,255,255,.18); font: 900 .84rem/1 inherit; cursor: pointer; transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; }
.hero-search button:hover { transform: translateY(-1px); filter: brightness(1.12); box-shadow: 0 11px 30px rgba(25,105,255,.4), inset 0 1px rgba(255,255,255,.22); }
.hero-search button:focus-visible { outline: 2px solid #8eeeff; outline-offset: 3px; }
@keyframes tempest-search-aura { 0%,100%{opacity:.26;transform:scale(.995)} 50%{opacity:.58;transform:scale(1.006)} }
@keyframes tempest-search-scan { 0%,58%{left:-30%;opacity:0} 66%{opacity:.5} 86%,100%{left:112%;opacity:0} }
@keyframes tempest-search-icon { 0%,100%{transform:rotate(-14deg) scale(1)} 50%{transform:rotate(-8deg) scale(1.1)} }
@keyframes tempest-search-caret { 0%,48%{opacity:1} 49%,100%{opacity:0} }
.popular-searches { display: flex; flex-wrap: wrap; gap: 8px; margin: 13px 4px 0; color: #697e99; font-size: .74rem; }
.popular-searches button { border: 0; padding: 0; background: none; color: #9bb7da; font: inherit; cursor: pointer; }
.popular-searches button:hover { color: #57a8ff; }

.market-hero-art { position: relative; align-self: stretch; min-height: 500px; }
.hero-rimuru { position: absolute; z-index: 3; right: 11%; bottom: -44px; width: min(43vw, 415px); max-height: 570px; object-fit: contain; object-position: bottom; filter: drop-shadow(0 25px 30px rgba(0,0,0,.48)) drop-shadow(0 0 36px rgba(25, 118, 237, .18)); animation: market-character-float 5s ease-in-out infinite; }
.hero-orbit { position: absolute; z-index: 1; right: 3%; top: 14%; width: 430px; aspect-ratio: 1; border: 1px solid rgba(74, 154, 255, .13); border-radius: 50%; box-shadow: inset 0 0 80px rgba(35, 116, 230, .08), 0 0 80px rgba(13, 72, 161, .08); animation: market-orbit-spin 22s linear infinite; }
.hero-orbit::before, .hero-orbit::after { content: ""; position: absolute; inset: 12%; border: 1px dashed rgba(86, 171, 255, .12); border-radius: inherit; }
.hero-orbit::after { inset: 27%; border-style: solid; box-shadow: 0 0 28px rgba(26, 112, 255, .13); }
.orbit-b { right: 14%; top: 30%; width: 270px; animation-direction: reverse; animation-duration: 15s; }
.hero-market-card { position: absolute; z-index: 5; display: grid; min-width: 230px; padding: 15px 18px; border: 1px solid rgba(96, 166, 255, .22); border-radius: 15px; background: rgba(4, 13, 30, .82); box-shadow: 0 18px 40px rgba(0,0,0,.28); backdrop-filter: blur(14px); }
.hero-market-card small { color: #5faeff; font-size: .57rem; font-weight: 950; letter-spacing: .18em; }
.hero-market-card strong { margin-top: 6px; font-size: .85rem; }
.hero-market-card span { margin-top: 4px; color: #7e94ad; font-size: .68rem; }
.card-one { top: 22%; left: 2%; animation: market-card-float 4.4s ease-in-out infinite; }
.card-two { right: 0; bottom: 19%; animation: market-card-float 5.2s .8s ease-in-out infinite; }

.market-strip { position: relative; z-index: 5; display: grid; grid-template-columns: repeat(4, 1fr); width: min(calc(100% - 42px), var(--market-width)); margin: 0 auto 88px; border-block: 1px solid rgba(85, 146, 229, .11); background: rgba(3, 9, 21, .62); }
.market-strip > div { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; gap: 2px 12px; padding: 21px 28px; border-right: 1px solid rgba(85,146,229,.1); }
.market-strip > div:last-child { border-right: 0; }
.market-strip span { grid-row: 1 / 3; align-self: center; display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: rgba(30, 116, 238, .12); color: #58a8ff; }
.market-strip strong { font-size: .76rem; }
.market-strip small { color: #657b95; font-size: .66rem; }

.market-section, .official-sellers, .seller-cta { position: relative; z-index: 4; width: min(calc(100% - 42px), var(--market-width)); margin-inline: auto; }
.market-section { margin-bottom: 100px; }
.market-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 30px; }
.market-section-heading h2, .seller-cta h2 { font-size: clamp(2rem, 3.6vw, 3.65rem); }
.market-section-heading > div > p:not(.market-kicker) { max-width: 650px; margin: 13px 0 0; color: #7f92aa; font-size: .88rem; line-height: 1.6; }
.market-section-heading > a { flex: 0 0 auto; color: #91a8c4; font-size: .78rem; font-weight: 750; }
.market-section-heading > a span { margin-left: 8px; color: #3e99ff; }

.game-tabs { display: flex; gap: 9px; margin-bottom: 27px; overflow-x: auto; scrollbar-width: none; }
.game-tabs::-webkit-scrollbar { display: none; }
.game-tabs button { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; min-height: 42px; padding: 0 17px; border: 1px solid rgba(121,160,207,.15); border-radius: 999px; background: rgba(7,15,29,.72); color: #8094ad; font: 800 .69rem/1 inherit; cursor: pointer; transition: .18s ease; }
.game-tabs button:hover { color: white; border-color: rgba(63,145,255,.45); }
.game-tabs button.active { border-color: #398cff; background: #f3f7fc; color: #081120; box-shadow: 0 0 0 3px rgba(54,143,255,.13); }
.game-tabs button span { font-size: .9rem; }

.listing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.listing-card { min-width: 0; overflow: hidden; border: 1px solid var(--market-border); border-radius: 18px; background: linear-gradient(145deg, rgba(9, 19, 38, .94), rgba(4, 10, 22, .94)); box-shadow: 0 20px 50px rgba(0,0,0,.18); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.listing-card:hover { transform: translateY(-6px); border-color: rgba(67, 148, 255, .45); box-shadow: 0 28px 65px rgba(0,0,0,.3), 0 0 34px rgba(25,103,219,.08); }
.listing-card[hidden] { display: none; }
.listing-media { position: relative; display: flex; min-height: 178px; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.06); isolation: isolate; }
.listing-media::before { content: ""; position: absolute; inset: -50%; z-index: -1; background: conic-gradient(from 90deg, transparent, rgba(78,163,255,.14), transparent 35%); animation: listing-aura 12s linear infinite; }
.listing-media::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .35; background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 24px 24px; mask-image: radial-gradient(circle, black, transparent 75%); }
.listing-media strong { font-size: clamp(1.45rem, 2.3vw, 2.25rem); font-style: italic; letter-spacing: -.05em; line-height: .85; text-align: center; text-shadow: 0 8px 24px rgba(0,0,0,.45); }
.listing-media strong i { color: #4ca0ff; font-style: inherit; }
.listing-media > small { margin-top: 11px; color: rgba(228,241,255,.68); font-size: .65rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.media-roblox { background: radial-gradient(circle at 50% 70%, #143f89, transparent 50%), linear-gradient(135deg, #071224, #061b43); }
.media-ui { background: radial-gradient(circle at 20% 0, #5c2ba8, transparent 55%), linear-gradient(145deg, #0c0c23, #151044); }
.media-valorant { background: radial-gradient(circle at 20% 30%, #9b243b, transparent 55%), linear-gradient(145deg, #15070e, #310d19); }
.media-minecraft { background: radial-gradient(circle at 60% 10%, #2c8d67, transparent 55%), linear-gradient(145deg, #071b17, #0b3126); }
.media-freefire { background: radial-gradient(circle at 60% 30%, #bc5418, transparent 55%), linear-gradient(145deg, #190d08, #3b1b0a); }
.media-fortnite { background: radial-gradient(circle at 50% 10%, #285cb0, transparent 50%), linear-gradient(145deg, #100b2f, #0c2451); }
.listing-badge { position: absolute; top: 13px; left: 13px; padding: 6px 9px; border: 1px solid rgba(83,163,255,.48); border-radius: 7px; background: rgba(9,74,160,.42); color: #9fcaff; font-size: .52rem; font-weight: 950; letter-spacing: .11em; }
.listing-badge.service { border-color: rgba(152,104,255,.44); background: rgba(79,38,148,.42); color: #cbb1ff; }
.api-empty-state{grid-column:1/-1;display:grid;place-items:center;min-height:180px;padding:24px;border:1px dashed rgba(104,158,226,.3);border-radius:16px;color:#8093aa;text-align:center}.api-empty-state strong{color:#e7f2ff}.api-empty-state span{margin-top:6px;font-size:.72rem}
.listing-content { padding: 18px 19px 19px; }
.listing-meta { display: flex; justify-content: space-between; gap: 15px; color: #558dc9; font-size: .63rem; font-weight: 800; text-transform: uppercase; }
.listing-meta small { color: #74869d; font: inherit; }
.listing-content h3 { min-height: 46px; margin: 10px 0 7px; color: #edf5ff; font-size: .97rem; line-height: 1.42; }
.listing-content h3 a:hover { color: #69afff; }
.listing-content > p { min-height: 38px; margin: 0; color: #71859d; font-size: .72rem; line-height: 1.55; }
.seller-line { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; margin-top: 17px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.055); }
.seller-avatar, .official-avatar { display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #116fe2, #0a326f); color: white; font-weight: 950; }
.seller-avatar { width: 34px; height: 34px; font-size: .65rem; }
.seller-avatar.violet { background: linear-gradient(135deg,#8244e9,#39217b); }.seller-avatar.red { background: linear-gradient(135deg,#e34b5c,#741a2d); }.seller-avatar.green { background: linear-gradient(135deg,#22a46f,#0c5138); }.seller-avatar.orange { background: linear-gradient(135deg,#e87828,#713612); }.seller-avatar.cyan { background: linear-gradient(135deg,#16a4cc,#0a536f); }
.seller-line > div { display: grid; gap: 2px; }
.seller-line strong { font-size: .7rem; }
.seller-line small { color: #72859d; font-size: .6rem; }
.seller-line > i { color: #4b9cff; font-size: .5rem; font-style: normal; font-weight: 950; letter-spacing: .1em; }
.listing-price { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 15px; }
.listing-price span { color: #657990; font-size: .62rem; }
.listing-price strong { color: white; font-size: 1.16rem; letter-spacing: -.03em; }
.empty-results { padding: 70px 24px; border: 1px dashed rgba(105,161,235,.22); border-radius: 18px; text-align: center; }
.empty-results > span { color: #428dff; font-size: 2.4rem; }.empty-results h3 { margin: 12px 0 4px; }.empty-results p { margin: 0; color: #71849d; }

.category-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
.category-grid > a { display: grid; min-height: 160px; align-content: center; justify-items: start; padding: 20px; border: 1px solid var(--market-border); border-radius: 16px; background: rgba(7,15,30,.76); transition: .2s ease; }
.category-grid > a:hover { transform: translateY(-4px); border-color: rgba(67,149,255,.42); background: rgba(10,25,49,.9); }
.category-icon { display: grid; width: 44px; height: 44px; margin-bottom: 17px; place-items: center; border-radius: 12px; background: rgba(29,115,241,.15); color: #60abff; font-size: 1.1rem; }
.category-icon.violet { background:rgba(116,68,220,.15);color:#aa83ff}.category-icon.cyan{background:rgba(22,162,205,.15);color:#69dcff}.category-icon.indigo{background:rgba(78,82,211,.15);color:#999cff}.category-icon.green{background:rgba(27,157,104,.15);color:#66e3ab}.category-icon.orange{background:rgba(213,105,31,.15);color:#ffae72}
.category-icon img,.game-card-symbol img{display:block;width:100%;height:100%;object-fit:cover}.category-icon.has-image,.game-card-symbol.has-image{overflow:hidden;padding:0;background:#07101d;color:transparent}.listing-media.has-image{background:#050a12}.listing-media.has-image::before,.listing-media.has-image::after{opacity:.16}.listing-media-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.listing-media.has-image::after{background:linear-gradient(180deg,rgba(2,5,12,.05),rgba(2,5,12,.72));opacity:1;mask-image:none}.listing-media.has-image strong,.listing-media.has-image>small{text-shadow:0 3px 16px rgba(0,0,0,.95)}
.category-grid strong { font-size: .8rem; }.category-grid small { margin-top: 6px; color: #687d96; font-size: .64rem; }

.official-sellers { margin-bottom: 100px; padding: 54px 0; border-block: 1px solid rgba(91,148,226,.1); }
.seller-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 14px; }
.official-seller-card { display: grid; justify-items: center; min-height: 240px; align-content: center; padding: 22px 16px; border: 1px solid rgba(122,169,227,.13); border-radius: 18px; background: rgba(5,12,25,.72); text-align: center; transition: .2s ease; }
.official-seller-card:hover { transform: translateY(-5px); border-color: rgba(65,147,255,.4); background: rgba(8,19,38,.92); }
.official-avatar { position: relative; width: 70px; height: 70px; margin-bottom: 14px; font-size: 1rem; box-shadow: 0 12px 28px rgba(0,0,0,.32); }
.official-avatar i { position:absolute; right:2px; bottom:2px; width:13px; height:13px; border:3px solid #07101f; border-radius:50%; background:#3bd78f; }.official-avatar i.offline{background:#f25868}
.violet-avatar{background:linear-gradient(135deg,#7441d6,#281553)}.green-avatar{background:linear-gradient(135deg,#1b9d68,#073c2a)}.cyan-avatar{background:linear-gradient(135deg,#159cbf,#063d50)}.red-avatar{background:linear-gradient(135deg,#d74355,#5d1424)}
.official-seller-card > strong { font-size: .84rem; }.official-seller-card > small { margin-top: 5px; color:#6e839c;font-size:.65rem}.official-seller-card > em { margin-top: 12px; color:#9bacbf;font-size:.64rem;font-style:normal}.official-seller-card > b { margin-top: 14px;color:#4b9dff;font-size:.54rem;letter-spacing:.12em }

.seller-cta { display: block; margin-bottom: 110px; padding: clamp(34px,5vw,70px); overflow: hidden; border: 1px solid rgba(67,145,255,.22); border-radius: 26px; background: radial-gradient(circle at 90% 20%, rgba(44,118,228,.18), transparent 28rem), linear-gradient(140deg, rgba(8,22,45,.94), rgba(3,9,20,.94)); box-shadow: 0 30px 80px rgba(0,0,0,.26); }
.seller-cta > div:first-child { position: relative; z-index: 2; }.seller-cta > div > p:not(.market-kicker) { max-width:650px;margin:20px 0;color:#8fa2b8;line-height:1.65}.seller-cta ul { display:grid;gap:10px;margin:24px 0 30px;padding:0;list-style:none;color:#aab9ca;font-size:.76rem}.seller-cta li::before{content:"✓";display:inline-grid;width:18px;height:18px;margin-right:9px;place-items:center;border-radius:50%;background:rgba(39,137,255,.15);color:#50a5ff;font-size:.65rem}.announce-button.large{min-height:50px;width:max-content;padding-inline:26px}
.seller-cta > div { max-width: 820px; }
.category-grid > .api-empty-state { grid-column: 1 / -1; min-height: 150px; }

.market-footer { position:relative;z-index:4;border-top:1px solid rgba(94,151,225,.11);background:rgba(2,6,13,.78) }.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:50px;width:min(calc(100% - 42px),var(--market-width));margin:auto;padding:58px 0 40px}.footer-main>p{grid-column:1;margin:16px 0;color:#637990;font-size:.72rem}.footer-links{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links>div{display:grid;align-content:start;gap:10px}.footer-links strong{margin-bottom:5px;font-size:.72rem}.footer-links a{color:#70869f;font-size:.67rem}.footer-links a:hover{color:#51a1ff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;width:min(calc(100% - 42px),var(--market-width));margin:auto;padding:20px 0;border-top:1px solid rgba(255,255,255,.05);color:#50647b;font-size:.6rem}.search-feedback{position:fixed;left:-9999px}

@keyframes market-character-float{50%{transform:translateY(-9px)}}
@keyframes market-card-float{50%{transform:translateY(-7px)}}
@keyframes market-orbit-spin{to{transform:rotate(360deg)}}
@keyframes listing-aura{to{transform:rotate(360deg)}}
@keyframes bar-pulse{to{filter:brightness(1.28)}}

@supports (content-visibility: auto) { .market-section,.official-sellers,.seller-cta,.market-footer{content-visibility:auto;contain-intrinsic-size:auto 700px} }

@media (max-width: 1180px) {
  .market-header-inner { grid-template-columns: auto minmax(240px,1fr) auto; gap:18px }.market-nav>a:not(.announce-button):not(.icon-button):not(.account-button){display:none}.market-hero{grid-template-columns:1fr .72fr;padding-inline:2%}.hero-market-card{min-width:190px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,1fr)}.seller-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width: 820px) {
  .market-body{background-attachment:scroll}.market-header-inner{width:min(calc(100% - 24px),var(--market-width));height:66px;grid-template-columns:auto 1fr auto}.market-brand picture,.market-brand>img{width:39px;height:39px;flex-basis:39px}.market-brand>span{display:none}.market-search{display:none}.market-nav{gap:10px}.market-nav>a:not(.account-button){display:none}.account-button>span:last-child{display:none}.market-menu{display:grid;width:39px;height:39px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);align-content:center;gap:4px}.market-menu span{display:block;height:1.5px;border-radius:2px;background:#b7c7d9;transition:.2s}.market-menu.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.market-menu.open span:nth-child(2){opacity:0}.market-menu.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.market-mobile-nav{display:grid;position:absolute;top:66px;left:12px;right:12px;padding:8px;border:1px solid rgba(91,156,239,.18);border-radius:14px;background:rgba(3,9,20,.98);box-shadow:0 20px 50px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.market-mobile-nav.open{opacity:1;visibility:visible;transform:none}.market-mobile-nav a{padding:13px 14px;border-radius:9px;color:#a9b9cc;font-size:.78rem}.market-mobile-nav a:hover{background:rgba(31,112,225,.12);color:white}.market-hero{grid-template-columns:1fr;width:min(calc(100% - 24px),var(--market-width));padding:55px 4px 0}.market-hero-copy{text-align:center}.market-kicker{justify-content:center}.market-hero h1{font-size:clamp(3rem,12vw,5rem)}.market-hero-copy>p:not(.market-kicker){margin-inline:auto}.hero-trust,.popular-searches{justify-content:center}.market-hero-art{min-height:450px;margin-top:20px}.hero-rimuru{right:50%;width:360px;transform:translateX(50%);animation:market-character-float-mobile 5s ease-in-out infinite}.hero-orbit{right:50%;width:380px;transform:translateX(50%);animation:none}.orbit-b{width:240px}.card-one{left:2%;top:28%}.card-two{right:1%;bottom:12%}.market-strip{grid-template-columns:repeat(2,1fr);width:min(calc(100% - 24px),var(--market-width));margin-bottom:70px}.market-strip>div:nth-child(2){border-right:0}.market-strip>div:nth-child(-n+2){border-bottom:1px solid rgba(85,146,229,.1)}.market-section,.official-sellers,.seller-cta{width:min(calc(100% - 24px),var(--market-width))}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-grid{grid-template-columns:repeat(2,1fr)}.footer-main{width:min(calc(100% - 24px),var(--market-width));grid-template-columns:1fr}.footer-links{grid-column:1;grid-row:auto}.footer-main>p{grid-column:1}.footer-bottom{width:min(calc(100% - 24px),var(--market-width))}
}

@keyframes market-character-float-mobile{0%,100%{transform:translateX(50%)}50%{transform:translate(50%,-9px)}}

@media (max-width: 560px) {
  .market-hero{min-height:auto}.market-hero h1{font-size:2.8rem}.market-hero-copy>p:not(.market-kicker){font-size:.92rem}.hero-search{grid-template-columns:auto minmax(0,1fr);min-height:60px;padding:8px 9px 8px 14px;border-radius:18px;gap:9px}.hero-search-icon{width:27px;height:27px;font-size:1.5rem}.hero-search-typewriter,.hero-search input{font-size:.79rem}.hero-search button{grid-column:1/3;min-height:46px;border-radius:13px}.hero-trust{display:grid;gap:10px}.market-hero-art{min-height:390px}.hero-rimuru{width:290px;bottom:-20px}.hero-orbit{width:300px}.orbit-b{width:190px}.hero-market-card{min-width:155px;padding:12px}.hero-market-card strong{font-size:.72rem}.hero-market-card span{font-size:.58rem}.card-one{left:-5px}.card-two{right:-5px}.market-strip{grid-template-columns:1fr}.market-strip>div{border-right:0!important;border-bottom:1px solid rgba(85,146,229,.1)!important}.market-section-heading{align-items:flex-start}.market-section-heading>a{display:none}.listing-grid{grid-template-columns:1fr}.listing-content h3,.listing-content>p{min-height:0}.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid>a{min-height:135px;padding:16px}.seller-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.official-seller-card{flex:0 0 74%;scroll-snap-align:start}.seller-cta{padding:30px 20px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{display:grid;text-align:center;justify-content:center}
}

@media (prefers-reduced-motion: reduce) { .hero-rimuru,.hero-market-card,.hero-orbit,.listing-media::before{animation:none!important}html:not(.vfx-max) .hero-search::before,html:not(.vfx-max) .hero-search::after,html:not(.vfx-max) .hero-search-icon,html:not(.vfx-max) .hero-search-typewriter::after{animation:none!important}html:not(.vfx-max) .hero-search,html:not(.vfx-max) .hero-search button,html:not(.vfx-max) .hero-search-typewriter{transition:none!important} }

/* Catálogo */
.catalog-body { min-width: 320px; }
.catalog-main { position: relative; z-index: 3; padding-bottom: 105px; }
.catalog-main em { color: #3d93ff; font-style: normal; text-shadow: 0 0 35px rgba(36, 124, 255, .22); }
.catalog-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: clamp(34px, 6vw, 92px); align-items: center; width: min(calc(100% - 42px), var(--market-width)); min-height: 610px; margin: 0 auto; padding: 76px clamp(18px, 5vw, 76px) 70px; overflow: hidden; border-inline: 1px solid rgba(78, 142, 229, .05); }
.catalog-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 35%, rgba(31, 112, 235, .2), transparent 27rem), linear-gradient(rgba(82, 136, 219, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(82, 136, 219, .04) 1px, transparent 1px); background-size: auto, 58px 58px, 58px 58px; mask-image: linear-gradient(to right, transparent, black 30%, black 90%, transparent); }
.catalog-hero-copy { position: relative; z-index: 2; max-width: 800px; }
.catalog-back { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 42px; color: #7e94ad; font-size: .72rem; font-weight: 750; }
.catalog-back:hover { color: #62adff; }
.catalog-hero h1 { margin: 0; color: #f3f8ff; font-size: clamp(3.2rem, 5.2vw, 5.75rem); font-weight: 1000; letter-spacing: -.06em; line-height: .98; }
.catalog-hero-copy > p:not(.market-kicker) { max-width: 710px; margin: 24px 0 0; color: #9bacc1; font-size: clamp(.98rem, 1.25vw, 1.12rem); line-height: 1.75; }
.catalog-policy[hidden] { display: none !important; }

.roblox-spotlight { position: relative; z-index: 2; min-width: 0; padding: 34px; overflow: hidden; border: 1px solid rgba(75, 155, 255, .3); border-radius: 25px; background: radial-gradient(circle at 100% 0, rgba(55, 133, 255, .25), transparent 18rem), linear-gradient(145deg, rgba(9, 27, 57, .96), rgba(3, 10, 23, .96)); box-shadow: 0 35px 90px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.045); }
.roblox-spotlight::after { content: ""; position: absolute; right: -65px; bottom: -75px; width: 230px; aspect-ratio: 1; border: 1px solid rgba(78, 158, 255, .18); border-radius: 50%; box-shadow: 0 0 70px rgba(31, 114, 235, .14), inset 0 0 70px rgba(31,114,235,.12); pointer-events: none; }
.spotlight-rank { position: absolute; top: 23px; right: 25px; display: grid; justify-items: end; }
.spotlight-rank span { color: #e7f3ff; font-size: 1.35rem; font-weight: 1000; letter-spacing: -.05em; }
.spotlight-rank small { margin-top: 2px; color: #59a9ff; font-size: .5rem; font-weight: 950; letter-spacing: .14em; }
.spotlight-symbol { display: grid; width: 82px; height: 82px; margin-bottom: 30px; place-items: center; border: 1px solid rgba(97, 173, 255, .35); border-radius: 22px; background: linear-gradient(145deg, #2582f1, #123b86); color: white; box-shadow: 0 17px 38px rgba(12, 79, 177, .35), inset 0 1px rgba(255,255,255,.22); font-size: 2rem; font-weight: 1000; transform: rotate(-4deg); }
.roblox-spotlight h2 { max-width: 410px; margin: 0; color: #eef7ff; font-size: clamp(2rem, 3vw, 3.2rem); letter-spacing: -.055em; line-height: 1.03; }
.roblox-spotlight > p:not(.market-kicker) { max-width: 500px; margin: 18px 0 0; color: #91a7c0; font-size: .83rem; line-height: 1.7; }
.spotlight-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.spotlight-tags span { padding: 7px 10px; border: 1px solid rgba(101, 170, 255, .18); border-radius: 999px; background: rgba(26, 91, 176, .13); color: #9ec7f5; font-size: .57rem; font-weight: 800; }
.spotlight-policy { position: relative; z-index: 2; display: grid; gap: 5px; margin: 23px 0; padding: 14px 15px; border-left: 2px solid #4c9eff; border-radius: 0 10px 10px 0; background: rgba(1, 8, 19, .5); }
.spotlight-policy strong { color: #b9d8fb; font-size: .62rem; text-transform: uppercase; letter-spacing: .08em; }
.spotlight-policy span { color: #788ea8; font-size: .63rem; line-height: 1.55; }
.roblox-spotlight .announce-button { position: relative; z-index: 2; width: max-content; }

.catalog-shell { width: min(calc(100% - 42px), var(--market-width)); margin: 0 auto; padding: clamp(34px, 5vw, 70px); border: 1px solid rgba(95, 159, 239, .14); border-radius: 26px; background: linear-gradient(150deg, rgba(6, 16, 34, .91), rgba(2, 7, 16, .9)); box-shadow: 0 30px 80px rgba(0,0,0,.24); }
.catalog-heading { display: flex; justify-content: space-between; gap: 32px; align-items: flex-end; }
.catalog-heading h2, .catalog-policy h2 { margin: 0; color: #eff7ff; font-size: clamp(2.15rem, 4vw, 4.2rem); font-weight: 1000; letter-spacing: -.055em; line-height: 1; }
.catalog-heading > div:first-child > p:not(.market-kicker) { max-width: 730px; margin: 17px 0 0; color: #8297b0; font-size: .83rem; line-height: 1.65; }
.catalog-total { display: flex; flex: 0 0 auto; align-items: center; gap: 13px; padding: 15px 20px; border: 1px solid rgba(77, 153, 255, .2); border-radius: 14px; background: rgba(19, 62, 123, .13); }
.catalog-total strong { color: #5ca9ff; font-size: 2rem; line-height: 1; }
.catalog-total span { color: #7891ad; font-size: .58rem; font-weight: 800; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }

.catalog-search-panel { position: relative; display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; align-items: center; gap: 6px 14px; margin-top: 38px; padding: 15px 16px 12px 19px; border: 1px solid rgba(103, 166, 248, .2); border-radius: 16px; background: rgba(3, 10, 22, .86); transition: .2s ease; }
.catalog-search-panel:focus-within { border-color: rgba(58, 145, 255, .72); box-shadow: 0 0 0 4px rgba(30, 113, 255, .09), 0 20px 50px rgba(0,0,0,.22); }
.catalog-search-icon { grid-row: 1 / 3; color: #64aaff; font-size: 1.65rem; transform: rotate(-14deg); }
.catalog-search-panel label { color: #7d94b0; font-size: .58rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.catalog-search-panel input { min-width: 0; border: 0; outline: 0; background: none; color: #edf6ff; font: 700 1.05rem/1.35 inherit; }
.catalog-search-panel input::placeholder { color: #566c86; }
.catalog-search-panel small { grid-column: 2 / 4; color: #556b84; font-size: .58rem; }
.catalog-clear { grid-column: 3; grid-row: 1 / 3; min-height: 38px; padding: 0 14px; border: 1px solid rgba(112, 166, 232, .18); border-radius: 9px; background: rgba(255,255,255,.035); color: #91a7bf; font: 750 .64rem/1 inherit; cursor: pointer; }
.catalog-clear:hover { border-color: rgba(69, 150, 255, .5); color: white; }

.catalog-filter-wrap { margin-top: 29px; }
.catalog-filter-wrap > span { color: #6c829c; font-size: .58rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.catalog-filters { display: flex; gap: 8px; margin-top: 11px; padding-bottom: 5px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(77,145,232,.28) transparent; }
.catalog-filters button { flex: 0 0 auto; min-height: 39px; padding: 0 15px; border: 1px solid rgba(117, 165, 221, .14); border-radius: 999px; background: rgba(8, 17, 32, .76); color: #7e92aa; font: 800 .62rem/1 inherit; cursor: pointer; transition: .18s ease; }
.catalog-filters button:hover { border-color: rgba(60, 145, 255, .42); color: white; }
.catalog-filters button.active { border-color: #398cff; background: #eef6ff; color: #071120; box-shadow: 0 0 0 3px rgba(54,143,255,.12); }
.catalog-results-bar { display: flex; justify-content: space-between; gap: 20px; margin: 28px 0 17px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.055); }
.catalog-results-bar p { margin: 0; color: #a6bbd2; font-size: .7rem; font-weight: 750; }
.catalog-results-bar > span { color: #59728e; font-size: .58rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }

.game-catalog-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.game-catalog-item { min-width: 0; content-visibility: auto; contain-intrinsic-size: 78px; }
.game-catalog-card { position: relative; display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 78px; padding: 12px 13px; overflow: hidden; border: 1px solid rgba(107, 157, 219, .12); border-radius: 14px; background: rgba(7, 15, 29, .72); transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.game-catalog-card::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0; background: radial-gradient(circle at 0 50%, rgba(49, 133, 247, .16), transparent 65%); transition: opacity .18s ease; }
.game-catalog-card:hover { transform: translateY(-3px); border-color: rgba(65, 148, 255, .42); background: rgba(9, 22, 43, .9); box-shadow: 0 16px 34px rgba(0,0,0,.2); }
.game-catalog-card:hover::before { opacity: 1; }
.game-card-rank { width: 29px; color: #536b86; font-size: .56rem; font-weight: 900; letter-spacing: .04em; }
.game-card-symbol { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(85, 160, 255, .22); border-radius: 11px; background: linear-gradient(145deg, rgba(35, 113, 218, .32), rgba(10, 40, 88, .4)); color: #a9d2ff; font-size: .66rem; font-weight: 1000; letter-spacing: -.03em; }
.game-card-symbol-fps { border-color: rgba(248, 90, 105, .2); background: linear-gradient(145deg, rgba(157, 42, 56, .31), rgba(71, 12, 25, .35)); color: #ffb1b9; }
.game-card-symbol-rpg { border-color: rgba(148, 99, 255, .22); background: linear-gradient(145deg, rgba(92, 49, 176, .33), rgba(37, 17, 83, .4)); color: #cbb5ff; }
.game-card-symbol-mobile { border-color: rgba(40, 201, 181, .2); background: linear-gradient(145deg, rgba(24, 126, 117, .32), rgba(8, 58, 61, .38)); color: #99eee3; }
.game-card-symbol-sports { border-color: rgba(55, 211, 136, .2); background: linear-gradient(145deg, rgba(24, 133, 85, .32), rgba(6, 61, 38, .4)); color: #9df0c4; }
.game-card-symbol-strategy { border-color: rgba(244, 174, 70, .2); background: linear-gradient(145deg, rgba(151, 92, 25, .31), rgba(69, 34, 7, .4)); color: #ffd09a; }
.game-card-symbol-casual { border-color: rgba(76, 190, 244, .2); background: linear-gradient(145deg, rgba(26, 111, 157, .32), rgba(8, 45, 75, .4)); color: #ace4ff; }
.game-card-symbol-roblox { border-color: rgba(82, 160, 255, .42); background: linear-gradient(145deg, #2582f1, #123b86); color: white; box-shadow: 0 9px 22px rgba(15, 96, 203, .28); }
.game-card-copy { display: grid; min-width: 0; gap: 5px; }
.game-card-copy strong { overflow: hidden; color: #e6f0fb; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.game-card-copy small { overflow: hidden; color: #627a95; font-size: .55rem; text-overflow: ellipsis; white-space: nowrap; }
.game-card-arrow { color: #4f94e8; font-size: .8rem; transition: transform .18s ease; }
.game-catalog-card:hover .game-card-arrow { transform: translateX(3px); }
.game-catalog-item-featured { grid-column: span 2; }
.game-catalog-item-featured .game-catalog-card { grid-template-columns: auto auto minmax(0, 1fr) auto; min-height: 94px; border-color: rgba(67, 153, 255, .38); background: radial-gradient(circle at 100% 0, rgba(43, 125, 237, .18), transparent 18rem), linear-gradient(145deg, rgba(11, 38, 79, .95), rgba(5, 15, 33, .95)); }
.game-catalog-item-featured .game-card-symbol { width: 54px; height: 54px; font-size: .9rem; }
.game-catalog-item-featured .game-card-copy strong { font-size: .92rem; }
.game-card-policy { grid-column: 3 / 5; width: max-content; max-width: 100%; padding: 5px 8px; border-radius: 999px; background: rgba(49, 139, 255, .12); color: #78b6ff; font-size: .49rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.catalog-empty { padding: 72px 24px; border: 1px dashed rgba(105,161,235,.22); border-radius: 18px; text-align: center; }
.catalog-empty > span { color: #428dff; font-size: 2.4rem; }
.catalog-empty h3 { margin: 12px 0 5px; }
.catalog-empty p { margin: 0; color: #71849d; font-size: .75rem; }
.catalog-empty button { min-height: 40px; margin-top: 20px; padding: 0 16px; border: 1px solid #3d91ff; border-radius: 9px; background: rgba(29, 112, 227, .13); color: #a9d2ff; font: 800 .66rem/1 inherit; cursor: pointer; }

.catalog-policy { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: end; width: min(calc(100% - 42px), var(--market-width)); margin: 60px auto 0; padding: clamp(32px, 5vw, 62px); border: 1px solid rgba(68, 147, 255, .2); border-radius: 24px; background: radial-gradient(circle at 90% 50%, rgba(44, 118, 228, .16), transparent 25rem), rgba(5, 15, 32, .82); }
.catalog-policy h2 { max-width: 850px; font-size: clamp(2rem, 3.5vw, 3.6rem); }
.catalog-policy p:not(.market-kicker) { max-width: 850px; margin: 18px 0 0; color: #8499b1; font-size: .82rem; line-height: 1.7; }
.catalog-policy > a { display: inline-flex; gap: 12px; align-items: center; min-height: 46px; padding: 0 20px; border: 1px solid rgba(71, 151, 255, .4); border-radius: 11px; background: rgba(28, 104, 210, .12); color: #a9d2ff; font-size: .72rem; font-weight: 850; white-space: nowrap; }
.catalog-policy > a:hover { border-color: #4b9fff; background: rgba(37, 124, 240, .18); color: white; }

.catalog-main :is(a, button, input):focus-visible { outline: 2px solid #71b5ff; outline-offset: 3px; }

@media (max-width: 1180px) {
  .catalog-hero { grid-template-columns: 1fr .82fr; gap: 34px; padding-inline: 28px; }
  .game-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .catalog-hero { grid-template-columns: 1fr; padding-top: 55px; }
  .catalog-hero-copy { text-align: center; margin-inline: auto; }
  .catalog-hero-copy .market-kicker { justify-content: center; }
  .roblox-spotlight { width: min(100%, 650px); margin-inline: auto; }
  .catalog-heading { align-items: flex-start; }
  .game-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-policy { grid-template-columns: 1fr; align-items: start; }
  .catalog-policy > a { width: max-content; }
}

@media (max-width: 820px) {
  .catalog-header-search { display: none; }
  .catalog-main { padding-bottom: 75px; }
  .catalog-hero, .catalog-shell, .catalog-policy { width: min(calc(100% - 24px), var(--market-width)); }
  .catalog-hero { padding-inline: 10px; border-inline: 0; }
  .catalog-shell { padding: 28px 20px; border-radius: 20px; }
}

@media (max-width: 600px) {
  .catalog-hero h1 { font-size: clamp(2.8rem, 13vw, 4.2rem); }
  .catalog-back { margin-bottom: 32px; }
  .roblox-spotlight { padding: 26px 21px; }
  .spotlight-symbol { width: 68px; height: 68px; }
  .catalog-heading { display: grid; }
  .catalog-total { width: max-content; }
  .catalog-search-panel { grid-template-columns: auto 1fr; }
  .catalog-search-panel small { grid-column: 2; }
  .catalog-clear { grid-column: 1 / 3; grid-row: 3; margin-top: 5px; }
  .game-catalog-grid { grid-template-columns: 1fr; }
  .game-catalog-item-featured { grid-column: auto; }
  .game-catalog-item-featured .game-catalog-card { min-height: 104px; }
  .catalog-results-bar { align-items: flex-start; }
  .catalog-policy { padding: 30px 21px; }
}

@media (prefers-reduced-motion: reduce) {
  .game-catalog-card, .game-card-arrow { transition: none; }
  .game-catalog-card:hover { transform: none; }
}

/* Banner oficial enviado para a nova home de vendas. */
.market-hero.market-hero-banner {
  isolation: isolate;
  min-height: min(780px, calc(100vh - 72px));
  width: 100%;
  max-width: none;
  margin: 0;
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
  padding: 110px max(24px, calc((100vw - var(--market-width)) / 2)) 46px;
  border: 0;
  background-image:
    linear-gradient(180deg, rgba(1, 5, 13, .08), rgba(1, 5, 13, .2) 46%, rgba(1, 5, 13, .95) 100%),
    linear-gradient(90deg, rgba(1, 5, 13, .74), rgba(1, 5, 13, .12) 54%, rgba(1, 5, 13, .24)),
    url('/market-hero-banner.avif');
  background-size: cover;
  background-position: center;
}
.market-hero.market-hero-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(103, 177, 255, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(103, 177, 255, .09) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.82), transparent 72%);
}
.market-hero.market-hero-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 50% 35%, transparent 15%, rgba(0, 3, 10, .28) 76%, rgba(0, 3, 10, .72));
}
.market-hero-banner .hero-grid-glow { opacity: .22; mask-image: none; }
.hero-banner-panel {
  justify-self: center;
  width: min(690px, 100%);
  padding: 25px;
  border: 1px solid rgba(118, 190, 255, .25);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(2, 9, 22, .88), rgba(4, 17, 39, .7));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48), inset 0 1px rgba(255,255,255,.04);
  backdrop-filter: blur(14px);
}
.market-hero-banner h1 { font-size: clamp(2.7rem, 5vw, 5rem); }
.market-hero-banner .market-hero-copy > p:not(.market-kicker) { margin-top: 16px; color: #bccce0; }
.market-hero-banner .hero-search-wrap { margin-top: 22px; }
.market-hero-banner .hero-search { background: linear-gradient(rgba(3, 11, 27, .94), rgba(5, 10, 26, .94)) padding-box, linear-gradient(100deg, #00e5ff, #247bff 48%, #975cff) border-box; }
.market-info-grid {
  width: min(calc(100% - 42px), var(--market-width));
  margin: -20px auto 76px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  position: relative;
  z-index: 8;
}
.market-info-grid > a {
  min-height: 168px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(96, 158, 238, .2);
  border-radius: 17px;
  color: white;
  text-decoration: none;
  background-image: linear-gradient(180deg, rgba(2,8,19,.08), rgba(2,8,19,.9)), var(--info-art);
  background-size: cover;
  background-position: center;
  box-shadow: 0 18px 42px rgba(0,0,0,.24);
  transition: transform .25s ease, border-color .25s ease;
}
.market-info-grid > a::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(99,168,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(99,168,255,.08) 1px,transparent 1px);
  background-size: 28px 28px;
}
.market-info-grid > a:hover { transform: translateY(-5px); border-color: rgba(93,191,255,.65); }
.market-info-grid span { position: absolute; left: 16px; right: 16px; bottom: 15px; z-index: 2; }
.market-info-grid small,.market-info-grid strong,.market-info-grid em { display: block; }
.market-info-grid small { color: #68d7ff; font-size: .55rem; letter-spacing: .14em; font-weight: 900; }
.market-info-grid strong { margin-top: 5px; font-size: 1rem; }
.market-info-grid em { color: #9babc0; font-size: .62rem; font-style: normal; margin-top: 4px; }
@media (max-width: 1050px) {
  .market-hero.market-hero-banner { min-height: 700px; padding-bottom: 46px; }
  .market-info-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  .market-hero.market-hero-banner {
    min-height: 740px;
    padding: 370px 12px 48px;
    align-items: end;
    background-image:
      linear-gradient(180deg, rgba(1,5,13,.05), rgba(1,5,13,.28) 43%, rgba(1,5,13,.97) 72%),
      url('/market-hero-banner-mobile.avif');
    background-position: center top;
  }
  .hero-banner-panel { padding: 20px 14px; text-align: left; }
  .market-hero-banner .market-kicker,.market-hero-banner .hero-trust,.market-hero-banner .popular-searches { justify-content: flex-start; }
  .market-hero-banner h1 { font-size: clamp(2.3rem, 11.5vw, 3.7rem); }
  .market-info-grid { width: calc(100% - 24px); margin-top: 12px; margin-bottom: 58px; gap: 8px; }
  .market-info-grid > a { min-height: 142px; }
}
@media (max-width: 460px) {
  .market-hero.market-hero-banner { min-height: 760px; padding-top: 345px; }
  .market-hero-banner .hero-trust { grid-template-columns: 1fr; }
}
/* Utilities extraídas do HTML para manter o CSP sem unsafe-inline. */
.u-c710227cdc{--info-art:url('/market-art-comprar.avif');}
.u-0873d25bd3{--info-art:url('/market-art-regras.avif');}
.u-87ad70a73c{--info-art:url('/market-art-atendimentos.avif');}
.u-bd1f492619{--info-art:url('/market-art-termos.avif');}
.u-1c30f69a8e{--h: 35%;}
.u-e74d278124{--h: 58%;}
.u-4adbe8dc85{--h: 46%;}
.u-b73ac5dabf{--h: 82%;}
.u-4021091422{--h: 66%;}
.u-1ec7784f92{--h: 94%;}
.u-ad7b176ffa{--h: 76%;}

.api-section-count {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border: 1px solid rgba(105, 218, 255, .22);
  border-radius: 999px;
  background: rgba(5, 18, 42, .66);
  color: #9fdfff;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1;
  padding: 8px 11px;
}
.api-section-count { margin-top: 12px; }

.route-empty-state {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
}
.route-empty-state h1,
.route-empty-state p {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
}
.route-empty-state h1 {
  font-size: clamp(2rem, 8vw, 4rem);
  letter-spacing: -.055em;
  line-height: .98;
}
.route-empty-state .button { margin-top: 4px; }
.route-source-note { margin: 0 0 18px; }
.route-loading-state { min-height: 260px; display: grid; align-content: center; }
.category-route-shell { margin-top: 34px; }
.category-route-listings {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-top: 24px;
}
.market-app .button:disabled { cursor: not-allowed; opacity: .6; filter: saturate(.55); }
.public-interactions { margin-top: 18px; }
.public-interaction-list { display: grid; gap: 12px; margin-top: 16px; }
.public-question,
.public-review { display: grid; gap: 12px; padding: 18px; border: 1px solid rgba(100, 160, 235, .16); border-radius: 14px; background: rgba(6, 17, 35, .66); }
.public-question > p,
.public-review > p,
.public-answer > p,
.public-interaction-empty p { margin: 0; color: #a4b7ce; font-size: .78rem; line-height: 1.65; }
.public-interaction-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.public-interaction-meta strong { color: #e6f2ff; font-size: .72rem; }
.public-interaction-meta time,
.public-answer time { color: #7188a4; font-size: .64rem; }
.public-answer { display: grid; gap: 8px; padding: 14px; border-left: 2px solid #3d91ff; border-radius: 0 10px 10px 0; background: rgba(28, 93, 183, .1); }
.public-answer > strong { color: #83bfff; font-size: .68rem; }
.public-interaction-empty { display: grid; gap: 7px; min-height: 116px; align-content: center; padding: 18px; border: 1px dashed rgba(104, 158, 226, .25); border-radius: 13px; }
.public-interaction-empty strong { color: #e6f2ff; font-size: .78rem; }
.public-review.sentiment-positive { border-left: 3px solid #55d6a2; }
.public-review.sentiment-neutral { border-left: 3px solid #8ba3bf; }
.public-review.sentiment-negative { border-left: 3px solid #ff7a8b; }
.public-question-form { display: grid; gap: 12px; margin-top: 16px; padding: 16px; border: 1px solid rgba(74, 148, 242, .18); border-radius: 13px; background: rgba(5, 17, 37, .58); }
.public-question-form.compact { margin-top: 10px; padding: 12px; }
.public-question-form label { display: grid; gap: 8px; color: #dcecff; font-size: .7rem; font-weight: 800; }
.public-question-form textarea { width: 100%; resize: vertical; min-height: 88px; padding: 12px; border: 1px solid #223a5f; border-radius: 10px; outline: none; background: #071225; color: #eef7ff; font: 500 .76rem/1.55 inherit; }
.public-question-form textarea:focus { border-color: #4396ff; box-shadow: 0 0 0 3px rgba(67, 150, 255, .12); }
.public-question-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.public-mutation-status { margin: 0; color: #8196af; font-size: .65rem; line-height: 1.45; }
.public-mutation-status[data-state="success"] { color: #66deb0; }
.public-mutation-status[data-state="error"] { color: #ff9aab; }
.public-answer-control { margin-top: 4px; }
.public-answer-control summary { width: fit-content; cursor: pointer; color: #8bc3ff; font-size: .68rem; font-weight: 850; }
.seller-directory-summary { margin: -10px 0 22px; color: #8ba0ba; font-size: .76rem; }
.seller-directory-grid .api-empty-state { min-height: 240px; }

@media (max-width: 720px) {
  .route-empty-state { min-height: 220px; padding-inline: 0; }
  .route-empty-state h1 { font-size: clamp(2rem, 10vw, 3rem); }
  .category-route-shell { width: min(100% - 24px, 1180px); }
  .public-interaction-meta { align-items: flex-start; flex-direction: column; gap: 5px; }
  .public-question-actions { align-items: stretch; flex-direction: column; }
  .public-question-actions .button { width: 100%; justify-content: center; }
}