:root{--zeny-color: #60a5fa;--zeny-bg: rgba(96, 165, 250, .12);--zeny-border: rgba(96, 165, 250, .3);--cash-color: #f59e0b;--cash-bg: rgba(245, 158, 11, .12);--cash-border: rgba(245, 158, 11, .3);--refine-color: #60a5fa}.refine-badge{color:var(--refine-color);font-weight:800;margin-right:4px;text-shadow:0 0 10px rgba(96,165,250,.4)}.mercado-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(15px);background:#0f0f0fd9;color:#fff;padding:.6rem 1.25rem;border-radius:12px;font-size:.82rem;font-weight:600;box-shadow:0 10px 30px #00000080,inset 0 1px 1px #ffffff0d;border:1px solid rgba(255,102,0,.3);z-index:10000;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:none;backdrop-filter:blur(12px);letter-spacing:.3px;display:flex;align-items:center;gap:8px}.mercado-toast.show{opacity:1;transform:translate(-50%) translateY(0)}[hidden]{display:none!important}.mercado-page{flex:1;display:flex;flex-direction:column;position:relative}.mercado-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(5,5,5,.75),var(--color-primary-dark)),url(/images/hero.webp);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1}.mercado-main-container{padding-bottom:4rem;width:100%}.mercado-content-box{flex:1;background:#1e1e1e80;padding:1.5rem 2rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@media(max-width:768px){.mercado-content-box{padding:1.25rem 1rem}}.page-header{padding:2.5rem 0 3rem;text-align:center;position:relative;z-index:1}.page-header h1{font-size:2.5rem;margin-bottom:1.5rem;font-family:var(--font-heading);color:#fff;position:relative;display:inline-block}.page-header h1:after{content:"";position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);box-shadow:0 0 10px #ff660080}.page-header p{color:var(--color-text-main);font-size:.95rem;max-width:600px;margin:0 auto;opacity:.7;padding:0 1rem;line-height:1.6;font-family:var(--font-ui);letter-spacing:.02em;font-weight:500}.highlight{color:var(--color-accent);text-shadow:0 0 20px rgba(255,102,0,.3)}@media(max-width:768px){.page-header{padding:1.5rem 0 .5rem}.page-header h1{font-size:1.8rem;margin-bottom:1rem}}.mercado-filters{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:2rem}@media(max-width:900px){.mercado-filters{flex-direction:column;align-items:stretch}.filter-search{max-width:none}}.filter-search{position:relative;flex:1;min-width:200px;max-width:350px}.filter-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff40;pointer-events:none;z-index:2;transition:color .3s ease}#mercado-search{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9rem;padding:.6rem 2.8rem;outline:none;font-family:inherit;transition:all .3s ease}#mercado-search::placeholder{color:#fff3}#mercado-search:focus{border-color:var(--color-accent);background:#ff660008;box-shadow:0 0 15px #ff66001a}.filter-search:focus-within .filter-search-icon{color:var(--color-accent)}.search-clear-btn{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:color .2s;z-index:2}.search-clear-btn:hover{color:#fffc}.filter-type-group{display:flex;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:4px;position:relative;flex-shrink:0;backdrop-filter:blur(10px);box-shadow:inset 0 2px 8px #0006}.filter-indicator{position:absolute;top:4px;bottom:4px;left:4px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:11px;transition:all .4s cubic-bezier(.25,1,.5,1);z-index:0;box-shadow:0 4px 12px #0000004d}.filter-type-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.45rem 1.15rem;border-radius:11px;border:none;background:transparent;color:#fff6;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;min-width:85px}.filter-type-btn i{font-size:1.1rem;opacity:.6;transition:transform .3s ease}.filter-type-btn:hover{color:#ffffffb3}.filter-type-btn:hover i{transform:translateY(-1px)}.filter-type-btn.active{color:#fff}.filter-type-btn.active i{opacity:1;transform:scale(1.1)}.filter-type-btn.zeny-btn.active{color:#93c5fd}.filter-type-btn.cash-btn.active{color:#fcd34d}.filter-group:has(.zeny-btn.active) .filter-indicator{background:#60a5fa26;border-color:#60a5fa4d}.filter-group:has(.cash-btn.active) .filter-indicator{background:#f59e0b26;border-color:#f59e0b4d}.mode-filter-group:has([data-mode=vendas].active) .filter-indicator{background:#ff66001a;border-color:#f603}.mode-filter-group:has([data-mode=compras].active) .filter-indicator{background:#2dd4bf1a;border-color:#2dd4bf33}.filter-type-btn[data-mode=vendas].active{color:var(--color-accent)}.filter-type-btn[data-mode=compras].active{color:#2dd4bf}.mercado-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 1rem;color:#ffffff80}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,102,0,.15);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mercado-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1rem;gap:.75rem;color:#ffffff80}.mercado-error svg{color:#ff646480}.mercado-error h3{margin:0;color:#ffffffb3;font-size:1.1rem}.mercado-error p{margin:0;font-size:.9rem}.btn-retry{margin-top:.5rem;padding:.6rem 1.5rem;background:#ff660026;border:1px solid rgba(255,102,0,.3);border-radius:8px;color:var(--color-accent);font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.btn-retry:hover{background:#ff660040}.mercado-no-results{display:flex;flex-direction:column;align-items:center;padding:4rem 1rem;gap:.75rem;color:#fff6;text-align:center}.mercado-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1.5rem}@media(max-width:768px){.mercado-list{grid-template-columns:1fr}}.mercado-card{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;background:linear-gradient(135deg,#1e1e1ebf,#141414d9);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem 1.35rem;cursor:pointer;text-align:left;font-family:inherit;color:inherit;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .4s ease both;backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d,inset 0 1px 1px #ffffff0a}.mercado-card:after{content:"";position:absolute;inset:0;opacity:.03;transition:opacity .3s ease;pointer-events:none;z-index:0}.mercado-card.is-zeny{border-color:#60a5fa26}.mercado-card.is-zeny:after{background:radial-gradient(circle at top right,var(--zeny-color),transparent 70%);opacity:.1}.mercado-card.is-cash{border-color:#f59e0b26}.mercado-card.is-cash:after{background:radial-gradient(circle at top right,var(--cash-color),transparent 70%);opacity:.1}.mercado-card.is-both{border-color:#ffffff1f}.mercado-card.is-both:after{background:radial-gradient(circle at top right,#fff,transparent 70%);opacity:.06}.mercado-card:hover:after{opacity:.15}.mercado-card:hover{background:linear-gradient(135deg,#282828d9,#191919f2);transform:translateY(-4px);box-shadow:0 12px 30px #00000080,inset 0 1px 1px #ffffff14}.mercado-card.is-zeny:hover{border-color:#60a5fa59}.mercado-card.is-cash:hover{border-color:#f59e0b59}.mercado-card.is-both:hover{border-color:#ffffff40}.mercado-card:hover .card-arrow{color:var(--color-accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-image-area{width:44px;height:44px;background:#ffffff0a;border-radius:10px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px #0003;z-index:1}.premium-tags-container{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.35rem;z-index:2}.premium-tag{font-size:.58rem;font-weight:800;padding:3px 6px;border-radius:6px;letter-spacing:.5px;backdrop-filter:blur(5px);box-shadow:0 2px 5px #0000004d,inset 0 1px #ffffff1a;border-width:1px;border-style:solid;transition:transform .2s}.mercado-card:hover .premium-tag{transform:scale(1.05)}.premium-tag.zeny{background:#60a5fa26;color:#93c5fd;border-color:#60a5fa4d}.premium-tag.cash{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b4d}.card-item-img{width:auto;height:auto;max-width:32px;max-height:32px;object-fit:contain}.card-body{min-width:0}.card-info-side{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.card-id{font-size:.75rem;color:#ffffff80;margin-bottom:2px}.card-name{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.45rem}.card-badges{display:flex;gap:.3rem;margin-bottom:.45rem;flex-wrap:wrap}.shop-badge{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:.5px;text-transform:uppercase}.shop-badge.zeny{background:var(--zeny-bg);color:var(--zeny-color);border:1px solid var(--zeny-border)}.shop-badge.cash{background:var(--cash-bg);color:var(--cash-color);border:1px solid var(--cash-border)}.card-meta{display:flex;flex-wrap:wrap;gap:.35rem}.card-price-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;flex-shrink:0;margin-top:auto}.card-price-side .price-box{min-width:140px;text-align:right}.card-amount,.card-stores{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#ffffff73}.card-price{color:#ffdc78cc;font-weight:600}.card-arrow{color:#ffffff26;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;transition:color .2s}.mercado-pagination{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media(max-width:900px){.mercado-pagination{justify-content:center;margin:0 auto;padding-top:.25rem}}.mercado-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;inset:0;background:#000000a6;backdrop-filter:blur(4px);opacity:0;transition:opacity .28s ease}.modal-panel{position:relative;z-index:1;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:calc(100% - 2rem);margin:1rem;max-width:560px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:scale(.95) translateY(10px);transition:all .28s cubic-bezier(.32,.72,0,1)}@media(min-width:600px){.modal-panel{max-height:80vh;width:100%;margin:0}}.mercado-modal.is-open .modal-backdrop{opacity:1}.mercado-modal.is-open .modal-panel{opacity:1;transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.modal-item-info{display:flex;align-items:center;gap:.9rem;min-width:0}.modal-item-img{width:auto;height:auto;max-width:32px;max-height:32px;object-fit:contain;background:#ffffff0a;border-radius:10px;padding:0;flex-shrink:0;display:block}.modal-item-img-container{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0a;border-radius:10px;flex-shrink:0}.modal-item-id{font-size:.7rem;color:#ffffff80;display:block}.modal-item-name{margin:0;font-size:1.2rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.modal-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#ffffff80;cursor:pointer;flex-shrink:0;transition:all .2s}.modal-close-btn:hover{background:#ff3c3c1f;border-color:#ff3c3c40;color:#ff6464}.mdi{display:inline-block;width:1.2em;height:1.2em;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center}.mdi-basket{mask-image:url(https://api.iconify.design/mdi:basket.svg)}.mdi-magnify{mask-image:url(https://api.iconify.design/mdi:magnify.svg)}.mdi-close{mask-image:url(https://api.iconify.design/mdi:close.svg)}.mdi-view-list{mask-image:url(https://api.iconify.design/mdi:view-list.svg)}.mdi-currency-usd{mask-image:url(https://api.iconify.design/mdi:currency-usd.svg)}.mdi-wallet{mask-image:url(https://api.iconify.design/mdi:wallet.svg)}.mdi-alert-circle{mask-image:url(https://api.iconify.design/mdi:alert-circle.svg)}.mdi-coins{mask-image:url(https://api.iconify.design/mdi:coins.svg)}.mdi-package-variant-closed{mask-image:url(https://api.iconify.design/mdi:package-variant-closed.svg)}.mdi-storefront{mask-image:url(https://api.iconify.design/mdi:storefront.svg)}.mdi-account{mask-image:url(https://api.iconify.design/mdi:account.svg)}.mdi-map-marker{mask-image:url(https://api.iconify.design/mdi:map-marker.svg)}.mdi-shopping{mask-image:url(https://api.iconify.design/mdi:shopping.svg)}.mdi-hand-coin{mask-image:url(https://api.iconify.design/mdi:hand-coin.svg)}.modal-sellers{overflow-y:auto;padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.seller-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.1rem 1.4rem;transition:all .25s cubic-bezier(.4,0,.2,1);gap:1.5rem}.seller-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.seller-info-side{flex:1;min-width:0}.seller-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem;line-height:1}.seller-shop-name{font-size:.95rem;font-weight:700;color:#fff;line-height:1;display:flex;align-items:center}.seller-meta-pills{display:flex;flex-wrap:wrap;gap:.5rem}.meta-pill{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:5px 12px;font-size:.72rem;color:#ffffff80}.meta-pill i{font-size:1rem;color:#ffffff4d;display:flex;align-items:center;justify-content:center;margin-bottom:-1px}.meta-pill span{display:inline-flex;align-items:center;line-height:1}.meta-pill.stock-pill{background:#ffffff0a;border-color:#ffffff0f;color:#ffffff80}.seller-price-side{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.price-box{text-align:right}.price-label{display:block;font-size:.6rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-weight:700;text-align:right}.price-wrapper{display:flex;align-items:baseline;justify-content:flex-end;gap:.3rem}.price-value{font-size:1.1rem;font-weight:800;font-family:var(--font-heading);letter-spacing:-.2px}.price-value.zeny-price{color:#60a5fa}.price-value.cash-price{color:#f59e0b}.price-currency{font-size:.8rem;font-weight:700;color:#ffffff40}@media(max-width:500px){.seller-card{gap:1rem;padding:1rem}.seller-info-side{max-width:calc(100% - 100px)}.seller-meta-pills{gap:.35rem}.meta-pill{padding:4px 8px;font-size:.68rem}}.price-value.zeny-price{color:var(--zeny-color)}.price-value.cash-price{color:var(--cash-color)}.price-currency{font-size:.78rem;color:#ffffff59}@media(max-width:640px){.mercado-filters{flex-direction:column;align-items:stretch}.filter-search{max-width:100%}.filter-type-group{justify-content:stretch}.filter-type-btn{flex:1;justify-content:center}.mercado-list{grid-template-columns:1fr}.mercado-card{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:.75rem;padding:.85rem .75rem;position:relative;min-height:100px}.card-price-side{align-self:flex-end;margin-top:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.card-price-side .price-box{min-width:auto;padding:0;background:none;border:none;text-align:right}.price-wrapper{justify-content:flex-end}.price-label{font-size:.55rem}.price-value{font-size:1rem}.card-info-side{gap:.75rem;flex:1}.card-image-area{width:44px;height:44px}.premium-tag{font-size:.55rem;padding:3px 6px}.premium-tags-container{top:.5rem;right:.5rem;left:auto}.card-item-img{max-width:30px;max-height:30px}.card-name{font-size:.95rem}}