.market-wrap { max-width: 1160px; }
.market-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 24px; }
.market-heading .htitle { margin: 5px 0 8px; }
.market-note { padding: 14px 18px; border: 1px solid #ca9d5833; border-radius: 6px; color: #b6a694; background: #21131b; font-size: .8rem; margin-bottom: 25px; }
.market-note i { color: #d8b573; margin-right: 7px; }
.market-tabs { display: flex; gap: 24px; border-bottom: 1px solid #ffffff10; margin-bottom: 24px; }
.market-tabs button { border: 0; border-bottom: 2px solid transparent; padding: 12px 2px; background: none; color: #96909d; font: inherit; font-weight: 600; cursor: pointer; }
.market-tabs button.is-selected { color: #f0d29b; border-bottom-color: #c14060; }
.market-form { padding: 26px; margin-bottom: 24px; border: 1px solid #cba56b55; border-radius: 10px; background: linear-gradient(130deg,#25131e,#0e1119); }
.market-form-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.market-form h3 { font-family: var(--font-title); color: #efd5a1; }
.market-help { color: #a59baa; font-size: .82rem; margin: 12px 0 20px; }
.market-form-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 0 18px; }
.market-filters { display: flex; align-items: flex-end; gap: 16px; }
.market-filters .field { flex: 1; }
.market-filters .market-search { flex: 1.5; }
.market-wrap select,.market-wrap textarea { width: 100%; padding: 11px 13px; color: #ddd7df; border: 1px solid #ffffff1a; border-radius: 5px; background: #090c13; font: inherit; font-size: .85rem; }
.market-wrap textarea { resize: vertical; }
.market-wrap select:focus,.market-wrap textarea:focus { outline: 1px solid #d9b575; border-color: #d9b575; }
.market-message { color: #cfb587; font-size: .8rem; min-height: 25px; margin: 5px 0 16px; }
.market-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.market-empty { grid-column: 1/-1; padding: 55px 24px; text-align: center; border: 1px dashed #cba56b35; border-radius: 10px; background: #0e1018aa; }
.market-empty>i { color: #aa895e; font-size: 2rem; margin-bottom: 18px; }
.market-empty h3 { color: #dac9aa; font-family: var(--font-title); font-size: 1.1rem; margin-bottom: 10px; }
.market-empty p { color: #928b99; font-size: .83rem; }
.market-item { padding: 22px; border: 1px solid #c49c502e; border-radius: 10px; background: linear-gradient(145deg,#21141e,#0b1018); overflow-wrap: anywhere; }
.market-item-top { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; }
.market-item-top>i { font-size: 1.5rem; color: #dab87a; }
.market-category { color: #bc9f77; font-size: .64rem; letter-spacing: 1px; text-transform: uppercase; }
.market-item h3 { font-family: var(--font-title); color: #eadbbf; font-size: 1rem; margin-bottom: 15px; }
.market-price { font-family: var(--font-ui); font-size: 1.3rem; color: #edc67a; font-weight: 700; }
.market-seller { font-size: .72rem; color: #97909e; margin: 8px 0 18px; }
.market-details { font-size: .8rem; color: #b0a5b4; margin-bottom: 20px; }
.market-details summary { cursor: pointer; color: #ceb489; }
.market-details p { margin-top: 10px; white-space: pre-wrap; }
.market-item-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #ffffff0c; padding-top: 14px; font-size: .64rem; }
.market-active { color: #9bb89d; }.market-cancelled { color: #9e8997; }
.market-cancel { background: none; border: 0; color: #ce8d9e; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.dashboard-market-link { text-decoration: none; }
.dashboard-tabs { grid-template-columns: repeat(6,minmax(0,1fr)); }
@media(max-width:1100px) { .dashboard-tabs { grid-template-columns: repeat(6,minmax(165px,1fr)); overflow-x: auto; } }
@media(max-width:800px) { .market-list { grid-template-columns: repeat(2,minmax(0,1fr)); }.market-heading { align-items: flex-start; flex-direction: column; } }
@media(max-width:550px) { .market-list,.market-form-grid { grid-template-columns: minmax(0,1fr); }.market-filters { flex-direction: column; align-items: stretch; gap: 0; }.market-form { padding: 20px; } }

/* Mercado Loyalty: vitrine contemporânea em ouro e vinho. */
#s-market { padding-top: 32px; }
.market-wrap { max-width: 1240px; }
.market-heading { position: relative; overflow: hidden; padding: 40px 44px; min-height: 310px; border: 1px solid #cd9d5e30; border-radius: 20px; background: radial-gradient(ellipse at 95% 20%,#92274742,transparent 65%),linear-gradient(120deg,#19131c,#10121b); margin-bottom: 22px; }
.market-hero-copy { position: relative; z-index: 2; max-width: 650px; }
.market-heading .hkick { display: inline-flex; align-items: center; gap: 8px; color: #c6a97a; font-size: .61rem; letter-spacing: 2px; }
.market-live-dot { width: 5px; height: 5px; border-radius: 50%; background: #da526f; }
.market-heading .htitle { font-family: var(--font-ui); font-size: clamp(2rem,3.5vw,3.1rem); line-height: 1.14; letter-spacing: -1.2px; font-weight: 600; color: #f1e9df; margin: 17px 0; }
.market-heading .htitle em { font-style: normal; color: #e5bd78; }
.market-heading .hlede { font-size: .9rem; color: #aaa3b1; line-height: 1.7; max-width: 490px; }
.market-hero-actions { display: flex; align-items: center; gap: 20px; margin-top: 25px; }
.market-hero-actions #market-new { color: #281a0e; background: linear-gradient(115deg,#e8c98d,#c39953); border: 1px solid #f5d69d; border-radius: 8px; padding: 11px 20px; box-shadow: none; }
.market-hero-actions #market-new:hover { background: #f0d6a5; transform: translateY(-2px); }
.market-hero-actions>span { font-size: .71rem; color: #88818f; }.market-hero-actions b { color: #bba789; font-weight: 500; }
.market-hero-art { position: relative; flex: 0 0 310px; height: 260px; margin-right: 8px; }
.market-hero-art::before { content: ''; position: absolute; inset: 5%; background: radial-gradient(ellipse at 20% 50%,#d5355d21,transparent 65%),radial-gradient(ellipse at 85% 60%,#dba84c16,transparent 60%); filter: blur(12px); }
.market-wing-emblem,.market-star-emblem { position: absolute; display: flex; align-items: center; flex-direction: column; }
.market-wing-emblem { width: 170px; left: -4px; top: 12px; transform: rotate(-3deg); transition: transform .65s ease; }
.market-wing-svg { width: 170px; height: 190px; overflow: visible; filter: drop-shadow(0 8px 10px #0005); }
.market-wing-echo { position: absolute; top: 0; left: 0; width: 170px; height: 190px; opacity: 0; transform-origin: 25px 170px; transform: rotate(-5deg) scaleX(.8); transition: opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1); pointer-events: none; filter: drop-shadow(0 3px 10px #d92d5533); }
.market-wing-emblem:hover .market-wing-echo { opacity: .85; transform: translateX(-8px) rotate(-38deg) scaleX(.95); }
.market-wing-feathers { transform-origin: 25px 170px; transition: transform .65s cubic-bezier(.22,1,.36,1); }
.market-wing-emblem:hover { transform: translateX(-12px) rotate(-11deg); }
.market-wing-emblem:hover .market-wing-feathers { transform: rotate(14deg) scaleX(1.15); }
.market-star-emblem { width: 148px; right: -7px; top: 77px; }
.market-star-svg { width: 148px; height: 148px; overflow: visible; filter: drop-shadow(0 0 15px #e3ae4560); transform-origin: center; }
.market-star-emblem:hover .market-star-svg { animation: stellarHoverSpin 4s linear infinite; }
.market-star-svg.market-stellar-reference { width: 180px; height: 180px; object-fit: cover; filter: drop-shadow(0 0 9px #42c3be35); }
.market-category-item-image { width: 36px; height: 36px; object-fit: cover; flex-shrink: 0; }
.character-fields { border: 1px solid #d2ad6533; border-radius: 10px; padding: 20px; margin: 10px 0 24px; min-width: 0; }
.character-fields legend { color: #e7c88e; font-size: .85rem; padding: 0 9px; }
.character-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 16px; }
.character-preview-label { color: #ceb382; font-size: .8rem; margin-bottom: 12px; }
.character-preview { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 18px; padding: 18px; border: 1px solid #d2ad6526; border-radius: 12px; background: #090e17; }
.character-stage { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: radial-gradient(ellipse,#8a29402e,transparent 70%); }
.character-stage svg { height: 210px; max-width: 100%; }
.character-stage strong { color: #e2c48b; font-size: .9rem; overflow-wrap: anywhere; }
.character-stage span { color: #aaa1b0; font-size: .67rem; margin-top: 5px; }
.character-stage small { font-size: .45rem; letter-spacing: 1.3px; color: #746d7e; margin: 12px 0; }
.character-equipment { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.character-slot { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px; border: 1px solid #ffffff0d; border-radius: 7px; background: #171520; }
.character-slot>i { color: #bc9c69; width: 23px; text-align: center; flex-shrink: 0; }
.character-slot small { display: block; color: #8c8196; font-size: .59rem; }
.character-slot strong { display: block; color: #cec2c9; font-weight: 500; font-size: .72rem; margin-top: 4px; overflow-wrap: anywhere; }
.market-item .character-preview { grid-template-columns: 1fr; padding: 12px; }
.market-item .character-stage svg { height: 155px; }
@media(min-width:951px) { .market-categories { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .character-form-grid,.character-preview { grid-template-columns: 1fr; }.character-fields { padding: 14px; }.character-slot { padding: 9px; } }
@keyframes stellarHoverSpin { to { transform: rotate(360deg); } }
.market-wing-emblem>span,.market-star-emblem>span { font-size: .54rem; letter-spacing: 2px; color: #c2a78b; margin-top: 13px; }
.market-emblem-spark { position: absolute; color: #ffe4ae; font-size: 1.25rem; pointer-events: none; opacity: 0; transition: opacity .4s ease; }
.market-hero-art:has(.market-wing-emblem:hover) .market-emblem-spark,.market-hero-art:has(.market-star-emblem:hover) .market-emblem-spark { opacity: .8; }
.market-emblem-spark-one { right: 16px; top: 60px; }.market-emblem-spark-two { left: 118px; bottom: 25px; font-size: .7rem; animation-delay: 2s; }
@keyframes arcaneWingFloat { 0%,100% { transform: translateY(5px) rotate(-4deg); } 50% { transform: translateY(-8px) rotate(2deg); } }
@keyframes arcaneWingBeat { 0%,100% { transform: rotate(0) scaleX(1); } 50% { transform: rotate(-5deg) scaleX(.94); } }
@keyframes stellarStarFloat { 0%,100% { transform: translateY(-4px) rotate(-5deg); } 50% { transform: translateY(9px) rotate(5deg); } }
@keyframes stellarStarGlow { 0%,100% { filter: drop-shadow(0 0 10px #e3ae4538); } 50% { filter: drop-shadow(0 0 20px #e3ae4570); } }
@keyframes stellarSpark { 0%,100% { opacity: .2; transform: scale(.7); } 50% { opacity: .9; transform: scale(1); } }
.market-categories { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-bottom: 24px; }
.market-categories button { display: flex; align-items: center; gap: 14px; text-align: left; background: #13141d; color: #d4c9ba; padding: 20px 17px; border: 1px solid #ffffff0b; border-radius: 12px; font: inherit; cursor: pointer; transition: border-color .2s,background .2s; }
.market-categories button>i { color: #c9a76b; font-size: 1.4rem; width: 28px; flex-shrink: 0; }.market-categories button:nth-child(2)>i { color: #c76e89; }
.market-categories button>span:first-of-type { font-size: .85rem; font-weight: 500; }.market-categories small { display: block; font-size: .62rem; font-weight: 400; color: #797482; margin-top: 4px; }
.market-categories button>span:last-child { color: #716572; font-size: 1rem; margin-left: auto; }
.market-categories button:hover,.market-categories button.is-selected { border-color: #d3ab6859; background: #22151f; }
.market-note { background: none; border: 0; border-left: 2px solid #a76a534d; color: #89808e; padding: 5px 12px; font-size: .7rem; margin-bottom: 24px; }
.market-tabs { display: inline-flex; gap: 4px; border: 1px solid #ffffff0a; background: #0c1017; padding: 5px; border-radius: 9px; margin-bottom: 18px; }
.market-tabs button { padding: 9px 17px; font-size: .8rem; border: 0; border-radius: 6px; font-weight: 500; }
.market-tabs button.is-selected { color: #edcf97; background: #36202c; }
.market-filters { padding: 18px 20px 0; border: 1px solid #ffffff0c; border-radius: 12px; background: #11141c; gap: 18px; }
.market-wrap .field label { text-transform: none; font-size: .7rem; font-weight: 500; color: #a69baa; letter-spacing: .2px; }
.market-wrap input,.market-wrap select,.market-wrap textarea { border: 1px solid #ffffff13; border-radius: 7px; background: #090d14; font-size: .83rem; padding: 12px 13px; }
.market-form { border-radius: 15px; background: linear-gradient(125deg,#24151f,#10141d); border-color: #c8a16b3d; }
.market-form h3 { font-family: var(--font-ui); font-size: 1.2rem; font-weight: 600; }
.market-form .market-form-heading .btn { border: 0; background: #ffffff05; color: #a99aab; font-size: .75rem; }
.market-message { color: #928694; font-size: .73rem; margin-top: 17px; }
.market-empty { border: 1px solid #ffffff0a; border-radius: 16px; background: radial-gradient(ellipse at center,#63283a12,transparent 70%),#10131b; padding: 38px 24px; }
.market-empty>i { display: inline-grid; place-items: center; width: 55px; height: 55px; font-size: 1.4rem; border-radius: 50%; background: #c1984f0d; color: #bfa06e; margin-bottom: 14px; }
.market-empty h3 { font-family: var(--font-ui); color: #d5c9c4; font-size: 1.05rem; font-weight: 500; }
.market-empty p { font-size: .78rem; color: #807686; }
.market-item { padding: 24px; border-radius: 15px; border-color: #ffffff0c; background: linear-gradient(150deg,#1b1720,#0e131b); transition: border-color .2s; }
.market-item:hover { border-color: #c8a16b66; }
.market-item-top { position: relative; flex-direction: column; justify-content: center; min-height: 130px; border-radius: 10px; background: radial-gradient(ellipse,#8a334e24,transparent 75%),#0d1119; margin: -10px -10px 20px; gap: 15px; }
.market-item-top>i { font-size: 2.4rem; }.market-category { font-size: .55rem; color: #a99885; }
.market-item h3 { font-family: var(--font-ui); font-weight: 600; font-size: 1.08rem; }.market-price { font-size: 1.4rem; }
.market-wrap button:focus-visible { outline: 2px solid #e0bd7c; outline-offset: 3px; }
@media(max-width:950px) { .market-heading { padding: 30px; }.market-hero-art { flex-basis: 230px; transform: scale(.85); margin-right: -20px; }.market-categories { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) { .market-heading { flex-direction: row; align-items: center; }.market-hero-art { display: none; } }
@media(max-width:550px) { .market-heading { padding: 25px 22px; min-height: auto; border-radius: 14px; }.market-hero-actions { align-items: flex-start; flex-direction: column; gap: 12px; }.market-categories { gap: 8px; }.market-categories button { padding: 16px 12px; gap: 9px; }.market-categories small { display: none; }.market-categories button>span:first-of-type { font-size: .75rem; }.market-filters { padding: 16px 16px 0; } }
@media(prefers-reduced-motion:reduce) { .market-categories button,.market-item { transition: none; } }
@media(prefers-reduced-motion:reduce) { .market-wing-emblem,.market-star-emblem,.market-wing-feathers,.market-star-svg,.market-emblem-spark,.market-star-emblem:hover .market-star-svg { animation: none; transition: none; } .market-wing-emblem:hover,.market-wing-emblem:hover .market-wing-feathers { transform: none; } }
@media(prefers-reduced-motion:reduce) { .market-wing-echo { transition: none; } }
.market-reference-wings { top: 20px; width: 160px; height: 206px; transform: none; }
.market-reference-wings:hover { transform: none; }
.market-reference-wings>.market-wing-sprite {
  position: absolute;
  top: 14px;
  left: 36px;
  width: 88px;
  height: 160px;
  margin: 0;
  background-image: url('../assets/asa-arcana-referencia.png');
  background-size: 306px 160px;
  background-repeat: no-repeat;
  filter: drop-shadow(0 6px 9px #0007);
  transform-origin: 52px 35px;
  transition: transform .65s ease,opacity .5s ease;
}
.market-reference-wing-main { background-position: -155px 0; }
.market-reference-wing-echo { background-position: -67px 0; opacity: 0; }
.market-reference-wings:hover .market-reference-wing-main { transform: translateX(-12px) rotate(8deg); }
.market-reference-wings:hover .market-reference-wing-echo { opacity: 1; transform: translateX(42px) rotate(-8deg); }
.market-reference-wing-label { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.market-star-emblem { top: 20px; width: 160px; height: 206px; }
.market-star-svg.market-stellar-reference { width: 188px; height: 188px; }
.market-star-emblem>span { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; }
@media(prefers-reduced-motion:reduce) { .market-reference-wings>.market-wing-sprite { transition: none; } }