.market-app{max-width:1100px;margin:auto}.market-hero{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 0 16px}.market-hero h1{margin:0;font-size:clamp(28px,7vw,44px)}.market-hero p{margin:4px 0}.market-balance{padding:12px 16px;border:1px solid #a6ad89;border-radius:16px;background:var(--surface-1);text-align:right;font-size:20px}.market-balance small{display:block;font-size:12px}.market-tabs{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:4px 0 10px;scrollbar-width:none}.market-tabs::-webkit-scrollbar{display:none}.market-tabs a{flex:0 0 auto;padding:10px 12px;border:1px solid #a6ad89;border-radius:14px;background:var(--surface-raised);text-decoration:none}.market-tabs a.active{background:var(--state-selected-bg);font-weight:800}.market-filter{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:8px;margin:10px 0 14px}.market-filter input,.market-filter select,.sell-form input,.sell-form select{width:100%;box-sizing:border-box;padding:10px}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-card{border:1px solid #a6ad89;border-radius:16px;overflow:hidden;background:var(--surface-raised);min-width:0}.market-picture{height:150px;position:relative;background:#e7edd5;display:flex;align-items:center;justify-content:center}.market-picture img{width:100%;height:100%;object-fit:cover}.market-picture>span{font-size:64px}.market-picture em{position:absolute;top:7px;left:7px;background:#23351edd;color:#fff;border-radius:999px;padding:4px 7px;font-size:11px;font-style:normal}.market-card-body{padding:10px}.market-card h3{margin:0 0 5px;font-size:18px}.market-card p{margin:4px 0}.market-meta{font-size:12px;color:#5a624e}.market-actions{display:flex;gap:6px;align-items:end;margin-top:8px}.market-actions form{display:flex;gap:5px;flex:1}.market-actions input[type=number]{width:58px}.market-actions button{min-height:44px}.ghost{max-width:48px}.price-alert summary,.own-market-edit summary{cursor:pointer}.price-alert form,.own-market-edit form{display:flex;gap:5px;margin-top:5px}.own-market-edit{width:100%}.danger{background:var(--danger-bg)}.market-sell{border:1px dashed #99a17c;padding:12px;border-radius:18px}.sell-switch{display:flex;gap:6px;margin-bottom:12px}.sell-switch button{flex:1;min-height:44px}.sell-form{max-width:620px}.sell-form label{display:block;margin:9px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.market-history{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid #bbb;padding:10px}.market-history small{display:block}.market-history form{grid-column:1/-1;display:flex;gap:6px}.market-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.market-links a{padding:8px 10px;border:1px solid #aaa;border-radius:12px}.empty-market{text-align:center;padding:35px 12px;border:1px dashed #aaa;border-radius:18px}

.merchant-shop{border:1px solid #a6ad89;border-radius:20px;background:var(--surface-raised);padding:14px}.merchant-head{display:flex;align-items:center;gap:12px}.merchant-head h2{margin:0}.merchant-head p{margin:3px 0;color:var(--text-muted,#5a624e)}.merchant-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:var(--state-selected-bg);border:1px solid #9aa57d}.merchant-info{display:grid;gap:4px;margin:12px 0;padding:11px;border-radius:14px;background:var(--surface-1);border:1px solid #bcc39f}.merchant-budget{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.merchant-budget span{padding:10px;border:1px solid #a6ad89;border-radius:12px}.merchant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.merchant-card{border:1px solid #a6ad89;border-radius:16px;padding:11px;background:var(--surface-1);min-width:0}.merchant-card h3{margin:0 0 8px}.merchant-card label{display:grid;gap:4px;margin:8px 0}.merchant-card select,.merchant-card input{width:100%;box-sizing:border-box;padding:10px}.merchant-card button{width:100%;min-height:46px}.merchant-quote{font-weight:800;min-height:22px}.merchant-note{margin-top:12px;padding:10px;border:1px dashed #8ea06d;border-radius:12px}.merchant-sale-badge{display:block;color:#5a624e}
@media(max-width:700px){.merchant-grid{grid-template-columns:1fr}.merchant-budget{grid-template-columns:1fr}.merchant-shop{padding:10px}.merchant-avatar{width:48px;height:48px;font-size:28px}}
@media(max-width:700px){.market-hero{align-items:flex-start}.market-balance{font-size:16px;padding:9px}.market-filter{grid-template-columns:1fr 1fr}.market-filter input[type=search]{grid-column:1/-1}.market-filter button{grid-column:1/-1}.market-picture{height:120px}.market-card-body{padding:8px}.market-card h3{font-size:16px}.market-card p{font-size:13px}.market-actions{flex-wrap:wrap}.market-actions form:first-child{min-width:100%}}
@media(max-width:340px){.market-grid{gap:7px}.market-picture{height:105px}.market-card h3{font-size:14px}}

/* 22.9.522: one readable palette in every site theme. */
.market-app{--market-bg:#131f32;--market-panel:#1b2c43;--market-field:#101d30;--market-text:#f6f8ff;--market-muted:#c3d2e8;--market-line:#7194b9;color:var(--market-text);background:var(--market-bg);padding:clamp(12px,2vw,22px);border-radius:22px;border:1px solid var(--market-line);box-sizing:border-box}
.market-app :is(h1,h2,h3,p,label,small,strong,b,summary){color:inherit}.market-app .mini,.market-app .market-meta,.market-app .merchant-sale-badge,.market-app .merchant-head p{color:var(--market-muted)}
.market-app :is(a,button){color:#f6f8ff;opacity:1;text-shadow:none}.market-app :is(input,select,textarea){color:var(--market-text);background:var(--market-field);border:1px solid var(--market-line);border-radius:12px;min-height:44px;font:inherit;max-width:100%;box-sizing:border-box}.market-app input::placeholder{color:var(--market-muted);opacity:1}.market-app option{background:var(--market-field);color:var(--market-text)}
.market-app :is(button,.market-tabs a,.market-links a,.market-shortcuts522 a){background:#274564;border:1px solid #86accd;border-radius:12px;min-height:44px;padding:10px 13px;text-decoration:none;box-sizing:border-box;font-weight:700}.market-app :is(button,.market-tabs a,.market-links a,.market-shortcuts522 a):hover{background:#335b80}.market-app :is(a,button,input,select,summary):focus-visible{outline:3px solid #ffd58d;outline-offset:3px}.market-app button:disabled{opacity:.6;cursor:not-allowed}
.market-app .market-tabs{flex-wrap:wrap;overflow:visible;white-space:normal;gap:8px}.market-app .market-tabs a.active,.market-app .sell-switch button.active{background:#f8cc83;color:#172136;border-color:#ffe3b4}.market-count{display:inline-block;min-width:1.6em;text-align:center;padding:1px 5px;background:#0c1726;color:#fff;border-radius:9px;font-size:.85em}
.market-shortcuts522{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 20px}.market-shortcuts522 a{display:flex;align-items:center;gap:6px}.market-app :is(.market-card,.market-balance,.market-sell,.merchant-shop,.merchant-card,.merchant-info,.merchant-budget span,.empty-market){background:var(--market-panel);border-color:var(--market-line)}.market-app .merchant-avatar{background:#274564}.market-app .market-picture{background:#0d192a;height:190px}.market-app .market-picture img{object-fit:contain;padding:6px;box-sizing:border-box}.market-app .market-picture em{background:#0c1726;color:#fff;border:1px solid #7690ad}.market-app .market-card-body{padding:15px}.market-app .market-card h3{font-size:20px;line-height:1.3;overflow-wrap:anywhere}.market-app .market-actions{flex-wrap:wrap;align-items:stretch;gap:8px}.market-app .market-actions form{flex-wrap:wrap}.market-app .market-actions form:first-child{flex-basis:100%}.market-app .market-actions button{flex:1}.market-app .market-actions input[type=number]{width:80px;padding:8px}.market-app .own-market-edit form{flex-wrap:wrap}.market-app .danger{background:#653146;border-color:#d391a5}.market-app .market-history{border-color:var(--market-line);line-height:1.5}.market-app .ok{background:#173f31;color:#e4fff0;border:1px solid #83c6a7}.market-app .error{background:#532f37;color:#ffedf0;border:1px solid #d699a7}
.market-app .sell-switch{flex-wrap:wrap}.market-app .sell-form[hidden]{display:none!important}.market-app .merchant-note{color:var(--market-muted);border-color:var(--market-line)}.market-app .empty-market{line-height:1.7}.market-app .market-links{padding-top:10px}
.market-trade-intro{line-height:1.6;margin:0 0 18px}.market-trade-form{max-width:780px;display:grid;gap:12px;padding:16px;background:var(--market-panel);border:1px solid var(--market-line);border-radius:16px}.market-trade-form label{display:grid;gap:7px}.market-trade-form select{width:100%;padding:10px}.market-trade-recipient{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:15px 0}.market-trade-recipient label{display:grid;gap:6px;flex:1}.market-trade-recipient select{width:100%;padding:10px}.market-trade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.market-trade-card{background:var(--market-panel);border:1px solid var(--market-line);border-radius:16px;padding:15px;min-width:0}.market-trade-card h3{margin-top:0}.market-trade-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:15px 0}.market-trade-pair figure{margin:0;min-width:0}.market-trade-pair img{display:block;width:100%;height:150px;object-fit:contain;background:#0d192a;border-radius:12px}.market-trade-pair figcaption{font-size:14px;line-height:1.4;margin-top:7px;overflow-wrap:anywhere}.market-trade-pair>span{font-size:26px}.market-trade-card form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.market-trade-card button{flex:1}.market-trade-state{color:var(--market-muted);font-size:14px}.market-trade-card time{white-space:nowrap}
@media(min-width:900px){.market-app .market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.market-shortcuts522{grid-template-columns:repeat(2,minmax(0,1fr))}.market-trade-list{grid-template-columns:1fr}.market-app .market-hero{flex-wrap:wrap}.market-app .market-balance{text-align:left}.market-app .market-picture{height:155px}.market-app .market-card h3{font-size:17px}.market-app .market-card p{font-size:14px}.market-app .market-card-body{padding:12px}}
@media(max-width:420px){.market-app .market-grid{grid-template-columns:1fr}.market-app .market-filter,.market-app .form-grid{grid-template-columns:1fr}.market-app .market-filter>*{grid-column:auto!important}.market-shortcuts522{grid-template-columns:1fr 1fr}.market-app .market-picture{height:190px}.market-app .market-tabs a{flex:1 1 43%;text-align:center}.market-trade-pair img{height:130px}}