.portal-stage{position:relative}.coin-panel{position:absolute;top:42px;left:calc(100% + 20px);width:300px;height:980px;z-index:30;display:flex;flex-direction:column;padding:18px 14px 12px;background:#101016;border:1px solid #34313f;border-radius:18px;color:#eee9f7;box-shadow:0 12px 40px #0005}.coin-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.coin-panel-title small{font-size:10px;letter-spacing:1.5px;color:#55dcc7}.coin-panel-title h2{font-size:20px;margin:6px 0 0}.coin-panel-title>span{font-size:10px;color:#a392bd;border:1px solid #433750;padding:5px 8px;border-radius:5px}.coin-search{width:100%;border:1px solid #393242;border-radius:8px;background:#191620;color:#fff;padding:11px;font-size:13px}.coin-tabs{display:flex;margin:12px 0 0;border-bottom:1px solid #332b40}.coin-tabs button{flex:1;background:none;color:#9b91aa;border:0;border-bottom:2px solid transparent;padding:12px 0;cursor:pointer;font-size:13px}.coin-tabs button[aria-pressed=true]{color:#50dfc7;border-bottom-color:#50dfc7}.coin-cols{display:grid;grid-template-columns:1fr 86px 66px;gap:5px;padding:12px 4px 10px 24px;font-size:11px;color:#8e839f}.coin-cols span:not(:first-child){text-align:right}.coin-list{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#554469 #15121b}.coin-row{display:grid;grid-template-columns:18px minmax(0,1fr) 86px 66px;gap:5px;align-items:center;padding:12px 3px;border-bottom:1px solid #ffffff09;font-size:11px;font-variant-numeric:tabular-nums}.coin-star{background:none;border:0;color:#b198e4;padding:0;cursor:pointer;font-size:17px}.coin-row strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.coin-row small{display:block;color:#81768f;margin-top:4px;font-size:10px}.coin-row>span{text-align:right}.coin-up{color:#fa6e83}.coin-down{color:#6c9fff}.coin-empty{padding:35px 8px;text-align:center;color:#9a8dac;font-size:13px}.coin-status{font-size:11px;color:#a79ab9;line-height:1.5;margin:12px 0 5px}.coin-source{font-size:10px;color:#8b7f9d;text-align:right}.coin-panel button:focus-visible,.coin-panel input:focus-visible{outline:2px solid #65dfc9;outline-offset:2px}
/* Compact desktop: use the space below the main banner. */
@media(min-width:901px) and (max-width:1899px){
 .portal-stage{grid-template-columns:280px minmax(0,1fr);align-items:start}
 .portal-stage>.portal-side{grid-column:1;grid-row:1 / span 2}
 .portal-stage>.portal-main{grid-column:2;grid-row:1}
 .coin-panel{position:relative;top:auto;left:auto;grid-column:2;grid-row:2;width:100%;min-width:0;height:340px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px 18px;padding:18px 20px;z-index:auto;box-sizing:border-box}
 .coin-panel-title{margin:0}.coin-panel-title h2{font-size:18px;margin-top:4px}.coin-panel-title>span{margin-right:10px}
 .coin-search{align-self:center;min-width:0;box-sizing:border-box}
 .coin-tabs{grid-column:1 / -1;margin:0}.coin-tabs button{padding:9px 0}
 .coin-cols{display:none}
 .coin-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 18px;min-width:0}
 .coin-row{grid-template-columns:16px minmax(0,1fr) minmax(66px,auto);position:relative;padding:10px 0;min-width:0}
 .coin-row>span:last-child{grid-column:3;font-size:11px;margin-top:-6px}
 .coin-row>span:nth-child(3) small{display:none}
 .coin-status{margin:0;align-self:center}.coin-source{align-self:center}
 .coin-empty{grid-column:1 / -1;margin:0}
}
@media(min-width:901px) and (max-width:1100px){.coin-panel{height:350px;gap:10px;padding:16px}.coin-list{gap:0 12px}.coin-row strong{font-size:11px}}
@media(max-width:900px){.coin-panel{display:none}}