/* AL AMAL — Market v2.0 */
.mx-market{--mx-bg:#0B0E13;--mx-s1:#11151C;--mx-s2:#171C24;--mx-line:rgba(255,255,255,.07);--mx-text:#E6E8EB;--mx-muted:#9AA3AE;--mx-dim:#7D8691;--mx-acc:var(--green,#A6FF4D);--mx-ink:#06110A;--mx-up:#3DD68C;--mx-down:#F0616D;--mx-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;color:var(--mx-text);padding:28px 0 64px}
.mx-wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto;display:flex;flex-direction:column;gap:22px}
.mx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.mx-head h1{margin:0;font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif;font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:0}
.mx-head p{margin:8px 0 0;color:var(--mx-muted);font-size:15px}
.mx-kpis{display:flex;gap:10px;flex-wrap:wrap}
.mx-kpis>div{background:var(--mx-s1);border:1px solid var(--mx-line);border-radius:14px;padding:10px 16px;min-width:120px;display:flex;flex-direction:column;gap:4px}
.mx-kpis small{color:var(--mx-muted);font-size:12px}
.mx-kpis b{font-family:var(--mx-mono);font-size:18px;font-variant-numeric:tabular-nums}
.mx-kpis b.mx-kdate{font-family:inherit;font-size:15px}
.mx-up{color:var(--mx-up)}.mx-down{color:var(--mx-down)}.mx-dim{color:var(--mx-dim)}

/* launch module */
.mx-launch{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;border-radius:24px;padding:28px 30px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--mx-acc) 13%,transparent),transparent 55%),var(--mx-s1);border:1px solid color-mix(in srgb,var(--mx-acc) 22%,transparent)}
.mx-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:color-mix(in srgb,var(--mx-acc) 80%,#fff);background:color-mix(in srgb,var(--mx-acc) 10%,transparent);padding:5px 12px;border-radius:99px}
.mx-pill i{width:7px;height:7px;border-radius:50%;background:var(--mx-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--mx-acc) 20%,transparent)}
.mx-launch h2{margin:14px 0 8px;font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif;font-size:clamp(22px,2.3vw,28px)}
.mx-launch p{margin:0;color:var(--mx-muted);line-height:1.8;max-width:56ch}
.mx-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mx-steps li{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--mx-dim)}
.mx-steps li i{height:4px;border-radius:4px;background:var(--mx-s2)}
.mx-steps li.done i{background:color-mix(in srgb,var(--mx-acc) 55%,transparent)}
.mx-steps li.now i{background:var(--mx-acc)}
.mx-steps li.now{color:var(--mx-text);font-weight:600}
.mx-launch-side{background:var(--mx-bg);border:1px solid var(--mx-line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px}
.mx-launch-side>small{color:var(--mx-muted);font-size:13px}
.mx-count{font-family:var(--mx-mono);font-size:clamp(22px,2.4vw,30px);font-weight:700;font-variant-numeric:tabular-nums}
.mx-count-tba{font-family:inherit;font-size:18px;color:var(--mx-muted)}
.mx-date{color:var(--mx-dim);font-size:13px}
.mx-prog{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.mx-prog>div{display:flex;justify-content:space-between;font-size:13px;color:var(--mx-muted)}
.mx-prog b{font-family:var(--mx-mono);color:var(--mx-text)}
.mx-prog>i{display:block;height:6px;border-radius:6px;background:var(--mx-s2);overflow:hidden}
.mx-prog em{display:block;height:100%;border-radius:6px;background:var(--mx-acc)}

/* buttons */
.mx-cta{appearance:none;border:0;cursor:pointer;height:40px;padding:0 18px;border-radius:99px;font:700 14px/1 "IBM Plex Sans Arabic",sans-serif;background:var(--mx-acc);color:var(--mx-ink);display:inline-flex;align-items:center;justify-content:center;transition:filter .15s,transform .15s}
.mx-cta:hover{filter:brightness(1.08)}.mx-cta:active{transform:scale(.98)}
.mx-cta:focus-visible,.mx-tabs button:focus-visible,.mx-view button:focus-visible,.mx-fav:focus-visible,.mx-art-btn:focus-visible{outline:2px solid var(--mx-acc);outline-offset:2px}
.mx-cta-ghost{background:var(--mx-s2);color:var(--mx-text)}
.mx-cta-lg{height:48px;font-size:15px;margin-top:6px}

/* toolbar */
.mx-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mx-tabs{display:flex;gap:6px;flex-wrap:wrap}
.mx-tabs button{appearance:none;border:1px solid var(--mx-line);background:var(--mx-s1);color:var(--mx-muted);height:38px;padding:0 14px;border-radius:99px;font:500 14px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.mx-tabs button em{font-style:normal;font-family:var(--mx-mono);font-size:12px;opacity:.7;margin-inline-start:4px}
.mx-tabs button.on{background:var(--mx-text);color:var(--mx-bg);border-color:var(--mx-text);font-weight:700}
.mx-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mx-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:12px;background:var(--mx-s1);border:1px solid var(--mx-line);color:var(--mx-dim)}
.mx-search input{border:0;outline:0;background:transparent;color:var(--mx-text);font:14px "IBM Plex Sans Arabic",sans-serif;width:210px}
.mx-search:focus-within{border-color:color-mix(in srgb,var(--mx-acc) 45%,transparent)}
.mx-sort{height:38px;border-radius:12px;background:var(--mx-s1);border:1px solid var(--mx-line);color:var(--mx-text);padding:0 10px;font:14px "IBM Plex Sans Arabic",sans-serif}
.mx-view{display:flex;gap:2px;background:var(--mx-s1);border:1px solid var(--mx-line);border-radius:12px;padding:3px}
.mx-view button{appearance:none;border:0;background:transparent;color:var(--mx-dim);width:34px;height:30px;border-radius:9px;cursor:pointer;font-size:15px}
.mx-view button.on{background:var(--mx-s2);color:var(--mx-text)}

/* grid */
.mx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mx-tile{background:var(--mx-s1);border:1px solid var(--mx-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.mx-tile:hover{border-color:rgba(255,255,255,.14);transform:translateY(-2px)}
.mx-tile[hidden],.mx-table tr[hidden]{display:none}
.mx-art{position:relative;aspect-ratio:1/1;background:var(--mx-s2)}
.mx-art-btn{appearance:none;border:0;padding:0;margin:0;width:100%;height:100%;background:none;cursor:pointer;display:block}
.mx-art img{width:100%;height:100%;object-fit:cover;display:block}
.mx-soon .mx-art img{filter:saturate(.5) brightness(.72)}
.mx-noimg{display:grid;place-items:center;width:100%;height:100%;font:700 34px "Alexandria",sans-serif;color:var(--mx-dim)}
.mx-badge{position:absolute;top:10px;inset-inline-start:10px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:rgba(11,14,19,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mx-badge-inline{position:static;display:inline-block;backdrop-filter:none}
.mx-badge-presale{color:#C8FF8F}.mx-badge-inline.mx-badge-presale{background:rgba(166,255,77,.1)}
.mx-badge-open{color:#7BE3AF}.mx-badge-inline.mx-badge-open{background:rgba(61,214,140,.1)}
.mx-badge-soon,.mx-badge-paused{color:#C3CAD2}.mx-badge-inline.mx-badge-soon,.mx-badge-inline.mx-badge-paused{background:var(--mx-s2)}
.mx-fav{appearance:none;border:0;cursor:pointer;width:32px;height:32px;border-radius:50%;background:rgba(11,14,19,.6);color:var(--mx-text);font-size:16px;display:grid;place-items:center}
.mx-art .mx-fav{position:absolute;top:8px;inset-inline-end:8px}
.mx-fav.on{color:#F5B94A}
.mx-table .mx-fav{background:transparent;color:var(--mx-dim);width:24px;height:24px}
.mx-table .mx-fav.on{color:#F5B94A}
.mx-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.mx-name{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.mx-name b{font-family:"Alexandria",sans-serif;font-size:16px}
.mx-name small{font-family:var(--mx-mono);color:var(--mx-dim);font-size:12px}
.mx-price{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}
.mx-price small{display:block;color:var(--mx-muted);font-size:12px;margin-bottom:2px}
.mx-price b{font-family:var(--mx-mono);font-size:22px;font-variant-numeric:tabular-nums}
.mx-price b span{font-size:12px;color:var(--mx-dim);margin-inline-start:4px;font-weight:500}
.mx-price>span{font-family:var(--mx-mono);font-size:13px}
.mx-bar{display:flex;flex-direction:column;gap:6px}
.mx-bar>i{display:block;height:4px;border-radius:4px;background:var(--mx-s2);overflow:hidden}
.mx-bar em{display:block;height:100%;background:var(--mx-acc);border-radius:4px}
.mx-bar>span{font-size:12px;color:var(--mx-muted)}
.mx-bar>span b{font-family:var(--mx-mono);color:var(--mx-text);font-weight:600}
.mx-bar-empty{height:4px;border-radius:4px;background:var(--mx-s2)}
.mx-hint{margin:0;font-size:13px;color:var(--mx-dim);min-height:1.5em}
.mx-body .mx-cta{margin-top:auto;width:100%}

/* table */
.mx-table-wrap{background:var(--mx-s1);border:1px solid var(--mx-line);border-radius:20px;padding:6px 16px;overflow-x:auto}
.mx-table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}
.mx-table th{color:var(--mx-muted);font-weight:500;font-size:12px;text-align:start;padding:14px 8px;white-space:nowrap}
.mx-table td{padding:12px 8px;border-top:1px solid var(--mx-line);white-space:nowrap}
.mx-table tbody tr:hover{background:rgba(255,255,255,.02)}
.mx-n{font-family:var(--mx-mono);width:28px}
.mx-num{font-family:var(--mx-mono);font-variant-numeric:tabular-nums}
.mx-cell{display:flex;align-items:center;gap:10px}
.mx-cell b{display:block;font-family:"Alexandria",sans-serif}
.mx-cell small{color:var(--mx-dim);font-family:var(--mx-mono);font-size:12px}
.mx-thumb{width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--mx-s2);flex:none}
.mx-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mx-thumb .mx-noimg{font-size:14px}
.mx-spark polyline{stroke:var(--mx-dim)}.mx-spark.up polyline{stroke:var(--mx-up)}.mx-spark.down polyline{stroke:var(--mx-down)}
.mx-act{text-align:end}.mx-act .mx-cta{height:36px;font-size:13px}

.mx-empty{background:var(--mx-s1);border:1px dashed var(--mx-line);border-radius:18px;padding:40px 20px;text-align:center;color:var(--mx-muted)}
.mx-empty[hidden]{display:none}
.mx-note{margin:0;color:var(--mx-dim);font-size:12px;line-height:1.8}

@media (max-width:1180px){.mx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.mx-launch{grid-template-columns:1fr}.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
 .mx-market{padding:18px 0 96px}
 .mx-wrap{width:calc(100% - 32px);gap:16px}
 .mx-kpis{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .mx-kpis>div{min-width:0}
 .mx-launch{padding:18px;border-radius:20px;gap:16px}
 .mx-toolbar{flex-direction:column;align-items:stretch}
 .mx-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline-end:-16px;padding-inline-end:16px}
 .mx-tabs::-webkit-scrollbar{display:none}
 .mx-tabs button{flex:none}
 .mx-tools{display:grid;grid-template-columns:1fr auto auto}
 .mx-search input{width:100%;min-width:0}
 .mx-grid{gap:10px}
 .mx-body{padding:10px;gap:8px}
 .mx-name b{font-size:13px}.mx-name small{font-size:10px}
 .mx-price b{font-size:16px}.mx-price small{font-size:11px}.mx-price>span{font-size:11px}
 .mx-bar>span,.mx-hint{font-size:11px}
 .mx-cta{height:36px;font-size:13px}
 .mx-badge{font-size:10px;padding:3px 8px;top:8px;inset-inline-start:8px}
 .mx-art .mx-fav{width:28px;height:28px;font-size:14px}
}
@media (max-width:380px){.mx-tools{grid-template-columns:1fr auto}.mx-view{display:none}}
@media (prefers-reduced-motion:reduce){.mx-tile,.mx-cta{transition:none}.mx-tile:hover{transform:none}}