/* Pixeon player-to-player exchange */
.market-account-button{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;border:1px solid #856092;background:#2a1e34;color:#f1dff1;font:14px 'VT323',monospace;cursor:pointer}.market-account-button:hover{border-color:var(--lime);color:var(--lime)}
.exchange{max-width:1100px;margin:0 auto}.exchange-heading{display:flex;align-items:center;gap:24px;margin-bottom:25px}.exchange-heading>div{flex:1;min-width:0}.exchange-heading .page-title{margin:12px 0}.exchange-heading .page-subtitle{max-width:640px;margin-bottom:0}.exchange-heading-icon{display:grid;place-items:center;width:112px;height:112px;border:1px solid #bc88bd88;background:radial-gradient(circle,#54305d,#21192b);color:var(--lime);font-size:55px;box-shadow:6px 6px 0 #100b18;transform:rotate(6deg)}
.exchange-account{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:17px 19px;border:1px solid #775282;background:linear-gradient(100deg,#34223d,#211b2b)}.exchange-account>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px}.exchange-account strong{color:#fff0cf;font:20px 'VT323',monospace}.exchange-account>div>span:last-child{font:11px/1.6 var(--sans);color:#c5b0ce}.exchange-account button{flex:none;font-size:16px}.exchange-online-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #77efbd55}
.exchange-tabs{display:flex;align-items:stretch;gap:6px;border-bottom:1px solid #775282;margin-bottom:25px;overflow-x:auto}.exchange-tabs>button{flex:none;padding:13px 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:#bca4c5;font:18px 'VT323',monospace;cursor:pointer;white-space:nowrap}.exchange-tabs>button:hover{color:#fff0cf}.exchange-tabs>button.active{color:var(--lime);border-bottom-color:var(--lime);background:#2b2236}.exchange-tabs>.exchange-refresh{margin-left:auto;font:23px var(--sans);padding:6px 13px}
.exchange-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.exchange-filters .searchbox{flex:1 1 200px;min-width:160px}.exchange-filters input,.exchange-filters select{min-height:42px;max-width:100%;padding:9px 12px;border:1px solid #71547e;background:#211b2b;color:#fff0cf;font:16px 'VT323',monospace}.exchange-filters .searchbox input{width:100%;padding-left:31px}.exchange-filters .searchbox>span{color:var(--lime)}.exchange-count{color:#ac92b6;font:11px var(--mono);margin:17px 0}
.exchange-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.exchange-listing{display:flex;flex-direction:column;min-width:0;border:1px solid #624b6e;padding:11px;background:#211b2b;box-shadow:4px 4px 0 #0e0a14}.exchange-listing-card{flex:1;min-width:0}.exchange-listing .collectible{width:100%}.exchange-listing .card-visual{width:100%;border-radius:5px}.exchange-listing .card-name{line-height:1.1;min-height:39px;margin-top:10px}.exchange-listing .card-meta{font-size:12px}.exchange-listing-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:17px 0 13px}.exchange-listing-meta>span{font:10px var(--sans);color:#b59abd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exchange-listing-meta>strong{font:18px 'VT323',monospace;color:#f2c46d;white-space:nowrap}.exchange-listing>button{width:100%;display:block;font-size:16px;padding:8px 5px;box-shadow:2px 3px 0 #a4415e}.exchange-listing.is-closed .card-visual{filter:saturate(.35) brightness(.7)}.exchange-closed-status{font:12px var(--mono);letter-spacing:1.5px;color:#c4a2ce;text-align:center;margin:10px 0}
.exchange-empty{padding:45px 20px;border:1px dashed #775282;text-align:center;background:radial-gradient(ellipse at 50% 0,#70487822,transparent 70%)}.exchange-empty>span{display:block;font-size:37px;color:#a87fba}.exchange-empty h2{font:31px 'VT323',monospace;color:#fff0cf;margin:15px 0 9px}.exchange-empty p{max-width:510px;font:12px/1.8 var(--sans);color:#c0a7ca;margin:0 auto 20px}.exchange-empty button{font-size:18px}.exchange-note{font:10px/1.8 var(--sans);color:#a086ab;margin-top:25px}.exchange-loading{padding:40px 15px;color:#c8afd1;text-align:center;font:13px var(--sans)}.exchange-section-note{margin:0 0 20px;font:12px/1.7 var(--sans);color:#c8b0d0}
.exchange-sell-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.exchange-sell-card{display:grid;grid-template-columns:112px 1fr;gap:18px;min-width:0;margin:0;padding:18px;border:1px solid #71517e;background:#211b2b}.exchange-sell-art .card-visual{width:100%}.exchange-sell-art .card-name,.exchange-sell-art .card-meta{display:none}.exchange-sell-card .eyebrow{font:9px var(--mono);text-shadow:none;letter-spacing:1px;margin:0 0 9px}.exchange-sell-card h3{font:23px/1.05 'VT323',monospace;margin:0 0 8px;color:#fff0cf;overflow-wrap:anywhere}.exchange-sell-card p{font:11px/1.5 var(--sans);color:#bc9fc8}.exchange-sell-card label{display:block;font:10px var(--sans);color:#d4bfdc;margin-top:13px}.exchange-price-input{position:relative;max-width:190px;margin:7px 0 14px}.exchange-price-input input{width:100%;background:#17111f;border:1px solid #886193;color:#fff0cf;padding:9px 32px 9px 10px;font:15px var(--sans)}.exchange-price-input>span{position:absolute;right:12px;top:8px;color:#f2c46d}.exchange-sell-card button{padding:8px 10px;font-size:16px}
.exchange-history{display:grid;gap:12px}.exchange-history>article{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #674c73;background:#241b2f}.exchange-history>article>div{flex:1;min-width:0}.exchange-history h3{font:22px 'VT323',monospace;margin:0 0 6px;overflow-wrap:anywhere;color:#fff0cf}.exchange-history p{font:11px var(--sans);color:#b498c0;margin:0}.exchange-history strong{font:20px 'VT323',monospace;color:#f2c46d;white-space:nowrap}.trade-direction{font:8px var(--mono);letter-spacing:1px;border:1px solid #9679ba;color:#d2b8e7;padding:6px}.trade-direction.sold{border-color:#70b992;color:var(--lime)}
.account-overlay{padding:28px 18px;overflow-y:auto}.account-dialog{position:relative;width:min(460px,100%);padding:30px 32px;border:1px solid #9970a4;background:linear-gradient(145deg,#35243e,#1c1625);box-shadow:8px 9px 0 #09070d}.account-dialog>.close-modal{position:absolute;top:10px;right:12px}.account-symbol{font-size:35px;color:var(--lime)}.account-dialog>.eyebrow{font:9px var(--mono);text-shadow:none;letter-spacing:1.3px;margin:15px 0}.account-dialog h2{font:35px/1 'VT323',monospace;color:#fff0cf;margin:12px 0 15px}.account-dialog>p:not(.eyebrow){font:12px/1.7 var(--sans);color:#cbb1d4}.account-dialog form{margin:22px 0 10px}.account-dialog label{display:block;color:#f1dfed;font:12px var(--sans);margin:16px 0 7px}.account-dialog input{width:100%;padding:11px 12px;background:#17111f;border:1px solid #8d6699;color:#fff0cf;font:14px var(--sans)}.account-dialog form>small{display:block;margin-top:7px;font:10px var(--sans);color:#ab8db7}.account-dialog form>button{width:100%;justify-content:space-between;margin-top:6px}.account-form-error{min-height:18px;color:#ffb4cc;font:11px/1.5 var(--sans)}.account-dialog .account-note{font-size:10px!important;color:#ab91b5!important;border-top:1px solid #63496e;padding-top:15px;margin-top:15px}.account-dialog>.text-button{font-size:17px}
@media(max-width:1050px){.exchange-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.exchange-sell-grid{grid-template-columns:1fr}}
@media(max-width:650px){.market-account-button{padding:7px 9px;max-width:90px;font-size:13px}.top-actions{gap:9px}.install-app-button{display:none}.exchange-heading-icon{display:none}.exchange-heading{margin-bottom:20px}.exchange-heading .page-title{font-size:43px}.exchange-account{padding:14px;align-items:flex-start;flex-direction:column;gap:12px}.exchange-account>div{gap:7px 12px}.exchange-account button{font-size:15px}.exchange-tabs>button{padding:11px 10px;font-size:17px}.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}.exchange-listing{padding:8px}.exchange-listing .card-name{font-size:17px;min-height:35px}.exchange-listing-meta{flex-direction:column;align-items:flex-start;gap:6px;margin:12px 0}.exchange-listing>button{font-size:14px}.exchange-filters>select{flex:1;min-width:0;font-size:14px}.exchange-history>article{gap:10px;padding:13px;flex-wrap:wrap}.exchange-history h3{font-size:20px}.exchange-sell-card{grid-template-columns:90px minmax(0,1fr);padding:14px;gap:13px}.account-dialog{padding:27px 23px}.account-overlay{align-items:start}.exchange-note{font-size:9px}}
@media(max-height:800px){.sidebar .side-label{margin-top:24px}.sidebar .nav-item{height:38px}.sidebar{padding-top:22px}.sidebar .legal-note{font-size:9px}.sidebar .sidebar-bottom{padding-top:10px}}