@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono/JetBrainsMono-Regular.woff2?v=266') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono/JetBrainsMono-Medium.woff2?v=266') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono/JetBrainsMono-Bold.woff2?v=266') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('../fonts/jetbrains-mono/JetBrainsMono-ExtraBold.woff2?v=266') format('woff2');font-style:normal;font-weight:800 900;font-display:swap}

:root{
  --bg:#050911;--surface:#0d1523;--surface2:#111c2d;--surface3:#0a111d;
  --line:#26354c;--line-soft:#1b283b;--text:#f4f7ff;--muted:#7e8eac;
  --green:#00d89a;--red:#ff4056;--yellow:#ffb000;--blue:#4d8dff;
  --coin-name-scale:1;--base-font:clamp(11px,.48vw,15px);
  --gap:clamp(7px,.55vw,16px);--panel-w:clamp(350px,19vw,440px);
  --card-min:clamp(470px,calc(370px + 210px * var(--coin-name-scale)),820px);
  color-scheme:dark;
}

*{box-sizing:border-box}
html{font-size:var(--base-font);background:var(--bg);scrollbar-color:#33445f #08101b}
body{min-width:320px;max-width:100%;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Consolas,Menlo,Monaco,'Courier New',monospace;letter-spacing:.02em}
button,input{font:inherit}
.hidden,.market-hidden,.hidden-by-exchange{display:none!important}
.green{color:var(--green)}.red{color:var(--red)}

/* Application layout */
.app-shell{display:grid;grid-template-columns:minmax(0,1fr) var(--panel-w);width:100%;min-height:100vh;background:var(--bg)}
.app-shell.filters-closed{grid-template-columns:minmax(0,1fr) 0}
.main-area,.wrap,.grid,.exchange,.cols,.col{min-width:0}
.wrap{padding:var(--gap)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-min)),1fr));align-items:start;gap:var(--gap)}

/* Exchange cards */
.exchange{width:100%;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface2),var(--surface));box-shadow:0 10px 30px rgba(0,0,0,.1)}
.head{height:clamp(56px,3.5vw,82px);display:flex;align-items:center;gap:clamp(10px,.8vw,18px);padding:0 clamp(13px,1vw,24px);border-bottom:1px solid var(--line)}
.logo{width:clamp(30px,1.9vw,46px);height:clamp(30px,1.9vw,46px);flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.035);box-shadow:0 0 0 1px rgba(255,255,255,.075),0 8px 20px rgba(0,0,0,.28)}
.logo img{display:block;width:100%;height:100%;object-fit:contain}.bybit .logo img,.hyperliquid .logo img,.aster .logo img{border-radius:50%}
.title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,calc(14px * var(--coin-name-scale)),24px);font-weight:950;letter-spacing:clamp(.2em,calc(.38em / var(--coin-name-scale)),.38em)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,calc(24px * var(--coin-name-scale)),52px);padding:clamp(14px,calc(17px * var(--coin-name-scale)),30px)}
.col{width:100%;overflow:hidden}.col:first-child{padding-right:clamp(16px,calc(22px * var(--coin-name-scale)),44px);border-right:1px solid var(--line)}
.exchange.single-market .cols{grid-template-columns:minmax(0,1fr)}
.exchange.single-market .col:not(.market-hidden){padding:0;border:0}
.market{max-width:100%;margin:0 0 1.1em;padding:0 0 .82em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--line);font-size:calc(.98rem * var(--coin-name-scale));font-weight:800;letter-spacing:clamp(.16em,calc(.34em / var(--coin-name-scale)),.36em)}
.market b{color:var(--yellow);letter-spacing:.22em}
.section{margin:1.08em 0 .66em;font-size:calc(.9rem * var(--coin-name-scale));line-height:1.35;font-weight:950}
.row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(2.9em,max-content) minmax(5.55em,max-content);align-items:center;column-gap:clamp(.45em,calc(.72em * var(--coin-name-scale)),1.05em);width:100%;min-height:1.78em;padding:0 .25em;font-size:calc(.92rem * var(--coin-name-scale));line-height:1.78em;font-weight:850;cursor:pointer}
.row:hover{background:rgba(255,255,255,.038)}
.sym{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pct{min-width:5.55em;text-align:right;white-space:nowrap}.new-slot{display:flex;align-items:center;justify-content:center;min-width:2.9em}
.new{display:none;align-items:center;justify-content:center;min-width:2.75em;height:1.35em;padding:0 .3em;border:1px solid #d98b00;border-radius:2px;background:rgba(255,176,0,.09);color:var(--yellow);font-size:.61em;font-weight:950;line-height:1}
.row.isnew{padding-inline:.3em;box-shadow:inset 0 0 0 2px rgba(0,216,154,.92),0 0 10px rgba(0,216,154,.07)}
.row.isnew.down{box-shadow:inset 0 0 0 2px rgba(255,64,86,.92),0 0 10px rgba(255,64,86,.07)}.row.isnew .new{display:inline-flex}
.disabled{margin:2.2em 0;padding:2em .8em;border:1px dashed rgba(115,131,162,.24);background:rgba(255,255,255,.017);color:#657694;text-align:center;text-transform:uppercase;font-size:.76rem;line-height:1.55;letter-spacing:.11em}

/* Filters */
.filter-panel{position:sticky;top:0;width:var(--panel-w);min-width:0;height:100vh;overflow-x:hidden;overflow-y:auto;border-left:1px solid var(--line);background:#0a101b;z-index:30;transition:transform .22s ease,width .22s ease}
.app-shell.filters-closed .filter-panel{width:0;border:0;transform:translateX(100%);pointer-events:none}
.filter-inner{width:var(--panel-w);min-height:100%;padding:clamp(22px,1.45vw,35px) clamp(16px,1.2vw,28px) 30px}
.filter-toggle{position:absolute;right:14px;top:20px;width:28px;height:28px;padding:0;border:0;background:transparent;color:#8393b0;font-size:22px;cursor:pointer}.filter-toggle:hover{color:#fff}
.filter-head{margin:0 0 30px;color:#a5b7d7;font-size:.9rem;font-weight:950;letter-spacing:.34em}
.refresh-timer,.filter-summary,.font-control{border:1px solid var(--line);background:#101827}
.refresh-timer{margin:0 0 20px;padding:11px 12px}.refresh-timer>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#91a2c2;font-size:.72rem;font-weight:900;letter-spacing:.18em}.refresh-timer b{color:var(--yellow);white-space:nowrap}.timer-bar{height:5px;overflow:hidden;border:1px solid rgba(255,176,0,.22);background:#1b2638}.timer-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ffb000,#ffd76a);transition:width .22s linear}
.filter-summary{height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;padding:0 12px;color:#a9b9d8}.filter-summary b{color:#fff;font-size:.85rem;white-space:nowrap}
.filter-section{margin-bottom:22px}.filter-title{display:flex;align-items:center;gap:11px;margin-bottom:12px;color:#91a2c2;font-size:.76rem;font-weight:950;letter-spacing:.3em}.filter-title:after,.filter-section:has(#newCoinsSeg) .filter-title:before{content:"";height:1px;flex:1;background:var(--line-soft)}
.font-control{height:44px;display:grid;grid-template-columns:auto minmax(90px,1fr) auto 48px;align-items:center;gap:9px;padding:0 11px;color:#8ea0c0}.font-control span{font-size:12px;font-weight:900}.font-control b{text-align:right;color:var(--yellow);font-size:11px}.font-control input{appearance:none;width:100%;height:4px;border:0;border-radius:99px;background:#2a3850;cursor:pointer}.font-control input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border:2px solid #fff;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px rgba(255,176,0,.4)}
.ex-switch-table{overflow:hidden;border:1px solid var(--line);background:rgba(8,14,24,.6)}
.ex-table-head,.ex-switch-row{display:grid;grid-template-columns:20px minmax(0,1fr) 61px 72px;align-items:center;column-gap:6px;padding:0 10px}.ex-table-head{height:34px;border-bottom:1px solid var(--line-soft);color:#8292ae;font-size:9px;font-weight:950;letter-spacing:.1em}.ex-table-head span:first-child{grid-column:span 2}.ex-table-head span:not(:first-child){text-align:center}.ex-switch-row{height:40px;border-bottom:1px solid rgba(38,51,72,.45)}.ex-switch-row:last-child{border:0}.ex-switch-row.is-dragging{position:relative;z-index:2;background:#142338;border-color:#6c8fc1;box-shadow:0 0 0 1px rgba(132,172,222,.24),0 9px 18px rgba(0,0,0,.27)}
.ex-name{min-width:0;display:flex;align-items:center;gap:8px;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.ex-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-logo{width:24px;height:24px;flex:0 0 auto;display:flex;overflow:hidden;border-radius:6px;background:rgba(255,255,255,.035);box-shadow:0 0 0 1px rgba(255,255,255,.075)}.filter-logo img{width:100%;height:100%;object-fit:contain}.filter-logo-bybit img,.filter-logo-hyperliquid img,.filter-logo-aster img{border-radius:50%}
.ex-drag-handle{display:grid;place-items:center;width:20px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:#7185a1;cursor:grab;touch-action:none}.ex-drag-handle:active{cursor:grabbing}.ex-drag-handle span{width:10px;height:15px;background-image:radial-gradient(circle,currentColor 1px,transparent 1.2px);background-position:0 0;background-size:5px 5px;opacity:.88}.ex-drag-handle:hover{color:#d6e5fb;background:rgba(91,126,170,.16)}.ex-drag-handle:focus-visible{outline:1px solid #79a9e5;outline-offset:2px;color:#e5f0ff;background:rgba(91,126,170,.22)}
.switch{position:relative;justify-self:center;width:42px;height:23px;padding:0;border:0;border-radius:99px;background:#263142;cursor:pointer}.switch:before{content:"";position:absolute;left:2px;top:2px;width:19px;height:19px;border-radius:50%;background:#f5f7fb;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:left .16s}.switch.on{background:linear-gradient(180deg,#ffc235,#f29c00)}.switch.on:before{left:21px}
.seg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.seg button{height:29px;min-width:42px;padding:0 9px;border:1px solid var(--line);background:#101827;color:#8190ae;font-size:.75rem;font-weight:950;letter-spacing:.1em;cursor:pointer}.seg button.active{border-color:#d98b00;background:rgba(255,176,0,.08);color:var(--yellow)}
.reset-btn{width:100%;height:40px;border:1px solid #182338;background:#151d2c;color:#a9b9d8;font-weight:950;letter-spacing:.16em;cursor:pointer}.reset-btn:hover{border-color:var(--line);color:#fff}
.filter-open-btn{display:none;position:fixed;right:10px;top:10px;z-index:45;height:32px;padding:0 12px;border:1px solid var(--line);background:#101827;color:#afc0dd;font-weight:950;letter-spacing:.16em;box-shadow:0 8px 24px rgba(0,0,0,.4);cursor:pointer}body.filters-closed .filter-open-btn{display:block}

/* Coin tooltip */
.coin-tooltip{position:fixed;z-index:10000;width:280px;max-height:none;overflow:visible;padding:13px;border:1px solid rgba(83,113,164,.55);border-radius:7px;background:rgba(8,17,32,.985);box-shadow:0 18px 48px rgba(0,0,0,.58);color:#dbe7ff;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .1s,transform .1s,visibility .1s}.coin-tooltip.show{opacity:1;visibility:visible;transform:none}
.coin-tip-symbol{margin-bottom:8px;color:#fff;font-size:1rem;font-weight:950;letter-spacing:.07em}.coin-tip-current{margin:-3px 0 7px;color:#71809c;font-size:.57rem;font-weight:900;letter-spacing:.13em}.coin-tip-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:8px 10px;border:1px solid rgba(255,176,0,.25);border-radius:4px;background:rgba(255,176,0,.055)}.coin-tip-stats>div{min-width:0;display:flex;flex-direction:column;gap:4px}.coin-tip-stats span,.coin-tip-title{color:#71809c;font-size:.55rem;font-weight:950;letter-spacing:.1em;white-space:nowrap}.coin-tip-stats b{color:var(--yellow);font-size:.9rem;white-space:nowrap}.coin-tip-stats b.up{color:var(--green)}.coin-tip-stats b.down{color:var(--red)}.coin-tip-title{margin:10px 0 5px}.coin-tip-list{display:flex;flex-direction:column;gap:3px}.coin-tip-market{min-height:27px;display:grid;grid-template-columns:20px minmax(0,1fr) 105px;align-items:center;gap:7px;padding:3px 6px;border:1px solid rgba(255,255,255,.035);border-radius:4px;background:rgba(255,255,255,.025)}.coin-tip-market img{width:19px;height:19px;object-fit:contain;border-radius:4px}.coin-tip-market b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.69rem}.coin-tip-badges{width:105px;display:grid;grid-template-columns:43px 57px;align-items:center;gap:5px}.coin-tip-badge-slot{display:flex;justify-content:center}.coin-tip-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 4px;border:1px solid;border-radius:3px;font-size:.5rem;font-weight:950;letter-spacing:.07em;white-space:nowrap}.coin-tip-badge.spot{border-color:rgba(0,216,154,.42);background:rgba(0,216,154,.07);color:var(--green)}.coin-tip-badge.futures{border-color:rgba(255,176,0,.42);background:rgba(255,176,0,.07);color:var(--yellow)}

/* Charts and loading */
.chart-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(0,0,0,.76)}.chart-box{width:min(1280px,98vw);height:min(840px,96dvh);overflow:hidden;border:1px solid var(--line);background:#090e18;box-shadow:0 24px 90px rgba(0,0,0,.6)}.chart-head{height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;border-bottom:1px solid var(--line);background:#101827;letter-spacing:.12em}.chart-head b{font-size:20px}.chart-head span{margin-left:10px;color:#8ea0c0;font-size:11px}.chart-head>div:last-child{display:flex;align-items:center}.hint{letter-spacing:0!important}#chartClose{padding:0 4px;border:0;background:transparent;color:#9aa8c2;font-size:28px;cursor:pointer}.chart-grid{height:calc(100% - 52px);display:grid;grid-template:1fr 1fr/1fr 1fr}.chart-cell{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.chart-cell:nth-child(2n){border-right:0}.chart-cell:nth-child(n+3){border-bottom:0}.chart-cell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tf-label{position:absolute;left:12px;top:10px;z-index:2;color:#8fb0ff;font-weight:950}.chart-grid.external-chart-grid{display:block}.external-chart{position:relative;width:100%;height:100%}.external-chart iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.external-fallback{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);background:rgba(7,11,18,.9);color:#91a4c3;font-size:11px}.external-fallback a{padding:6px 9px;border:1px solid var(--yellow);color:var(--yellow);text-decoration:none;font-weight:950}
.load-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(19,33,55,.93),rgba(5,9,16,.98));backdrop-filter:blur(4px);transition:opacity .3s,visibility .3s}.load-overlay.done{opacity:0;visibility:hidden;pointer-events:none}.load-card{width:min(500px,calc(100vw - 32px));padding:26px;border:1px solid rgba(125,147,184,.28);background:linear-gradient(180deg,rgba(19,31,51,.96),rgba(10,17,29,.96));box-shadow:0 22px 70px rgba(0,0,0,.45)}.load-title{margin-bottom:10px;font-size:clamp(13px,1vw,18px);font-weight:950;letter-spacing:.28em}.load-sub{min-height:18px;margin-bottom:16px;color:#8fa3c2;font-size:11px;font-weight:800}.progress{height:9px;overflow:hidden;border:1px solid rgba(255,176,0,.35);background:#0a1220}.progress>div{height:100%;background:linear-gradient(90deg,#f6a800,#ffd35c);transition:width .2s}.load-percent{margin-top:10px;text-align:right;color:var(--yellow);font-weight:950}.status{position:fixed;left:50%;bottom:6px;z-index:20;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%);color:var(--yellow);font-size:.78rem;font-weight:950}.live{color:var(--green)}.loading{opacity:.72}

/* Short viewports: complete tooltip stays visible without a scrollbar */
@media(max-height:680px) and (min-width:701px){.coin-tooltip{width:266px;padding:9px}.coin-tip-symbol{margin-bottom:5px;font-size:.87rem}.coin-tip-current{margin-bottom:5px}.coin-tip-stats{padding:5px 7px}.coin-tip-title{margin:6px 0 4px}.coin-tip-list{gap:2px}.coin-tip-market{min-height:22px;padding:1px 5px}.coin-tip-market img{width:16px;height:16px}.coin-tip-market b{font-size:.61rem}.coin-tip-badge{font-size:.46rem;padding:1px 3px}}

/* Filters become a drawer before they can squeeze the screener. */
@media(max-width:1279px){
  .app-shell{grid-template-columns:minmax(0,1fr)}
  .filter-panel{position:fixed;right:0;top:0;width:min(390px,94vw);height:100dvh;box-shadow:-22px 0 60px rgba(0,0,0,.58)}
  .filter-inner{width:min(390px,94vw)}
  .app-shell.filters-closed .filter-panel{width:min(390px,94vw)}
}
@media(max-width:900px){:root{--card-min:420px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}}
@media(max-width:680px){
  :root{--base-font:12px;--card-min:100%;--gap:6px}
  .grid{grid-template-columns:minmax(0,1fr)}.head{height:56px;padding:0 12px}.logo{width:31px;height:31px}.title{font-size:14px;letter-spacing:.23em}
  .cols{grid-template-columns:minmax(0,1fr);gap:13px;padding:12px 10px}.col:first-child{padding:0 0 14px;border-right:0;border-bottom:1px solid var(--line)}.exchange.single-market .col:not(.market-hidden){padding:0;border:0}
  .market{font-size:calc(.92rem * var(--coin-name-scale));letter-spacing:.19em}.section{font-size:calc(.87rem * var(--coin-name-scale))}.row{grid-template-columns:minmax(0,1fr) minmax(2.7em,max-content) minmax(5.15em,max-content);font-size:calc(.9rem * var(--coin-name-scale));column-gap:.42em}.new-slot{min-width:2.7em}.pct{min-width:5.15em}
  .coin-tooltip{display:none}.chart-modal{padding:5px}.chart-box{width:100%;height:98dvh}.chart-head{height:46px;padding:0 10px}.chart-head b{font-size:15px}.hint{display:none}.chart-grid{height:calc(100% - 46px);grid-template:repeat(4,1fr)/1fr}.chart-cell{border-right:0!important;border-bottom:1px solid var(--line)!important}.chart-cell:last-child{border-bottom:0!important}
  .filter-open-btn{right:7px;top:7px;height:30px;padding:0 9px;font-size:10px}.status{bottom:3px;width:calc(100% - 10px);text-align:center;font-size:9px}
}
@media(max-width:420px){
  :root{--base-font:11px}.title{font-size:13px;letter-spacing:.18em}.head{gap:9px}.market{letter-spacing:.14em}.row{font-size:calc(.87rem * var(--coin-name-scale))}.filter-panel,.filter-inner{width:100vw}.filter-inner{padding:20px 10px 24px}.ex-table-head,.ex-switch-row{grid-template-columns:18px minmax(0,1fr) 54px 64px;padding-inline:7px}.ex-drag-handle{width:18px}.font-control{grid-template-columns:auto minmax(70px,1fr) auto 43px}
}
@media(min-width:2560px){:root{--base-font:clamp(14px,.4vw,17px);--panel-w:clamp(420px,16vw,540px);--card-min:clamp(650px,calc(520px + 230px * var(--coin-name-scale)),980px)}.filter-inner{max-width:540px;margin:auto}.coin-tooltip{width:320px}.coin-tip-market{min-height:31px}}
@media(min-width:3840px){:root{--base-font:17px;--gap:18px;--panel-w:560px;--card-min:920px}.filter-inner{width:560px;max-width:560px}.head{height:90px}.logo{width:50px;height:50px}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v267: a full symbol always wins over ellipsis in Top Ranked. */
#appShell .row{
  grid-template-columns:minmax(0,1fr) minmax(5.25em,max-content) 1.5em!important;
  column-gap:clamp(.4em,calc(.62em * var(--coin-name-scale)),.78em);
  max-width:none;
  min-height:2em;
  line-height:1.38;
  padding-block:.18em;
}
#appShell .row .sym{
  width:auto;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}
#appShell .row .new-slot{display:none}
#appShell .row.isnew{grid-template-columns:minmax(0,1fr) max-content minmax(5.25em,max-content) 1.5em!important}
#appShell .row.isnew .new-slot{display:flex;min-width:0}

/* v43: compact symbol / NEW / percentage rhythm on wide cards */
.row{
  grid-template-columns:minmax(8.5rem,clamp(10rem,48%,20rem)) minmax(2.9em,max-content) minmax(5.55em,max-content);
  justify-content:start;
}
.row .sym{width:100%}
@media(min-width:2560px){
  .row{grid-template-columns:minmax(10rem,clamp(12rem,44%,22rem)) minmax(2.9em,max-content) minmax(5.55em,max-content)}
}
@media(max-width:1100px){
  .row{grid-template-columns:minmax(8rem,clamp(9.5rem,50%,18rem)) minmax(2.8em,max-content) minmax(5.4em,max-content)}
}
@media(max-width:680px){
  .row{grid-template-columns:minmax(7.5rem,clamp(8.5rem,48%,15rem)) minmax(2.7em,max-content) minmax(5.15em,max-content)}
}
@media(max-width:390px){
  .row{grid-template-columns:minmax(7rem,clamp(7.8rem,46%,13rem)) minmax(2.55em,max-content) minmax(5em,max-content);column-gap:.35em}
}

/* v44: fluid card density — cards shrink together with the user font scale */
:root{--card-min:clamp(340px,calc(240px + 200px * var(--coin-name-scale)),560px)}
.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-min)),1fr))}
.exchange{container-type:inline-size}
.cols{gap:clamp(12px,calc(16px * var(--coin-name-scale)),30px);padding:clamp(11px,calc(13px * var(--coin-name-scale)),22px)}
.col:first-child{padding-right:clamp(11px,calc(15px * var(--coin-name-scale)),28px)}
.row{
  grid-template-columns:minmax(0,1fr) minmax(2.65em,max-content) minmax(5.25em,max-content);
  width:100%;
  max-width:420px;
  justify-content:initial;
}
.row .pct{min-width:5.25em}
.row .new-slot{min-width:2.65em}
@container(max-width:520px){
  .cols{gap:11px;padding:11px}
  .col:first-child{padding-right:11px}
  .market{letter-spacing:clamp(.12em,calc(.26em / var(--coin-name-scale)),.28em)}
  .row{column-gap:.38em}
}
@media(min-width:2560px){
  :root{--card-min:clamp(500px,calc(350px + 200px * var(--coin-name-scale)),720px)}
  .row{max-width:480px}
}
@media(min-width:3840px){
  :root{--card-min:clamp(560px,calc(390px + 210px * var(--coin-name-scale)),760px)}
  .row{max-width:520px}
}
@media(max-width:900px){
  :root{--card-min:clamp(330px,calc(235px + 190px * var(--coin-name-scale)),520px)}
}
@media(max-width:680px){
  :root{--card-min:100%}
  .row{max-width:100%}
}

/* v45: native Scalpy candlestick charts for exchanges without TradingView symbols */
.native-chart-cell{overflow:hidden;background:#090e18}
.native-chart-host{position:absolute;inset:0;z-index:1}
.native-chart-cell .tf-label{z-index:4;left:9px;top:8px;padding:3px 6px;border:1px solid rgba(77,141,255,.24);border-radius:3px;background:rgba(9,14,24,.88);color:#8fb0ff;font-size:10px;letter-spacing:.1em;pointer-events:none}
.native-chart-legend{position:absolute;z-index:4;left:52px;top:9px;display:flex;gap:8px;max-width:calc(100% - 64px);overflow:hidden;color:#72839f;font-size:9px;font-weight:900;line-height:20px;white-space:nowrap;pointer-events:none}
.native-chart-legend span{display:inline-flex;gap:3px}.native-chart-legend b{color:#d8e3f5}.native-chart-legend b.up{color:var(--green)}.native-chart-legend b.down{color:var(--red)}
.native-chart-loading,.native-chart-error{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#090e18;color:#71829f;font-size:9px;font-weight:950;letter-spacing:.13em;text-align:center}
.native-chart-loading i{width:25px;height:25px;border:2px solid #26354c;border-top-color:var(--yellow);border-radius:50%;animation:native-chart-spin .8s linear infinite}
.native-chart-error{z-index:6;padding:18px;background:linear-gradient(180deg,rgba(9,14,24,.97),rgba(7,11,18,.98))}.native-chart-error a{padding:7px 10px;border:1px solid rgba(255,176,0,.6);border-radius:3px;color:var(--yellow);text-decoration:none;letter-spacing:.1em}.native-chart-error a:hover{background:rgba(255,176,0,.08)}
@keyframes native-chart-spin{to{transform:rotate(360deg)}}
@media(max-width:680px){
  .native-chart-legend{left:49px;gap:5px;font-size:8px}.native-chart-cell .tf-label{left:7px;top:7px;font-size:9px}
}

/* v46: one eager TradingView frame instead of four heavy simultaneous widgets */
.chart-grid.tv-fast-grid{display:grid;grid-template:42px minmax(0,1fr)/minmax(0,1fr);background:#090e18}
.tv-fast-tabs{display:flex;align-items:center;gap:7px;padding:6px 10px;border-bottom:1px solid var(--line);background:#0e1726}
.tv-fast-tabs button{height:28px;min-width:48px;padding:0 10px;border:1px solid #2a3951;border-radius:3px;background:#101a2b;color:#8295b6;font-size:10px;font-weight:950;letter-spacing:.08em;cursor:pointer}.tv-fast-tabs button:hover{border-color:#49617f;color:#fff}.tv-fast-tabs button.active{border-color:rgba(255,176,0,.75);background:rgba(255,176,0,.09);color:var(--yellow)}
.tv-fast-tabs span{margin-left:auto;color:#54637d;font-size:8px;font-weight:900;letter-spacing:.12em}
.tv-fast-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#090e18}.tv-fast-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#090e18}
.tv-fast-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#090e18;color:#71829f;font-size:9px;font-weight:950;letter-spacing:.13em}.tv-fast-loading i{width:25px;height:25px;border:2px solid #26354c;border-top-color:var(--yellow);border-radius:50%;animation:native-chart-spin .8s linear infinite}
@media(max-width:680px){
  .chart-grid.tv-fast-grid{grid-template-rows:39px minmax(0,1fr)}.tv-fast-tabs{gap:5px;padding:5px 6px}.tv-fast-tabs button{height:27px;min-width:43px;padding-inline:7px;font-size:9px}.tv-fast-tabs span{display:none}
}

/* Colibri prototype: one compact launcher beside every Top Ranked percentage. */
.row{grid-template-columns:minmax(0,1fr) minmax(2.9em,max-content) minmax(5.55em,max-content) 1.5em!important}
.colibri-launch{width:1.45em;height:1.45em;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:rgba(39,112,255,.13);box-shadow:inset 0 0 0 1px rgba(78,144,255,.3);cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;line-height:1}
.colibri-launch:hover,.colibri-launch:focus-visible{outline:0;transform:translateY(-1px) scale(1.09);background:rgba(45,126,255,.26);box-shadow:0 0 10px rgba(45,126,255,.34),inset 0 0 0 1px rgba(121,173,255,.8)}
.colibri-launch img{display:block;width:1.08em;height:1.08em;object-fit:contain}
.colibri-picker{position:fixed;z-index:9999;width:min(286px,calc(100vw - 16px));overflow:hidden;border:1px solid rgba(86,139,231,.58);border-radius:8px;background:#0b1424;box-shadow:0 14px 38px rgba(0,0,0,.52),0 0 0 1px rgba(0,0,0,.26)}
.colibri-picker button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border:0;border-bottom:1px solid rgba(53,75,112,.72);background:transparent;color:#eff5ff;font:inherit;text-align:left;cursor:pointer}.colibri-picker button:last-child{border-bottom:0}.colibri-picker button:hover,.colibri-picker button:focus-visible{outline:0;background:rgba(43,112,229,.18)}.colibri-picker button:disabled{opacity:.55;cursor:wait}
.colibri-picker span{color:#75adff;font-size:.75rem;font-weight:950;letter-spacing:.14em}.colibri-picker small{color:#a8b5cc;font-size:.64rem;font-weight:850;letter-spacing:.05em;white-space:nowrap}
.colibri-status{min-height:0;padding:0;color:#7f94b4;font-size:.61rem;font-weight:900;letter-spacing:.08em;text-align:center;transition:padding .15s}.colibri-status:not(:empty){padding:7px 8px;border-top:1px solid rgba(53,75,112,.72)}.colibri-status.busy{color:#8caeff}.colibri-status.success{color:#00d89a}.colibri-status.error{color:#ff7182}.colibri-setup{display:block!important;width:100%;padding:8px 10px;border:0;border-top:1px solid rgba(53,75,112,.72);background:#13213a;color:#ffb000;font:900 .62rem/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.colibri-setup:hover{background:#1b2e50}
@media(max-width:900px){.row{grid-template-columns:minmax(0,1fr) minmax(2.7em,max-content) minmax(5.15em,max-content) 1.45em!important}.colibri-launch{width:1.4em;height:1.4em}}

/* v264: distinct rounded neon treatment for genuine Top Ranked NEW entries. */
.row.isnew{
  border-radius:5px;
  background:linear-gradient(90deg,rgba(0,216,154,.115),rgba(0,216,154,.032) 62%,transparent);
  box-shadow:inset 0 0 0 1px rgba(0,239,171,.96),0 0 8px rgba(0,230,162,.38),0 0 18px rgba(0,216,154,.16);
}
.row.isnew:hover{background:linear-gradient(90deg,rgba(0,216,154,.16),rgba(0,216,154,.05) 62%,rgba(0,216,154,.015))}
.row.isnew.down{
  background:linear-gradient(90deg,rgba(255,64,86,.12),rgba(255,64,86,.032) 62%,transparent);
  box-shadow:inset 0 0 0 1px rgba(255,83,104,.98),0 0 8px rgba(255,64,86,.4),0 0 18px rgba(255,64,86,.17);
}
.row.isnew.down:hover{background:linear-gradient(90deg,rgba(255,64,86,.17),rgba(255,64,86,.052) 62%,rgba(255,64,86,.015))}
.row.isnew .new{
  min-width:2.85em;
  height:1.42em;
  border-color:rgba(0,239,171,.98);
  border-radius:4px;
  background:linear-gradient(180deg,rgba(0,239,171,.25),rgba(0,216,154,.07));
  color:#9affdc;
  box-shadow:inset 0 0 8px rgba(0,239,171,.16),0 0 8px rgba(0,230,162,.45);
  text-shadow:0 0 7px rgba(132,255,215,.7);
}
.row.isnew.down .new{
  border-color:rgba(255,83,104,.98);
  background:linear-gradient(180deg,rgba(255,83,104,.25),rgba(255,64,86,.07));
  color:#ffb6c1;
  box-shadow:inset 0 0 8px rgba(255,83,104,.16),0 0 8px rgba(255,64,86,.46);
  text-shadow:0 0 7px rgba(255,183,194,.7);
}

/* v265: exact locally hosted JetBrains Mono treatment for Top Ranked cards. */
#grid,#grid button{
  font-family:'JetBrains Mono',Consolas,Menlo,Monaco,'Courier New',monospace;
  font-synthesis:none;
  font-variant-ligatures:none;
}

/* Keep the v267 card-width rule after all older responsive defaults. */
:root{--card-min:clamp(390px,calc(260px + 300px * var(--coin-name-scale)),760px)}
@media(min-width:2560px){:root{--card-min:clamp(560px,calc(340px + 330px * var(--coin-name-scale)),920px)}}
@media(min-width:3840px){:root{--card-min:clamp(620px,calc(390px + 350px * var(--coin-name-scale)),980px)}}
@media(max-width:900px){:root{--card-min:clamp(360px,calc(220px + 250px * var(--coin-name-scale)),620px)}}
@media(max-width:680px){:root{--card-min:100%}#appShell .row{max-width:100%}}

/* v268: quieter, more spacious Top Ranked cards while retaining v267 flow. */
#appShell .exchange{
  border-color:#243b58;
  border-radius:10px;
  background:linear-gradient(145deg,#101d2d 0%,#0c1726 54%,#091320 100%);
  box-shadow:inset 0 1px 0 rgba(189,218,255,.035),0 15px 34px rgba(0,0,0,.16);
}
#appShell .head{
  height:clamp(60px,3.8vw,84px);
  padding-inline:clamp(16px,1.25vw,28px);
  border-bottom-color:rgba(57,84,116,.62);
  background:linear-gradient(104deg,rgba(18,34,54,.94),rgba(11,23,38,.82));
}
#appShell .logo{border-radius:9px;box-shadow:0 0 0 1px rgba(137,179,229,.12),0 9px 22px rgba(0,0,0,.26)}
#appShell .title{letter-spacing:clamp(.18em,calc(.32em / var(--coin-name-scale)),.32em)}
#appShell .cols{
  gap:clamp(20px,calc(22px * var(--coin-name-scale)),42px);
  padding:clamp(17px,calc(20px * var(--coin-name-scale)),30px) clamp(16px,calc(21px * var(--coin-name-scale)),34px) clamp(20px,calc(24px * var(--coin-name-scale)),36px);
}
#appShell .col:first-child{padding-right:clamp(15px,calc(19px * var(--coin-name-scale)),32px);border-right-color:rgba(58,84,116,.68)}
#appShell .market{margin-bottom:1.25em;padding-bottom:.9em;border-bottom-color:rgba(57,84,116,.62);letter-spacing:clamp(.14em,calc(.28em / var(--coin-name-scale)),.3em)}
#appShell .section{margin:1.28em 0 .76em;letter-spacing:.035em}
#appShell .row{
  min-height:2.08em;
  padding-block:.16em;
  font-weight:700;
  line-height:1.44;
}
#appShell .row:hover{background:linear-gradient(90deg,rgba(115,160,220,.085),rgba(115,160,220,.025) 68%,transparent)}
@media(max-width:680px){
  #appShell .exchange{border-radius:8px}
  #appShell .cols{gap:15px;padding:15px 13px 19px}
  #appShell .col:first-child{padding-bottom:16px}
}

/* v269: compact exchange titles at large type and restrained direction cues. */
#appShell .title{letter-spacing:clamp(.15em,calc(.30em / var(--coin-name-scale)),.30em)}
#appShell .section{display:flex;align-items:center;gap:.56em}
#appShell .section:before{content:"";width:.36em;height:.36em;flex:0 0 .36em;border-radius:50%;background:currentColor;box-shadow:0 0 .72em currentColor}
#appShell .section:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,currentColor,transparent);opacity:.22}

/* v270: use the same clean proportional figures as Screener's chart price scale. */
#grid .row .sym,#grid .row .pct{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  letter-spacing:.012em;
  font-variant-numeric:tabular-nums;
}
#grid .row .sym{font-size:1.015em}

/* v272: percentage metrics now use the literal readable Screener price-scale declaration. */
#grid .row .pct{
  font:600 calc(1.1rem * var(--coin-name-scale))/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:0;
  font-variant-numeric:normal;
  font-synthesis:weight;
}

:root{--sc-bg:#080d17;--sc-panel:#0d1622;--sc-line:#263449;--sc-text:#eef4ff;--sc-muted:#75849b;--sc-accent:#f4a400;--sc-green:#20cf91}
[hidden]{display:none!important}
.scalpy-page{background:#050911}
.scalpy-header,.scalpy-header *{box-sizing:border-box}
.scalpy-header{height:58px;display:flex;align-items:stretch;gap:0;position:sticky;top:0;z-index:80;padding:0 12px;color:var(--sc-text);background:linear-gradient(180deg,rgba(12,19,31,.99),rgba(7,12,21,.99));border-top:1px solid #273247;border-bottom:1px solid #263248;box-shadow:0 8px 24px #0008,inset 0 -1px 0 rgba(255,176,0,.025);font-family:Arial,Helvetica,sans-serif;letter-spacing:normal}
.scalpy-nav-sprite{position:absolute;width:0;height:0;overflow:hidden}
.scalpy-brand{width:196px;display:flex;align-items:center;flex:0 0 auto;padding-right:12px;color:#fff;border-right:1px solid #222c3d;text-decoration:none}
.scalpy-brand picture{display:flex;align-items:center;width:100%;height:100%}.scalpy-brand-logo{display:block;width:184px;max-width:100%;height:auto;max-height:50px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 6px rgba(39,164,255,.13)) drop-shadow(0 0 7px rgba(255,176,0,.1))}
.scalpy-nav{flex:1;min-width:0;display:flex;align-items:stretch;justify-content:center;gap:0;padding:0 7px;overflow:hidden}.scalpy-nav a{position:relative;display:flex;min-width:0;flex:1 1 0;align-items:center;justify-content:center;gap:clamp(5px,.38vw,8px);padding:1px clamp(4px,.38vw,8px) 0;color:#8d9ab0;border-right:1px solid rgba(40,54,74,.42);text-decoration:none;white-space:nowrap;transition:color .16s ease,background .16s ease}.scalpy-nav a:first-child{border-left:1px solid rgba(40,54,74,.42)}.scalpy-nav a>span{display:flex;min-width:0;align-items:center}.scalpy-nav a b{overflow:hidden;color:#aab5c7;font-size:clamp(7.5px,.48vw,10px);font-weight:900;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}.scalpy-nav-icon{width:clamp(18px,1.22vw,24px);height:clamp(18px,1.22vw,24px);flex:0 0 auto;color:#e4aa17;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,180,0,.15));opacity:.83;transition:opacity .16s ease,filter .16s ease,transform .16s ease}.scalpy-nav a:hover{color:#fff;background:rgba(255,255,255,.025)}.scalpy-nav a:hover b,.scalpy-nav a.active b{color:#fff}.scalpy-nav a:hover .scalpy-nav-icon,.scalpy-nav a.active .scalpy-nav-icon{color:#ffc126;opacity:1;filter:drop-shadow(0 0 7px rgba(255,184,0,.36));transform:translateY(-1px)}.scalpy-nav a.active{color:#fff;background:linear-gradient(180deg,rgba(255,181,0,.045),rgba(255,181,0,.012))}.scalpy-nav a.active:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#ffb000 18%,#ffc535 82%,transparent);box-shadow:0 0 12px #f4a40088}
.scalpy-actions,.scalpy-control{display:flex;align-items:stretch}.scalpy-actions{flex:0 0 auto}.scalpy-control{position:relative}
.scalpy-language{min-width:108px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:transparent;border:0;border-left:1px solid #202b3b;border-right:1px solid #202b3b;cursor:pointer}.scalpy-language-code{font-family:Consolas,monospace;font-size:11px;font-weight:750;letter-spacing:.5px}.scalpy-chevron{width:10px;height:10px;border-right:2px solid #9ba8bc;border-bottom:2px solid #9ba8bc;transform:rotate(45deg) translateY(-3px)}
.scalpy-flag{width:32px;height:20px;display:inline-block;flex:0 0 auto;position:relative;overflow:hidden;border-radius:1px;box-shadow:0 0 0 1px #ffffff20}.scalpy-flag-ru{background:linear-gradient(#fff 0 33%,#1b57ae 33% 66%,#dc3545 66%)}.scalpy-flag-us{background:repeating-linear-gradient(to bottom,#b22234 0 7.69%,#fff 7.69% 15.38%)}.scalpy-flag-us:before{content:"";position:absolute;left:0;top:0;width:43%;height:54%;background:#3c3b6e}.scalpy-flag-us:after{content:"· · ·";position:absolute;left:2px;top:-3px;width:11px;color:#fff;font-size:6px;line-height:6px}
.scalpy-icon-button{width:55px;position:relative;color:#fff;background:transparent;border:0;border-right:1px solid #202b3b;cursor:pointer;opacity:.84}.scalpy-icon-button:hover{opacity:1;background:#ffffff05}.scalpy-bell{display:inline-block;width:17px;height:19px;border:2px solid #a8b1c1;border-radius:10px 10px 5px 5px;position:relative}.scalpy-bell:before{content:"";position:absolute;width:4px;height:3px;border-radius:0 0 4px 4px;background:#a8b1c1;bottom:-6px;left:5px}.scalpy-notification-dot{position:absolute;width:5px;height:5px;background:var(--sc-accent);border-radius:50%;top:15px;right:16px;box-shadow:0 0 7px var(--sc-accent)}
.scalpy-headset{display:inline-block;width:22px;height:19px;border:2px solid #a8b1c1;border-bottom:0;border-radius:13px 13px 0 0;position:relative}.scalpy-headset:before,.scalpy-headset:after{content:"";position:absolute;width:4px;height:9px;top:8px;border:2px solid #a8b1c1}.scalpy-headset:before{left:-4px;border-radius:4px 0 0 4px}.scalpy-headset:after{right:-4px;border-radius:0 4px 4px 0}.scalpy-user-icon{display:inline-block;width:29px;height:29px;background:#1b2534;border-radius:50%;position:relative}.scalpy-user-icon:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;left:11px;top:6px}.scalpy-user-icon i{position:absolute;width:14px;height:7px;border-radius:8px 8px 3px 3px;background:#fff;left:8px;bottom:6px}
.scalpy-popup{position:absolute;z-index:90;right:0;top:57px;color:#dfe7f3;background:linear-gradient(155deg,#111b29,#0a111b 78%);border:1px solid var(--sc-line);border-top:2px solid var(--sc-accent);border-radius:0 0 6px 6px;box-shadow:0 22px 65px #000c;animation:sc-popup .16s ease-out;font-family:Arial,Helvetica,sans-serif}@keyframes sc-popup{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.scalpy-language-popup{width:255px;padding:8px}.scalpy-language-option{width:100%;min-height:58px;padding:8px 11px;display:grid;grid-template-columns:69px 1fr 16px;gap:10px;align-items:center;color:#dfe7f3;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer}.scalpy-language-option:hover,.scalpy-language-option.selected{background:#172233;border-color:#29364a}.scalpy-language-visual{display:flex;align-items:center;gap:8px}.scalpy-language-visual b{min-width:26px;font-family:Consolas,monospace;font-size:10px}.scalpy-language-option>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.scalpy-language-option strong{font-size:11px}.scalpy-language-option small{color:#718098;font-size:9px}.scalpy-language-option>i{visibility:hidden;color:var(--sc-accent);font-style:normal}.scalpy-language-option.selected>i{visibility:visible}
.scalpy-notifications-popup{width:370px}.scalpy-popup-heading{min-height:67px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202c3d}.scalpy-popup-heading>div{display:flex;flex-direction:column;gap:4px}.scalpy-popup-heading strong{font-size:12px;text-transform:uppercase;letter-spacing:1px}.scalpy-popup-heading span{color:var(--sc-accent);font-size:8px}.scalpy-popup-heading button{color:#8594aa;background:none;border:0;font-size:9px;cursor:pointer}.scalpy-notification-item{min-height:86px;padding:15px 17px;display:flex;gap:12px;border-bottom:1px solid #1d2939;position:relative}.scalpy-notification-item.unread:after{content:"";position:absolute;width:5px;height:5px;right:15px;top:19px;background:var(--sc-accent);border-radius:50%}.scalpy-notification-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:12px;font-weight:760}.scalpy-notification-icon.market{color:var(--sc-green);background:#20cf9114;border:1px solid #20cf9138}.scalpy-notification-icon.pro{color:var(--sc-accent);background:#f4a40012;border:1px solid #f4a40038}.scalpy-notification-item>div{display:flex;flex-direction:column;gap:4px}.scalpy-notification-item strong{font-size:10px}.scalpy-notification-item p{margin:0;color:#73829a;font-size:9px;line-height:1.45}.scalpy-notification-item time{color:#536279;font:8px Consolas,monospace}.scalpy-popup-footer{height:43px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:#9eabbc;text-decoration:none;font-size:9px;text-transform:uppercase;letter-spacing:1px}.scalpy-popup-footer:hover{color:var(--sc-accent)}
.scalpy-profile-popup{width:290px;padding-bottom:8px}.scalpy-profile-head{min-height:78px;padding:15px 17px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #202c3d;position:relative}.scalpy-profile-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#263750,#151f2e);border:1px solid #374962;font-weight:760}.scalpy-profile-head>div{display:flex;flex-direction:column;gap:4px}.scalpy-profile-head strong{font-size:12px}.scalpy-profile-head div span{color:#718198;font-size:9px}.scalpy-online-badge{width:7px;height:7px;border-radius:50%;background:var(--sc-green);margin-left:auto}.scalpy-uid-card{margin:11px;min-height:51px;padding:9px 11px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;background:#070d15;border:1px solid #202c3d;border-radius:4px}.scalpy-uid-card span{grid-column:1/3;color:#5e6d82;font-size:7px;letter-spacing:1.4px}.scalpy-uid-card strong{color:var(--sc-accent);font:11px Consolas,monospace}.scalpy-uid-card button{color:#74839a;background:none;border:0;cursor:pointer}.scalpy-profile-popup>a,.scalpy-signout{width:calc(100% - 22px);min-height:39px;margin:0 11px;padding:0 10px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;color:#9aa8bb;background:none;border:0;border-radius:3px;text-decoration:none;font-size:9px;text-align:left;cursor:pointer}.scalpy-profile-popup>a:hover,.scalpy-signout:hover{color:#fff;background:#172233}.scalpy-signout{color:#dc7181;border-top:1px solid #1c2737;margin-top:6px}
.scalpy-mobile-menu{display:none;position:relative}.scalpy-mobile-menu summary{width:54px;height:58px;list-style:none;display:grid;place-content:center;gap:4px;cursor:pointer}.scalpy-mobile-menu summary::-webkit-details-marker{display:none}.scalpy-mobile-menu summary span{width:19px;border-top:2px solid #a9b4c6}.scalpy-mobile-menu>div{position:absolute;right:0;top:57px;width:230px;max-height:calc(100dvh - 66px);overflow-y:auto;background:#0c131f;border:1px solid #263247;box-shadow:0 18px 40px #0009;padding:8px}.scalpy-mobile-menu a{display:flex;align-items:center;color:#9ba8bb;padding:10px 12px;border-bottom:1px solid #182334;text-decoration:none;font-size:10px;letter-spacing:1.2px}.scalpy-mobile-menu a:hover,.scalpy-mobile-menu a.active{color:#fff;background:#131e2d}
.scalpy-module-placeholder{min-height:calc(100vh - 58px);padding:clamp(60px,9vw,140px) clamp(24px,8vw,130px);color:#eef4ff;background:radial-gradient(circle at 30% 0,#17253a,#080d17 50%);font-family:Arial,Helvetica,sans-serif}.scalpy-module-eyebrow{color:var(--sc-accent);font-size:9px;font-weight:750;letter-spacing:2px}.scalpy-module-placeholder h1{margin:18px 0 14px;text-transform:uppercase;font-size:clamp(42px,6vw,82px);letter-spacing:-2px}.scalpy-module-placeholder p{max-width:650px;color:#7f8ea4;font-size:13px;line-height:1.7}.scalpy-module-placeholder button{margin-top:25px;height:42px;padding:0 17px;color:#09101a;background:var(--sc-accent);border:0;border-radius:3px;font-weight:750;cursor:pointer}
.scalpy-modal-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:#02060dcc;backdrop-filter:blur(8px)}.scalpy-support-modal{width:min(540px,100%);max-height:calc(100vh - 40px);overflow-y:auto;position:relative;padding:27px;color:#eef4ff;background:radial-gradient(circle at 15% 0,#17263a,#0d1622 42%,#090f18 100%);border:1px solid #2a394e;border-top:2px solid var(--sc-accent);border-radius:7px;box-shadow:0 30px 100px #000e;font-family:Arial,Helvetica,sans-serif}.scalpy-modal-close{position:absolute;top:13px;right:14px;width:30px;height:30px;color:#7e8da3;background:none;border:0;font-size:24px;cursor:pointer}.scalpy-support-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:16px;background:#1a2637;border:1px solid #34445b;border-radius:50%}.scalpy-modal-heading>span{color:var(--sc-accent);font-size:8px;font-weight:760;letter-spacing:1.8px}.scalpy-modal-heading h2{margin:7px 0 8px;font-size:24px}.scalpy-modal-heading p{margin:0 0 19px;color:#77869c;font-size:10px;line-height:1.6}.scalpy-support-modal form{display:flex;flex-direction:column;gap:15px}.scalpy-form-meta{min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#8493a8;background:#070c13;border:1px solid #202d3e;border-radius:4px;font-size:9px}.scalpy-form-meta strong{color:var(--sc-accent);font:9px Consolas,monospace}.scalpy-support-modal label{display:flex;flex-direction:column;gap:7px;color:#8190a5;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:1px}.scalpy-support-modal select,.scalpy-support-modal textarea{width:100%;padding:11px 12px;color:#e6edf7;background:#080e17;border:1px solid #28364a;border-radius:4px;outline:none;font:11px Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;resize:vertical}.scalpy-support-status{min-height:16px;color:var(--sc-green);font-size:9px;line-height:1.45}.scalpy-modal-actions{display:flex;justify-content:flex-end;gap:9px}.scalpy-primary-button,.scalpy-secondary-button{min-width:130px;height:42px;border-radius:4px;cursor:pointer}.scalpy-primary-button{color:#09101a;background:var(--sc-accent);border:1px solid var(--sc-accent);font-weight:750}.scalpy-secondary-button{color:#9aa8bb;background:#101824;border:1px solid #2b3749}.scalpy-toast{position:fixed;z-index:520;right:24px;bottom:24px;min-width:190px;min-height:48px;padding:0 15px;display:flex;align-items:center;gap:10px;color:#dfe7f2;background:#111b29;border:1px solid #2c3b50;border-left:2px solid var(--sc-green);border-radius:4px;font-family:Arial,Helvetica,sans-serif}.scalpy-toast p{margin:0;font-size:10px}
.scalpy-page .app-shell{min-height:calc(100vh - 58px)}.scalpy-page .filter-panel{top:58px;height:calc(100vh - 58px)}.scalpy-page .filter-open-btn{top:68px}.scalpy-page .load-overlay{top:58px}

/* v179: header utility controls use clean outlined icons and hover-only labels. */
.scalpy-icon-button{width:61px;overflow:visible;opacity:1;transition:background .16s,color .16s}
.scalpy-icon-button:hover,.scalpy-icon-button:focus-visible{background:#ffffff08;outline:0}
.scalpy-icon-button:focus-visible{box-shadow:inset 0 0 0 1px #d9a500}
.scalpy-icon-button:after{content:attr(data-tooltip);position:absolute;z-index:120;top:calc(100% + 7px);left:50%;padding:6px 8px;color:#e8edf5;background:#101a27;border:1px solid #33445a;border-radius:4px;box-shadow:0 10px 24px #0008;font:800 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.45px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .14s,transform .14s}
.scalpy-icon-button:hover:after,.scalpy-icon-button:focus-visible:after{opacity:1;transform:translate(-50%,0)}
.scalpy-bell{width:20px;height:23px;border:2px solid #e3e8f0;border-radius:12px 12px 5px 5px;box-shadow:0 0 8px #dce6f022}
.scalpy-bell:before{width:5px;height:4px;bottom:-7px;left:6px;background:#e3e8f0}
.scalpy-notification-dot{width:8px;height:8px;top:13px;right:16px;background:#ffc20a;box-shadow:0 0 9px #ffc20acc}
.scalpy-headset{width:26px;height:20px;border:2px solid #e3e8f0;border-radius:6px;box-shadow:0 0 8px #dce6f022}
.scalpy-headset:before{width:4px;height:4px;top:7px;left:5px;border:0;border-radius:50%;background:#e3e8f0;box-shadow:8px 0 0 #e3e8f0,16px 0 0 #e3e8f0}
.scalpy-headset:after{width:7px;height:7px;top:auto;right:3px;bottom:-5px;border:0;border-right:2px solid #e3e8f0;border-bottom:2px solid #e3e8f0;border-radius:0;transform:skewY(-35deg);background:transparent}
.scalpy-user-icon{width:32px;height:32px;background:transparent;border:2px solid #e3e8f0;box-shadow:0 0 8px #dce6f022}
.scalpy-user-icon:before{width:9px;height:9px;left:10px;top:6px;background:transparent;border:2px solid #e3e8f0}
.scalpy-user-icon i{width:15px;height:8px;left:6px;bottom:5px;background:transparent;border:2px solid #e3e8f0;border-radius:10px 10px 5px 5px}
@media(max-width:1600px){.scalpy-brand{width:158px}.scalpy-brand-logo{width:147px}.scalpy-nav{padding-inline:5px}.scalpy-nav a{gap:5px;padding-inline:3px}.scalpy-nav a b{font-size:8px}.scalpy-nav-icon{width:19px;height:19px}.scalpy-language{min-width:100px}.scalpy-icon-button{width:48px}}
@media(max-width:1260px){.scalpy-brand{width:132px}.scalpy-brand-logo{width:121px}.scalpy-nav{padding-inline:3px}.scalpy-nav a{gap:4px;padding-inline:2px}.scalpy-nav a b{font-size:7px}.scalpy-nav-icon{width:17px;height:17px}.scalpy-language{min-width:98px}.scalpy-icon-button{width:46px}}
@media(max-width:1180px){.scalpy-nav{display:none}.scalpy-header{justify-content:space-between}.scalpy-brand{width:190px}.scalpy-brand-logo{width:178px}.scalpy-mobile-menu{display:block}.scalpy-language-control{margin-left:auto}}
@media(max-width:680px){.scalpy-header{padding:0 7px 0 11px}.scalpy-brand{width:156px;border:0}.scalpy-brand-logo{width:146px}.scalpy-language{min-width:92px;border-left:0}.scalpy-icon-button{display:none}.scalpy-popup{position:fixed;left:9px;right:9px;top:57px;width:auto}.scalpy-support-modal{padding:22px 17px}.scalpy-modal-actions{flex-direction:column-reverse}.scalpy-modal-actions button{width:100%}.scalpy-page .filter-panel{top:58px;height:calc(100dvh - 58px)}.scalpy-page .filter-open-btn{top:65px}}
@media(max-width:480px){.scalpy-brand{width:50px;padding-right:4px}.scalpy-brand-logo{width:44px;height:44px;max-height:44px}.scalpy-language{min-width:86px}}

/* v328: vertical icon/label navigation keeps 14 destinations inside the existing 58px header. */
.scalpy-nav a{flex-direction:column;gap:2px;padding:5px 3px 3px}
.scalpy-nav a>span{width:100%;justify-content:center}
.scalpy-nav a b{font-size:clamp(6.5px,.39vw,8px);line-height:1;text-align:center}
.scalpy-nav-icon{width:clamp(16px,.98vw,20px);height:clamp(16px,.98vw,20px)}
@media(max-width:1600px){.scalpy-nav a{gap:2px;padding-inline:2px}.scalpy-nav a b{font-size:7px}.scalpy-nav-icon{width:18px;height:18px}}
@media(max-width:1260px){.scalpy-nav a b{font-size:6.5px}.scalpy-nav-icon{width:16px;height:16px}}

/* v181: reference-style language control and a symmetrical account mark. */
@media(min-width:681px){
  .scalpy-language{min-width:153px;height:46px;margin:6px 10px 6px 0;padding:0 13px;justify-content:flex-start;gap:11px;color:#eef3fa;border:1px solid #ffc400;border-radius:6px;box-shadow:0 0 12px #ffc4001f}
  .scalpy-language:hover,.scalpy-language[aria-expanded="true"]{background:#141b25;box-shadow:0 0 16px #ffc4003b}
  .scalpy-language-globe{width:20px;height:20px;display:inline-block;position:relative;box-sizing:border-box;border:2px solid #ffc400;border-radius:50%}
  .scalpy-language-globe:before{content:"";position:absolute;inset:-2px 4px;border-left:1px solid #ffc400;border-right:1px solid #ffc400;border-radius:50%}
  .scalpy-language-globe:after{content:"";position:absolute;left:1px;right:1px;top:7px;border-top:1px solid #ffc400}
  .scalpy-language-code{font-size:14px;font-weight:800;letter-spacing:0}
  .scalpy-chevron{margin-left:auto;width:10px;height:10px;border-color:#c8d3e0;transform:rotate(225deg) translateY(-3px);transition:transform .16s}
  .scalpy-language[aria-expanded="true"] .scalpy-chevron{transform:rotate(45deg) translateY(2px)}
  .scalpy-language-popup{top:58px;right:10px;width:320px;padding:8px 12px 10px;border:1px solid #39495e;border-top:2px solid #2b3c50;border-radius:0 0 6px 6px;background:linear-gradient(145deg,#141e2b,#0d151f);box-shadow:0 18px 44px #000b}
  .scalpy-language-popup:before{content:"";position:absolute;top:-10px;right:44px;width:16px;height:16px;background:#141e2b;border-left:1px solid #39495e;border-top:1px solid #39495e;transform:rotate(45deg)}
  .scalpy-language-option{min-height:76px;padding:10px 12px;grid-template-columns:48px 1fr 20px;gap:12px;border-radius:5px}
  .scalpy-language-option:hover,.scalpy-language-option.selected{background:#1b2838;border-color:transparent}
  .scalpy-language-option+.scalpy-language-option{border-top:1px solid #243244;border-radius:0}
  .scalpy-language-visual{width:40px;height:40px;display:grid;place-items:center;background:#172333;border-radius:5px}
  .scalpy-language-visual .scalpy-flag{display:none}.scalpy-language-visual b{min-width:0;color:#ffc400;font-size:13px}
  .scalpy-language-option>span:nth-child(2){gap:4px}.scalpy-language-option strong{font-size:15px}.scalpy-language-option small{color:#8fa2ba;font-size:12px}
  .scalpy-language-option>i{color:#ffc400;font-size:23px;font-weight:900}
  .scalpy-user-icon{box-sizing:border-box}.scalpy-user-icon:before{box-sizing:border-box;width:11px;height:11px;left:50%;top:5px;transform:translateX(-50%)}
  .scalpy-user-icon i{display:block;box-sizing:border-box;width:18px;height:9px;left:50%;bottom:4px;transform:translateX(-50%)}
}

/* v182: compact, quiet header controls matching the final visual reference. */
@media(min-width:681px){
  .scalpy-language{min-width:143px;height:38px;margin:10px 8px 10px 0;padding:0 11px;gap:9px;border-radius:5px;box-shadow:0 0 9px #ffc40019}
  .scalpy-language-globe{width:18px;height:18px}.scalpy-language-globe:before{inset:-2px 3px}.scalpy-language-globe:after{top:6px}
  .scalpy-language-code{font-size:13px}.scalpy-chevron{width:8px;height:8px}
  .scalpy-icon-button{width:57px;height:58px;background:#080f19}.scalpy-icon-button:hover,.scalpy-icon-button:focus-visible{background:#0f1926}
  #notificationsButton,#notificationsButton:hover,#notificationsButton:focus-visible{color:#e7ecf3;background:#080f19}
  .scalpy-bell{width:20px;height:23px;border-color:#e7ecf3;box-shadow:none}.scalpy-bell:before{left:6px;background:#e7ecf3}
  .scalpy-notification-dot{width:7px;height:7px;top:14px;right:14px;color:transparent;background:#ffc400;border:0;box-shadow:0 0 8px #ffc400aa;font-size:0;line-height:0}
  .scalpy-headset{width:25px;height:20px;border-color:#e0e6ee;border-radius:5px}.scalpy-headset:before{top:7px;left:4px;background:#e0e6ee;box-shadow:8px 0 0 #e0e6ee,16px 0 0 #e0e6ee}.scalpy-headset:after{border-color:#e0e6ee}
  .scalpy-user-icon{width:31px;height:31px;border-color:#e0e6ee}.scalpy-user-icon:before{width:9px;height:9px;top:5px;border-color:#e0e6ee}
  .scalpy-user-icon i{width:17px;height:9px;bottom:4px;border-color:#e0e6ee;border-radius:10px 10px 7px 7px}
  .scalpy-language-popup{right:8px}
}

/* v183: smaller neutral utility marks. */
@media(min-width:681px){
  .scalpy-icon-button{width:53px}
  .scalpy-header #notificationsButton,.scalpy-header #notificationsButton:hover,.scalpy-header #notificationsButton:focus-visible{color:#eef2f7;background:#080f19}
  .scalpy-header #notificationsButton .scalpy-bell{width:18px;height:21px;border-color:#eef2f7!important;box-shadow:none}
  .scalpy-header #notificationsButton .scalpy-bell:before{left:5px;background:#eef2f7!important}
  .scalpy-header .scalpy-notification-dot{display:none!important}
  .scalpy-headset{width:23px;height:19px}.scalpy-headset:before{top:6px;left:4px;box-shadow:7px 0 0 #e0e6ee,14px 0 0 #e0e6ee}
  .scalpy-user-icon{width:29px;height:29px}.scalpy-user-icon:before{width:8px;height:8px;top:4px}.scalpy-user-icon i{width:16px;height:8px;bottom:3px}
}

/* v184: the utility group follows the same compact cadence as the main navigation. */
@media(min-width:681px){
  .scalpy-icon-button{width:49px}
  .scalpy-header #notificationsButton .scalpy-bell{width:16px;height:19px;border-width:1.75px}
  .scalpy-header #notificationsButton .scalpy-bell:before{width:4px;height:3px;left:5px;bottom:-6px}
  .scalpy-headset{width:21px;height:17px;border-width:1.75px}.scalpy-headset:before{width:3px;height:3px;top:5px;left:4px;box-shadow:6px 0 0 #e0e6ee,12px 0 0 #e0e6ee}.scalpy-headset:after{width:6px;height:6px;bottom:-5px;border-width:1.75px}
  .scalpy-user-icon{width:26px;height:26px;border-width:1.75px}.scalpy-user-icon:before{width:8px;height:8px;top:4px;border-width:1.75px}.scalpy-user-icon i{width:14px;height:7px;bottom:3px;border-width:1.75px}
  .scalpy-icon-button:after{font-size:8px;padding:5px 7px}
}

/* v185: smaller overall utility controls, with deliberately stronger outlines. */
@media(min-width:681px){
  .scalpy-icon-button{width:44px}
  .scalpy-header #notificationsButton .scalpy-bell{width:15px;height:17px;border-width:2.5px}
  .scalpy-header #notificationsButton .scalpy-bell:before{width:5px;height:3px;left:3px;bottom:-6px}
  .scalpy-headset{width:19px;height:15px;border-width:2.5px;border-radius:4px}.scalpy-headset:before{width:3px;height:3px;top:4px;left:3px;box-shadow:5px 0 0 #e0e6ee,10px 0 0 #e0e6ee}.scalpy-headset:after{width:6px;height:6px;bottom:-6px;border-width:2.5px}
  .scalpy-user-icon{width:24px;height:24px;border-width:2.5px}.scalpy-user-icon:before{width:8px;height:8px;top:3px;border-width:2px}.scalpy-user-icon i{width:13px;height:6px;bottom:2px;border-width:2.5px}
}

/* v186: final reference-matched Support and Account icons. */
@media(min-width:681px){
  #supportButton .scalpy-headset{width:27px;height:20px;box-sizing:border-box;border:2px solid #e2e7ee;border-radius:5px;background:transparent;box-shadow:none}
  #supportButton .scalpy-headset:before{width:3px;height:3px;top:6px;left:5px;border:0;border-radius:50%;background:#e2e7ee;box-shadow:7px 0 0 #e2e7ee,14px 0 0 #e2e7ee}
  #supportButton .scalpy-headset:after{width:7px;height:7px;left:3px;right:auto;bottom:-6px;border:0;border-left:2px solid #e2e7ee;border-bottom:2px solid #e2e7ee;border-radius:0;background:transparent;transform:skewY(-36deg)}
  #profileButton .scalpy-user-icon{width:32px;height:32px;box-sizing:border-box;border:2px solid #e2e7ee;border-radius:50%;background:transparent;box-shadow:none}
  #profileButton .scalpy-user-icon:before{width:10px;height:10px;box-sizing:border-box;left:50%;top:5px;border:2px solid #e2e7ee;border-radius:50%;background:transparent;transform:translateX(-50%)}
  #profileButton .scalpy-user-icon i{display:block;width:18px;height:9px;box-sizing:border-box;left:50%;bottom:4px;border:2px solid #e2e7ee;border-radius:10px 10px 6px 6px;background:transparent;transform:translateX(-50%)}
}

/* v180: reference-matched utility icons — quiet white outlines and an active gold alert. */
@media(min-width:681px){
  .scalpy-icon-button{width:67px;height:58px;border-right:1px solid #1d2938;background:#080f19}
  .scalpy-icon-button:hover,.scalpy-icon-button:focus-visible{background:#101a28}
  .scalpy-icon-button:after{top:calc(100% + 6px)}
  #notificationsButton{color:#ffc400;background:radial-gradient(circle at 50% 50%,#6c500017 0 27%,transparent 58%),#080f19}
  #notificationsButton:hover,#notificationsButton:focus-visible{background:radial-gradient(circle at 50% 50%,#ffbf001e 0 27%,transparent 60%),#101a28}
  .scalpy-bell{width:22px;height:25px;border-color:currentColor;border-radius:12px 12px 5px 5px;box-shadow:0 0 17px #ffc40072}
  .scalpy-bell:before{width:5px;height:4px;left:7px;background:currentColor}
  .scalpy-notification-dot{width:19px;height:19px;display:grid;place-items:center;top:11px;right:13px;color:#10131a;background:#ffc400;border:0;box-shadow:0 0 12px #ffc400aa;font:900 11px/19px Arial,Helvetica,sans-serif}
  .scalpy-headset{width:28px;height:23px;border-color:#dfe4ec;border-radius:5px;box-shadow:none}
  .scalpy-headset:before{top:8px;left:5px;background:#dfe4ec;box-shadow:8px 0 0 #dfe4ec,16px 0 0 #dfe4ec}
  .scalpy-headset:after{right:3px;bottom:-6px;border-color:#dfe4ec}
  .scalpy-user-icon{width:33px;height:33px;border-color:#dfe4ec;box-shadow:none}
  .scalpy-user-icon:before,.scalpy-user-icon i{border-color:#dfe4ec}
}

/* v344: give desktop navigation icons and labels their own vertical rhythm. */
@media (min-width:1181px){
  .scalpy-nav a{gap:6px;padding:2px 3px 1px}
  .scalpy-nav a>span{transform:translateY(2px)}
  .scalpy-nav a b{font-family:Arial,Helvetica,sans-serif;font-size:clamp(8px,.5vw,9.5px);font-weight:600;letter-spacing:.045em;line-height:1.05}
  .scalpy-nav-icon{width:clamp(18px,1.08vw,22px);height:clamp(18px,1.08vw,22px)}
  .scalpy-nav a:hover .scalpy-nav-icon,.scalpy-nav a.active .scalpy-nav-icon{transform:translateY(-2px)}
}
@media (min-width:1181px) and (max-width:1600px){
  .scalpy-nav a{gap:5px;padding-inline:2px}
  .scalpy-nav a b{font-size:8px}
  .scalpy-nav-icon{width:19px;height:19px}
}

/* v345: desktop navigation rests as a compact central reveal control. */
@media (min-width:1181px){
  .scalpy-nav{max-width:calc(100vw - 390px);opacity:1;transform:translateY(0);transition:max-width .34s ease,opacity .2s ease,transform .28s ease,padding .34s ease}
  .scalpy-nav-reveal{display:none;position:absolute;z-index:2;left:50%;top:10px;width:46px;height:36px;align-items:center;justify-content:center;border:1px solid #3a526f;border-radius:8px;background:#0d1c2e;color:#f1bd31;box-shadow:0 5px 16px #02071199;cursor:pointer;opacity:0;transform:translate(-50%,-8px);transition:opacity .2s ease,transform .28s ease,border-color .16s ease}
  .scalpy-nav-reveal i,.scalpy-nav-reveal i:before,.scalpy-nav-reveal i:after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;content:""}
  .scalpy-nav-reveal i{position:relative}.scalpy-nav-reveal i:before{position:absolute;top:-6px}.scalpy-nav-reveal i:after{position:absolute;top:6px}
  .scalpy-nav-reveal:hover,.scalpy-nav-reveal:focus-visible{border-color:#f0b722;outline:0}
  .scalpy-header.is-nav-hidden .scalpy-nav{max-width:0;flex-basis:0;flex-grow:0;padding-inline:0;opacity:0;pointer-events:none;transform:translateY(-8px)}
  .scalpy-header.is-nav-hidden .scalpy-nav-reveal{display:flex;opacity:1;transform:translate(-50%,0)}
}

/* v346: after its fade, the hidden desktop navigation leaves the header flow. */
@media (min-width:1181px){
  .scalpy-header.is-nav-hidden .scalpy-actions{margin-left:auto}
  .scalpy-header.is-nav-gone .scalpy-nav{display:none}
}

/* v373: three-second desktop hide delay with a deliberately smooth collapse. */
@media (min-width:1181px){
  .scalpy-header{overflow:visible;transition:height .42s cubic-bezier(.22,.61,.36,1),padding .42s cubic-bezier(.22,.61,.36,1),border-color .28s ease,box-shadow .28s ease}
  .scalpy-header> :not(.scalpy-nav-reveal){transition:opacity .32s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
  .scalpy-header.is-panel-hidden{height:0;min-height:0;padding-top:0;padding-bottom:0;border-top-color:transparent;border-bottom-color:transparent;box-shadow:none;pointer-events:none}
  .scalpy-header.is-panel-hidden> :not(.scalpy-nav-reveal){opacity:0;pointer-events:none;transform:translateY(-10px)}
  .scalpy-header.is-panel-hidden .scalpy-nav-reveal{display:flex;position:fixed;top:10px;left:50%;pointer-events:auto;opacity:1;transform:translate(-50%,0)}
}

/* Compact desktop action toolbar. Loaded after scalpy-shell.css on purpose. */
@media (min-width:681px){
  .scalpy-actions{align-items:center;padding:0 8px}
  .scalpy-action-dock{height:46px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:4px 6px;background:linear-gradient(180deg,#0d1521,#0a111b);border:1px solid #263449;border-radius:8px;box-shadow:0 8px 22px #0005,inset 0 1px 0 #ffffff08}
  .scalpy-action-dock .scalpy-control{height:36px;align-items:center}
  .scalpy-action-dock .scalpy-language{min-width:94px;width:94px;height:36px;margin:0;padding:0 9px;box-sizing:border-box;justify-content:space-between;gap:7px;color:#eef3fa;background:#101a27;border:1px solid #2b394c;border-radius:6px;box-shadow:none;transition:background .16s,border-color .16s,box-shadow .16s}
  .scalpy-action-dock .scalpy-language:hover,.scalpy-action-dock .scalpy-language:focus-visible,.scalpy-action-dock .scalpy-language[aria-expanded="true"]{background:#151f2d;border-color:#d7a900;box-shadow:0 0 0 1px #ffc40018;outline:0}
  .scalpy-action-dock .scalpy-language-globe{width:18px;height:18px;flex:0 0 18px}
  .scalpy-action-dock .scalpy-language-code{font-size:12px;font-weight:800;letter-spacing:.7px}
  .scalpy-action-dock .scalpy-chevron{width:7px;height:7px;flex:0 0 7px;border-width:0 2px 2px 0}
  .scalpy-action-dock .scalpy-icon-button{width:36px;height:36px;box-sizing:border-box;display:grid;place-items:center;padding:0;color:#dfe5ee;background:transparent!important;border:1px solid transparent;border-radius:6px;opacity:1;transition:color .16s,background .16s,border-color .16s}
  .scalpy-action-dock .scalpy-icon-button:hover,.scalpy-action-dock .scalpy-icon-button:focus-visible,.scalpy-action-dock .scalpy-icon-button[aria-expanded="true"]{color:#ffc400;background:#141e2b!important;border-color:#33445a;box-shadow:none;outline:0}
  .scalpy-action-dock .scalpy-popup{top:43px}
  .scalpy-action-dock .scalpy-language-popup{right:0}
  .scalpy-action-divider{width:1px;height:22px;flex:0 0 1px;margin:0 2px;background:#2b394c}
  .scalpy-header #notificationsButton .scalpy-bell{width:15px;height:17px;box-sizing:content-box;border-width:2px;border-color:currentColor!important;box-shadow:none}
  .scalpy-header #notificationsButton .scalpy-bell:before{width:4px;height:3px;left:4px;bottom:-6px;background:currentColor!important}
  .scalpy-action-dock .scalpy-notification-dot{top:7px;right:7px}
  .scalpy-header #supportButton .scalpy-headset{width:21px;height:17px;box-sizing:border-box;border-width:2px;border-color:currentColor;border-radius:5px;box-shadow:none}
  .scalpy-header #supportButton .scalpy-headset:before{width:3px;height:3px;top:5px;left:3px;background:currentColor;box-shadow:6px 0 0 currentColor,12px 0 0 currentColor}
  .scalpy-header #supportButton .scalpy-headset:after{width:6px;height:6px;left:3px;right:auto;bottom:-5px;border-width:0 0 2px 2px;border-color:currentColor}
  .scalpy-header #profileButton .scalpy-user-icon{width:25px;height:25px;box-sizing:border-box;border-width:2px;border-color:currentColor;background:transparent;box-shadow:none}
  .scalpy-header #profileButton .scalpy-user-icon:before{width:8px;height:8px;top:3px;border-width:1.75px;border-color:currentColor}
  .scalpy-header #profileButton .scalpy-user-icon i{width:14px;height:7px;bottom:2px;border-width:1.75px;border-color:currentColor}
}

@media (max-width:680px){
  .scalpy-action-dock{display:contents}
  .scalpy-action-divider{display:none}
}
/* v201: compact language menu for the desktop action dock. */
@media (min-width:681px){
  .scalpy-action-dock .scalpy-language-popup{width:244px;padding:6px 7px 7px}
  .scalpy-action-dock .scalpy-language-popup:before{top:-8px;right:38px;width:12px;height:12px}
  .scalpy-action-dock .scalpy-language-option{min-height:50px;padding:7px 8px;grid-template-columns:34px 1fr 16px;gap:8px;border-radius:4px}
  .scalpy-action-dock .scalpy-language-visual{width:32px;height:30px;border-radius:4px}
  .scalpy-action-dock .scalpy-language-visual b{font-size:11px}
  .scalpy-action-dock .scalpy-language-option>span:nth-child(2){gap:2px}
  .scalpy-action-dock .scalpy-language-option strong{font-size:12px}
  .scalpy-action-dock .scalpy-language-option small{font-size:9px}
  .scalpy-action-dock .scalpy-language-option>i{font-size:18px}
}

/* v373: make fixed and sticky side panels follow the collapsing desktop header. */
@media (min-width:1181px){
  .scalpy-header~#topRankedWorkspace .filter-panel,
  .scalpy-header~#volumesWorkspace .volume-filter-panel,
  .scalpy-header~#screenerWorkspace .screener-filters,
  .scalpy-header~#patternsWorkspace .patterns-filters,
  .scalpy-header~#arbitrageWorkspace .arbitrage-filters,
  .scalpy-header~#algorithmsWorkspace .algorithms-live-filters,
  .scalpy-header~#liquidityWorkspace .liquidity-detail{
    transition:top .42s cubic-bezier(.22,.61,.36,1),height .42s cubic-bezier(.22,.61,.36,1);
  }

  .scalpy-header.is-panel-hidden~#topRankedWorkspace .filter-panel,
  .scalpy-header.is-panel-hidden~#volumesWorkspace .volume-filter-panel,
  .scalpy-header.is-panel-hidden~#screenerWorkspace .screener-filters,
  .scalpy-header.is-panel-hidden~#patternsWorkspace .patterns-filters,
  .scalpy-header.is-panel-hidden~#arbitrageWorkspace .arbitrage-filters,
  .scalpy-header.is-panel-hidden~#algorithmsWorkspace .algorithms-live-filters,
  .scalpy-header.is-panel-hidden~#liquidityWorkspace .liquidity-detail{
    top:0;
    height:100vh;
  }

  .scalpy-header~#topRankedWorkspace .filter-open-btn,
  .scalpy-header~#volumesWorkspace .volume-filter-open,
  .scalpy-header~#screenerWorkspace .screener-filter-open,
  .scalpy-header~#patternsWorkspace .patterns-filter-open,
  .scalpy-header~#arbitrageWorkspace .arbitrage-filter-open,
  .scalpy-header~#algorithmsWorkspace .algorithms-filter-open,
  .scalpy-header~#liquidityWorkspace .liquidity-filter-open{
    transition:top .42s cubic-bezier(.22,.61,.36,1);
  }

  .scalpy-header.is-panel-hidden~#topRankedWorkspace .filter-open-btn,
  .scalpy-header.is-panel-hidden~#volumesWorkspace .volume-filter-open,
  .scalpy-header.is-panel-hidden~#screenerWorkspace .screener-filter-open,
  .scalpy-header.is-panel-hidden~#patternsWorkspace .patterns-filter-open,
  .scalpy-header.is-panel-hidden~#arbitrageWorkspace .arbitrage-filter-open,
  .scalpy-header.is-panel-hidden~#algorithmsWorkspace .algorithms-filter-open,
  .scalpy-header.is-panel-hidden~#liquidityWorkspace .liquidity-filter-open{
    top:10px;
  }

  /* v397: the desktop Filters geometry uses !important in v352, so keep
     Top Ranked in the same priority layer when the header collapses. */
  .scalpy-header~#topRankedWorkspace .filter-panel{
    transition:transform .25s ease,top .42s cubic-bezier(.22,.61,.36,1),height .42s cubic-bezier(.22,.61,.36,1)!important;
  }
  .scalpy-header.is-panel-hidden~#topRankedWorkspace .filter-panel{
    top:0!important;
    height:100vh!important;
  }
  .scalpy-header.is-panel-hidden~#topRankedWorkspace .app-shell{min-height:100vh!important}
  .scalpy-header.is-panel-hidden~#topRankedWorkspace .filter-open-btn{top:10px!important}
}

/* The same collapsing header and reveal button at every viewport width. */
.scalpy-header{overflow:visible;transition:height .42s cubic-bezier(.22,.61,.36,1),padding .42s cubic-bezier(.22,.61,.36,1),border-color .28s ease,box-shadow .28s ease}
.scalpy-header> :not(.scalpy-nav-reveal){transition:opacity .32s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
.scalpy-nav-reveal{display:none;position:fixed;z-index:2;left:50%;top:10px;width:46px;height:36px;align-items:center;justify-content:center;border:1px solid #3a526f;border-radius:8px;background:#0d1c2e;color:#f1bd31;box-shadow:0 5px 16px #02071199;cursor:pointer;transform:translate(-50%,0);touch-action:manipulation}
.scalpy-nav-reveal i,.scalpy-nav-reveal i:before,.scalpy-nav-reveal i:after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;content:""}
.scalpy-nav-reveal i{position:relative}.scalpy-nav-reveal i:before{position:absolute;top:-6px}.scalpy-nav-reveal i:after{position:absolute;top:6px}
.scalpy-nav-reveal:hover,.scalpy-nav-reveal:focus-visible{border-color:#f0b722;outline:0}
.scalpy-header.is-panel-hidden{height:0;min-height:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0;box-shadow:none;pointer-events:none}
.scalpy-header.is-panel-hidden> :not(.scalpy-nav-reveal){opacity:0;pointer-events:none;transform:translateY(-10px)}
.scalpy-header.is-panel-hidden .scalpy-nav-reveal{display:flex;pointer-events:auto;opacity:1;transform:translate(-50%,0)}
@media(pointer:coarse){.scalpy-nav-reveal{height:44px}}
@media(prefers-reduced-motion:reduce){.scalpy-header,.scalpy-header> :not(.scalpy-nav-reveal){transition:none}}

.scalpy-ga-consent{position:fixed;z-index:11000;right:18px;bottom:18px;width:min(430px,calc(100vw - 36px));padding:16px;border:1px solid #2e527c;border-radius:12px;background:linear-gradient(145deg,#0d1d31,#07111e);box-shadow:0 18px 48px rgba(0,0,0,.48);color:#dbeaff;font-family:Arial,Helvetica,sans-serif}.scalpy-ga-consent[hidden],.scalpy-ga-settings[hidden]{display:none}.scalpy-ga-consent-copy b{display:block;color:#f5b91c;font:800 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em}.scalpy-ga-consent-copy p{margin:8px 0 14px;color:#aac0dc;font:600 13px/1.45 Arial,Helvetica,sans-serif}.scalpy-ga-consent-actions{display:flex;justify-content:flex-end;gap:8px}.scalpy-ga-consent button,.scalpy-ga-settings{min-height:36px;padding:0 12px;border:1px solid #315273;border-radius:7px;background:#0b1726;color:#d5e8ff;font:800 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.06em;cursor:pointer}.scalpy-ga-consent button[data-ga-choice="granted"]{border-color:#d59a13;background:#2d2108;color:#ffd45e}.scalpy-ga-consent button:hover,.scalpy-ga-settings:hover{border-color:#75aee9;color:#fff}.scalpy-ga-consent button:focus-visible,.scalpy-ga-settings:focus-visible{outline:2px solid #ffd45e;outline-offset:2px}.scalpy-ga-settings{position:fixed;z-index:10999;left:16px;bottom:16px;border-color:#294767;background:rgba(7,17,30,.94);color:#9db8d8}@media(max-width:560px){.scalpy-ga-consent{right:10px;bottom:10px;width:calc(100vw - 20px);padding:14px}.scalpy-ga-consent-actions{justify-content:stretch}.scalpy-ga-consent-actions button{flex:1;padding-inline:7px;font-size:9px}.scalpy-ga-settings{left:10px;bottom:10px}}
