:root{
  --bg:#101116;--bg2:#15161c;--surface:#191a21;--surface2:#202129;--surface3:#252731;
  --line:#30323c;--line2:#3a3c48;--text:#f7f7fb;--muted:#a2a4af;--muted2:#797c89;
  --yellow:#f4d64d;--yellow2:#d9b936;--green:#59d783;--purple:#a57cff;--blue:#6ca9ff;--pink:#ef76be;--red:#ff6f7d;
  --content:1540px;--radius:14px;--shadow:0 18px 50px rgba(0,0,0,.24)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0!important;background:linear-gradient(180deg,#121318 0,#101116 100%)!important;color:var(--text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-x:hidden}
body::before,body::after,.aurora,.noise,.bubble-field,.showcase-glow{display:none!important}
a{color:inherit}.hidden{display:none!important}
.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.setup-banner{background:#4b2930;color:#fff;padding:9px 16px;text-align:center;font-size:12px}

/* header */
.site-header{position:sticky!important;top:0;z-index:60;height:64px!important;min-height:64px!important;padding:0!important;background:#15161b!important;border-bottom:1px solid #2a2c34!important;box-shadow:none!important;backdrop-filter:none!important}
.header-inner{width:min(var(--content),calc(100% - 28px));height:100%;margin:auto;display:grid;grid-template-columns:auto minmax(280px,480px) 1fr;gap:22px;align-items:center}
.brand{display:flex!important;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;font-weight:950;letter-spacing:-.6px;font-size:15px!important}
.brand-mark{width:36px!important;height:36px!important;border-radius:10px!important;overflow:hidden;background:#202129!important;border:1px solid #343640!important;box-shadow:none!important}
.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.brand-pop{color:var(--yellow)!important}
.header-search{position:relative;height:38px;display:flex;align-items:center;background:#1b1c22!important;border:1px solid #30323b!important;border-radius:10px!important;overflow:hidden}
.header-search>span{position:absolute;left:12px;color:#818492;font-size:16px;line-height:1;pointer-events:none}.header-search input{height:100%;border:0!important;background:transparent!important;color:#f5f5f8!important;padding:0 42px 0 35px!important;outline:none;font-size:12px}.header-search input::placeholder{color:#777b89}.header-search kbd{position:absolute;right:9px;top:8px;padding:2px 6px;border:1px solid #353741;border-radius:5px;background:#121318;color:#858895;font:700 10px/1.4 Inter,sans-serif}
.site-header nav{display:flex!important;align-items:center;justify-content:flex-end;gap:6px!important;min-width:0}.site-header nav>a,.site-header .nav-btn{color:#aeb0ba!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important;padding:9px 10px!important;border-radius:9px!important;border:0;background:transparent}.site-header nav>a:hover,.site-header .nav-btn:hover{background:#202129!important;color:#fff!important}
.nav-icon-btn{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid #33353e;background:#1c1d23;color:#c0c2cb;display:grid;place-items:center;cursor:pointer}.nav-icon-btn:hover{background:#25262e;color:#fff}.badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:999px;background:var(--yellow)!important;color:#15150c!important;font-size:8px;font-weight:950}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid transparent;border-radius:10px;padding:9px 13px;font:800 12px/1 Inter,sans-serif;cursor:pointer;text-decoration:none!important;transition:.15s transform,.15s background,.15s border-color,.15s color}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--yellow)!important;color:#17150d!important;border-color:#f1d964!important;box-shadow:none!important}.btn-primary:hover{background:#ffe36a!important}.btn-secondary,.btn-glass{background:#202129!important;border-color:#353741!important;color:#f1f1f5!important;box-shadow:none!important}.btn-secondary:hover,.btn-glass:hover{background:#292a33!important;border-color:#464854!important}.btn-danger{background:#3a2026!important;border-color:#65303a!important;color:#ff9aa3!important}.btn-small{min-height:32px;padding:7px 10px;font-size:10px}.btn-big{min-height:48px;padding:13px 18px;font-size:13px;border-radius:11px}
#authBtn{max-width:220px;overflow:hidden}#authBtn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-avatar,.page-user-btn img{width:27px;height:27px;border-radius:8px;object-fit:cover;border:1px solid #3b3d47}.account-chevron{color:#888b98;font-size:11px}.account-shell{position:relative}.header-popover{position:absolute;z-index:90;border:1px solid #373944;border-radius:12px;background:#1b1c22;box-shadow:var(--shadow);overflow:hidden}.account-menu{top:46px;right:0;width:240px}.account-menu-identity{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid #2d2f38}.account-menu-identity img{width:40px;height:40px;border-radius:10px;object-fit:cover}.account-menu-identity div{display:flex;flex-direction:column;min-width:0}.account-menu-identity b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu-identity span{font-size:10px;color:#8e919d}.account-menu>button{width:100%;border:0;background:transparent;color:#e9e9ed;padding:11px 13px;text-align:left;font-weight:800;cursor:pointer}.account-menu>button:hover{background:#24252d}.danger-text{color:#ff7b89!important}
.notifications-popover{top:52px;right:max(14px,calc((100vw - var(--content))/2 + 14px));width:min(340px,calc(100vw - 24px))}.popover-head{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #2d2f38}.popover-head span{color:var(--yellow);font-size:10px}.notification-item{width:100%;display:grid;grid-template-columns:30px 1fr;gap:9px;padding:11px 13px;border:0;border-bottom:1px solid #292b33;background:transparent;color:#fff;text-align:left;cursor:pointer}.notification-item:hover{background:#23242b}.notification-item i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#302c1c;color:var(--yellow);font-style:normal}.notification-item span{display:flex;flex-direction:column;gap:3px}.notification-item small{color:#9b9eaa;font-size:10px;line-height:1.35}.popover-empty{padding:22px;text-align:center;color:#8c8f9b}

/* home hero */
.hero{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;min-height:0!important;background:linear-gradient(105deg,#1a1b20 0%,#232422 42%,#313229 56%,#2c2e32 73%,#252632 100%)!important;border:0!important;border-bottom:1px solid #30313a!important;overflow:hidden}
.hero::before,.hero::after{display:none!important}.hero-shell{width:min(var(--content),calc(100% - 28px))!important;margin:auto!important;padding:70px 28px 58px!important;min-height:570px!important;display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr)!important;gap:50px!important;align-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.hero-copy{min-width:0}.live-pill{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:7px 11px;border-radius:999px;background:#29271b!important;border:1px solid #625829!important;color:#f2d653!important;font-size:10px;font-weight:900;letter-spacing:.9px}.live-pill span{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:none!important}
.hero h1{margin:20px 0 18px!important;font-size:clamp(62px,6.1vw,96px)!important;line-height:.88!important;letter-spacing:-5px!important;font-weight:950!important;color:#f7f7fa!important}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#f8df58,#e0bb37)!important;-webkit-background-clip:text!important;color:transparent!important;text-shadow:none!important}.hero-copy>p{max-width:660px!important;margin:0;color:#c7c8cf!important;font-size:16px!important;line-height:1.65!important}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px!important}
.hero-jump{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:20px}.hero-jump>span{margin-right:2px;color:#858895;font-size:9px;font-weight:950;letter-spacing:1.2px}.jump-chip{display:inline-flex;align-items:center;min-height:29px;padding:6px 9px;border:1px solid #373942;border-radius:8px;background:#1d1e23;color:#b8bac4!important;text-decoration:none!important;font-size:9px;font-weight:850}.jump-chip:hover{background:#27282f;color:#fff!important}.jump-chip.gold{color:#f2d452!important;border-color:#5f562b}.jump-chip.cheat{color:#67de8c!important;border-color:#2f603e}.jump-chip.galaxy{color:#baa2ff!important;border-color:#51436c}
.hero-showcase{position:relative!important;height:460px!important;min-height:460px!important;width:100%!important;transform:none!important;isolation:isolate}.hero-sprite-card{position:absolute!important;width:205px!important;height:270px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px 13px 13px!important;border:1px solid #3a3c46!important;border-radius:20px!important;background:linear-gradient(160deg,#24252c,#18191f)!important;box-shadow:0 24px 46px rgba(0,0,0,.34)!important;overflow:hidden!important;color:#fff!important}.hero-sprite-card img{width:88%!important;height:180px!important;object-fit:contain!important;filter:drop-shadow(0 16px 20px rgba(0,0,0,.4))!important}.hero-sprite-card b{max-width:100%;margin-top:8px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-sprite-card small{margin-top:4px;color:#858895;font-size:8px;font-weight:900;letter-spacing:.8px}.hero-card-rarity{position:absolute;left:12px;top:12px;padding:4px 7px;border-radius:999px;border:1px solid #454750;background:#22232a;color:#b9bbc4;font-size:7px;font-weight:950;letter-spacing:.8px}.hero-card-rarity.gold{background:#2b281b;color:#f0d451;border-color:#655b2a}.hero-card-rarity.cheat{background:#1a2a20;color:#69df90;border-color:#316443}.hero-card-rarity.galaxy{background:#251f32;color:#bea8ff;border-color:#574775}.hero-card-rarity.mythic{background:#302b18;color:#f3d65a;border-color:#6a5b25}
.hs-one{left:4%;top:108px;transform:rotate(-8deg)!important}.hs-two{left:31%;top:24px;transform:rotate(-2deg)!important;z-index:2}.hs-three{right:4%;top:105px;transform:rotate(8deg)!important}.hs-four{left:39%;bottom:3px;width:190px!important;height:240px!important;transform:rotate(3deg)!important;z-index:4}.hs-four img{height:150px!important}.hero-count-orb{position:absolute!important;right:3%;top:8px;width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#f1c746,#df7489)!important;color:#171118;transform:rotate(6deg);z-index:5;box-shadow:none!important}.hero-count-orb strong{font-size:30px;line-height:1}.hero-count-orb span{width:70px;margin-top:4px;font-size:7px;font-weight:950;letter-spacing:.7px}

/* stats */
.vault-stats{width:100%!important;max-width:none!important;margin:0!important;padding:0 max(14px,calc((100vw - var(--content))/2 + 14px))!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;background:#15161b!important;border-bottom:1px solid #2b2d35!important}.vault-stats article{min-height:92px;padding:18px 20px!important;border:0!important;border-right:1px solid #2b2d35!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.vault-stats article:last-child{border-right:0!important}.vault-stats span{display:block;color:#8f929e;font-size:9px;font-weight:900;letter-spacing:1px}.vault-stats strong{display:block;margin:6px 0;font-size:25px}.vault-stats small{color:#797c88;font-size:10px}.progress{height:4px;border-radius:999px;background:#25262d;overflow:hidden}.progress i{display:block;height:100%;background:var(--yellow)!important;box-shadow:none!important}.progress.mastery i{background:var(--green)!important}

/* shared sections */
.section{width:min(var(--content),100%)!important;max-width:none!important;margin:auto!important;padding:58px 28px!important}.sprite-section{background:#121318!important}.trade-zone{background:#15161b!important;border-top:1px solid #292b33!important;border-bottom:1px solid #292b33!important}.community-zone{background:#121318!important;border:0!important}.rules{background:#15161b!important;border-top:1px solid #292b33!important}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{margin:4px 0!important;font-size:32px!important;letter-spacing:-1.2px!important}.section-head p{margin:0;max-width:760px;color:#999ca8;line-height:1.55}.eyebrow{color:var(--yellow)!important;font-size:9px;font-weight:950;letter-spacing:1.4px}.result-count{text-align:right}.result-count b{display:block;font-size:32px}.result-count span{color:#858895;font-size:10px;font-weight:800}
.vault-controls{position:sticky!important;top:74px!important;z-index:20;display:grid!important;grid-template-columns:minmax(260px,1fr) repeat(4,160px)!important;gap:8px!important;margin:0 0 18px!important;padding:9px!important;border:1px solid #30323b!important;border-radius:12px!important;background:#18191f!important;backdrop-filter:none!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}.search-wrap{position:relative}.search-wrap>span{position:absolute;left:12px;top:9px;color:#777b88}.search-wrap input{padding-left:34px!important}input,select,textarea{width:100%;border:1px solid #343640!important;border-radius:9px!important;background:#202129!important;color:#f4f4f7!important;padding:10px 11px!important;font:500 12px/1.35 Inter,sans-serif!important;outline:none!important}input:focus,select:focus,textarea:focus{border-color:#69634a!important;box-shadow:0 0 0 3px rgba(244,214,77,.07)!important}input::placeholder,textarea::placeholder{color:#7d808d}

/* sprite cards */
.sprite-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:11px!important}.sprite-card{position:relative;min-width:0;border:1px solid #30323b!important;border-radius:13px!important;background:#191a20!important;overflow:hidden!important;isolation:isolate;transition:.16s transform,.16s border-color,.16s box-shadow}.sprite-card:hover{transform:translateY(-2px)!important;border-color:#464853!important;box-shadow:0 14px 28px rgba(0,0,0,.2)!important}.sprite-card::before,.sprite-card::after{display:none!important}.sprite-art{position:relative!important;height:180px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#202128!important}.sprite-art::before,.sprite-art::after,.variant-fx{display:none!important}.sprite-art img{width:88%!important;height:88%!important;object-fit:contain!important;filter:drop-shadow(0 12px 16px rgba(0,0,0,.35))!important;transform:none!important}.sprite-card:hover .sprite-art img{transform:scale(1.03)!important}.rarity-badge,.chance-badge{position:absolute;top:9px;z-index:2;padding:5px 7px;border-radius:999px;background:#17181ddd;border:1px solid #3a3c46;font-size:7px;font-weight:950;letter-spacing:.7px}.rarity-badge{left:9px;text-transform:uppercase}.chance-badge{right:9px;color:#fff}.sprite-card.rare .rarity-badge{color:#6ab8ff}.sprite-card.epic .rarity-badge{color:#b589ff}.sprite-card.legendary .rarity-badge{color:#f0a459}.sprite-card.mythic .rarity-badge{color:#efd75c}.sprite-card.special .rarity-badge{color:#ee85c4}.sprite-info{padding:12px}.sprite-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sprite-name{font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-tag,.tier,.flex-badge,.conversation-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:999px;background:#24252c!important;border:1px solid #3a3c45!important;color:#aaadb8!important;font-size:7px!important;font-weight:950!important;letter-spacing:.5px;text-transform:uppercase}.sprite-card[data-variant="Gold"] .variant-tag,.variant-gold .variant-tag{background:#2b281b!important;border-color:#60562a!important;color:#f0d451!important}.sprite-card[data-variant="Cheat Master"] .variant-tag,.variant-cheat-master .variant-tag{background:#19291f!important;border-color:#315f40!important;color:#68de8e!important}.sprite-card[data-variant="Galaxy"] .variant-tag,.variant-galaxy .variant-tag{background:#251f32!important;border-color:#554570!important;color:#bda7ff!important}.sprite-meta{display:flex;justify-content:space-between;gap:8px;margin:6px 0 10px;color:#797c88;font-size:8px}.collect-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.collect-btn{min-height:30px;border:1px solid #353741;border-radius:8px;background:#202129;color:#9da0ab;font:900 8px Inter,sans-serif;cursor:pointer}.collect-btn:hover{background:#282932;color:#fff}.collect-btn.owned{background:#1c3128;border-color:#335a47;color:#70dfa4}.collect-btn.mastered{background:#342f1e;border-color:#645a2b;color:#f2d55a}.sprite-card.master-flash{animation:masterPulse .65s ease}.sprite-card.master-flash::after{display:block!important;content:"★";position:absolute;left:50%;top:39%;z-index:5;color:#f5d84f;font-size:38px;animation:masterStar .65s ease both;pointer-events:none}@keyframes masterPulse{40%{transform:translateY(-2px) scale(1.015);border-color:#6d6331}}@keyframes masterStar{0%{opacity:0;transform:translate(-50%,-25%) scale(.4)}35%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-100%) scale(.7)}}.unreleased{opacity:.65}.unreleased-pill{position:absolute;left:9px;bottom:9px;color:#ff8c9b;font-size:7px;font-weight:900}

/* trade cards */
.filters{display:flex;gap:8px}.trade-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}.trade-card{position:relative;padding:14px!important;border:1px solid #30323b!important;border-radius:13px!important;background:#1a1b21!important;box-shadow:none!important}.trade-card:hover{border-color:#454750!important}.perfect-match{border-color:#625a2e!important}.match-ribbon{position:absolute;right:12px;top:-8px;padding:4px 7px;border-radius:999px;background:var(--yellow);color:#17150e;font-size:7px;font-weight:950}.trade-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.trader-chip{display:flex!important;align-items:center;gap:9px!important;border:0;background:transparent;color:#fff!important;padding:0;cursor:pointer}.trader-chip>span{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.trader-chip b{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.trader-chip small{margin-top:2px;color:#8b8e9a;font-size:8px}.inline-user-avatar{width:34px;height:34px;border-radius:9px;object-fit:cover;border:1px solid #3a3c46}.trade-card-exchange{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:7px;align-items:center;margin:13px 0}.trade-sprite-box{min-width:0;padding:9px;border:1px solid #30323b;border-radius:10px;background:#202128}.trade-sprite-label{display:block;margin-bottom:4px;color:#858895;font-size:7px;font-weight:950;letter-spacing:.6px}.trade-sprite-art{height:78px;display:grid;place-items:center}.trade-sprite-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3))}.trade-sprite-box strong{display:block;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-sprite-box small{display:block;margin-top:2px;color:#797c88;font-size:7px}.trade-exchange-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #353741;border-radius:50%;color:#8c8f9b;font-size:12px}.match-callout{padding:8px 9px;border:1px solid #5f572d;border-radius:8px;background:#292719;color:#edd65c;font-size:8px;font-weight:850}.trade-card-note{display:flex;gap:7px;align-items:flex-start;padding:9px 0;border-top:1px solid #2b2d35;border-bottom:1px solid #2b2d35;color:#a3a5af}.trade-card-note p{margin:0;font-size:9px;line-height:1.45}.trade-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px}.trade-card-foot>small{color:#777a87;font-size:8px}.trade-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}

/* collectors/rules */
.member-grid,.rule-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}.member-card,.rule-grid article{padding:15px!important;border:1px solid #30323b!important;border-radius:13px!important;background:#1a1b21!important;box-shadow:none!important}.member-card:hover{border-color:#444650!important}.member-top{display:flex;align-items:center;justify-content:space-between}.user-link,.user-link-rich{border:0;background:transparent;color:#fff!important;font:900 11px Inter,sans-serif;cursor:pointer;padding:0;text-decoration:none!important}.user-link-rich{display:inline-flex;align-items:center;gap:8px}.flex-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:11px 0}.vault-count{color:#818490;font-size:8px}.rating{color:var(--yellow)}.member-card p{min-height:36px;font-size:10px;line-height:1.5}.match-meter{margin:10px 0;padding:9px;border:1px solid #343640;border-radius:9px;background:#202129}.match-meter>div{display:flex;justify-content:space-between;gap:8px;font-size:8px}.match-meter b{color:#f0d451}.match-meter span{color:#8c8f9b}.match-meter i{display:block;height:4px;margin-top:7px;background:#2b2c33;border-radius:999px;overflow:hidden}.match-meter em{display:block;height:100%;background:var(--yellow)}.community-stats{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 18px}.community-stats span{padding:7px 9px;border:1px solid #30323b;border-radius:999px;color:#9295a1;font-size:9px}.rule-grid article>b{color:var(--yellow);font-size:9px}.rule-grid h3{margin:10px 0 5px;font-size:14px}.rule-grid p{margin:0;color:#9699a5;font-size:10px;line-height:1.5}.empty{grid-column:1/-1;padding:32px;border:1px dashed #363842;border-radius:12px;text-align:center;color:#838693}
footer{max-width:none!important;margin:0!important;padding:32px max(24px,calc((100vw - var(--content))/2 + 24px))!important;display:grid!important;grid-template-columns:1fr 1fr;gap:24px;background:#101116!important;border-top:1px solid #292b33!important;color:#7f828f;font-size:10px}.footer-links{display:flex;gap:12px;margin-top:8px}.footer-links a{color:#b7b9c2;text-decoration:none}.footer-links a:hover{color:#fff}

/* pages */
.app-page{min-height:calc(100vh - 64px);background:#121318!important}.page-shell{width:min(1480px,calc(100% - 28px));margin:auto;padding:24px 0 60px}.page-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-title{display:flex;align-items:center;gap:11px}.page-title h1{margin:0;font-size:24px;letter-spacing:-.6px}.page-title p{margin:3px 0 0;color:#8e919d;font-size:10px}.icon-tile{width:38px;height:38px;border:1px solid #343640;border-radius:10px;background:#1e1f25;color:var(--yellow);display:grid;place-items:center}.page-card{background:#1a1b21;border:1px solid #30323b;border-radius:13px}.subtle{color:#858895}.page-user-btn{display:flex!important;align-items:center;gap:7px!important}

/* profile page */
.profile-page-hero{min-height:190px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #33353e;border-radius:15px;background:linear-gradient(105deg,#202126,#272823 50%,#252630 100%)}.profile-identity{display:flex;align-items:center;gap:17px}.profile-avatar-xl{width:92px;height:92px;border-radius:16px;object-fit:cover;border:1px solid #464851;background:#202129}.profile-identity h1{margin:0 0 7px;font-size:30px;letter-spacing:-.8px}.profile-meta{display:flex;gap:9px;flex-wrap:wrap;color:#a1a4af;font-size:9px}.profile-meta .online,.online-now{color:var(--green)}.profile-grid-stats,.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.profile-stat,.profile-stat-grid article{padding:15px;border:1px solid #30323b;border-radius:12px;background:#1a1b21}.profile-stat span,.profile-stat-grid span{display:block;color:#878a96;font-size:8px;font-weight:950;letter-spacing:.7px}.profile-stat strong,.profile-stat-grid strong{display:block;margin:6px 0;font-size:23px}.profile-stat small,.profile-stat-grid small{color:#777a87;font-size:9px}.collection-summary,.profile-progress-card{padding:16px;margin-bottom:12px}.collection-summary-head{display:flex;align-items:center;justify-content:space-between}.summary-bar,.profile-progress-card>i{display:block;height:5px;margin:12px 0;background:#111217;border-radius:999px;overflow:hidden}.summary-bar i,.profile-progress-card>i em{display:block;height:100%;background:var(--yellow)}.variant-breakdown,.profile-progress-splits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.variant-breakdown div,.profile-progress-splits span{padding-top:8px;border-top:2px solid #363842;color:#858895;font-size:8px}.profile-tabs,.profile-section-tabs{display:flex;gap:6px;margin:14px 0}.profile-tabs button,.profile-section-tabs button{padding:8px 10px;border:1px solid #343640;border-radius:9px;background:#1b1c22;color:#90939f;font-weight:850;cursor:pointer}.profile-tabs button.active,.profile-section-tabs button.active{background:#292a32;color:#fff}.profile-collection-grid,.profile-inventory{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;max-height:none!important}.mini-sprite{position:relative;padding:7px;border:1px solid #30323b!important;border-radius:10px!important;background:#1d1e24!important;text-align:center;overflow:hidden}.mini-sprite-thumb{height:105px;display:grid;place-items:center}.mini-sprite-thumb img,.mini-sprite>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.3))}.mini-sprite>span{display:block;margin-top:4px;color:#a9abb5;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-sprite>b{position:absolute;top:5px;right:6px;color:var(--yellow)}.profile-reviews{margin-top:18px}.review-row{display:grid;grid-template-columns:minmax(160px,auto) auto 1fr;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #2c2e36}.review-user{display:flex;align-items:center;gap:7px}.review-user img{width:28px;height:28px;border-radius:8px;object-fit:cover}.review-row p{margin:0;color:#a0a3ad;font-size:10px}

/* messages page */
.messages-page{display:grid!important;grid-template-columns:290px minmax(480px,1fr) 310px!important;height:calc(100vh - 118px)!important;min-height:640px!important;overflow:hidden;border:1px solid #30323b!important;border-radius:14px!important;background:#17181e!important}.messages-sidebar{display:flex;flex-direction:column;background:#18191f;border-right:1px solid #2d2f38}.messages-main{display:grid;grid-template-rows:auto 1fr auto;background:#1b1c22}.messages-trade{padding:18px;background:#18191f;border-left:1px solid #2d2f38;overflow:auto}.messages-head{height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d2f38}.messages-head strong{font-size:12px}.messages-head small{display:block;margin-top:3px;color:#858895;font-size:8px}.message-tabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3px!important;margin:10px!important;padding:4px!important;border:1px solid #30323b!important;border-radius:9px!important;background:#14151a!important}.message-tabs button{border:0;border-radius:7px;background:transparent;color:#818490;padding:8px 3px;font:850 8px Inter,sans-serif;cursor:pointer}.message-tabs button.active{background:#292a32;color:#fff}.message-search{position:relative;height:38px;margin:0 10px 9px;border:1px solid #30323b;border-radius:9px;background:#1e1f25;display:flex;align-items:center;gap:6px;padding:0 10px}.message-search input{height:100%;border:0!important;background:transparent!important;padding:0!important;font-size:10px!important}.conversation-list{flex:1;overflow:auto;border:0!important;padding:0!important}.conversation{position:relative;width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:11px 10px!important;border:0!important;border-bottom:1px solid #292b33!important;border-radius:0!important;background:transparent!important;color:#fff!important;text-align:left!important;cursor:pointer}.conversation:hover{background:#202129!important}.conversation.active{background:#25251f!important}.conversation.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--yellow)}.conversation-avatar-img,.chat-avatar-img{width:38px;height:38px;border-radius:9px;object-fit:cover;border:1px solid #393b45}.conversation-main{display:flex!important;flex-direction:column!important;min-width:0}.conversation-name{font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview{margin-top:2px;color:#8f929e;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-list-empty{padding:26px 14px;text-align:center;color:#7f828e;font-size:9px}.message-thread{min-height:0!important;height:auto!important;overflow:auto!important;padding:18px!important;background:#1b1c22!important}.message-empty-state{height:100%!important;min-height:280px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;color:#888b97!important}.message-empty-state strong{color:#d2d3da;font-size:13px}.message-empty-state span{max-width:330px;font-size:9px;line-height:1.5}.msg-row{display:flex;margin:6px 0}.msg-row.mine{justify-content:flex-end}.msg{max-width:min(70%,580px)!important;margin:0!important;padding:9px 11px!important;border:1px solid #353741!important;border-radius:12px 12px 12px 4px!important;background:#24252d!important;color:#f0f0f4!important;font-size:10px!important;line-height:1.45!important}.msg.mine{background:#39331d!important;border-color:#5c5229!important;border-radius:12px 12px 4px 12px!important}.msg small{display:block;margin-top:4px;color:#777a86;font-size:7px}.message-form{display:flex!important;gap:8px!important;padding:10px!important;border-top:1px solid #2d2f38!important;background:#18191f!important}.message-form input{height:42px!important}.message-send{width:45px;height:42px;border:0;border-radius:9px;background:var(--yellow)!important;color:#17150d!important;font-size:17px;font-weight:900;cursor:pointer}.trade-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:13px;border-bottom:1px solid #2d2f38}.trade-side-section{margin:13px 0}.trade-side-section>label,.trade-description>label{display:block;margin-bottom:6px;color:#7f828f;font-size:7px;font-weight:950;letter-spacing:.7px}.trade-detail-sprite{padding:10px;border:1px solid #30323b;border-radius:10px;background:#202129}.trade-detail-sprite span{font-size:10px;font-weight:900}.trade-swap-arrow{text-align:center;color:#7e818e}.trade-description p{margin:0;padding:9px;border:1px solid #30323b;border-radius:9px;background:#1d1e24;color:#9fa2ad;font-size:9px;line-height:1.45}.trade-side-actions{display:grid;gap:6px;margin-top:14px}.trade-side-btn{display:block;padding:10px;border:1px solid #353741;border-radius:9px;background:#202129;color:#fff;text-align:center;text-decoration:none;font-size:9px;font-weight:850}.trade-side-empty{height:100%;display:grid;place-items:center;text-align:center;color:#888b97}.trade-side-empty b{color:#d1d2d8}.trade-side-empty p{font-size:9px}

/* forms/notifications/legal */
.form-page{max-width:760px;margin:auto}.form-card{padding:22px}.form-card label{display:block;margin:12px 0;color:#a2a4af;font-size:10px}.form-card textarea{min-height:130px}.form-note{min-height:16px;color:#9295a0;font-size:9px}.notifications-list{display:grid;gap:8px}.notification-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid #30323b;border-radius:11px;background:#1a1b21;text-decoration:none}.notification-row b{display:block;font-size:10px}.notification-row span span{display:block;margin-top:2px;color:#8d909c;font-size:9px}.notification-row time{color:#777a87;font-size:8px}.legal-page{background:#121318!important}.legal-wrap{max-width:900px!important;margin:auto!important;padding:48px 24px!important}.legal-card{padding:24px;border:1px solid #30323b;border-radius:13px;background:#1a1b21;box-shadow:none!important}.legal-card h3{margin:20px 0 8px}.legal-card p,.legal-card li{color:#a6a9b3;line-height:1.65}

/* old dialogs are intentionally disabled; real pages are used */
#profileDialog,#messageDialog,#tradeDialog,#reportDialog,#adminDialog{display:none!important}

@media(max-width:1240px){.header-inner{grid-template-columns:auto 1fr}.header-search{display:none}.site-header nav>a{display:none}.hero-shell{grid-template-columns:1fr 500px!important}.sprite-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.messages-page{grid-template-columns:270px 1fr!important}.messages-trade{display:none}.profile-collection-grid,.profile-inventory{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:900px){.hero-shell{grid-template-columns:1fr!important;padding-top:48px!important}.hero-showcase{height:400px!important;max-width:620px;margin:0 auto}.vault-stats{grid-template-columns:repeat(2,1fr)!important}.vault-stats article:nth-child(2){border-right:0!important}.vault-stats article:nth-child(-n+2){border-bottom:1px solid #2b2d35!important}.vault-controls{grid-template-columns:1fr 1fr 1fr!important}.vault-controls .search-wrap{grid-column:1/-1}.sprite-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.member-grid,.rule-grid{grid-template-columns:1fr!important}.profile-grid-stats,.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-collection-grid,.profile-inventory{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:650px){.header-inner{width:calc(100% - 18px);gap:8px}.brand span:last-child{display:none}.site-header nav{gap:3px!important}.site-header nav>a,.site-header .nav-btn{display:none!important}#postTradeBtn{display:none}#authBtn{max-width:135px;padding:7px 8px}.hero-shell{width:100%!important;padding:38px 16px 34px!important}.hero h1{font-size:54px!important;letter-spacing:-3px!important}.hero-copy>p{font-size:14px!important}.hero-showcase{height:340px!important}.hero-sprite-card{width:150px!important;height:200px!important;border-radius:16px!important}.hero-sprite-card img{height:125px!important}.hs-one{left:0;top:90px}.hs-two{left:26%;top:18px}.hs-three{right:0;top:88px}.hs-four{left:35%;width:140px!important;height:180px!important}.hs-four img{height:105px!important}.hero-count-orb{width:78px;height:78px}.hero-count-orb strong{font-size:22px}.hero-count-orb span{font-size:5px}.section{padding:42px 14px!important}.section-head{align-items:flex-start;flex-direction:column}.result-count{text-align:left}.vault-controls{position:static!important;grid-template-columns:1fr 1fr!important}.vault-controls .search-wrap{grid-column:1/-1}.sprite-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.sprite-art{height:150px!important}.trade-grid{grid-template-columns:1fr!important}.filters{flex-direction:column;width:100%}.profile-page-hero{align-items:flex-start;flex-direction:column}.profile-avatar-xl{width:76px;height:76px}.profile-identity h1{font-size:25px}.profile-grid-stats,.profile-stat-grid{grid-template-columns:1fr 1fr}.variant-breakdown,.profile-progress-splits{grid-template-columns:1fr 1fr}.profile-collection-grid,.profile-inventory{grid-template-columns:repeat(3,minmax(0,1fr))!important}.messages-page{grid-template-columns:1fr!important;height:auto!important;min-height:720px!important}.messages-sidebar{display:none}.messages-main{min-height:720px}.page-shell{width:calc(100% - 18px);padding-top:16px}.page-topbar{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}}
/* hard-stop legacy effects so V15 stays clean */
.site-header,.hero,.vault-stats article,.sprite-card,.trade-card,.member-card,.rule-grid article,footer{animation:none!important}
.btn-primary::after,.message-send::after,.trade-side-btn::after,.sprite-card::before,.sprite-card::after{content:none!important;display:none!important}
.page-account-shell{position:relative}.page-account-menu{position:absolute;top:46px;right:0;z-index:90;width:230px;border:1px solid #373944;border-radius:12px;background:#1b1c22;box-shadow:var(--shadow);overflow:hidden}.page-account-menu>a,.page-account-menu>button{display:block;width:100%;padding:11px 13px;border:0;background:transparent;color:#e8e8ed;text-decoration:none;text-align:left;font:800 11px Inter,sans-serif;cursor:pointer}.page-account-menu>a:hover,.page-account-menu>button:hover{background:#24252d}

/* ============================================================
   V16 — live catalog + trade intelligence
   ============================================================ */
.catalog-sync-status{display:inline-flex;align-items:center;margin-top:10px;padding:6px 9px;border:1px solid #353741;border-radius:999px;background:#1a1b21;color:#9ea1ad;font-size:8px;font-weight:850;letter-spacing:.35px}.catalog-sync-status::before{content:"";width:6px;height:6px;border-radius:50%;margin-right:6px;background:var(--green);box-shadow:0 0 0 3px rgba(89,215,131,.08)}
.trade-live-meta{display:grid;grid-template-columns:auto auto;column-gap:5px;row-gap:1px;align-items:center;justify-items:start;min-width:68px}.trade-live-meta .live-dot{width:7px;height:7px;border-radius:50%;background:#61dc8d;box-shadow:0 0 0 4px rgba(97,220,141,.08)}.trade-live-meta b{font-size:8px;letter-spacing:.8px;color:#72df99}.trade-live-meta small{grid-column:1/-1;color:#858894;font-size:8px;padding-left:12px}.fresh-trade{border-color:#3b463c!important}.fresh-trade .trade-live-meta b{color:#8aefa9}
.trade-intel{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 4px}.trade-intel-badge{display:inline-flex;align-items:center;min-height:24px;padding:5px 8px;border-radius:7px;border:1px solid #373943;background:#202129;color:#9da0ab;font-size:7px;font-weight:950;letter-spacing:.45px}.trade-intel-badge.need{background:#27241a;border-color:#5d5428;color:#f2d75b}.trade-intel-badge.owned{background:#1c2027;border-color:#343a47;color:#949aa8}.trade-intel-badge.can-give{background:#19271f;border-color:#315f41;color:#68df91}.trade-intel-badge.missing-want{background:#281d22;border-color:#5c313b;color:#e78e9a}.trade-intel-badge.neutral{background:#1c1d23;border-color:#31333c;color:#8d909b}.match-ribbon{background:linear-gradient(90deg,#f4d64d,#d9b936)!important;color:#19160b!important;border:0!important}.match-callout{background:#28251a!important;border-color:#5d552c!important;color:#f0db78!important}.perfect-match{border-color:#6d6130!important;box-shadow:0 0 0 1px rgba(244,214,77,.07)!important}.trade-card-foot>small{color:#858894;font-size:8px}.trade-card-head{align-items:flex-start!important}
@media(max-width:650px){.trade-live-meta{min-width:58px}.trade-intel-badge{font-size:6.5px}.catalog-sync-status{font-size:7px}}
.live-catalog-pill{position:absolute;left:10px;bottom:9px;z-index:3;padding:5px 7px;border-radius:7px;background:#17271e;border:1px solid #326044;color:#6de397;font-size:6.5px;font-weight:950;letter-spacing:.5px}

/* ============================================================
   V17 — exact variant presentation + collection readability
   ============================================================ */
.variant-fx{display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:0!important;opacity:.58!important}
.sprite-art img,.mini-sprite-thumb img{position:relative!important;z-index:1!important}

/* Exact art stays untouched; the card treatment makes each variant instantly readable. */
.sprite-card.variant-gold .sprite-art,.mini-sprite.variant-gold .mini-sprite-thumb{background:radial-gradient(circle at 50% 28%,rgba(255,242,165,.30),transparent 34%),linear-gradient(150deg,#3b3218,#1d1b16 58%,#121318)!important}
.variant-gold .variant-fx{background:linear-gradient(115deg,transparent 20%,rgba(255,232,121,.14) 43%,rgba(255,255,255,.20) 50%,rgba(255,203,64,.10) 58%,transparent 78%)!important}
.sprite-card.variant-gummy .sprite-art,.mini-sprite.variant-gummy .mini-sprite-thumb{background:radial-gradient(circle at 28% 20%,rgba(255,115,175,.22),transparent 34%),radial-gradient(circle at 75% 80%,rgba(99,230,114,.17),transparent 36%),linear-gradient(145deg,#30202a,#181b20)!important}
.variant-gummy .variant-fx{background:linear-gradient(145deg,rgba(255,102,165,.13),transparent 44%,rgba(107,241,137,.10))!important}
.sprite-card.variant-galaxy .sprite-art,.mini-sprite.variant-galaxy .mini-sprite-thumb{background:radial-gradient(circle at 28% 26%,rgba(117,83,255,.34),transparent 35%),radial-gradient(circle at 75% 70%,rgba(35,175,255,.18),transparent 38%),linear-gradient(145deg,#17132e,#101521)!important}
.variant-galaxy .variant-fx{background:radial-gradient(circle at 18% 20%,#fff 0 1px,transparent 1.7px),radial-gradient(circle at 72% 25%,#d8cbff 0 1px,transparent 1.6px),radial-gradient(circle at 55% 72%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 30% 64%,#8edcff 0 1px,transparent 1.6px)!important;background-size:52px 52px,68px 68px,76px 76px,93px 93px!important;opacity:.45!important}
.sprite-card.variant-gem .sprite-art,.mini-sprite.variant-gem .mini-sprite-thumb{background:radial-gradient(circle at 45% 32%,rgba(128,255,243,.31),transparent 32%),linear-gradient(145deg,#123033,#152027 60%,#101318)!important}
.variant-gem .variant-fx{background:linear-gradient(115deg,transparent 30%,rgba(202,255,251,.20),transparent 62%)!important}
.sprite-card.variant-holofoil .sprite-art,.mini-sprite.variant-holofoil .mini-sprite-thumb{background:linear-gradient(135deg,rgba(251,124,213,.18),rgba(109,211,255,.16) 35%,rgba(255,225,105,.14) 68%,rgba(169,125,255,.16)),#171a20!important}
.variant-holofoil .variant-fx{background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.18) 34%,transparent 46%,rgba(255,255,255,.11) 62%,transparent 80%)!important}
.sprite-card.variant-cube .sprite-art,.mini-sprite.variant-cube .mini-sprite-thumb{background:radial-gradient(circle at 50% 34%,rgba(145,83,255,.30),transparent 40%),linear-gradient(145deg,#251833,#15151f)!important}
.variant-cube .variant-fx{background:linear-gradient(45deg,transparent 45%,rgba(169,101,255,.10) 46% 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(169,101,255,.08) 46% 54%,transparent 55%)!important;background-size:28px 28px!important}
.sprite-card.variant-quack .sprite-art,.mini-sprite.variant-quack .mini-sprite-thumb{background:radial-gradient(circle at 50% 28%,rgba(255,226,89,.27),transparent 40%),linear-gradient(145deg,#342f18,#1d1d18)!important}
.sprite-card.variant-cheat-master .sprite-art,.mini-sprite.variant-cheat-master .mini-sprite-thumb{background:radial-gradient(circle at 50% 28%,rgba(77,235,115,.25),transparent 42%),linear-gradient(145deg,#16351f,#151b18)!important}
.variant-cheat-master .variant-fx{background:repeating-linear-gradient(0deg,rgba(98,255,135,.04) 0 1px,transparent 1px 5px)!important}

.variant-tag.variant-gold,.mini-variant-badge.variant-gold,.variant-summary-chip.variant-gold{background:#312b17!important;border-color:#756426!important;color:#f6d84d!important}
.variant-tag.variant-gummy,.mini-variant-badge.variant-gummy,.variant-summary-chip.variant-gummy{background:#321f2a!important;border-color:#7b405d!important;color:#ff9ac7!important}
.variant-tag.variant-galaxy,.mini-variant-badge.variant-galaxy,.variant-summary-chip.variant-galaxy{background:#241d37!important;border-color:#5e4a91!important;color:#c3aaff!important}
.variant-tag.variant-gem,.mini-variant-badge.variant-gem,.variant-summary-chip.variant-gem{background:#153033!important;border-color:#376d70!important;color:#92f3e8!important}
.variant-tag.variant-holofoil,.mini-variant-badge.variant-holofoil,.variant-summary-chip.variant-holofoil{background:linear-gradient(105deg,#302032,#1e3038,#332f20)!important;border-color:#655d70!important;color:#f3eaff!important}
.variant-tag.variant-cube,.mini-variant-badge.variant-cube,.variant-summary-chip.variant-cube{background:#2b1d3b!important;border-color:#684890!important;color:#c596ff!important}
.variant-tag.variant-quack,.mini-variant-badge.variant-quack,.variant-summary-chip.variant-quack{background:#302d18!important;border-color:#6c6328!important;color:#ffe56e!important}
.variant-tag.variant-cheat-master,.mini-variant-badge.variant-cheat-master,.variant-summary-chip.variant-cheat-master{background:#172d1e!important;border-color:#366745!important;color:#70e79a!important}
.variant-tag.variant-base,.mini-variant-badge.variant-base,.variant-summary-chip.variant-base{background:#25262d!important;border-color:#41434d!important;color:#c2c4cc!important}

/* Public profile collection: readable names, rarity, variant and chance instead of tiny cropped tiles. */
.profile-collection-grid,.profile-inventory{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
.mini-sprite{min-width:0;padding:0!important;border-radius:13px!important;background:#1b1d24!important;text-align:left!important;overflow:hidden!important;min-height:184px;display:flex;flex-direction:column}
.mini-sprite-thumb{position:relative;height:128px!important;display:grid;place-items:center;overflow:hidden;background:#20232c}
.mini-sprite-thumb img{width:92%!important;height:92%!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.34))!important}
.mini-sprite-copy{padding:9px 10px 10px;min-width:0}.mini-sprite-copy strong{display:block;font-size:10px;color:#f0f1f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-sprite-copy small{display:block;margin-top:4px;color:#7f8491;font-size:7px}
.mini-variant-badge,.mini-rarity-badge{position:absolute;top:7px;z-index:4;padding:4px 6px;border-radius:999px;font-size:6px;font-weight:950;letter-spacing:.45px;text-transform:uppercase;border:1px solid #3b3d47;background:#202128}
.mini-variant-badge{left:7px}.mini-rarity-badge{right:7px}.mini-rarity-badge.mythic{color:#f2d65b}.mini-rarity-badge.legendary{color:#efa45f}.mini-rarity-badge.epic{color:#bc91ff}.mini-rarity-badge.rare{color:#72bfff}.mini-rarity-badge.special{color:#ef8ac6}
.master-star{position:absolute!important;right:8px!important;bottom:8px!important;top:auto!important;z-index:5;color:#ffe052!important;font-size:14px!important;text-shadow:0 0 9px rgba(255,218,63,.8)}
.profile-variant-summary{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.variant-summary-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;border:1px solid #3a3c45;background:#24252c;color:#aaa;font-size:7px}.variant-summary-chip b{font-size:7px}
.variant-breakdown{grid-template-columns:repeat(5,1fr)!important}

/* My Collection utility controls */
.collection-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px;gap:8px;padding:10px;margin-bottom:12px}.collection-toolbar input,.collection-toolbar select{margin:0!important;background:#202129!important;border-color:#373943!important}.collection-index-grid .sprite-card{min-height:0}.collection-index-grid .sprite-name-row>b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Stronger rarity identity without recoloring exact variant art. */
.sprite-card.mythic{border-color:#5b5330!important}.sprite-card.legendary{border-color:#54402d!important}.sprite-card.epic{border-color:#44345b!important}.sprite-card.rare{border-color:#2e4658!important}.sprite-card.special{border-color:#41344a!important}

@media(max-width:1240px){.profile-collection-grid,.profile-inventory{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:900px){.profile-collection-grid,.profile-inventory{grid-template-columns:repeat(4,minmax(0,1fr))!important}.collection-toolbar{grid-template-columns:1fr 1fr}.collection-toolbar input{grid-column:1/-1}}
@media(max-width:650px){.profile-collection-grid,.profile-inventory{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mini-sprite{min-height:170px}.mini-sprite-thumb{height:116px!important}.variant-breakdown{grid-template-columns:repeat(2,1fr)!important}.collection-toolbar{grid-template-columns:1fr}.collection-toolbar input{grid-column:auto}}

/* ============================================================
   V18 — full Sprite cards, Sprite detail pages, profile polish
   ============================================================ */
:root{--sprite-card-art:188px}

/* Public profile collection should show the entire Sprite, not a cropped head. */
.profile-panel{overflow:visible}
.profile-collection-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 170px 150px 150px;gap:8px;margin:0 0 14px;padding:10px;border:1px solid #30323b;border-radius:12px;background:#17181e}
.profile-collection-toolbar input,.profile-collection-toolbar select{margin:0!important;background:#202129!important;border-color:#373943!important;min-height:39px;font-size:11px}
.profile-collection-grid,.profile-inventory{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.mini-sprite{position:relative!important;min-height:258px!important;border-radius:14px!important;background:linear-gradient(180deg,#202229,#18191f)!important;border:1px solid #30333d!important;transition:.16s transform,.16s border-color,.16s box-shadow;isolation:isolate}
.mini-sprite:hover{transform:translateY(-3px);border-color:#4b4d59!important;box-shadow:0 14px 32px rgba(0,0,0,.24)}
.mini-sprite-thumb{position:relative!important;height:194px!important;min-height:194px!important;padding:20px 14px 12px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#20232c}
.mini-sprite-thumb img{display:block!important;width:auto!important;height:auto!important;max-width:94%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:scale(.94);filter:drop-shadow(0 10px 14px rgba(0,0,0,.38))!important}
.mini-sprite-copy{padding:10px 11px 12px!important;min-height:62px;display:flex;flex-direction:column;justify-content:center}.mini-sprite-copy strong{font-size:11px!important;line-height:1.2;color:#f4f4f7!important}.mini-sprite-copy small{font-size:8px!important;margin-top:5px!important}.mini-sprite-open{position:absolute;inset:0;z-index:3;border-radius:14px;text-indent:-9999px;overflow:hidden}.mini-variant-badge,.mini-rarity-badge,.master-star{z-index:5!important;pointer-events:none}.mini-sprite-copy{position:relative;z-index:4;pointer-events:none}
.profile-collection-empty-note{padding:26px;text-align:center;color:#8f929f;border:1px dashed #373943;border-radius:13px}
.profile-collection-result{align-self:center;color:#8d909d;font-size:10px;font-weight:800;white-space:nowrap}
.profile-actions-row{display:flex;gap:7px;flex-wrap:wrap}
.profile-share-note{font-size:10px;color:#74daa0;min-height:14px;margin-top:6px;text-align:right}

/* Bigger collection cards outside profiles, with a direct details link. */
.collection-index-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.collection-index-grid .sprite-art{height:230px!important;padding:12px!important}
.collection-index-grid .sprite-art img{max-width:94%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
.sprite-detail-link{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:#b9bbc5;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.2px}.sprite-detail-link:hover{color:var(--yellow)}

/* Dedicated Sprite page. */
.sprite-detail-shell{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(430px,1.08fr);gap:18px;align-items:start}
.sprite-detail-art-card{position:sticky;top:82px;min-height:610px;display:grid;grid-template-rows:1fr auto;border:1px solid #343640;border-radius:17px;background:linear-gradient(160deg,#202229,#17181e);overflow:hidden}
.sprite-detail-art{position:relative;min-height:510px;display:grid;place-items:center;padding:42px;background:#20232c;overflow:hidden}
.sprite-detail-art img{display:block;max-width:88%;max-height:455px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.42))}
.sprite-detail-art .mini-variant-badge,.sprite-detail-art .mini-rarity-badge{font-size:8px;padding:6px 9px;top:14px}.sprite-detail-art .mini-variant-badge{left:14px}.sprite-detail-art .mini-rarity-badge{right:14px}
.sprite-detail-caption{padding:15px 18px;border-top:1px solid #30323a;background:#191a20;color:#9598a4;font-size:10px}.sprite-detail-caption b{color:#f2f2f5}
.sprite-detail-info{display:grid;gap:12px}.sprite-detail-head{padding:24px}.sprite-detail-head h1{margin:0 0 8px;font-size:42px;letter-spacing:-1.6px}.sprite-detail-head p{margin:0;color:#a2a5b0;line-height:1.55}.sprite-detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.sprite-detail-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sprite-detail-stat{padding:14px;border:1px solid #343640;border-radius:12px;background:#1a1b21}.sprite-detail-stat span{display:block;color:#858895;font-size:8px;font-weight:950;letter-spacing:.8px}.sprite-detail-stat strong{display:block;margin-top:6px;font-size:17px}.sprite-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.sprite-detail-actions .btn{min-height:42px}.sprite-owned-state{display:flex;gap:8px;margin-top:12px}.sprite-owned-state button{flex:1}
.sprite-trade-section{padding:18px}.sprite-trade-section h2{margin:0 0 4px;font-size:20px}.sprite-trade-section>p{margin:0 0 14px;color:#8f929f;font-size:11px}.sprite-trade-list{display:grid;gap:8px}.sprite-trade-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #30323b;border-radius:12px;background:#1a1b21}.sprite-trade-row:hover{border-color:#484a55}.sprite-trade-main{min-width:0}.sprite-trade-main b{display:block;font-size:12px}.sprite-trade-main span{display:block;margin-top:4px;color:#9396a2;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprite-trade-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.sprite-trade-badges i{font-style:normal;padding:4px 6px;border-radius:999px;background:#24252c;border:1px solid #383a44;color:#aaa;font-size:7px;font-weight:900}.sprite-trade-badges i.good{background:#193022;border-color:#326345;color:#69df91}.sprite-trade-badges i.need{background:#302b17;border-color:#625629;color:#f2d452}
.sprite-source-link{color:#b8bac4;text-decoration:none}.sprite-source-link:hover{color:#fff;text-decoration:underline}

/* Small quality-of-life improvements across pages. */
.page-card{box-shadow:0 8px 28px rgba(0,0,0,.08)}
.page-topbar .btn{white-space:nowrap}
.empty{color:#8d909c!important;background:rgba(255,255,255,.01)}
.collect-btn{transition:.15s transform,.15s background,.15s color,.15s border-color}.collect-btn:active{transform:scale(.97)}
.notification-row:hover{border-color:#464853!important;background:#1e1f26!important}
.trade-card .trade-age{font-variant-numeric:tabular-nums}

@media(max-width:1240px){
  .profile-collection-grid,.profile-inventory{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .collection-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .sprite-detail-shell{grid-template-columns:minmax(330px,.9fr) minmax(390px,1.1fr)}
  .profile-collection-toolbar{grid-template-columns:minmax(220px,1fr) 150px 140px 140px}
}
@media(max-width:900px){
  .profile-collection-grid,.profile-inventory{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .collection-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sprite-detail-shell{grid-template-columns:1fr}.sprite-detail-art-card{position:relative;top:auto;min-height:0}.sprite-detail-art{min-height:430px}.sprite-detail-art img{max-height:380px}
  .profile-collection-toolbar{grid-template-columns:1fr 1fr}.profile-collection-toolbar input{grid-column:1/-1}
}
@media(max-width:650px){
  :root{--sprite-card-art:156px}
  .profile-collection-grid,.profile-inventory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .mini-sprite{min-height:215px!important}.mini-sprite-thumb{height:158px!important;min-height:158px!important;padding:16px 8px 8px!important}.mini-sprite-copy{min-height:56px;padding:8px!important}.mini-sprite-copy strong{font-size:9px!important}
  .collection-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.collection-index-grid .sprite-art{height:165px!important}
  .profile-collection-toolbar{grid-template-columns:1fr}.profile-collection-toolbar input{grid-column:auto}.profile-collection-result{display:none}
  .sprite-detail-head{padding:18px}.sprite-detail-head h1{font-size:32px}.sprite-detail-art{min-height:360px;padding:26px 16px}.sprite-detail-art img{max-height:320px}.sprite-detail-stat-grid{grid-template-columns:1fr 1fr}.sprite-detail-actions{display:grid;grid-template-columns:1fr}.sprite-detail-actions .btn{width:100%}.sprite-trade-row{grid-template-columns:1fr}.sprite-trade-row .btn{width:100%}
}
.trade-sprite-detail{display:block;color:inherit;text-decoration:none;border-radius:10px}.trade-sprite-detail:hover strong{color:var(--yellow)}.trade-sprite-detail:hover .trade-sprite-art{transform:translateY(-1px)}.trade-sprite-art{transition:.15s transform}

/* ============================================================
   V19 — multi-Sprite trade builder + full-art profile cards
   ============================================================ */
:root{--v19-yellow:#f5d447;--v19-panel:#191a20;--v19-panel2:#202129;--v19-line:#343640;--v19-muted:#9699a6}

/* Definitive full-art fix: neutralize older aspect-ratio/size rules. */
.profile-collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.mini-sprite{min-height:330px!important;display:grid!important;grid-template-rows:250px auto!important;overflow:hidden!important}
.mini-sprite-thumb{height:250px!important;min-height:250px!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(180deg,#22252e,#1c1e26)!important}
.mini-sprite-thumb img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;transform:none!important;margin:0!important;padding:8px!important;display:block!important}
.mini-sprite-copy{min-height:78px!important;padding:11px 12px 13px!important;justify-content:flex-start!important;background:#191a20!important;border-top:1px solid #2c2e36!important}
.mini-sprite-copy strong{font-size:12px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-sprite-copy small{font-size:8.5px!important;line-height:1.35!important;color:#8f929f!important}
.mini-variant-badge,.mini-rarity-badge{top:10px!important}.master-star{right:10px!important;bottom:11px!important;top:auto!important;font-size:16px!important}
.collection-index-grid .sprite-art{height:270px!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.collection-index-grid .sprite-art img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;padding:10px!important;transform:none!important}

/* Trade builder page. */
.trade-builder-page{background:#121216!important}.trade-builder-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start;max-width:1500px!important}.trade-builder-main{min-width:0}.page-back-link{display:inline-flex;margin:2px 0 14px;color:#a2a4af;text-decoration:none;font-size:11px;font-weight:800}.page-back-link:hover{color:#fff}.trade-builder-title{margin-bottom:20px}.trade-builder-title h1{font-size:31px;margin:0 0 7px;letter-spacing:-1px}.trade-builder-title p{margin:0;max-width:760px;color:#a1a4b0;line-height:1.55;font-size:12px}.trade-builder-form{display:grid;gap:14px}.trade-side-builder{padding:18px;border-radius:15px!important}.trade-side-builder-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.trade-side-builder-head p{margin:5px 0 0;color:#8e919d;font-size:10px}.trade-builder-kicker{font-size:9px;font-weight:950;letter-spacing:1.05px;color:#bbbcc5}.trade-builder-kicker b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:999px;background:#26272e;color:#fff;font-size:8px}.trade-side-builder[data-side-card="offer"] .trade-builder-kicker{color:#f0d757}.trade-side-builder[data-side-card="want"] .trade-builder-kicker{color:#d6ce65}
.trade-pick-zone{min-height:150px;border:1px dashed #363843;border-radius:13px;background:#17181e;padding:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:stretch;cursor:default}.trade-add-empty{grid-column:1/-1;min-height:130px;border:0;background:transparent;color:#a7a9b4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.trade-add-empty span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#222329;font-size:20px}.trade-add-empty b{font-size:11px}.trade-add-empty small{font-size:8px;color:#737681}.trade-add-mini{min-height:170px;border:1px dashed #3a3c46;border-radius:12px;background:#1b1c22;color:#a4a6b0;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer}.trade-add-mini:hover{border-color:#5a5c66;color:#fff}.trade-add-mini>span{font-size:9px;font-weight:900}.trade-picked-sprite{position:relative;min-width:0;min-height:170px;border:1px solid #343640;border-radius:12px;background:linear-gradient(180deg,#22242c,#191a20);overflow:hidden;padding-top:24px}.trade-picked-art{height:105px;display:flex;align-items:center;justify-content:center;padding:6px;position:relative}.trade-picked-art img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto!important;position:relative;z-index:1}.trade-picked-sprite>b{display:block;padding:7px 9px 1px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-picked-sprite>small{display:block;padding:0 9px 9px;color:#858894;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-picked-remove{position:absolute;z-index:9;right:6px;top:6px;width:25px;height:25px;border:1px solid #464852;border-radius:8px;background:#18191f;color:#b4b5bd;cursor:pointer}.trade-picked-remove:hover{color:#fff;background:#2b2c33}.trade-picked-sprite .mini-variant-badge,.trade-picked-sprite .mini-rarity-badge{font-size:6.5px!important;padding:4px 6px!important;top:7px!important}.trade-picked-sprite .mini-variant-badge{left:7px!important}.trade-picked-sprite .mini-rarity-badge{right:38px!important}
.trade-swap-divider{height:31px;display:grid;place-items:center}.trade-swap-divider span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:1px solid #393b44;background:#202127;color:#d8c348;font-weight:900}
.trade-description-card{padding:17px!important}.trade-description-card label{display:block;margin:0 0 9px;font-size:9px;font-weight:950;letter-spacing:.85px;color:#b6b7c0}.trade-description-card label span{color:#6f727c}.trade-description-card textarea{min-height:126px!important;margin:0!important;background:#1e1f26!important;border-color:#383a44!important}.trade-note-meta{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#747783;font-size:8px}.trade-builder-aside{position:sticky;top:88px;display:grid;gap:12px}.trade-post-summary{padding:0!important;overflow:hidden}.trade-posting-identity{display:flex;gap:10px;align-items:center;padding:14px;border-bottom:1px solid #30323a}.trade-posting-identity img{width:44px;height:44px;border-radius:11px;object-fit:cover}.trade-posting-identity div{display:flex;flex-direction:column;min-width:0}.trade-posting-identity b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.trade-posting-identity span{font-size:8px;color:#8a8d98;margin-top:3px}.trade-checklist{padding:12px 14px;display:grid;gap:9px}.trade-checklist>div{display:grid;grid-template-columns:16px 1fr;gap:7px;align-items:center;color:#aaaab2;font-size:9px;font-weight:800}.trade-checklist i{font-style:normal;color:#656873}.trade-checklist .valid i{color:#5bd18a}.trade-checklist .invalid i{color:#777985}.trade-publish-btn{margin:4px 14px 0;width:calc(100% - 28px);min-height:44px}.trade-publish-btn:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.3)}#tradeSubmitHint{margin:8px 14px 14px;text-align:center;color:#858894;font-size:8px}.trade-builder-tips{padding:0 5px;color:#a1a3ac;font-size:9px;line-height:1.5}.trade-builder-tips p{margin:9px 0}
.trade-picker-panel{padding:17px!important}.trade-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.trade-picker-head p{margin:4px 0 0;color:#8d909c;font-size:9px}.trade-picker-close{width:32px;height:32px;border:1px solid #383a44;border-radius:9px;background:#1d1e24;color:#aaa;font-size:20px;cursor:pointer}.trade-picker-tools{display:grid;grid-template-columns:minmax(250px,1fr) 170px 150px;gap:8px;margin:14px 0 10px}.trade-picker-tools input,.trade-picker-tools select{margin:0!important;background:#202129!important;border-color:#383a44!important}.trade-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:500px;overflow:auto;padding:2px}.trade-picker-card{position:relative;min-height:168px;border:1px solid #343640;border-radius:11px;background:#1c1d23;color:#fff;text-align:left;padding:23px 8px 9px;cursor:pointer;overflow:hidden}.trade-picker-card:hover{border-color:#575963;background:#212229}.trade-picker-card.selected{border-color:#8a782f;box-shadow:inset 0 0 0 1px #6e612a;background:#292615}.trade-picker-card.disabled{opacity:.42;cursor:not-allowed}.trade-picker-art{height:98px;display:flex;align-items:center;justify-content:center;position:relative}.trade-picker-art img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto!important;position:relative;z-index:1}.trade-picker-card>b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-picker-card>small{display:block;margin-top:3px;color:#838690;font-size:6.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-picker-card>i{position:absolute;right:8px;bottom:8px;width:22px;height:22px;border-radius:50%;background:#292a31;display:grid;place-items:center;font-style:normal;font-size:11px}.trade-picker-card.selected>i{background:#d8bb38;color:#17150b}.trade-picker-card .mini-variant-badge,.trade-picker-card .mini-rarity-badge{font-size:6px!important;padding:3px 5px!important;top:6px!important}.trade-picker-card .mini-variant-badge{left:6px!important}.trade-picker-card .mini-rarity-badge{right:6px!important}

/* Multi-Sprite trade cards and trade-detail stacks. */
.trade-card-exchange.multi{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)!important;align-items:center}.trade-sprite-group{min-width:0}.trade-sprite-group-label{display:block;margin-bottom:7px;color:#8e919d;font-size:8px;font-weight:950;letter-spacing:.85px}.trade-sprite-group-label b{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:99px;background:#292a31;color:#fff}.trade-sprite-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:86px}.trade-mini-sprite{position:relative;min-width:0;height:86px;border:1px solid #343640;border-radius:10px;background:#202129;text-decoration:none;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:5px}.trade-mini-sprite img{width:100%;height:65px;object-fit:contain;aspect-ratio:auto!important;position:relative;z-index:1}.trade-mini-sprite small{position:absolute;left:4px;right:4px;bottom:3px;padding:2px 3px;border-radius:4px;background:#121319d9;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;z-index:3}.trade-mini-more{display:grid;place-items:center;height:86px;border:1px dashed #41434d;border-radius:10px;background:#1d1e24;color:#aaa;font-size:12px;font-weight:900}.trade-detail-stack{display:grid;gap:6px}.trade-detail-stack .trade-detail-sprite{min-height:68px}.message-trade-sprite-img{grid-row:1/3;width:56px;height:56px;object-fit:contain;border-radius:9px;background:#202129}.trade-intel{flex-wrap:wrap!important}

/* General release-polish additions. */
.page-card,.trade-card,.member-card,.sprite-card{transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.page-card:focus-within{border-color:#444650}.header-search input::placeholder,input::placeholder,textarea::placeholder{color:#737681!important}.form-note{color:#d8c85c!important}.form-note:empty{display:none}.sprite-detail-link,.page-back-link{transition:color .15s ease}.trade-card-note p{line-height:1.45}.trade-live-meta small{font-variant-numeric:tabular-nums}.profile-panel .profile-collection-result{margin-bottom:7px}.profile-collection-toolbar{position:sticky;top:76px;z-index:8;backdrop-filter:blur(10px)}

@media(max-width:1200px){.trade-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.trade-pick-zone{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:980px){.trade-builder-shell{grid-template-columns:1fr}.trade-builder-aside{position:relative;top:auto;grid-row:2}.trade-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.mini-sprite{min-height:300px!important;grid-template-rows:220px auto!important}.mini-sprite-thumb{height:220px!important;min-height:220px!important}}
@media(max-width:720px){.trade-side-builder-head{flex-direction:column}.trade-side-builder-head .btn{width:100%}.trade-pick-zone{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-picker-tools{grid-template-columns:1fr}.trade-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-picked-sprite{min-height:158px}.trade-builder-title h1{font-size:27px}.profile-collection-toolbar{position:relative;top:auto}.profile-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mini-sprite{min-height:280px!important;grid-template-rows:205px auto!important}.mini-sprite-thumb{height:205px!important;min-height:205px!important}}
@media(max-width:480px){.trade-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-pick-zone{grid-template-columns:1fr 1fr}.trade-card-exchange.multi{grid-template-columns:1fr!important}.trade-card-exchange.multi .trade-exchange-icon{transform:rotate(90deg);margin:auto}.trade-sprite-group-grid{grid-template-columns:repeat(3,1fr)}}

/* ============================================================
   V20 — trade board rebuild + site-wide finishing pass
   ============================================================ */
.trade-zone{padding-top:58px!important;padding-bottom:72px!important}
.trade-board-head{align-items:flex-end!important}.trade-board-head>.btn{flex:0 0 auto}
.trade-board-toolbar{display:grid;grid-template-columns:minmax(280px,1.3fr) repeat(3,minmax(155px,.55fr));gap:9px;padding:10px;margin:0 0 9px;border:1px solid #30323b;border-radius:13px;background:#18191f}.trade-board-search{min-width:0}.trade-board-toolbar select,.trade-board-toolbar input{height:40px;background:#202128!important;border-color:#353741!important;font-size:11px!important}.trade-board-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 2px 16px;color:#858894;font-size:9px}.trade-board-summary b{color:#f5d94f;font-size:11px}.trade-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start}.trade-card{padding:18px!important;border-radius:15px!important;background:linear-gradient(180deg,#1b1c22,#17181e)!important;border-color:#343640!important}.trade-card:hover{border-color:#4a4c56!important;box-shadow:0 18px 38px rgba(0,0,0,.20)!important}.trade-card.my-trade-card{border-color:#3b4237!important}.trade-card-head{min-height:46px}.trader-chip b{max-width:260px!important;font-size:13px!important}.trader-chip small{font-size:9px!important}.inline-user-avatar{width:42px!important;height:42px!important;border-radius:11px!important}.trade-live-meta{min-width:92px!important}.trade-live-meta b{font-size:8px!important}.trade-live-meta small{font-size:8px!important}.trade-card-exchange.multi{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)!important;gap:12px!important;margin:17px 0 12px!important}.trade-sprite-group-label{margin-bottom:9px!important;font-size:9px!important}.trade-sprite-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;min-height:112px!important}.trade-mini-sprite{height:112px!important;border-radius:11px!important;background:#202128!important;padding:7px!important;overflow:hidden}.trade-mini-sprite img{height:84px!important;width:100%!important;object-fit:contain!important}.trade-mini-sprite small{font-size:7px!important;bottom:5px!important;left:5px!important;right:5px!important}.trade-mini-sprite em{position:absolute;top:5px;left:5px;z-index:3;padding:3px 5px;border:1px solid #40424b;border-radius:999px;background:#17181ddd;color:#aaaeb8;font:700 6px Inter,sans-serif;font-style:normal;text-transform:uppercase}.trade-mini-more{height:112px!important;display:flex!important;flex-direction:column!important;gap:2px;font-size:16px!important}.trade-mini-more small{font-size:7px;color:#777a87;text-transform:uppercase}.trade-exchange-icon{width:36px!important;height:36px!important;font-size:15px!important}.trade-intel{margin:11px 0 7px!important;align-items:center}.trade-intel-badge{min-height:27px!important;padding:6px 9px!important;font-size:7px!important;text-decoration:none}.trade-intel-badge.owner{background:#1e2721;border-color:#3a5941;color:#78da91}.trade-intel-copy{color:#818591;font-size:8px}.trade-match-score{margin-left:auto;padding:5px 7px;border-radius:7px;background:#29261a;border:1px solid #5b5228;color:#ecd45b;font-size:7px;font-weight:950}.sign-in-match:hover{border-color:#5b5d68;color:#fff}.trade-card-note{padding:11px 0!important;gap:9px!important}.trade-card-note>span{color:#f6d64a;font-size:14px}.trade-card-note>div{min-width:0}.trade-card-note b{display:block;margin-bottom:3px;color:#777b89;font-size:7px;letter-spacing:.8px}.trade-card-note p{font-size:10px!important;color:#b7bac4}.trade-card-foot{padding-top:12px!important}.trade-posted{display:flex;flex-direction:column;gap:2px}.trade-posted small{color:#6f7280;font-size:7px}.trade-posted b{color:#a7aab4;font-size:9px;font-weight:750}.trade-actions .btn{min-height:34px;padding:8px 11px!important}.trade-empty{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:220px;justify-content:center}.trade-empty b{color:#fff;font-size:15px}.trade-empty span{color:#858894}.match-ribbon{top:-9px!important;right:17px!important;padding:5px 9px!important;font-size:7px!important}.match-callout{font-size:9px!important;padding:9px 10px!important}

/* Trade detail page */
.page-loading{padding:34px;text-align:center;color:#8d909b}.trade-detail-top-actions{display:flex;gap:8px}.trade-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin-bottom:12px}.trade-detail-hero.perfect{border-color:#655d2f;background:linear-gradient(100deg,#211f18,#1a1b21)}.trade-detail-trader{display:flex;align-items:center;gap:12px}.trade-detail-trader img{width:54px;height:54px;border-radius:13px;object-fit:cover;border:1px solid #3b3d47}.trade-detail-trader div{display:flex;flex-direction:column;gap:3px}.trade-detail-trader a{color:#fff;text-decoration:none;font-size:15px}.trade-detail-trader a:hover{color:#f4d64d}.trade-detail-trader span{color:#8a8d99;font-size:9px}.trade-detail-status{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 6px}.trade-detail-status .live-dot{width:8px;height:8px;border-radius:50%;background:#63dc8f;box-shadow:0 0 0 4px rgba(99,220,143,.08)}.trade-detail-status b{font-size:9px;color:#6fdf97;letter-spacing:.8px}.trade-detail-status small{grid-column:1/-1;color:#858894;font-size:8px;padding-left:14px}.trade-detail-match-banner{display:flex;align-items:center;gap:8px;padding:11px 14px;margin-bottom:12px;border:1px solid #625a2c;border-radius:11px;background:#292619;color:#ecd75d;font-size:10px}.trade-detail-match-banner span{color:#c9c09a}.trade-detail-exchange{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:14px;align-items:center}.trade-detail-side{min-width:0;padding:17px;border:1px solid #30323b;border-radius:14px;background:#1a1b21}.trade-detail-side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.trade-detail-side-head span{color:#8b8e9a;font-size:9px;font-weight:950;letter-spacing:.8px}.trade-detail-side-head b{font-size:9px;color:#b9bbc4}.trade-detail-sprite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.trade-detail-big-sprite{position:relative;min-width:0;display:flex;flex-direction:column;text-decoration:none;color:#fff;border:1px solid #343640;border-radius:12px;background:#202129;overflow:hidden;padding:7px}.trade-detail-big-art{height:140px;display:grid;place-items:center}.trade-detail-big-art img{width:100%;height:100%;object-fit:contain}.trade-detail-big-sprite strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-detail-big-sprite>small{margin-top:2px;color:#777a87;font-size:7px}.trade-detail-owned{margin-top:6px;width:max-content;padding:4px 6px;border-radius:6px;font-size:6px;font-weight:950;font-style:normal}.trade-detail-owned.yes{background:#1b2c22;border:1px solid #31563d;color:#6bdc8b}.trade-detail-owned.no{background:#2c251b;border:1px solid #5c4f29;color:#e9cd5b}.trade-detail-swap{display:grid;place-items:center;width:52px;height:52px;border:1px solid #363842;border-radius:50%;background:#202128;color:#9b9ea9;font-size:21px}.trade-detail-description{margin:14px 0;padding:16px}.trade-detail-description>span{display:block;color:#777b89;font-size:8px;font-weight:950;letter-spacing:.8px}.trade-detail-description p{margin:8px 0 0;color:#c2c4cd;line-height:1.6}.trade-detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 0}.trade-detail-bottom>div:first-child{display:flex;flex-direction:column;gap:3px}.trade-detail-bottom small{color:#747783;font-size:7px}.trade-detail-bottom code{color:#a4a7b1;font-size:9px}.trade-detail-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}

/* Notifications feel like a real activity center */
.notification-summary{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}.notification-summary span{padding:8px 10px;border:1px solid #30323b;border-radius:9px;background:#1a1b21;color:#8c8f9a;font-size:9px}.notification-summary b{color:#f4d64d}.notification-row.match .icon-tile{color:#f4d64d}

/* Profile and Collection artwork: always show the full Sprite */
.profile-collection-grid,.collection-grid{align-items:stretch!important}.profile-collection-grid .mini-sprite,.collection-grid .mini-sprite{min-height:330px!important;display:grid!important;grid-template-rows:230px auto!important;overflow:hidden!important}.profile-collection-grid .mini-sprite-thumb,.collection-grid .mini-sprite-thumb{height:230px!important;min-height:230px!important;display:grid!important;place-items:center!important;overflow:hidden!important;padding:12px!important;background:#202128!important}.profile-collection-grid .mini-sprite-thumb img,.collection-grid .mini-sprite-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important}.profile-collection-grid .mini-sprite-copy,.collection-grid .mini-sprite-copy{padding:12px!important;min-height:72px}.profile-collection-grid .mini-sprite-copy strong,.collection-grid .mini-sprite-copy strong{font-size:11px!important}.profile-collection-grid .mini-sprite-copy small,.collection-grid .mini-sprite-copy small{font-size:7px!important;line-height:1.45}.master-star{bottom:10px!important;right:10px!important;top:auto!important}

/* Small global finishing details */
.page-card{box-shadow:none}.page-title h1{letter-spacing:-.7px}.page-back-link{display:inline-flex;align-items:center;gap:5px}.btn:focus-visible,.nav-icon-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #f4d64d;outline-offset:2px}.empty b,.empty span{display:block}.empty .btn{margin-top:4px}.footer-links a:hover{color:#f4d64d}.site-header .brand img{object-fit:contain}.page-account-menu a{display:block;text-decoration:none}

@media(max-width:1200px){.trade-board-toolbar{grid-template-columns:1fr 1fr}.trade-board-search{grid-column:1/-1}.trade-grid{grid-template-columns:1fr!important}.trade-detail-sprite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-detail-exchange{grid-template-columns:1fr}.trade-detail-swap{margin:auto;transform:rotate(90deg)}}
@media(max-width:760px){.trade-board-head{align-items:flex-start!important}.trade-board-toolbar{grid-template-columns:1fr}.trade-board-search{grid-column:auto}.trade-board-summary{align-items:flex-start;flex-direction:column}.trade-card{padding:14px!important}.trade-card-exchange.multi{grid-template-columns:1fr!important}.trade-card-exchange.multi .trade-exchange-icon{margin:auto;transform:rotate(90deg)}.trade-sprite-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.trade-mini-sprite{height:126px!important}.trade-mini-sprite img{height:96px!important}.trade-mini-more{height:126px!important}.trade-card-foot{align-items:flex-start;flex-direction:column}.trade-actions{width:100%;justify-content:stretch!important}.trade-actions .btn{flex:1;text-align:center}.trade-detail-hero{align-items:flex-start;flex-direction:column}.trade-detail-top-actions{width:100%}.trade-detail-top-actions .btn{flex:1}.trade-detail-sprite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-detail-big-art{height:150px}.trade-detail-bottom{align-items:flex-start;flex-direction:column}.trade-detail-actions{width:100%;justify-content:stretch}.trade-detail-actions .btn{flex:1;text-align:center}.profile-collection-grid .mini-sprite,.collection-grid .mini-sprite{min-height:300px!important;grid-template-rows:205px auto!important}.profile-collection-grid .mini-sprite-thumb,.collection-grid .mini-sprite-thumb{height:205px!important;min-height:205px!important}}
@media(max-width:460px){.trade-sprite-group-grid{grid-template-columns:repeat(2,1fr)!important}.trade-detail-sprite-grid{grid-template-columns:1fr 1fr}.trade-detail-big-art{height:125px}.profile-collection-grid .mini-sprite,.collection-grid .mini-sprite{min-height:270px!important;grid-template-rows:180px auto!important}.profile-collection-grid .mini-sprite-thumb,.collection-grid .mini-sprite-thumb{height:180px!important;min-height:180px!important}}

/* V21 — public-release trade picker cleanup */
.current-season-note{display:inline-flex;align-items:center;margin-left:7px;padding:3px 7px;border:1px solid rgba(245,212,71,.18);border-radius:999px;background:rgba(245,212,71,.07);color:#e7cf66;font-size:9px;font-weight:900;letter-spacing:.3px}
.sprite-picker-panel::before{content:"CURRENT / NEW SPRITES ONLY";display:inline-flex;margin-bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(91,209,138,.08);border:1px solid rgba(91,209,138,.16);color:#79dfa2;font-size:9px;font-weight:1000;letter-spacing:.8px}


/* ============================================================
   V22 — accepted trade flow + reference-style messaging polish
   ============================================================ */
:root{
  --v22-panel:#15171f;
  --v22-panel-2:#1b1e28;
  --v22-panel-3:#202430;
  --v22-line:#303440;
  --v22-muted:#8f96a8;
  --v22-yellow:#f2d649;
  --v22-green:#48df8b;
  --v22-red:#ff6f7d;
}
.site-confirm-dialog{border:0;padding:0;background:transparent;max-width:min(520px,calc(100vw - 28px))}
.site-confirm-dialog::backdrop{background:rgba(5,6,10,.78);backdrop-filter:blur(8px)}
.site-confirm-card{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px;border:1px solid #363a46;border-radius:16px;background:linear-gradient(180deg,#1c1f28,#15171e);box-shadow:0 28px 80px rgba(0,0,0,.52);color:#fff}
.site-confirm-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(242,214,73,.12);border:1px solid rgba(242,214,73,.28);color:var(--v22-yellow);font-weight:1000;font-size:22px}
.site-confirm-copy h3{margin:2px 0 7px;font-size:18px}.site-confirm-copy p{margin:0;color:#9ba2b4;font-size:13px;line-height:1.5}
.site-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.page-toast{position:fixed;right:18px;bottom:18px;z-index:9999;padding:11px 14px;border-radius:11px;background:#1f4d3a;border:1px solid #3e8a69;color:#fff;box-shadow:0 18px 46px rgba(0,0,0,.42);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.page-toast.show{opacity:1;transform:none}.page-toast.bad{background:#52232b;border-color:#8d3d49}

.trade-detail-hero{padding:17px 19px!important;display:flex;justify-content:space-between;align-items:center;gap:16px}
.trade-detail-trader{display:flex;gap:11px;align-items:center}.trade-detail-trader>img{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid #3b3f4c}.trade-detail-trader a{text-decoration:none;color:#fff}.trade-detail-trader b{font-size:15px}.trade-detail-trader span{display:block;color:#8e96a8;font-size:10px;margin-top:4px}
.trade-detail-status{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.trade-detail-status small{width:100%;text-align:right;color:#777f91;font-size:9px}.trade-detail-status.active b{color:var(--v22-green)}.trade-detail-status.closed b{color:#a7acb8}
.trade-detail-exchange{display:grid!important;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;margin:16px 0!important}
.trade-detail-side{padding:18px!important;border:1px solid #303440!important;border-radius:16px!important;background:linear-gradient(180deg,#181b24,#14171e)!important}
.trade-detail-side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.trade-detail-side-head span{font-size:10px;font-weight:900;letter-spacing:1.1px;color:#9ca4b6}.trade-detail-side-head b{font-size:11px;color:#d9dde7}
.trade-detail-sprite-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.trade-detail-big-sprite{min-width:0!important;padding:9px!important;border:1px solid #313642!important;border-radius:13px!important;background:#1c2029!important;text-decoration:none!important;color:#fff!important;position:relative!important}
.trade-detail-big-art{height:150px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:linear-gradient(180deg,#202633,#191d27)!important;overflow:hidden!important}
.trade-detail-big-art img{width:100%!important;height:100%!important;object-fit:contain!important}
.trade-detail-big-sprite strong{display:block;margin-top:8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-detail-big-sprite small{display:block;margin-top:3px;color:#8c93a5;font-size:9px}
.trade-detail-swap{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;align-self:center!important;justify-self:center!important;border:1px solid #363a47!important;border-radius:50%!important;background:#1d2028!important;color:#aab0be!important}
.trade-detail-description{padding:16px 18px!important}.trade-detail-description>span{font-size:9px;font-weight:900;letter-spacing:1px;color:#989fb1}.trade-detail-description p{margin:7px 0 0;color:#c1c6d2;line-height:1.55}
.trade-detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.trade-detail-bottom small{display:block;color:#737b8e;font-size:9px}.trade-detail-bottom code{font-size:10px;color:#a9afbd}.trade-detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.trade-request-state{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:9px;border:1px solid #3a3e49;background:#1b1e27;color:#aab1c2;font-size:11px;font-weight:800}.trade-request-state.pending{border-color:#625b2e;background:#292617;color:#e7cf5c}.trade-request-state.unavailable{color:#8b92a2}
.accepted-trade-banner{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;margin:14px 0;padding:14px 16px;border:1px solid #2e6348;border-radius:13px;background:linear-gradient(90deg,rgba(72,223,139,.11),rgba(72,223,139,.025))}
.accepted-check{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#1a4933;color:#71efa9;font-weight:1000}.accepted-trade-banner b{display:block}.accepted-trade-banner div span{display:block;color:#9ca6b5;font-size:11px;margin-top:2px}.completion-pill{padding:7px 9px;border-radius:999px;background:#1a2c24;border:1px solid #315844;color:#71e5a5;font-size:9px;font-weight:900}
.trade-request-panel{margin:15px 0;padding:18px!important}.trade-request-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding-bottom:13px;border-bottom:1px solid #2d313d}.trade-request-panel-head>div>span{font-size:9px;font-weight:900;letter-spacing:1px;color:var(--v22-yellow)}.trade-request-panel-head h3{margin:4px 0 0;font-size:17px}.trade-request-panel-head small{max-width:330px;color:#81899a;font-size:10px;text-align:right}
.trade-request-list{display:grid;gap:8px;margin-top:12px}.trade-request-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px solid #2f3440;border-radius:12px;background:#191c24}.trade-request-person{display:flex;align-items:center;gap:10px;min-width:0}.trade-request-person img{width:42px;height:42px;border-radius:11px;object-fit:cover}.trade-request-person a{color:#fff;text-decoration:none;font-weight:900}.trade-request-person span{display:block;color:#81899a;font-size:9px;margin-top:3px}.trade-request-buttons{display:flex;gap:7px}.trade-request-empty{text-align:center;padding:28px 14px;color:#868e9f}.trade-request-empty b{display:block;color:#dfe2e8;margin-bottom:4px}

.messages-app-page{padding:0!important;min-height:calc(100vh - 64px)!important}.message-page-shell{width:min(1580px,calc(100% - 28px));margin:16px auto 26px}.messages-page{height:calc(100vh - 108px)!important;min-height:670px!important;display:grid!important;grid-template-columns:320px minmax(480px,1fr) 350px!important;border:1px solid #2f3440!important;border-radius:17px!important;overflow:hidden!important;background:#13161d!important}
.messages-sidebar{background:#151820!important;border-right:1px solid #2c303b!important;display:flex!important;flex-direction:column!important}.messages-brand-head{height:62px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c303b}.messages-brand-head>div{display:flex;align-items:center;gap:9px}.messages-brand-icon{color:var(--v22-yellow);font-size:22px}.messages-brand-head strong{font-size:17px}.messages-brand-head small{font-size:9px;color:#788092}
.message-tabs{margin:11px!important}.message-search{margin:0 11px 10px!important}.conversation-list{flex:1!important;overflow:auto!important}.conversation{grid-template-columns:42px minmax(0,1fr) auto!important;padding:12px 11px!important;border-bottom:1px solid #262a34!important}.conversation.active{background:#20232b!important}.conversation.active:before{background:var(--v22-yellow)!important}.conversation-main time{display:block;color:#656d7f;font-size:8px;margin-top:3px}.conversation-status.active{background:#433a18!important;color:#f4d84b!important}.conversation-status.closed{background:#183527!important;color:#67d99a!important}
.messages-main{display:grid!important;grid-template-rows:64px 1fr 66px!important;background:#171a22!important}.messages-head{height:64px!important;border-bottom:1px solid #2c303b!important;padding:0 16px!important}.messages-head-actions{display:flex;align-items:center;gap:8px}.message-thread{padding:18px 20px!important;background:linear-gradient(180deg,#181b24,#151820)!important;overflow:auto!important}.accepted-system-message{width:min(620px,92%);margin:0 auto 18px;display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid #315342;border-radius:10px;background:#18261f;color:#dbe8e1}.accepted-system-message>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#23523a;color:#6ee9a4;font-weight:1000}.accepted-system-message b{display:block;font-size:11px}.accepted-system-message small{display:block;color:#8fa597;font-size:9px;margin-top:2px;line-height:1.45}.message-empty-state.compact{min-height:200px!important;height:auto!important}.message-lock-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin-bottom:8px;background:#1c3429;color:#66e49e;font-size:24px}.message-form{height:66px!important;padding:10px 12px!important;border-top:1px solid #2c303b!important;background:#151820!important}.message-form input:disabled{opacity:.55;cursor:not-allowed}.message-send{height:44px!important;width:48px!important}
.messages-trade{padding:16px!important;background:#151820!important;border-left:1px solid #2c303b!important;overflow:auto!important}.trade-side-head{padding-bottom:12px!important}.trade-side-head>div small{display:block;color:#737b8d;font-size:8px;margin-top:2px}.accepted-chat-side{margin:14px 0}.accepted-chat-side>label{display:block;margin:0 0 8px;color:#8f97a8;font-size:9px;font-weight:900;letter-spacing:1px}.accepted-chat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.accepted-chat-sprite{position:relative;min-width:0;padding:5px;border:1px solid #303541;border-radius:9px;background:#1b1f28;text-decoration:none;color:#fff}.accepted-chat-sprite>div{height:62px;display:grid;place-items:center;border-radius:7px;background:#202530;overflow:hidden}.accepted-chat-sprite img{width:100%;height:100%;object-fit:contain}.accepted-chat-sprite b{display:block;margin-top:4px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accepted-chat-sprite small{display:block;color:#747c8e;font-size:7px}.accepted-chat-sprite .mini-variant-badge,.accepted-chat-sprite .mini-rarity-badge{font-size:6px!important;padding:2px 4px!important}
.trade-completion-card{margin:15px 0;padding:12px;border:1px solid #303540;border-radius:11px;background:#191d25}.trade-completion-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.trade-completion-card b{font-size:10px}.trade-completion-card span{font-size:9px;color:#828a9c}.completion-track{height:5px;border-radius:99px;background:#0f1116;overflow:hidden;margin:9px 0}.completion-track i{display:block;height:100%;background:linear-gradient(90deg,var(--v22-yellow),var(--v22-green))}.trade-completed-stamp{text-align:center;color:#69dea0;font-size:10px;font-weight:900;padding:8px}
.messages-zero{padding:30px 16px;text-align:center;color:#81899a}.messages-zero-icon{width:48px;height:48px;border-radius:14px;margin:0 auto 9px;display:grid;place-items:center;border:1px solid #323743;background:#1c2028;color:var(--v22-yellow);font-size:20px}.messages-zero b{display:block;color:#dfe2e8;margin-bottom:5px}.messages-zero span{display:block;font-size:10px;line-height:1.5;margin-bottom:12px}

.trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.trade-card{padding:16px!important}.trade-card-head{margin-bottom:12px!important}.trade-card-exchange.multi{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;gap:10px!important}.trade-sprite-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.trade-mini-sprite{min-height:120px!important;padding:6px!important}.trade-mini-sprite img{height:78px!important;object-fit:contain!important}.trade-mini-sprite small{font-size:8px!important}.trade-card-note{margin-top:11px!important}.trade-card-foot{padding-top:12px!important}
.trade-card .trade-actions .btn-primary{background:var(--v22-yellow)!important;color:#15150f!important}

@media(max-width:1180px){.messages-page{grid-template-columns:280px minmax(420px,1fr)!important}.messages-trade{display:none!important}.trade-detail-sprite-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.trade-grid{grid-template-columns:1fr!important}.trade-detail-exchange{grid-template-columns:1fr!important}.trade-detail-swap{transform:rotate(90deg)}.messages-page{grid-template-columns:260px 1fr!important}.trade-detail-sprite-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.message-page-shell{width:100%;margin:0}.messages-page{height:calc(100vh - 60px)!important;min-height:0!important;border:0!important;border-radius:0!important;grid-template-columns:1fr!important}.messages-sidebar{display:none!important}.trade-detail-bottom,.trade-request-row,.trade-request-panel-head{align-items:flex-start;flex-direction:column}.trade-detail-actions,.trade-request-buttons{width:100%}.trade-detail-actions .btn,.trade-request-buttons .btn{flex:1}.trade-detail-sprite-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.trade-detail-big-art{height:130px!important}.accepted-trade-banner{grid-template-columns:38px 1fr}.completion-pill{grid-column:1/-1;width:max-content}}

/* V22 final — trade acceptance safety modal + realtime chat polish */
.accept-trade-dialog{width:min(470px,calc(100vw - 28px));padding:0;border:1px solid #343842;border-radius:18px;background:#181a21;color:#f3f4f7;box-shadow:0 32px 90px rgba(0,0,0,.62)}
.accept-trade-dialog::backdrop{background:rgba(5,6,9,.72);backdrop-filter:blur(10px)}
.accept-trade-card{position:relative;padding:22px}.accept-trade-close{position:absolute;right:14px;top:12px;width:32px;height:32px;border:0;background:transparent;color:#8e95a5;font-size:21px;cursor:pointer}
.accept-trade-head{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding-right:30px}.accept-trade-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#3d3319;color:#f2d24b;font-size:18px}.accept-trade-head h3{margin:0 0 5px;font-size:18px}.accept-trade-head p{margin:0;color:#a3a9b7;font-size:11px;line-height:1.55}
.accept-trade-warning{margin:16px 0 13px;padding:11px 12px;border:1px solid #554b26;border-radius:10px;background:#262216}.accept-trade-warning b{display:block;color:#ead253;font-size:9px;letter-spacing:.85px;margin-bottom:4px}.accept-trade-warning span{display:block;color:#b8b29a;font-size:10px;line-height:1.5}
.accept-trade-rules{display:grid;gap:9px;padding:3px 1px 12px}.accept-trade-rules>b{color:#949baa;font-size:8px;letter-spacing:1px}.accept-trade-rules>span{display:block;color:#d6d9df;font-size:10px;line-height:1.35}.accept-trade-rules>span::first-letter{color:#ff6e77}
.accept-trade-check{display:flex!important;gap:9px!important;align-items:flex-start!important;margin:4px 0 16px!important;padding:10px 11px;border:1px solid #303540;border-radius:10px;background:#15171d;color:#aeb4c1!important;font-size:10px!important;line-height:1.45}.accept-trade-check input{width:15px!important;height:15px!important;min-height:0!important;margin:1px 0 0!important;accent-color:#efd34b;flex:0 0 auto}.accept-trade-check b{color:#fff}
.accept-trade-actions{display:flex;justify-content:flex-end;gap:8px}.accept-trade-actions .btn{min-width:106px}.accept-trade-actions .btn:disabled{opacity:.45;cursor:not-allowed;filter:none!important;transform:none!important}
.message-send:disabled{opacity:.45;cursor:not-allowed}.conversation-unread{font-style:normal}.notification-row.request .icon-tile{color:#f0d448;background:#2b281a}.notification-row.accepted .icon-tile{color:#69dfa0;background:#182d23}.trade-detail-status.active{border-color:#3e6b51!important;background:#1a2b22!important}.trade-detail-status.active b{color:#68dfa0!important}
@media(max-width:560px){.accept-trade-card{padding:18px}.accept-trade-actions{display:grid;grid-template-columns:1fr 1fr}.accept-trade-actions .btn{min-width:0}.accept-trade-head{grid-template-columns:36px 1fr}}

/* V22 final trade detail — reference-style main + rail layout */
.trade-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.trade-detail-nav>a{color:#aab1bf;text-decoration:none;font-size:11px;font-weight:800}.trade-detail-nav>a:hover{color:#fff}.trade-detail-nav>div{display:flex;gap:7px}
.trade-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.trade-detail-main{min-width:0}.trade-detail-rail{position:sticky;top:80px;display:grid;gap:10px}
.trade-detail-summary{padding:18px!important;border-color:#35453b!important}.trade-detail-postline{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#9199a9;font-size:10px}.trade-detail-postline b{color:#fff}.trade-detail-postline a{color:#fff;text-decoration:none;font-weight:900}.trade-detail-postline code{margin-left:auto;padding:5px 7px;border-radius:7px;background:#11141a;color:#737b8c;font-size:8px}.trade-detail-summary h1{margin:13px 0 16px;font-size:clamp(23px,3vw,38px);line-height:1.08;letter-spacing:-1.2px}.trade-detail-summary-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-top:14px;border-top:1px solid #30343e}.trade-detail-summary-stats span{min-width:0}.trade-detail-summary-stats small{display:block;color:#858d9e;font-size:8px;font-weight:900;letter-spacing:.8px}.trade-detail-summary-stats b{display:block;margin-top:4px;color:#f0f2f6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trade-detail-exchange-shell{padding:18px!important;margin-top:12px}.trade-detail-exchange-shell .trade-detail-exchange{margin:0!important}.trade-detail-side{background:transparent!important;border:0!important;padding:0!important}.trade-detail-side-head{margin-bottom:10px!important}.trade-detail-side-head span{color:#a1a8b6!important;font-size:9px!important;letter-spacing:.9px!important}.trade-detail-side-head b{font-size:9px!important;color:#7d8494!important}.trade-detail-swap{width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid #394038!important;background:#172019!important;color:#73dc9c!important;display:grid!important;place-items:center!important;align-self:center!important}
.trade-rail-card{padding:16px!important}.trade-rail-person{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #2e323d}.trade-rail-person img{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid #373c48}.trade-rail-person a{display:block;color:#fff;text-decoration:none;font-weight:950}.trade-rail-person span{display:block;margin-top:4px;color:#f0cf4a;font-size:9px}.trade-rail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 0}.trade-rail-meta span{padding:9px;border:1px solid #2e333e;border-radius:9px;background:#171a21}.trade-rail-meta small{display:block;color:#7f8798;font-size:7px;font-weight:900;letter-spacing:.7px}.trade-rail-meta b{display:block;margin-top:3px;color:#cfd3db;font-size:9px}.trade-rail-actions{display:grid!important;gap:7px!important;justify-content:stretch!important}.trade-rail-actions>*{width:100%;justify-content:center;text-align:center}.trade-rail-profile{display:block;margin-top:12px;text-align:center;color:#aab1bd;text-decoration:none;font-size:9px;font-weight:850}.trade-rail-profile:hover{color:#fff}.trade-rail-safety{display:grid;gap:9px;padding:4px 5px;color:#8d95a5;font-size:9px;line-height:1.45}.trade-rail-safety span:first-child{color:#8ed7aa}.trade-rail-id{padding:10px 12px;border:1px solid #2c3039;border-radius:10px;background:#14171d}.trade-rail-id small{display:block;color:#737b8d;font-size:7px;font-weight:900;letter-spacing:.8px}.trade-rail-id code{display:block;margin-top:4px;color:#939baa;font-size:8px;overflow-wrap:anywhere}
@media(max-width:1050px){.trade-detail-layout{grid-template-columns:1fr}.trade-detail-rail{position:static;grid-template-columns:1fr 1fr}.trade-rail-safety,.trade-rail-id{align-self:stretch}.trade-detail-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.trade-detail-nav{padding:0 2px}.trade-detail-nav .btn{padding:7px 9px!important}.trade-detail-summary{padding:14px!important}.trade-detail-summary-stats{grid-template-columns:1fr 1fr}.trade-detail-summary h1{font-size:25px}.trade-detail-postline code{width:100%;margin-left:0}.trade-detail-rail{grid-template-columns:1fr}.trade-rail-actions{display:grid!important}.trade-detail-exchange-shell{padding:14px!important}}


/* V23 — owned legacy Sprites remain offerable */
.sprite-picker-panel::before{display:none!important;content:none!important}
.legacy-offer-note,.current-season-note{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;vertical-align:middle}
.legacy-offer-note{background:rgba(90,167,255,.09);border:1px solid rgba(90,167,255,.18);color:#87bcff}
.current-season-note{background:rgba(245,212,71,.08);border:1px solid rgba(245,212,71,.16);color:#ead46a}


/* V25 — Season 4 picker never goes blank */
.trade-picker-card.not-owned{border-style:dashed;opacity:.82;background:linear-gradient(160deg,#1c202b,#151820)}
.trade-picker-card.not-owned:hover{opacity:1;border-color:#6d7690;transform:translateY(-2px)}
.trade-picker-card.not-owned .trade-picker-art{filter:saturate(.72)}
.vault-lock-badge{position:absolute;left:10px;bottom:52px;z-index:3;padding:4px 7px;border-radius:999px;background:#282d3b;border:1px solid #485066;color:#b9c1d6;font-size:8px;font-weight:1000;letter-spacing:.7px}
.trade-picker-card.not-owned>i{width:auto;min-width:50px;padding:0 7px;border-radius:999px;font-size:8px;font-style:normal}
.trade-picker-card.saving{opacity:.55;pointer-events:none}
.trade-picker-card.saving>i{font-size:0}
.trade-picker-card.saving>i:after{content:'…';font-size:14px}

/* ============================================================
   V26 — completed chat state + rating modal + readability
   ============================================================ */
.messages-page{grid-template-columns:320px minmax(520px,1fr) 380px!important}
.messages-trade{padding:20px!important;background:#161920!important}
.trade-side-head>div strong{font-size:14px!important}.trade-side-head>div small{font-size:9px!important;color:#8d95a6!important}
.accepted-chat-side{margin:18px 0!important}.accepted-chat-side>label{font-size:10px!important;color:#aab1c0!important;margin-bottom:10px!important}
.accepted-chat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.accepted-chat-sprite{padding:8px!important;border-radius:11px!important;background:#1c2029!important}
.accepted-chat-sprite>div{height:92px!important}.accepted-chat-sprite b{font-size:10px!important;margin-top:6px!important}.accepted-chat-sprite small{font-size:8px!important;color:#8e96a7!important}
.trade-description>label{font-size:9px!important;color:#969eae!important}.trade-description p{padding:11px!important;font-size:10px!important;color:#c3c8d2!important;line-height:1.5!important}
.trade-completion-card{padding:14px!important;background:#1a1e27!important}.trade-completion-card b{font-size:11px!important}.trade-completion-card span{font-size:10px!important}.trade-completed-stamp{font-size:11px!important;padding:10px!important}
.trade-side-actions{gap:8px!important}.trade-side-btn{padding:12px 10px!important;font-size:10px!important}.trade-side-btn.rate{background:#342d16!important;border-color:#665724!important;color:#f4da58!important}

.accepted-system-message.completed{border-color:#3b4754!important;background:#1c2229!important;color:#d8dde4!important}.accepted-system-message.completed>span{background:#303a45!important;color:#cfd7df!important}.accepted-system-message.completed small{color:#929ca8!important}
.completed-chat-notice{width:min(720px,94%);margin:18px auto 6px;padding:14px 15px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #3b424d;border-radius:12px;background:#1d2128;color:#d8dde3}.completed-chat-notice>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#303740;color:#c9d0d8;font-weight:1000}.completed-chat-notice b{display:block;font-size:11px}.completed-chat-notice small{display:block;margin-top:3px;color:#8f98a5;font-size:9px;line-height:1.45}
.message-form.is-closed{background:#22252b!important;border-top-color:#363a42!important}.message-form.is-closed input{background:#2a2d33!important;border-color:#3b3f47!important;color:#8d929b!important;opacity:1!important}.message-form.is-closed input::placeholder{color:#8d929b!important}.message-form.is-closed .message-send{background:#3a3d43!important;color:#777c85!important;box-shadow:none!important;opacity:1!important}

.rate-trade-dialog{width:min(460px,calc(100vw - 28px));padding:0;border:1px solid #373b45;border-radius:18px;background:#191b21;color:#f4f5f7;box-shadow:0 32px 90px rgba(0,0,0,.65)}.rate-trade-dialog::backdrop{background:rgba(5,6,9,.76);backdrop-filter:blur(9px)}
.rate-trade-card{position:relative;padding:24px;text-align:center}.rate-trade-close{position:absolute;right:13px;top:11px;width:32px;height:32px;border:0;background:transparent;color:#8d94a3;font-size:21px;cursor:pointer}.rate-trade-kicker{font-size:9px;font-weight:1000;letter-spacing:1.2px;color:#6bdfa1}.rate-trade-icon{width:58px;height:58px;margin:12px auto 10px;border-radius:17px;display:grid;place-items:center;background:#332d17;border:1px solid #615425;color:#f2d34e;font-size:29px;box-shadow:0 10px 30px rgba(242,211,78,.09)}.rate-trade-card h3{margin:0 0 6px;font-size:22px}.rate-trade-card>p{max-width:340px;margin:0 auto;color:#9ca3b1;font-size:11px;line-height:1.55}.rate-trade-card>p b{color:#fff}
.rate-star-row{display:flex;justify-content:center;gap:5px;margin:20px 0 16px}.rate-star{border:0;background:transparent;color:#4f535d;font-size:31px;line-height:1;cursor:pointer;transition:transform .15s,color .15s,text-shadow .15s}.rate-star:hover{transform:translateY(-2px)}.rate-star.active{color:#f1d34c;text-shadow:0 0 14px rgba(241,211,76,.24)}
.rate-trade-comment{display:block!important;text-align:left!important;color:#b1b6c1!important;font-size:10px!important;font-weight:850!important}.rate-trade-comment span{float:right;color:#707886;font-weight:600}.rate-trade-comment textarea{margin-top:7px;min-height:86px;resize:vertical;background:#20232a!important;border-color:#343945!important}.rate-trade-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.rate-trade-actions .btn{justify-content:center}.rate-trade-card .form-note{min-height:17px;margin:8px 0 0;color:#ff8b96}
@media(max-width:1180px){.messages-page{grid-template-columns:290px minmax(420px,1fr)!important}.messages-trade{display:none!important}}
@media(max-width:650px){.completed-chat-notice{grid-template-columns:30px 1fr}.completed-chat-notice .btn{grid-column:1/-1}.rate-trade-card{padding:20px}.rate-star{font-size:28px}}