.live-market{width:min(calc(100% - 40px),1280px);padding-top:120px}.market-intro{max-width:540px}.market-intro>p{color:var(--muted);line-height:1.75;margin:0 0 20px}.market-connection{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);padding:9px 12px;color:var(--cyan);font:800 11px var(--display);letter-spacing:.12em}.market-connection i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px var(--orange);animation:pulse 1.1s infinite}.market-connection.online{color:var(--green);border-color:rgba(38,240,64,.42)}.market-connection.online i{background:var(--green);box-shadow:0 0 16px var(--green)}.market-connection.offline{color:var(--orange);border-color:rgba(255,139,25,.5)}.market-connection.offline i{background:var(--orange)}
.market-terminal{border:1px solid rgba(74,145,255,.45);background:linear-gradient(135deg,rgba(4,20,61,.98),rgba(2,8,23,.98));box-shadow:16px 16px 0 rgba(5,71,191,.22),0 30px 100px rgba(0,0,0,.38);overflow:hidden}.market-terminal-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;min-height:43px;padding:0 18px;border-bottom:1px solid var(--line);background:#020817;color:var(--muted);font:800 10px var(--display);letter-spacing:.14em}.market-terminal-bar span:nth-child(2){color:var(--cyan);text-align:center}.market-terminal-bar span:last-child{text-align:right}.market-price-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:35px;padding:30px;border-bottom:1px solid var(--line)}.market-price-row>div{display:grid;gap:7px}.market-price-row span,.market-stats span{color:var(--muted);font:800 10px var(--display);letter-spacing:.13em}.market-price-row strong{font:900 clamp(38px,5vw,72px)/.9 var(--display);letter-spacing:-.035em}.market-price-row>div:nth-child(2) strong{color:var(--green)}.market-price-row>div:nth-child(2) strong.negative{color:#ff5c6c}.market-price-row>a{border:1px solid var(--green);color:var(--green);padding:14px 18px;text-decoration:none;font:900 12px var(--display);letter-spacing:.09em}.market-price-row>a:hover{background:var(--green);color:#00100b}
.market-stats{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.market-stats article{min-width:0;padding:20px;border-right:1px solid var(--line);display:grid;gap:10px}.market-stats article:last-child{border:0}.market-stats strong{font:800 clamp(17px,1.7vw,25px) var(--display);overflow-wrap:anywhere}.market-stats article:first-child strong,.market-stats article:nth-child(2) strong{color:var(--lime)}
.market-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;border-bottom:1px solid var(--line)}.chart-terminal{min-width:0;border-right:1px solid var(--line)}.chart-toolbar{min-height:55px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:9px 14px 9px 18px;border-bottom:1px solid var(--line);font:800 10px var(--display);letter-spacing:.12em}.chart-toolbar>div:first-child{display:flex;align-items:center;gap:8px}.intervals{display:flex;gap:4px;flex-wrap:wrap}.intervals button{min-width:42px;padding:8px 9px;border:1px solid var(--line);background:rgba(4,20,61,.8);color:var(--muted);font:800 10px var(--display);cursor:pointer}.intervals button:hover,.intervals button.active{background:var(--green);border-color:var(--green);color:#00100b}.intervals button:disabled{opacity:.55;cursor:wait}.market-chart{height:430px;position:relative;background-color:#020817;background-image:linear-gradient(rgba(19,184,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(19,184,255,.055) 1px,transparent 1px);background-size:54px 54px;overflow:hidden}.market-chart svg{display:block;width:100%;height:100%}.chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;z-index:3;background:rgba(2,8,23,.75);font:800 11px var(--display);letter-spacing:.12em;color:var(--cyan)}.chart-loading[hidden]{display:none}.chart-loading i{width:16px;height:16px;border:2px solid rgba(19,184,255,.25);border-top-color:var(--cyan);border-radius:50%;animation:chartSpin .8s linear infinite}@keyframes chartSpin{to{transform:rotate(1turn)}}.chart-footer{display:flex;justify-content:space-between;gap:12px;padding:11px 18px;border-top:1px solid var(--line);color:var(--muted);font:800 9px var(--display);letter-spacing:.1em}.chart-tooltip{position:absolute;z-index:4;pointer-events:none;min-width:170px;padding:10px 12px;white-space:pre-line;border:1px solid var(--cyan);background:rgba(2,8,23,.96);color:var(--white);font:700 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:7px 7px 0 rgba(5,95,255,.25)}
.full-meter{padding:22px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(7,95,255,.12),rgba(2,8,23,.4))}.meter-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:800 9px var(--display);letter-spacing:.1em}.meter-head b{color:var(--orange)}.meter-head b.high,.meter-head b.active{color:var(--green)}.full-meter h3{margin:48px 0 5px;font:900 35px var(--display);font-style:italic}.meter-score{display:flex;align-items:end;gap:5px}.meter-score strong{font:900 88px/.8 var(--display);color:var(--lime);letter-spacing:-.06em}.meter-score span{color:var(--muted);font:800 11px var(--display);margin-bottom:8px}.meter-track{height:14px;margin:24px 0 17px;background:#0d265b;border:1px solid var(--line);overflow:hidden}.meter-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));box-shadow:0 0 15px var(--green);transition:width .55s ease}.meter-split{display:grid;grid-template-columns:1fr 1fr;gap:9px}.meter-split span{padding:10px;border:1px solid var(--line);font:800 9px var(--display);color:var(--muted)}.meter-split b{display:block;color:var(--white);font-size:22px;margin-top:5px}.full-meter>p{margin:26px 0 12px;color:var(--muted);font-size:12px;line-height:1.65}.full-meter>small{margin-top:auto;color:#8294ba;font-size:9px;line-height:1.55}
.trade-terminal{background:rgba(2,8,23,.58)}.trade-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;border-bottom:1px solid var(--line);font:800 9px var(--display);letter-spacing:.11em;color:var(--muted)}.trade-head>div{display:flex;gap:14px;align-items:center}.trade-head b{padding:5px 7px;background:rgba(38,240,64,.13);color:var(--green);border:1px solid rgba(38,240,64,.32)}.trade-row{display:grid;grid-template-columns:80px 1.25fr .8fr .8fr 1.2fr 80px 55px;align-items:center;gap:12px;min-width:780px;padding:12px 18px;border-bottom:1px solid rgba(126,177,255,.12);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.trade-labels{color:var(--muted);font:800 9px var(--display);letter-spacing:.09em;background:rgba(7,95,255,.07)}#marketTrades .trade-row:hover{background:rgba(19,184,255,.06)}.trade-table{overflow-x:auto}.trade-side{width:max-content;padding:5px 8px;border:1px solid currentColor;font:900 9px var(--display);letter-spacing:.08em}.trade-side.buy{color:var(--green);background:rgba(38,240,64,.1)}.trade-side.sell{color:#ff5c6c;background:rgba(255,92,108,.1)}.trade-wallet{color:var(--cyan)}.trade-row a{color:var(--lime);text-decoration:none}.trade-row a:hover{text-decoration:underline}.fresh{display:block;color:var(--orange);font:800 8px var(--display);margin-top:3px}.trade-empty{padding:28px 18px;color:var(--muted);font:800 10px var(--display);letter-spacing:.09em}
.market-error{margin:18px;padding:20px;border:1px solid rgba(255,139,25,.6);background:rgba(255,139,25,.08);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.market-error[hidden]{display:none}.market-error strong{color:var(--orange);font:900 18px var(--display)}.market-error span{grid-column:1/-1;color:var(--muted);font-size:12px}.market-error button,.market-error a{border:1px solid var(--orange);background:transparent;color:var(--orange);padding:10px 12px;text-decoration:none;font:900 10px var(--display);cursor:pointer}.market-error button:hover,.market-error a:hover{background:var(--orange);color:var(--ink)}
@media(max-width:1050px){.market-stats{grid-template-columns:repeat(3,1fr)}.market-stats article:nth-child(3){border-right:0}.market-stats article:nth-child(-n+3){border-bottom:1px solid var(--line)}.market-workspace{grid-template-columns:1fr}.chart-terminal{border-right:0;border-bottom:1px solid var(--line)}.full-meter{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.full-meter h3{margin-top:25px}.meter-score,.meter-track,.meter-split{grid-column:1}.full-meter>p,.full-meter>small{grid-column:2}.full-meter>p{grid-row:2;margin:25px 0 12px}.full-meter>small{grid-row:3/6;margin:0}.market-price-row{grid-template-columns:1fr 1fr}.market-price-row>a{grid-column:1/-1;width:max-content}}
@media(max-width:720px){.live-market{width:calc(100% - 30px);padding-top:90px}.market-intro{max-width:none}.market-terminal{box-shadow:8px 8px 0 rgba(5,71,191,.2)}.market-terminal-bar{grid-template-columns:1fr auto;padding:9px 12px}.market-terminal-bar span:nth-child(2){display:none}.market-price-row{grid-template-columns:1fr;gap:21px;padding:22px 16px}.market-price-row strong{font-size:44px}.market-price-row>a{grid-column:auto;width:100%;text-align:center}.market-stats{grid-template-columns:1fr 1fr}.market-stats article{padding:16px}.market-stats article:nth-child(2n){border-right:0}.market-stats article:nth-child(-n+4){border-bottom:1px solid var(--line)}.market-stats article:nth-child(3){border-right:1px solid var(--line)}.chart-toolbar{display:grid;padding:13px 12px}.intervals{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.intervals button{min-width:0;padding:9px 2px}.market-chart{height:350px}.chart-footer span:nth-child(2){display:none}.full-meter{display:block;padding:18px}.full-meter h3{margin-top:30px}.meter-score strong{font-size:76px}.full-meter>p{margin:24px 0 10px}.trade-head>span{display:none}.trade-table{overflow:visible}.trade-labels{display:none}#marketTrades{display:grid;gap:8px;padding:10px}#marketTrades .trade-row{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:14px;border:1px solid rgba(126,177,255,.2);background:rgba(7,95,255,.045)}#marketTrades .trade-row>span,#marketTrades .trade-row>a{min-width:0}#marketTrades .trade-row>span:nth-child(2)::before,#marketTrades .trade-row>span:nth-child(3)::before,#marketTrades .trade-row>span:nth-child(4)::before,#marketTrades .trade-row>span:nth-child(5)::before,#marketTrades .trade-row>span:nth-child(6)::before{display:block;margin-bottom:5px;color:var(--muted);font:800 8px var(--display);letter-spacing:.09em}#marketTrades .trade-row>span:nth-child(2)::before{content:'STONKS'}#marketTrades .trade-row>span:nth-child(3)::before{content:'ETH'}#marketTrades .trade-row>span:nth-child(4)::before{content:'USD'}#marketTrades .trade-row>span:nth-child(5)::before{content:'WALLET'}#marketTrades .trade-row>span:nth-child(6)::before{content:'TIME'}#marketTrades .trade-row>span:nth-child(5){grid-column:1/-1}#marketTrades .trade-row>a{align-self:end;text-align:center;padding:9px;border:1px solid var(--lime)}.market-error{grid-template-columns:1fr}.market-error button,.market-error a{text-align:center}.chart-tooltip{max-width:170px}.site-nav{max-height:calc(100vh - 92px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.meter-track i{transition:none}.chart-loading i{animation:none}}
