@keyframes glitch-main{0%,to{transform:none;filter:none}15%{transform:translate(-2px,0);filter:drop-shadow(2px 0 rgba(0,255,156,.55)) drop-shadow(-2px 0 rgba(98,255,184,.55))}25%{transform:translate(2px,-1px);clip-path:inset(0 0 72%0)}35%{transform:translate(-1px,1px);clip-path:inset(42%0 30%0)}45%{transform:translate(1px,0);clip-path:inset(0);filter:drop-shadow(-2px 0 rgba(0,255,156,.55)) drop-shadow(2px 0 rgba(98,255,184,.55))}55%{transform:translate(0,1px) skewX(-.5deg)}65%{filter:contrast(1.12) saturate(1.15)}75%{transform:translate(1px,0);clip-path:inset(28%0 55%0)}85%{clip-path:inset(0);transform:translate(-1px,0)}}@keyframes glitch-noise-main{0%,to{opacity:0}35%,65%{opacity:.13}50%{opacity:.2}}@keyframes glitch-tear-main{0%,to{opacity:0}30%{opacity:.6;transform:translateX(0)}55%{opacity:.35;transform:translateX(-3px)}75%{opacity:.45;transform:translateX(2px)}}@keyframes flash-up{0%{background:rgba(0,255,156,.32);box-shadow:inset 0 0 12px rgba(0,255,156,.45);color:var(--green-bright)!important}to{background:0 0;box-shadow:none}}@keyframes flash-down{0%{background:rgba(255,59,59,.3);box-shadow:inset 0 0 12px rgba(255,59,59,.45);color:#ff7e7e!important}to{background:0 0;box-shadow:none}}@keyframes tick{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes caret{50%{opacity:0}}@keyframes moon-fly{0%{transform:translateX(-50%) translateY(0) rotate(-45deg);opacity:0}8%,92%{opacity:1}to{transform:translateX(-50%) translateY(-120vh) rotate(-45deg);opacity:0}}:root{--bg:#050505;--bg-2:#0a0d0a;--green:#00ff9c;--green-bright:#62ffb8;--green-dim:#006d44;--green-deep:#003020;--amber:#ffb000;--red:#ff3b3b;--blue:#5fb3ff;--text:#d2dcce;--muted:#6a786a;--dim:#2a3a2a;--line:#1a2a1a}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{font-family:"JetBrains Mono",ui-monospace,monospace;background:var(--bg);color:var(--text);font-weight:400;font-size:20px;-webkit-font-smoothing:antialiased;position:relative}::selection{background:var(--green);color:var(--bg)}a{color:inherit;text-decoration:none}.crt,.cursor-coords{position:fixed;pointer-events:none}.crt{inset:0;z-index:100;background:repeating-linear-gradient(to bottom,rgba(0,255,156,.018)0,rgba(0,255,156,.018) 1px,transparent 1px,transparent 3px)}.crt::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%)}.cursor-coords{z-index:81;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--green);letter-spacing:.15em;background:rgba(0,0,0,.75);padding:4px 9px;border:1px solid var(--green-dim);transform:translate(14px,14px);opacity:0;transition:opacity .25s ease;white-space:nowrap}body.has-cursor .cursor-coords{opacity:.75}.glitch-noise,.glitch-tear,.glow{position:fixed;inset:0;pointer-events:none}.glow{z-index:0;background:radial-gradient(ellipse 130% 130%at 50% 50%,transparent 40%,rgba(0,0,0,.45) 80%,rgba(0,0,0,.7) 100%)}.glitch-noise,.glitch-tear{opacity:0}.glitch-noise{z-index:110;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.2' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 1 0 0 0.6  0 0 0 0 0.4  0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:300px 300px}.glitch-tear{z-index:111}.glitch-tear::after,.glitch-tear::before{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),var(--green-bright),transparent);box-shadow:0 0 8px var(--green)}.glitch-tear::before{top:32%}.glitch-tear::after{top:68%}body.glitch-on .frame{animation:glitch-main .45s steps(10) both}body.glitch-on .glitch-noise{animation:glitch-noise-main .45s steps(7) both}body.glitch-on .glitch-tear{animation:glitch-tear-main .45s steps(8) both}.flash-up{animation:flash-up 850ms ease-out}.flash-down{animation:flash-down 850ms ease-out}.frame{position:relative;z-index:5;height:100vh;padding:14px 18px;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.top-bar,.top-bar .ticker{overflow:hidden;display:flex}.top-bar{position:relative;justify-content:center;padding:14px 22px;background:rgba(0,0,0,.6);min-height:56px}.top-bar .ticker{position:absolute;inset:0;align-items:center;padding:0 22px;opacity:.45;z-index:1;pointer-events:none}.top-bar,.top-bar .brand{border:1px solid var(--line);align-items:center}.top-bar .brand{padding:4px 14px;border-radius:3px;display:inline-flex}.top-bar .brand img{height:32px;width:auto;display:block}.top-bar .brand,.top-bar .ws-status{position:relative;z-index:3;background:#000}.brand{color:var(--green);letter-spacing:.18em;font-weight:700;font-size:20px}.brand .b{color:var(--green-dim)}.ticker{overflow:hidden;white-space:nowrap;font-size:19px;color:var(--muted)}.ticker-track{display:inline-block;padding-left:100%;animation:tick 600s linear infinite}.ticker .sym{color:var(--text);margin:0 6px 0 22px;font-weight:500}.ticker .down,.ticker .up{color:var(--green);margin-left:6px}.ticker .down{color:var(--red)}.ticker .news-src{font-weight:700;margin:0 8px 0 22px;letter-spacing:.06em}.clock,.ticker .news-src.cointelegraph,.ws-status{color:var(--green)}.ticker .news-src.binance{color:var(--amber)}.ticker .news-src.bybit{color:var(--blue)}.ticker .news-src.decrypt{color:#ff5e8a}.ticker .news-src.theblock{color:#ff8c00}.ticker .news-src.coindesk{color:#b8b8b8}.ticker .news-src.beincrypto{color:#fdd000}.ticker .news-src.cryptopanic{color:var(--green-bright)}.ticker .news-title{color:var(--text)}.ticker .sep{color:var(--green-dim);margin:0 10px}.clock,.ws-status{font-weight:600}.ws-status{display:inline-flex;align-items:center;gap:9px;font-size:14px;letter-spacing:.18em;padding:7px 16px;border:1px solid var(--green-dim);background:rgba(0,255,156,.05)}.ws-status.warn{color:var(--amber);border-color:rgba(255,176,0,.35);background:rgba(255,176,0,.05)}.ws-status.err{color:var(--red);border-color:rgba(255,59,59,.35);background:rgba(255,59,59,.05)}.ws-status .d{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:blink 1.6s ease-in-out infinite}.clock{letter-spacing:.05em;font-size:19px}.clock .dim{color:var(--green-dim)}.main{display:grid;grid-template-columns:1.05fr 1.85fr 1.05fr;grid-template-rows:1.65fr 0.95fr;gap:12px;min-height:0}.panel{position:relative;border:1px solid var(--line);background:rgba(5,12,5,.55);padding:14px 18px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-title{display:flex;align-items:center;gap:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);flex-shrink:0;font-size:20px}.panel-title .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 1.6s ease-in-out infinite}.panel-title .right{margin-left:auto;color:var(--muted);font-size:13px;letter-spacing:.18em;font-weight:500}.panel-chart,.panel-system{grid-column:1;grid-row:1}.panel-chart{grid-row:2}.panel-chart .chart-wrap{flex:1;position:relative;min-height:0}.panel-chart canvas{position:absolute;inset:0;width:100%;height:100%}.panel-chart .chart-price{font-family:"JetBrains Mono",monospace;font-size:calc(22px*var(--fit, 1));font-variant-numeric:tabular-nums}.panel-chart .chart-price,.panel-chart .panel-title .right{color:var(--green-bright);font-weight:700}.trade-controls{flex-shrink:0;margin-top:8px;padding-top:10px;border-top:1px solid var(--line);display:flex;min-height:44px}.position-info,.trade-btn{flex:1;text-transform:uppercase}.trade-btn{background:rgba(0,0,0,.5);border:1px solid var(--green-dim);color:var(--text);padding:9px 14px;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:all .2s ease}.trade-btn.long{color:var(--green);border-color:rgba(0,255,156,.35)}.trade-btn.long:hover{background:rgba(0,255,156,.12);border-color:var(--green);box-shadow:0 0 16px rgba(0,255,156,.3)}.trade-btn.short{color:var(--red);border-color:rgba(255,59,59,.35)}.trade-btn.short:hover{background:rgba(255,59,59,.12);border-color:var(--red);box-shadow:0 0 16px rgba(255,59,59,.3)}.trade-btn.exit{color:var(--amber);border-color:rgba(255,176,0,.35);flex:0 0 auto;padding:9px 18px}.trade-btn.exit:hover{background:rgba(255,176,0,.12);border-color:var(--amber);box-shadow:0 0 16px rgba(255,176,0,.3)}.position-info{font-size:11px;color:var(--muted);letter-spacing:.05em;line-height:1.4}.position-info .pos-side,.position-pnl{font-weight:700;font-size:13px}.position-info .pos-side.long{color:var(--green)}.position-info .pos-side.short{color:var(--red)}.position-info .pos-entry{color:var(--text);font-weight:500}.position-pnl{font-size:14px;font-variant-numeric:tabular-nums;text-align:right;margin-right:8px}.position-pnl .pct{display:block;font-size:12px;opacity:.9}.metric-row .v .delta.up,.metric-row .v.green,.position-pnl.up,.sys-row .v.green{color:var(--green)}.position-pnl.down{color:var(--red)}.trade-stats{display:flex;justify-content:space-between;width:100%;font-family:"JetBrains Mono",monospace;font-size:15px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding-bottom:10px;border-bottom:1px dashed var(--dim);margin-bottom:10px;flex-shrink:0}.trade-stats strong{font-size:16px}.trade-controls{flex-direction:column;align-items:stretch;gap:0}.trade-buttons{display:flex;gap:8px}.chart-overlay,.position-row{display:flex;align-items:center}.position-row{gap:8px}.chart-overlay{position:absolute;inset:0;z-index:12;background:rgba(0,0,0,.95);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;text-align:center;padding:18px;border:1px solid var(--green-dim)}.chart-overlay.hidden{display:none}.chart-overlay-title{color:var(--green-bright);font-size:26px;font-weight:700;letter-spacing:.28em;margin-bottom:22px;text-transform:uppercase}.chart-overlay-stats{color:var(--text);font-size:18px;line-height:1.7;margin-bottom:26px;font-family:"JetBrains Mono",monospace}.chart-overlay-stats strong,.trade-stats strong{color:var(--green-bright);font-weight:700}.chart-overlay-stats .pnl-up{color:var(--green);font-weight:700}.chart-overlay-stats .pnl-down{color:var(--red);font-weight:700}.chart-overlay-cta{color:var(--text);font-size:16px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;max-width:460px;line-height:1.5;font-weight:600}.chart-overlay-cta .accent,.chart-overlay-email{color:var(--green-bright)}.chart-overlay-email{font-family:"JetBrains Mono",monospace;font-size:20px;padding:14px 28px;border:1px solid var(--green);background:rgba(0,255,156,.06);text-decoration:none;transition:all .2s ease;font-weight:700;letter-spacing:.05em;margin-bottom:20px}.chart-overlay-tagline{color:var(--green-dim);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-top:6px;line-height:1.6;max-width:460px}.chart-overlay-tagline .accent{color:var(--green-bright);font-weight:700}.chart-overlay-email:hover{background:var(--green);color:var(--bg);box-shadow:0 0 24px rgba(0,255,156,.5)}.metrics-rows,.sys-rows{display:flex;flex-direction:column}.sys-rows{--fit:1;flex:1;gap:calc(16px*var(--fit));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--green-dim) transparent;padding-right:4px}.metrics-rows{flex:0 0 auto;gap:calc(12px*var(--fit, 1));overflow:hidden}.metrics-rows::-webkit-scrollbar,.sys-rows::-webkit-scrollbar{width:5px}.metrics-rows::-webkit-scrollbar-thumb,.sys-rows::-webkit-scrollbar-thumb{background:var(--green-dim)}.metric-section,.sys-section{color:var(--green-bright);font-size:calc(17px*var(--fit, 1));letter-spacing:.22em;text-transform:uppercase;padding-bottom:calc(7px*var(--fit, 1));border-bottom:1px solid var(--green-dim);margin-bottom:calc(5px*var(--fit, 1));font-weight:700}.metric-row,.sys-row{display:flex;justify-content:space-between;align-items:center;padding:calc(10px*var(--fit, 1))0;border-bottom:1px dashed var(--dim);gap:calc(12px*var(--fit, 1))}.metric-row:last-child,.sys-row:last-child{border-bottom:none}.metric-row .k,.sys-row .k{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:calc(14px*var(--fit, 1));flex-shrink:0}.metric-row .v,.sys-row .v{color:var(--text);font-weight:700;text-align:right;font-variant-numeric:tabular-nums;font-size:calc(19px*var(--fit, 1));padding:calc(2px*var(--fit, 1)) calc(6px*var(--fit, 1));border-radius:3px}.metric-row .v.amber,.sys-row .v.amber{color:var(--amber)}.metric-row .v .delta.down,.metric-row .v.red,.sys-row .v.red{color:var(--red)}.metric-row .v.blue,.sys-row .v.blue{color:var(--blue)}.metric-row .v.dim,.sys-row .v.dim{color:var(--muted)}.metric-row .v .delta,.metric-row .v .sub{font-size:calc(13px*var(--fit, 1));margin-left:6px;font-weight:500}.metric-row .v .sub{color:var(--muted)}.panel-metrics,.panel-news{display:none}.panel-center{grid-column:2;grid-row:1/span 2;padding:24px 28px;align-items:center;text-align:center;justify-content:center;background:0 0!important;border:0!important}.hero-stack{display:flex;flex-direction:column;align-items:center;width:100%;max-width:820px}.ascii-plate{color:var(--green-dim);font-size:17px;line-height:1.1;margin-bottom:16px;user-select:none;font-weight:600}.ascii-plate pre{margin:0}.logo-block{position:relative;padding:30px 42px;border:1px solid var(--green-dim);background:rgba(0,255,156,.02);margin-bottom:32px;cursor:pointer}.logo-block::after,.logo-block::before,.logo-block>.cbr,.logo-block>.ctr{content:"";position:absolute;width:14px;height:14px;border-color:var(--green);border-style:solid}.logo-block>.cbr{border-width:0}.logo-block::before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.logo-block::after{bottom:-1px;left:-1px;border-width:0 0 1.5px 1.5px}.logo-block>.ctr{top:-1px;right:-1px;border-width:1.5px 1.5px 0 0}.logo-block>.cbr{bottom:-1px;right:-1px;border-bottom-width:1.5px;border-right-width:1.5px}.logo-block img{width:clamp(300px,32vw,480px);position:relative;z-index:1}.typed-row{font-size:clamp(18px,1.8vw,24px);font-weight:500;color:var(--green-bright);margin-bottom:22px;letter-spacing:.01em;min-height:1.4em;text-align:center;line-height:1.3}.typed-row .cursor{display:inline-block;width:14px;height:1em;background:var(--green-bright);vertical-align:text-bottom;margin-left:4px;animation:caret .8s steps(2) infinite}.about-text{font-size:20px;color:var(--text);line-height:1.55;max-width:780px;margin:0 auto 32px;font-weight:400}.about-text .accent,.email-cmd{color:var(--green-bright);font-weight:700}.email-cmd{display:inline-flex;align-items:center;gap:12px;font-size:28px;font-weight:600;letter-spacing:.04em;padding:20px 44px;border:1px solid var(--green-dim);transition:all .25s ease;background:rgba(0,255,156,.04);font-family:"JetBrains Mono",monospace}.email-cmd::before{content:"> ";color:var(--green-dim)}.email-cmd:hover{background:var(--green);color:var(--bg);border-color:var(--green);box-shadow:0 0 28px rgba(0,255,156,.4)}.email-cmd:hover::before{color:var(--bg)}.panel-market{grid-column:3;grid-row:1/span 2}.market-stack{--fit:1;flex:1;display:flex;flex-direction:column;min-height:0;gap:calc(12px*var(--fit, 1));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--green-dim) transparent}.market-stack::-webkit-scrollbar{width:5px}.market-stack::-webkit-scrollbar-thumb{background:var(--green-dim)}.market-metrics-block{flex:0 0 auto;overflow:hidden}.market-metrics-block .metric-row .k,.panel-system .sys-row .k{font-size:calc(19px*var(--fit, 1));color:var(--text);font-weight:700;letter-spacing:.04em}.market-metrics-block .metric-section{font-size:calc(13px*var(--fit, 1))}.market-section-divider{color:var(--green-dim);font-size:12px;letter-spacing:.25em;text-transform:uppercase;padding:6px 0;border-top:1px solid var(--line);border-bottom:1px dashed var(--dim);margin-bottom:4px;font-weight:700;flex-shrink:0}.market-table{flex:1 0 auto;display:flex;flex-direction:column;min-height:260px}.market-head{display:grid;grid-template-columns:.8fr 1fr .9fr .9fr .8fr;gap:6px;padding:4px 0 8px;border-bottom:1px solid var(--line);color:var(--green-dim);font-size:calc(13px*var(--fit, 1));letter-spacing:.04em;font-weight:600;flex-shrink:0;white-space:nowrap}.market-head .r{text-align:right}.doge-popup{position:fixed;bottom:22px;right:22px;width:clamp(420px,42vw,640px);z-index:150;transform:translate(150%,150%);transition:transform .7s cubic-bezier(.34,1.56,.64,1);pointer-events:none;padding:8px;background:rgba(0,0,0,.92);border:1px solid var(--green-dim);box-shadow:0 16px 40px rgba(0,0,0,.7),0 0 28px rgba(0,255,156,.32)}.doge-popup::after,.doge-popup::before{content:"";position:absolute;width:11px;height:11px;border-color:var(--green-bright);border-style:solid;pointer-events:none}.doge-popup::after{border-width:0}.doge-popup::before{top:-1px;left:-1px;border-width:2px 0 0 2px}.doge-popup::after{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.doge-popup.show{transform:translate(0,0)}.doge-popup img{width:100%;height:auto;display:block}.tit-popup{width:clamp(460px,46vw,700px)}.quant-popup-3{width:clamp(440px,44vw,660px)}[data-popup]{cursor:pointer}.eggs-counter,.team-info{color:var(--green);font-weight:700}.eggs-counter{position:fixed;right:18px;bottom:14px;height:60px;min-height:60px;z-index:80;display:flex;align-items:center;padding:0 22px;font-family:"JetBrains Mono",monospace;font-size:14px;font-weight:600;letter-spacing:.22em;background:#000;border:1px solid var(--green-dim);border-radius:3px;color:var(--green-bright);opacity:0;pointer-events:none;text-transform:uppercase;line-height:1;box-sizing:border-box}.eggs-counter.visible{opacity:1}.team-info{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(0,255,156,.06);font-size:11px;margin-left:8px;cursor:help;position:relative;vertical-align:middle;transition:all .2s ease}.team-info:hover{background:var(--green);color:var(--bg);border-color:var(--green)}.team-card,.team-card img,.team-info{border:1px solid var(--green-dim)}.team-card{position:absolute;left:calc(100% + 14px);right:auto;top:50%;transform:translateY(-50%);width:520px;background:rgba(0,5,2,.97);padding:20px;z-index:200;box-shadow:0 16px 40px rgba(0,0,0,.8),0 0 24px rgba(0,255,156,.3);opacity:0;pointer-events:none;transition:opacity .2s ease}.team-info:hover .team-card{opacity:1;pointer-events:auto}.team-card::after,.team-card::before{content:"";position:absolute;width:8px;height:8px;border-color:var(--green-bright);border-style:solid}.team-card::after{border-width:0}.team-card::before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.team-card::after{bottom:-1px;right:-1px;border-bottom-width:1.5px;border-right-width:1.5px}.team-card-header{display:flex;gap:18px;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed var(--dim)}.team-card img{width:130px;height:130px;object-fit:cover;flex-shrink:0}.team-card-header>span{display:flex;flex-direction:column;gap:6px}.team-card .name{display:block;color:var(--green-bright);font-weight:700;font-size:22px;font-family:"JetBrains Mono",monospace;letter-spacing:.02em}.team-card .role{display:block;color:var(--muted);font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.reveal-btn,.team-card .bio{font-family:"JetBrains Mono",monospace}.team-card .bio{display:block;color:var(--text);font-size:15px;line-height:1.6;text-transform:none;letter-spacing:0}body.collapsed .eggs-counter,body.collapsed .panel-chart,body.collapsed .panel-market,body.collapsed .panel-system{visibility:hidden!important;pointer-events:none!important}.reveal-btn{margin-top:22px;color:var(--green);font-size:clamp(13px,1.3vw,16px);font-weight:600;letter-spacing:.22em;padding:12px 28px;border:1px solid var(--green-dim);background:rgba(0,255,156,.04);cursor:pointer;transition:all .25s ease;text-transform:uppercase}.reveal-btn:hover{background:var(--green);color:var(--bg);border-color:var(--green);box-shadow:0 0 24px rgba(0,255,156,.4)}body.collapsed .reveal-btn{display:inline-flex}.reveal-btn,body.revealed .reveal-btn{display:none}.eggs-counter,.panel-chart,.panel-market,.panel-system{transition:opacity .5s ease-out}body.collapsed .eggs-counter,body.collapsed .panel-chart,body.collapsed .panel-market,body.collapsed .panel-system{opacity:0}body.revealed .panel-chart,body.revealed .panel-market,body.revealed .panel-system{opacity:1}.moon-rocket{position:fixed;font-size:clamp(56px,8vw,96px);z-index:200;pointer-events:none;bottom:-120px;left:50%;animation:moon-fly 2.4s linear forwards}.market-body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--green-dim) transparent}.market-body::-webkit-scrollbar{width:5px}.market-body::-webkit-scrollbar-thumb{background:var(--green-dim)}.market-row{display:grid;grid-template-columns:.8fr 1fr .9fr .9fr .8fr;gap:6px;padding:calc(10px*var(--fit, 1))0;border-bottom:1px dashed var(--dim);font-size:calc(17px*var(--fit, 1));font-variant-numeric:tabular-nums;align-items:center}.market-row:last-child{border-bottom:none}.market-row[data-sym=DOGE],.market-row[data-sym=USDC]{cursor:pointer}.market-row[data-sym=DOGE]:hover{background:rgba(39,117,202,.08)}.market-row[data-sym=USDC]:hover{background:rgba(39,117,202,.08)}.market-row .sym{color:var(--text);font-weight:700;letter-spacing:.02em}.market-row .chg,.market-row .px,.market-row .vlt,.market-row .vol{padding:1px 4px;border-radius:3px}.loading-msg,.market-row .px{color:var(--muted);text-align:right}.market-row .chg{text-align:right;font-weight:600}.market-row .chg.up{color:var(--green)}.market-row .chg.down{color:var(--red)}.market-row .vol{color:var(--text);text-align:right}.market-row .vlt{text-align:right;color:var(--amber);font-weight:600}.loading-msg{font-size:15px;padding:18px 0;font-style:italic;text-align:center}.news-feed{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--green-dim) transparent}.news-feed::-webkit-scrollbar{width:5px}.news-feed::-webkit-scrollbar-thumb{background:var(--green-dim)}.news-item{padding:13px 0;border-bottom:1px dashed var(--dim);display:block;cursor:pointer;transition:background .15s ease}.news-item:hover{background:rgba(0,255,156,.04)}.news-item:last-child{border-bottom:none}.news-meta{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.news-source{color:var(--green);font-weight:600}.news-source.binance{color:var(--amber)}.news-source.bybit{color:var(--blue)}.news-source.decrypt{color:#ff5e8a}.news-source.theblock{color:#ff8c00}.news-source.coindesk{color:#b8b8b8}.news-source.beincrypto{color:#fdd000}.news-time{color:var(--muted)}.news-headline{color:var(--text);font-size:17px;line-height:1.45;font-weight:500}.bottom-bar{display:flex;justify-content:center;align-items:center;border:1px solid var(--line);padding:14px 22px;background:rgba(0,0,0,.6);color:var(--muted);font-size:17px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}.bottom-bar .b{color:var(--green);font-weight:700}.bottom-bar .sep{color:var(--green-dim);margin:0 14px}@media (max-width:1380px){.main{grid-template-columns:1fr 1.55fr 1fr}.typed-row{font-size:26px}.logo-block img{width:clamp(260px,26vw,380px)}body{font-size:18px}}@media (min-width:769px) and (max-width:1099px){.main{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.panel-chart,.panel-system{grid-column:1;grid-row:1}.panel-chart{grid-row:2;min-height:280px}.panel-center{grid-column:2;grid-row:1/span 2}.panel-market{grid-column:1/span 2;grid-row:3}.typed-row{font-size:24px}.about-text{font-size:17px;max-width:600px}.email-cmd{font-size:22px;padding:16px 32px}.logo-block img{width:clamp(220px,30vw,320px)}}@media (max-width:768px){body,html{overflow-y:auto;height:auto}body{font-size:15px}.market-stack,.metrics-rows,.sys-rows{--fit:1!important}.frame{grid-template-rows:auto auto auto;height:auto;min-height:100vh;padding:8px 10px;gap:8px}.top-bar{padding:8px 14px;min-height:40px}.top-bar .ws-status{font-size:11px;padding:5px 10px}.main{display:flex!important;flex-direction:column;gap:8px;grid-template-rows:none}.panel{padding:12px 14px;min-height:auto}.panel-center{order:1;padding:16px 14px}.panel-system{order:2}.panel-chart{order:3;min-height:320px}.panel-market{order:4;max-height:none}.market-body,.market-metrics-block,.market-stack,.metrics-rows{overflow:visible!important;max-height:none!important}.sys-rows{overflow:visible!important;padding-right:0}.panel-title{font-size:15px;letter-spacing:.18em}.ascii-plate{font-size:11px;margin-bottom:10px}.logo-block{padding:18px 26px;margin-bottom:18px}.logo-block img{width:clamp(180px,60vw,280px)}.typed-row{font-size:18px;margin-bottom:14px;min-height:2.8em;display:flex;align-items:center;justify-content:center}.about-text{font-size:14px;max-width:100%;margin-bottom:20px;line-height:1.5}.email-cmd{font-size:16px;padding:14px 22px;width:100%;justify-content:center}.sys-row{padding:calc(8px*var(--fit, 1))0;gap:8px}.panel-system .sys-row .k,.sys-row .k{font-size:calc(14px*var(--fit, 1));letter-spacing:.04em}.metric-section,.sys-row .v,.sys-section{font-size:calc(14px*var(--fit, 1))}.metric-section,.sys-section{letter-spacing:.18em;padding-bottom:calc(5px*var(--fit, 1))}.market-head,.market-row{grid-template-columns:.9fr 1fr .9fr!important}.market-head>:nth-child(4),.market-head>:nth-child(5),.market-row>.vlt,.market-row>.vol{display:none}.market-head{font-size:12px;letter-spacing:.04em}.market-row{padding:8px 0}.market-metrics-block .metric-row .k,.metric-row .k{font-size:calc(14px*var(--fit, 1));letter-spacing:.04em}.market-row,.metric-row .v{font-size:calc(14px*var(--fit, 1))}.trade-stats{font-size:11px;gap:6px;flex-wrap:wrap}.trade-stats strong{font-size:12px}.trade-btn{font-size:13px;padding:12px 8px;letter-spacing:.08em}.position-row{flex-wrap:wrap}.position-info{font-size:11px}.position-pnl{font-size:13px}.chart-overlay-title{font-size:20px;letter-spacing:.18em}.chart-overlay-stats{font-size:14px}.chart-overlay-cta{font-size:13px}.chart-overlay-email{font-size:16px;padding:10px 20px}.doge-popup{width:72vw;max-width:320px;bottom:12px;right:12px}.quant-popup-3,.tit-popup{width:78vw;max-width:360px}.bottom-bar{padding:10px 14px;font-size:12px;letter-spacing:.12em}.eggs-counter{height:48px;min-height:48px;padding:0 16px;font-size:12px;bottom:8px;right:10px}}@media (max-width:480px){body{font-size:14px}.logo-block img{width:65vw}.typed-row{font-size:16px}.about-text{font-size:13px}.ascii-plate{font-size:10px;overflow:hidden}.panel-title{font-size:13px}.chart-overlay-title{font-size:17px}.chart-overlay-stats{font-size:12px}}@media (hover:none){.market-row[data-sym=DOGE]:hover,.market-row[data-sym=USDC]:hover,.news-item:hover{background:0 0}}
/* === Post-build overrides === */
.glow{display:none!important}
/* Allow team-card popup to overflow the FUND INFO panel */
.panel-system{overflow:visible!important;overflow-x:visible!important}
.panel-system .sys-rows{overflow-y:auto!important;overflow-x:visible!important;scrollbar-width:thin;scrollbar-color:var(--green-dim) transparent;max-height:100%!important}
.panel-system{z-index:10}
.team-info{z-index:300}
/* Make popup card bigger and show image on the right */
.team-card{width:480px!important;padding:18px!important}
.team-card-header{flex-direction:row-reverse!important;align-items:flex-start!important;gap:14px!important}
.team-card-header img{width:180px!important;height:180px!important;flex-shrink:0!important;object-fit:cover!important;border-radius:4px!important}
/* Layout-stable reveal button: keep its space even when hidden in expanded mode */
.reveal-btn{display:inline-flex!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.collapsed .reveal-btn{visibility:visible!important;opacity:1!important;pointer-events:auto!important}

.cursor-coords{display:none!important}
.bottom-bar{min-height:56px!important;padding:14px 22px!important}
/* === USER SELECTION v2: Scanlines (subtle, behind everything) + CRT-tear glitch + full-green logo border === */

/* Scanlines — much fainter, sit BEHIND .frame (z-index 5) */
.crt{display:block!important;z-index:0!important;background:repeating-linear-gradient(to bottom,rgba(0,255,156,0.018) 0,rgba(0,255,156,0.018) 2px,transparent 2px,transparent 7px)!important}
.crt::after{display:none!important}

/* Make panels more opaque so scanlines don't bleed through */
.panel{background:rgba(2,8,2,0.92)!important}

/* Top + bottom bars: identical height & padding (both states) */
.top-bar,.bottom-bar{height:60px!important;min-height:60px!important;max-height:60px!important;padding:0 22px!important;border:1px solid var(--green-dim)!important;background:#000!important;border-radius:3px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
@media (max-width:900px){
  .top-bar,.bottom-bar{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 16px!important}
}

/* Logo block — full green border */
.logo-block{border:1px solid var(--green)!important;background:rgba(2,8,2,0.95)!important;box-shadow:0 0 24px rgba(0,255,156,0.18)}
.panel-center{background:transparent!important}

/* Revert glitch to original CRT-tear (glitch-main) — undo previous RGB override */
body.glitch-on .frame{animation:glitch-main .45s steps(10) both!important}
body.glitch-on .glitch-noise{animation:glitch-noise-main .45s steps(7) both!important;opacity:1}
body.glitch-on .glitch-tear{animation:glitch-tear-main .45s steps(8) both!important;opacity:1}

/* === Wider team-card for expanded bios === */
.team-card{width:660px!important;max-width:92vw!important;padding:28px 30px!important;max-height:none!important;overflow:visible!important}
.team-card .bio{font-size:16px!important;line-height:1.75!important;color:var(--text)!important;margin-top:14px!important}
.team-card .name{font-size:19px!important}
.team-card .role{font-size:14px!important}

/* === Tweaks v3 === */

/* INSIDE THE LAB — tiny discreet pill bottom-right, fixed position */
.reveal-btn{
  position:fixed!important;
  bottom:90px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  padding:12px 36px!important;
  font-size:13px!important;
  letter-spacing:0.22em!important;
  background:rgba(2,8,2,0.95)!important;
  border:1px solid var(--green)!important;
  color:var(--green-bright)!important;
  z-index:60!important;
  box-shadow:0 0 18px rgba(0,255,156,0.12)!important;
  min-width:280px!important;
  text-align:center!important;
  font-weight:600!important;
  cursor:pointer!important;
  transition:all .25s ease!important;
  font-family:"JetBrains Mono",monospace!important;
}
.reveal-btn:hover{
  color:var(--green)!important;
  border-color:var(--green)!important;
  background:rgba(0,255,156,0.06)!important;
}
body.collapsed .reveal-btn{visibility:visible!important;opacity:1!important;pointer-events:auto!important}

/* HQ row — make the value a black-plate badge like the logo */
.sys-row .v.amber{
  display:inline-block;
  background:rgba(0,0,0,0.92);
  border:1px solid var(--green-dim);
  padding:3px 10px;
  letter-spacing:0.14em;
  font-size:12px;
  border-radius:2px;
}

/* Override @media: keep reveal-btn small + fixed even in responsive */
@media (max-width:768px){
  .reveal-btn{bottom:72px!important;padding:10px 24px!important;font-size:11px!important;min-width:220px!important}
}

/* === Tweaks v4 (Sep iteration) === */

/* FUND INFO — больше места между секциями + крупнее текст */
.panel-system .sys-rows{gap:24px!important}
.panel-system .sys-section{font-size:17px!important;padding-bottom:10px!important;margin-bottom:10px!important;letter-spacing:0.22em!important}
.panel-system .sys-row{padding:10px 0!important;gap:14px!important}
.panel-system .sys-row .k{font-size:17px!important;letter-spacing:.04em!important}
.panel-system .sys-row .v{font-size:17px!important}

/* email-cmd — чёрная плашка как у логотипа */
.email-cmd{background:rgba(2,8,2,0.95)!important;border:1px solid var(--green)!important;box-shadow:0 0 18px rgba(0,255,156,0.12)}
.email-cmd:hover{background:var(--green)!important;color:var(--bg)!important;border-color:var(--green)!important;box-shadow:0 0 28px rgba(0,255,156,0.4)!important}

/* INSIDE THE LAB — текст по центру (теперь без ▼ префикса) */
.reveal-btn{justify-content:center!important;text-align:center!important;font-weight:700!important}

/* === FUND INFO: lock all font sizes to MARKET parity (17px), block auto-shrink === */
.panel-system .sys-rows[style*="--fit"]{--fit:1!important}

/* === Lock MARKET + FUND INFO to identical fixed sizes (no --fit auto-shrink) === */
.market-row{font-size:17px!important;padding:10px 0!important}
.market-head{font-size:13px!important}
.market-stack,.sys-rows{--fit:1!important}
.panel-system .sys-rows{--fit:1!important}

/* === FINAL size lock: every text element in MARKET and FUND INFO at IDENTICAL pixel sizes === */
/* FUND INFO */
.panel-system .sys-section{font-size:18px!important;letter-spacing:.22em!important;padding-bottom:10px!important;margin-bottom:10px!important}
.panel-system .sys-row{padding:9px 0!important;gap:12px!important}
.panel-system .sys-rows{gap:34px!important;justify-content:flex-start!important;flex:1 1 auto!important;height:100%!important;padding-bottom:6px!important}
.panel-system .sys-row .k,.panel-system .sys-row .v{font-size:17px!important;letter-spacing:.05em!important}
.panel-system .sys-row .v.amber{font-size:15px!important}
/* MARKET — same scale */
.panel-market .metric-section{font-size:18px!important;letter-spacing:.22em!important}
.panel-market .market-section-divider{font-size:18px!important;letter-spacing:.22em!important}
.panel-market .metric-row .k,.panel-market .metric-row .v{font-size:17px!important;letter-spacing:.05em!important}
.panel-market .metric-row{padding:9px 0!important}
.panel-market .market-row{font-size:17px!important;padding:9px 0!important}
.panel-market .market-head{font-size:15px!important}
.market-stack,.sys-rows{--fit:1!important}

/* === Chart-overlay SHARE button === */
.chart-overlay-share{
  display:inline-block;
  margin-top:12px;
  padding:12px 22px;
  font-family:'JetBrains Mono',monospace;
  font-size:14px;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--green);
  background:rgba(0,0,0,0.85);
  border:1px solid var(--green);
  cursor:pointer;
  transition:all .2s ease;
}
.chart-overlay-share:hover{
  background:var(--green);
  color:var(--bg);
  box-shadow:0 0 24px rgba(0,255,156,0.4);
}

/* === Share icons (Telegram / X / LinkedIn) === */
.share-icons{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:14px;
  animation:share-icons-in .25s ease-out;
}
.share-icons[hidden]{display:none!important}
@keyframes share-icons-in{
  from{opacity:0;transform:translateY(-6px)}
  to  {opacity:1;transform:translateY(0)}
}
.share-icon{
  width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,0.85);
  border:1px solid var(--green);
  color:var(--green);
  cursor:pointer;
  transition:all .18s ease;
  padding:0;
  border-radius:2px;
}
.share-icon svg{width:20px;height:20px}
.share-icon:hover{
  background:var(--green);
  color:var(--bg);
  box-shadow:0 0 18px rgba(0,255,156,0.5);
  transform:translateY(-2px);
}

/* === FUND INFO sections distribute evenly across panel height === */
.panel-system .sys-rows > div{flex-shrink:0}

/* INSIDE THE LAB — "> " prefix to mirror .email-cmd one-to-one */



/* === FINAL: INSIDE THE LAB hover identical to email-cmd (full green fill) === */
.reveal-btn::before{content:none!important;display:none!important}
.reveal-btn:hover{
  background:var(--green)!important;
  color:var(--bg)!important;
  border-color:var(--green)!important;
  box-shadow:0 0 28px rgba(0,255,156,0.4)!important;
}

/* === MARKET — drop the 'vol, %' column === */
.market-row{grid-template-columns:.8fr 1fr .9fr .9fr!important}
.market-head{grid-template-columns:.8fr 1fr .9fr .9fr!important}
.market-row .vlt,.panel-market .vlt{display:none!important}

/* === Pure black bg for 3 main panels === */
.panel-system,.panel-chart,.panel-market{
  background:#000!important;
  border:1px solid var(--green-dim)!important;
}

/* === Chart-overlay v2: WANT CONSISTENT PROFITS + YOUR RESULTS layout === */

/* Mirror .email-cmd style on overlay's email button — same bg, border, '> ' prefix, hover */
.chart-overlay-email{
  position:relative!important;
  background:rgba(2,8,2,0.95)!important;
  border:1px solid var(--green)!important;
  color:var(--green-bright)!important;
  font-family:'JetBrains Mono',monospace!important;
  font-weight:600!important;
  letter-spacing:.04em!important;
  box-shadow:0 0 18px rgba(0,255,156,0.12)!important;
  transition:all .25s ease!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:0!important;
}
.chart-overlay-email::before{
  content:"> ";
  color:var(--green-dim);
  transition:color .25s ease;
}
.chart-overlay-email:hover{
  background:var(--green)!important;
  color:var(--bg)!important;
  border-color:var(--green)!important;
  box-shadow:0 0 28px rgba(0,255,156,0.4)!important;
}
.chart-overlay-email:hover::before{color:var(--bg)}

/* CTA "DROP US A LINE" line — slimmer */
.chart-overlay-cta{
  margin-bottom:18px!important;
  font-size:14px!important;
  letter-spacing:.18em!important;
  color:var(--muted)!important;
  font-weight:600!important;
}



/* YOUR RESULTS section heading */
.chart-overlay-section{
  color:var(--green-bright);
  font-size:13px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  margin-bottom:14px;
}

/* Slightly tighter title above email */
.chart-overlay-title{
  margin-bottom:14px!important;
}

/* === YOUR RESULTS as separate framed card === */
.results-card{
  margin-top:36px;
  padding:22px 28px 24px;
  border:1px solid var(--green-dim);
  background:rgba(0,0,0,0.6);
  box-shadow:0 0 18px rgba(0,255,156,0.06);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:auto;
  max-width:520px;
}
.results-card .chart-overlay-section{margin-bottom:8px!important}
.results-card .chart-overlay-stats{margin-bottom:14px!important;text-align:center}
.results-card .chart-overlay-share{margin-top:0}

/* DOGE hover identical to USDC */
.market-row[data-sym=DOGE]{cursor:pointer!important}
.market-row[data-sym=DOGE]:hover{background:rgba(39,117,202,.08)!important}

/* === CATCH THE PROFIT — mini-game === */
.crypto-game{
  position:fixed; inset:0;
  z-index:1000;
  background:rgba(0,0,0,0.92);
  display:flex; align-items:center; justify-content:center;
  font-family:'JetBrains Mono', monospace;
  animation:cg-fadein .2s ease-out;
}
.crypto-game[hidden]{display:none!important}
@keyframes cg-fadein{from{opacity:0}to{opacity:1}}

.cg-shell{
  position:relative;
  width:min(1500px, 96vw);
  height:min(980px, 96vh);
  background:#000;
  border:1px solid var(--green);
  box-shadow:0 0 40px rgba(0,255,156,0.35), inset 0 0 60px rgba(0,255,156,0.04);
  display:flex; flex-direction:column;
}

.cg-topbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 18px;
  border-bottom:1px solid var(--green-dim);
  background:rgba(0,255,156,0.04);
}
.cg-title{
  color:var(--green-bright);
  font-size:19px; font-weight:700;
  letter-spacing:0.22em;
  text-transform:uppercase;
}
.cg-meta{
  display:flex; gap:28px; align-items:center;
  font-size:22px; font-weight:700;
  letter-spacing:0.1em;
}
.cg-lives{color:var(--red); font-size:22px; letter-spacing:0.25em}
.cg-pnl{color:var(--green-bright); font-variant-numeric:tabular-nums; min-width:80px; text-align:right}
.cg-time{color:var(--amber); font-variant-numeric:tabular-nums; min-width:32px; text-align:right}
.cg-close{
  background:none; border:1px solid var(--green-dim);
  color:var(--green); cursor:pointer;
  width:28px; height:28px; padding:0;
  font-size:14px; line-height:1;
  transition:all .15s ease;
}
.cg-close:hover{background:var(--green); color:var(--bg); border-color:var(--green)}

.cg-canvas{
  flex:1; width:100%; display:block;
  background:
    linear-gradient(to bottom, rgba(0,255,156,0.02), transparent 30%, transparent 70%, rgba(255,59,59,0.02)),
    #050505;
  cursor:none;
}

/* Start + End overlays — sit on top of canvas */
.cg-screen{
  position:absolute; inset:54px 0 0 0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:rgba(0,0,0,0.85);
  padding:30px;
  text-align:center;
  gap:14px;
}
.cg-screen[hidden]{display:none!important}
.cg-screen h2{
  color:var(--green-bright);
  font-size:54px; font-weight:700;
  letter-spacing:0.28em;
  text-transform:uppercase;
  margin:0;
}
.cg-screen p{
  color:var(--text);
  font-size:23px; line-height:1.6;
  max-width:420px;
  letter-spacing:0.04em;
}
.cg-screen p strong{color:var(--red)}
.cg-rules{
  color:var(--muted)!important;
  font-size:17px!important;
  letter-spacing:0.2em!important;
  text-transform:uppercase;
  border:1px dashed var(--green-dim);
  padding:8px 18px;
  margin-top:4px;
}
.cg-go, .cg-btn{
  font-family:inherit;
  background:rgba(2,8,2,0.95);
  border:1px solid var(--green);
  color:var(--green-bright);
  padding:19px 54px;
  font-size:19px; font-weight:700;
  letter-spacing:0.22em;
  text-transform:uppercase;
  cursor:pointer;
  transition:all .25s ease;
  box-shadow:0 0 18px rgba(0,255,156,0.12);
  margin-top:14px;
}
.cg-go:hover, .cg-btn:hover{
  background:var(--green);
  color:var(--bg);
  box-shadow:0 0 28px rgba(0,255,156,0.5);
}

.cg-end-grid{
  display:flex; flex-direction:column;
  gap:12px; margin:22px 0 8px;
  font-size:23px; letter-spacing:0.06em;
}
.cg-end-row{
  display:flex; gap:38px; justify-content:space-between;
  min-width:500px;
  padding:8px 14px;
  border-bottom:1px dashed var(--dim);
}
.cg-end-row span{color:var(--muted); text-transform:uppercase; letter-spacing:0.18em; font-size:17px}
.cg-end-row strong{color:var(--green-bright); font-variant-numeric:tabular-nums}
.cg-end-actions{
  display:flex; gap:14px; margin-top:12px;
}
.cg-btn-share{border-color:var(--amber); color:var(--amber)}
.cg-btn-share:hover{background:var(--amber); color:var(--bg); box-shadow:0 0 28px rgba(255,176,0,0.5)}

@media (max-width:768px){
  .cg-shell{width:96vw; height:88vh}
  .cg-meta{gap:10px; font-size:12px}
  .cg-title{font-size:11px}
  .cg-screen h2{font-size:22px}
  .cg-screen p{font-size:13px}
}

/* Bottom-bar 'All rights reserved' label */
.bottom-bar .rights{
  color:var(--muted);
  font-weight:600;
  letter-spacing:.18em;
  font-size:13px;
}

/* === FUND INFO · EDGE intro paragraph === */
.panel-system .sys-about .sys-section{margin-bottom:10px}
.panel-system .sys-about-body{
  color:var(--text);
  font-size:19px;
  line-height:1.5;
  letter-spacing:0.02em;
  text-align:justify;
  font-weight:400;
  padding:0;
  margin:0;
}

/* Spacing between EDGE paragraph and first row (HQ) */
.panel-system .sys-about .sys-about-body{margin-bottom:18px!important}

/* === RESPONSIVE COMPREHENSIVE PASS === */
/* Tablet & small desktop (1100-1380px): tighten new additions */
@media (max-width:1380px){
  .panel-system .sys-about-body{font-size:15px!important;line-height:1.5!important}
  .panel-system .sys-section{font-size:16px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:15px!important}
  .panel-system .sys-rows{gap:24px!important}
  .panel-market .market-row,.panel-market .metric-row .k,.panel-market .metric-row .v{font-size:15px!important}
  .panel-market .metric-section{font-size:16px!important}
  .team-card{width:520px!important}
  .team-card-header img{width:120px!important;height:120px!important}
  .team-card .bio{font-size:14px!important}
}

/* Small desktop & landscape tablet (1100px and below) */
@media (max-width:1099px){
  .panel-system .sys-about-body{font-size:14px!important;line-height:1.5!important;text-align:left!important;margin-bottom:14px!important}
  .panel-system .sys-section{font-size:14px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:14px!important}
  .panel-system .sys-rows{gap:18px!important}
  .panel-market .market-row,.panel-market .metric-row .k,.panel-market .metric-row .v{font-size:14px!important}
  .panel-market .metric-section{font-size:14px!important}
  .team-card{width:440px!important;padding:18px!important}
  .team-card-header img{width:96px!important;height:96px!important}
  .team-card .bio{font-size:13px!important;line-height:1.6!important}
  .team-card .name{font-size:15px!important}
}

/* Mobile portrait (≤ 768px) */
@media (max-width:768px){
  .panel-system .sys-about-body{font-size:14px!important;line-height:1.55!important;text-align:left!important;letter-spacing:0!important;margin-bottom:12px!important}
  .panel-system .sys-section{font-size:13px!important;letter-spacing:0.18em!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:13px!important}
  .panel-system .sys-rows{gap:20px!important}
  .panel-system .sys-row{padding:8px 0!important;gap:8px!important}
  /* Team card: HIDE on touch — hover doesn't work meaningfully */
  /* Eggs counter — smaller, behind bottom-bar */
  .eggs-counter{font-size:11px!important;letter-spacing:.14em!important}
  /* Bottom-bar: smaller text so it fits */
  .bottom-bar .rights{font-size:11px!important;letter-spacing:.10em!important}
  /* Reveal-btn — already responsive */
  /* MARKET text already overridden above */
}

/* Mobile small (≤ 480px) */
@media (max-width:480px){
  .panel-system .sys-about-body{font-size:12px!important;line-height:1.55!important}
  .panel-system .sys-section{font-size:12px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:12px!important}
  .panel-market .market-row,.panel-market .metric-row .k,.panel-market .metric-row .v{font-size:12px!important}
  .bottom-bar .rights{font-size:11px!important;letter-spacing:.06em!important}
  .top-bar,.bottom-bar{height:44px!important;min-height:44px!important;max-height:44px!important}
  /* Crypto game on tiny screens */
  .cg-shell{width:98vw!important;height:92vh!important}
  .cg-meta{gap:8px!important;font-size:11px!important}
  .cg-screen h2{font-size:20px!important;letter-spacing:.18em!important}
  .cg-screen p{font-size:12px!important}
  .cg-go,.cg-btn{font-size:11px!important;padding:10px 22px!important;letter-spacing:.14em!important}
  .cg-end-row{min-width:240px!important;font-size:13px!important}
  .cg-rules{font-size:11px!important;letter-spacing:.14em!important;padding:6px 12px!important}
}

/* Ultra-wide (≥ 1920px) — let things breathe with slightly larger fonts */
@media (min-width:1920px){
  .panel-system .sys-about-body{font-size:18px!important;line-height:1.6!important}
  .panel-system .sys-section{font-size:18px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:17px!important}
  .panel-market .market-row,.panel-market .metric-row .k,.panel-market .metric-row .v{font-size:17px!important}
  .panel-market .metric-section{font-size:18px!important}
}

/* Touch devices — disable hover-only popups since they hang awkwardly */
@media (hover:none){
}

/* === MOBILE/NARROW LAYOUT FIXES === */

/* Tablet portrait & smaller landscape (≤1099): stack to single column to prevent overlap */
@media (max-width:1099px){
  .main{
    display:flex!important;
    flex-direction:column!important;
    grid-template-rows:none!important;
    gap:10px!important;
  }
  .panel{
    padding:14px 18px!important;
    min-height:auto!important;
    overflow:hidden!important;
  }
  .panel-center{order:1!important;padding:24px 20px!important}
  .panel-system{order:2!important}
  .panel-chart{order:3!important;min-height:320px!important}
  .panel-market{order:4!important}
  .ascii-plate{font-size:11px!important}
  .logo-block img{width:clamp(220px,40vw,380px)!important}
  .typed-row{font-size:22px!important}
  .about-text{font-size:16px!important;max-width:600px!important}
  .email-cmd{font-size:20px!important;padding:14px 28px!important;max-width:100%!important;width:auto!important}
}

/* Mobile portrait (≤768) — kill empty space in collapsed mode (before clicking INSIDE THE LAB) */
@media (max-width:768px){
  /* Remove non-essential panels entirely in collapsed mode so layout is just hero + button */
  body.collapsed .panel-system,
  body.collapsed .panel-chart,
  body.collapsed .panel-market,
  body.collapsed .panel-news,
  body.collapsed .panel-metrics{
    display:none!important;
  }
  /* Center hero properly */
  body.collapsed .main{
    min-height:calc(100vh - 140px);
    justify-content:flex-start!important;
  }
  body.collapsed .panel-center{
    padding:30px 18px!important;
  }
  /* INSIDE THE LAB inline below email — not fixed bottom — so empty space disappears */
  body.collapsed .reveal-btn{
    position:static!important;
    left:auto!important;
    transform:none!important;
    bottom:auto!important;
    right:auto!important;
    margin:20px auto 0!important;
    min-width:240px!important;
  }
  /* Tighten typed-row + about-text spacing on mobile */
  .typed-row{font-size:18px!important;margin-bottom:14px!important}
  .about-text{font-size:14px!important;margin-bottom:16px!important;line-height:1.5!important}
  .email-cmd{font-size:16px!important;padding:12px 22px!important;width:100%!important;justify-content:center!important}
  .logo-block{padding:18px 26px!important;margin-bottom:18px!important}
  /* Panel-center: no fixed grid-row/col on flex layout */
  .panel-center{
    background:transparent!important;
    border:0!important;
  }
}

/* Mid-tablet protection: prevent any panel from forcing horizontal overflow */
@media (min-width:769px) and (max-width:1099px){
  .panel{overflow:hidden!important}
}

/* === EXTRA FIXES === */

/* Reduce EDGE font slightly at 1100-1380 desktops so all INFO content fits without scroll */
@media (min-width:1100px) and (max-width:1500px){
  .panel-system .sys-about-body{font-size:16px!important;line-height:1.45!important}
  .panel-system .sys-section{font-size:15px!important;padding-bottom:6px!important;margin-bottom:6px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:15px!important}
  .panel-system .sys-rows{gap:22px!important}
  .panel-system .sys-row{padding:7px 0!important}
  .panel-system .sys-about-body{margin-bottom:12px!important}
}

/* Mobile collapsed mode — eliminate dead space between INSIDE THE LAB and footer */
@media (max-width:768px){
  body.collapsed .frame{
    min-height:auto!important;
    height:auto!important;
    padding-bottom:0!important;
  }
  body.collapsed .main{
    flex:0 0 auto!important;
    min-height:auto!important;
  }
  body.collapsed .panel-center{
    flex:0 0 auto!important;
    min-height:auto!important;
  }
  /* Reduce hero stack vertical padding so content+button sits tight to top */
  body.collapsed .hero-stack{
    padding-top:0!important;
    padding-bottom:20px!important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   FINAL RESPONSIVE RESET — поверх всех предыдущих правил
   ═══════════════════════════════════════════════════════════════════ */

/* Глобально: никакой горизонтальной прокрутки страницы */
html,body{overflow-x:hidden!important;max-width:100%!important}

/* Default desktop: INFO panel allows popup to escape vertically/horizontally */
.panel-system{overflow:visible!important}
.panel-system .sys-rows{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:100%!important;
  scrollbar-width:thin;
  scrollbar-color:var(--green-dim) transparent;
}

/* Wide desktop (1100-1500) — tighten so content fits without scroll */
@media (min-width:1100px) and (max-width:1500px){
  .panel-system .sys-about-body{font-size:16px!important;line-height:1.5!important;margin-bottom:12px!important}
  .panel-system .sys-section{font-size:15px!important;padding-bottom:6px!important;margin-bottom:6px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:15px!important}
  .panel-system .sys-rows{gap:22px!important}
  .panel-system .sys-row{padding:7px 0!important}
}

/* Below 1100 — стэк в одну колонку, скрываем popup'ы, никакого overflow */
@media (max-width:1099px){
  .main{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;gap:10px!important}
  .panel{
    overflow:hidden!important;
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
    min-height:auto!important;
  }
  .panel-system{overflow:hidden!important;height:auto!important;max-height:none!important}
  .panel-system .sys-rows{
    overflow:hidden!important;
    height:auto!important;
    max-height:none!important;
    padding-right:0!important;
  }
  /* Fonts compact */
  .panel-system .sys-about-body{
    font-size:15px!important;
    line-height:1.55!important;
    text-align:left!important;
    letter-spacing:0!important;
    margin-bottom:14px!important;
  }
  .panel-system .sys-section{font-size:14px!important;letter-spacing:0.18em!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:14px!important}
  .panel-system .sys-rows{gap:18px!important;justify-content:flex-start!important}
  /* Center column */
  .panel-center{order:1!important}
  .panel-system{order:2!important}
  .panel-chart{order:3!important;min-height:300px!important}
  .panel-market{order:4!important}
}

/* Mobile (≤768) — в COLLAPSED режиме уберём весь deadspace */
@media (max-width:768px){
  body.collapsed .frame{
    min-height:auto!important;
    height:auto!important;
    padding-bottom:14px!important;
    grid-template-rows:auto auto auto!important;
  }
  body.collapsed .main{
    min-height:auto!important;
    flex:0 0 auto!important;
  }
  body.collapsed .panel-center{
    flex:0 0 auto!important;
    min-height:auto!important;
    padding:18px 14px 8px!important;
  }
  body.collapsed .hero-stack{
    padding:0 0 8px!important;
  }
  /* INSIDE THE LAB кнопка в потоке, прямо под email */
  body.collapsed .reveal-btn{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:20px auto 0!important;
    min-width:240px!important;
  }
  /* Невидимые панели — display:none, не visibility:hidden */
  body.collapsed .panel-system,
  body.collapsed .panel-chart,
  body.collapsed .panel-market,
  body.collapsed .panel-news,
  body.collapsed .panel-metrics{
    display:none!important;
  }
  /* Tighter content на мобильных */
  .panel-system .sys-about-body{font-size:14px!important}
  .panel-system .sys-row{padding:6px 0!important}
}

/* Mini-mobile (≤480) — еще компактнее */
@media (max-width:480px){
  .panel-system .sys-about-body{font-size:12px!important;line-height:1.5!important}
  .panel-system .sys-section{font-size:13px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:12px!important}
}

/* ═══════════════════════════════════════════════════════════════════
   FIX v2: panel clipping at narrow widths (1099 and below)
   Problem: .panel{overflow:hidden} cuts hero-stack AND INFO content
   Fix:     allow vertical growth, only clip horizontal
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width:1099px){
  /* Panels grow vertically, never clip content */
  .panel{
    overflow-x:hidden!important;
    overflow-y:visible!important;
    overflow:visible!important;
    max-width:100%!important;
    width:100%!important;
    min-height:auto!important;
    height:auto!important;
    max-height:none!important;
    box-sizing:border-box!important;
  }
  .panel-system,.panel-chart,.panel-market,.panel-center,.panel-news{
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
    min-height:auto!important;
  }
  .panel-system .sys-rows{
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
    flex:0 0 auto!important;
  }
  .hero-stack{
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
  }
}

/* COLLAPSED mode compactness — теперь для всех ≤1099, не только ≤768 */
@media (max-width:1099px){
  body.collapsed .frame{
    min-height:auto!important;
    height:auto!important;
    padding-bottom:14px!important;
    grid-template-rows:auto auto auto!important;
  }
  body.collapsed .main{
    min-height:auto!important;
    flex:0 0 auto!important;
  }
  body.collapsed .panel-center{
    flex:0 0 auto!important;
    min-height:auto!important;
    padding:24px 18px 14px!important;
  }
  body.collapsed .hero-stack{
    padding:0 0 8px!important;
  }
  body.collapsed .reveal-btn{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:24px auto 8px!important;
    min-width:260px!important;
  }
  body.collapsed .panel-system,
  body.collapsed .panel-chart,
  body.collapsed .panel-market,
  body.collapsed .panel-news,
  body.collapsed .panel-metrics{
    display:none!important;
  }
}

/* === TEAM-CARD POPUP: always visible on hover === */




/* ═══════════════════════════════════════════════════════════════════
   TEAM-CARD POPUP — FINAL HARD FIX
   Forces visible popup on hover at all viewport widths.
   ═══════════════════════════════════════════════════════════════════ */

.team-info{
  position:relative!important;
  z-index:1000!important;
}

.team-card{
  position:absolute!important;
  left:calc(100% + 14px)!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:520px!important;
  max-width:90vw!important;
  padding:22px 24px!important;
  background:rgba(0,5,2,0.97)!important;
  border:1px solid var(--green)!important;
  box-shadow:0 16px 40px rgba(0,0,0,0.8), 0 0 24px rgba(0,255,156,0.3)!important;
  z-index:99999!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 0.2s ease, visibility 0.2s ease;
  display:flex!important;
  flex-direction:column!important;
}

.team-info:hover .team-card{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Narrow viewports: switch to fixed modal-style centered popup */
@media (max-width:1099px){
  .team-info:hover .team-card{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    transform:translate(-50%, -50%)!important;
    width:90vw!important;
    max-width:520px!important;
    max-height:80vh!important;
    overflow-y:auto!important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   TEAM-CARD POPUP — JS-CLICK + FIXED MODAL OVERRIDE (final, бронебойный)
   ═══════════════════════════════════════════════════════════════════ */

/* Backdrop когда popup открыт */
body:has(.team-info.open)::after{
  content:'';
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.7);
  backdrop-filter:blur(2px);
  z-index:99998;
  pointer-events:auto;
}

/* Popup: position:fixed, JS-positioned via inline style (top/left set on hover/click) */
.team-info .team-card{
  position:fixed!important;
  width:480px!important;
  max-width:90vw!important;
  max-height:80vh!important;
  padding:22px 24px!important;
  background:rgba(0,5,2,0.98)!important;
  border:1px solid var(--green)!important;
  box-shadow:0 20px 60px rgba(0,0,0,0.9), 0 0 30px rgba(0,255,156,0.35)!important;
  z-index:999999!important;
  overflow-y:auto!important;
  display:flex!important;
  flex-direction:column!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 0.18s ease, visibility 0.18s ease;
}

/* Открыт — JS выставит точные left/top, мы только показываем */
.team-info:hover .team-card,
.team-info.open .team-card{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Cursor: pointer на ? для понятности что кликабельно */
.team-info{cursor:pointer!important}

/* ═══════════════════════════════════════════════════════════════════
   CHART-OVERLAY content fit — впишем все в чарт-панель
   ═══════════════════════════════════════════════════════════════════ */
.chart-overlay{
  padding:14px 16px!important;
  gap:0!important;
  overflow-y:auto!important;
}
.chart-overlay-title{
  font-size:18px!important;
  letter-spacing:.22em!important;
  margin-bottom:8px!important;
}
.chart-overlay-cta{
  font-size:11px!important;
  letter-spacing:.18em!important;
  margin-bottom:10px!important;
}
.chart-overlay-email{
  font-size:14px!important;
  padding:8px 18px!important;
  margin-bottom:0!important;
}
.results-card{
  margin-top:14px!important;
  padding:12px 16px 14px!important;
  gap:4px!important;
  max-width:90%!important;
}
.results-card .chart-overlay-section{
  font-size:11px!important;
  letter-spacing:.24em!important;
  margin-bottom:4px!important;
}
.results-card .chart-overlay-stats{
  font-size:13px!important;
  line-height:1.4!important;
  margin-bottom:8px!important;
}
.chart-overlay-share{
  font-size:11px!important;
  padding:8px 18px!important;
  letter-spacing:.16em!important;
  margin-top:2px!important;
}
.share-icons{margin-top:8px!important;gap:8px!important}
.share-icon{width:36px!important;height:36px!important}
.share-icon svg{width:16px!important;height:16px!important}

/* === FIX: team-info siblings z-index conflict ===
   When a popup is hover/open, raise the trigger above other team-info siblings
   so their ? icons don't pierce through the popup */
.team-info:hover,
.team-info.open{
  z-index:999998!important;
}

/* === Гарантия что team-popup поверх ВСЕГО, включая chart-overlay === */
.chart-overlay{z-index:5!important}
.team-info{z-index:auto!important}
.team-info:hover,
.team-info.open{z-index:9999999!important}
.team-info .team-card{z-index:99999999!important}

/* === FIX: BTC chart canvas hidden on narrow viewports ===
   .panel{min-height:auto} collapses chart-wrap to 0px since flex:1 of auto = 0.
   Force panel-chart and chart-wrap to have explicit min-height. */
@media (max-width:1099px){
  .panel-chart{
    min-height:380px!important;
    height:auto!important;
  }
  .panel-chart .chart-wrap{
    min-height:240px!important;
    flex:1 1 240px!important;
  }
}
@media (max-width:768px){
  .panel-chart{min-height:420px!important}
  .panel-chart .chart-wrap{min-height:280px!important}
}
@media (max-width:480px){
  .panel-chart{min-height:360px!important}
  .panel-chart .chart-wrap{min-height:220px!important}
}

/* =================================================================
   === VARIANT A: chart relocated inside MARKET panel ============
   ================================================================= */

/* Left INFO panel spans both rows (chart no longer occupies row 2) */
.panel-system{grid-row:1/span 2!important}

/* Chart section inside market-stack — visually equal to other sections */
.market-chart-section{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dashed var(--dim);
}
.market-chart-section .chart-section-title{
  display:flex;
  align-items:center;
  color:var(--green-bright);
  font-size:18px!important;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:700;
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom:1px solid var(--green-dim);
}
.market-chart-section .chart-section-title .right{
  margin-left:auto;
  color:var(--green-bright);
  font-weight:700;
  font-size:calc(20px*var(--fit, 1));
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
  text-transform:none;
}
.market-chart-section .chart-wrap{
  position:relative;
  height:320px;
  min-height:260px;
  flex-shrink:0;
}
.market-chart-section canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.market-chart-section .trade-controls{
  flex-shrink:0;
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid var(--line);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  min-height:44px;
}
/* Overlay sits over the chart inside its wrap */
.market-chart-section .chart-overlay{
  position:absolute;
  inset:0;
}

/* === INFO panel stretched to full left-column height ============= */
.panel-system{
  height:100%!important;
  min-height:0!important;
  align-self:stretch!important;
}
.panel-system .sys-rows{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  justify-content:flex-start!important;
  align-content:stretch!important;
  gap:18px!important;
  overflow:hidden!important;
  padding-bottom:0!important;
}
.panel-system .sys-rows > div{
  flex-shrink:0;
}
/* FIRM body trims to leave space — paragraph stays readable but lighter */
.panel-system .sys-about-body{
  margin-bottom:10px!important;
}

@media (max-width:1380px){
  .market-chart-section .chart-wrap{height:280px;min-height:240px}
}
@media (max-width:1099px){
  /* in tablet two-column layout MARKET goes full-width row 3 — give chart more room */
  .market-chart-section .chart-wrap{height:300px;min-height:260px}
}
@media (max-width:768px){
  .market-chart-section .chart-wrap{height:300px;min-height:240px}
  .market-chart-section .chart-section-title{font-size:14px!important;letter-spacing:.18em!important}
  .panel-system .sys-rows{justify-content:flex-start!important}
}
@media (max-width:480px){
  .market-chart-section .chart-wrap{height:260px;min-height:220px}
}

/* =================================================================
   === Periodic glitch on INSIDE THE LAB button ===================
   ================================================================= */
@keyframes reveal-btn-glitch{
  0%,100%{transform:translateX(-50%);filter:none;clip-path:none}
  8%{transform:translateX(calc(-50% - 6px));filter:drop-shadow(3px 0 rgba(0,255,156,.9)) drop-shadow(-3px 0 rgba(255,80,80,.6));clip-path:inset(0 0 70% 0)}
  20%{transform:translateX(calc(-50% + 6px));clip-path:inset(28% 0 38% 0);filter:brightness(1.55) drop-shadow(-3px 0 rgba(0,255,156,.75))}
  36%{transform:translateX(calc(-50% - 4px));clip-path:inset(0 0 55% 0);filter:drop-shadow(-3px 0 rgba(98,255,184,.7)) contrast(1.3)}
  52%{transform:translateX(calc(-50% + 5px));clip-path:inset(50% 0 12% 0);filter:contrast(1.4) saturate(1.3)}
  68%{transform:translateX(calc(-50% - 2px));clip-path:inset(15% 0 65% 0);filter:drop-shadow(2px 0 rgba(0,255,156,.8))}
  84%{transform:translateX(calc(-50% + 1px));clip-path:inset(0);filter:saturate(1.5) brightness(1.2)}
}
.reveal-btn.btn-glitching{
  animation:reveal-btn-glitch .46s steps(8) both!important;
}

/* Trade buttons (LONG / SHORT) — same feel, no translateX(-50%) base */
@keyframes trade-btn-glitch{
  0%,100%{transform:none;filter:none;clip-path:none}
  8%{transform:translate(-6px,1px);filter:drop-shadow(3px 0 rgba(0,255,156,.9)) drop-shadow(-3px 0 rgba(255,80,80,.6));clip-path:inset(0 0 70% 0)}
  20%{transform:translate(6px,-1px);clip-path:inset(28% 0 38% 0);filter:brightness(1.55) drop-shadow(-3px 0 rgba(0,255,156,.75))}
  36%{transform:translate(-4px,2px);clip-path:inset(0 0 55% 0);filter:drop-shadow(-3px 0 rgba(98,255,184,.7)) contrast(1.3)}
  52%{transform:translate(5px,-1px);clip-path:inset(50% 0 12% 0);filter:contrast(1.4) saturate(1.3)}
  68%{transform:translate(-2px,1px);clip-path:inset(15% 0 65% 0);filter:drop-shadow(2px 0 rgba(0,255,156,.8))}
  84%{transform:translate(1px,0);clip-path:inset(0);filter:saturate(1.5) brightness(1.2)}
}
.trade-btn.btn-glitching{
  animation:trade-btn-glitch .46s steps(8) both!important;
}

/* =================================================================
   === 4 new full-page glitch variants (similar to original) ======
   ================================================================= */

/* Variant 2 — vertical slice tear, heavier shake */
@keyframes glitch-main-2{
  0%,to{transform:none;filter:none;clip-path:none}
  18%{transform:translate(0,-2px);clip-path:inset(0 60% 0 0);filter:drop-shadow(2px 0 rgba(0,255,156,.6))}
  32%{transform:translate(0,2px);clip-path:inset(0 0 0 62%);filter:drop-shadow(-2px 0 rgba(98,255,184,.6))}
  46%{transform:translate(1px,-1px);clip-path:inset(0 30% 0 30%)}
  60%{transform:translate(-1px,1px);clip-path:inset(0 0 0 0);filter:contrast(1.18) saturate(1.2)}
  76%{transform:translate(0,1px) skewY(-.4deg);clip-path:inset(0 45% 0 5%)}
  88%{transform:translate(1px,0);clip-path:inset(0)}
}

/* Variant 3 — heavy chromatic drift, minimal clip */
@keyframes glitch-main-3{
  0%,to{transform:none;filter:none}
  15%{filter:drop-shadow(4px 0 rgba(0,255,156,.7)) drop-shadow(-4px 0 rgba(255,80,80,.45));transform:translate(3px,0)}
  30%{filter:drop-shadow(-3px 0 rgba(0,255,156,.7)) drop-shadow(3px 0 rgba(98,255,184,.65));transform:translate(-3px,1px)}
  45%{filter:drop-shadow(2px 1px rgba(98,255,184,.55)) drop-shadow(-2px -1px rgba(0,255,156,.45));transform:translate(2px,-1px)}
  60%{filter:drop-shadow(-2px 0 rgba(0,255,156,.6)) drop-shadow(2px 0 rgba(255,80,80,.4));transform:translate(0,1px)}
  78%{filter:contrast(1.15) saturate(1.3);transform:translate(-1px,0)}
  90%{filter:saturate(1.1);transform:none}
}

/* Variant 4 — flicker + brief hue shift, calmer transform */
@keyframes glitch-main-4{
  0%,to{transform:none;filter:none;clip-path:none}
  12%{filter:hue-rotate(35deg) brightness(1.15);transform:translate(-1px,0)}
  24%{filter:contrast(1.45) brightness(1.25);transform:translate(1px,1px);clip-path:inset(0 0 75% 0)}
  38%{filter:hue-rotate(-25deg) saturate(.6);clip-path:inset(40% 0 30% 0);transform:translate(-1px,0)}
  52%{filter:drop-shadow(2px 0 rgba(0,255,156,.55)) drop-shadow(-2px 0 rgba(98,255,184,.5));clip-path:inset(0);transform:translate(1px,0)}
  68%{filter:contrast(1.2) saturate(1.4) brightness(1.05);clip-path:inset(20% 0 55% 0);transform:translate(0,1px)}
  84%{filter:brightness(1.1);clip-path:inset(0);transform:translate(-1px,0)}
}

/* Variant 5 — multi-band tear + skew shake */
@keyframes glitch-main-5{
  0%,to{transform:none;filter:none;clip-path:none}
  10%{transform:translate(-3px,-2px) skewX(1deg);clip-path:inset(0 0 85% 0);filter:drop-shadow(2px 0 rgba(0,255,156,.6))}
  22%{transform:translate(3px,2px) skewX(-1deg);clip-path:inset(18% 0 68% 0);filter:drop-shadow(-2px 0 rgba(98,255,184,.5))}
  36%{transform:translate(-2px,1px) skewY(-.5deg);clip-path:inset(45% 0 35% 0);filter:drop-shadow(2px 0 rgba(0,255,156,.45))}
  50%{transform:translate(2px,-1px) skewX(.6deg);clip-path:inset(72% 0 8% 0)}
  64%{transform:translate(-1px,1px);clip-path:inset(0);filter:drop-shadow(-2px 0 rgba(98,255,184,.55))}
  80%{transform:translate(1px,0);filter:contrast(1.14) saturate(1.18)}
  92%{transform:none}
}

/* Apply each variant when corresponding class is on body */
body.glitch-on-2 .frame{animation:glitch-main-2 .45s steps(10) both!important}
body.glitch-on-3 .frame{animation:glitch-main-3 .45s steps(10) both!important}
body.glitch-on-4 .frame{animation:glitch-main-4 .45s steps(10) both!important}
body.glitch-on-5 .frame{animation:glitch-main-5 .45s steps(10) both!important}

/* Re-use the same noise + tear overlays for all variants */
body.glitch-on-2 .glitch-noise,
body.glitch-on-3 .glitch-noise,
body.glitch-on-4 .glitch-noise,
body.glitch-on-5 .glitch-noise{
  animation:glitch-noise-main .45s steps(7) both!important;
  opacity:1;
}
body.glitch-on-2 .glitch-tear,
body.glitch-on-3 .glitch-tear,
body.glitch-on-4 .glitch-tear,
body.glitch-on-5 .glitch-tear{
  animation:glitch-tear-main .45s steps(8) both!important;
  opacity:1;
}

/* =================================================================
   === INSIDE THE LAB button — smaller compact pill ================
   ================================================================= */
.reveal-btn{
  padding:8px 22px!important;
  font-size:11px!important;
  letter-spacing:0.18em!important;
  min-width:180px!important;
  font-weight:600!important;
}
@media (max-width:768px){
  .reveal-btn{
    padding:7px 18px!important;
    font-size:10px!important;
    min-width:150px!important;
    bottom:72px!important;
  }
}

/* =================================================================
   === Team-card popup: no inner scroll, full bio visible =========
   ================================================================= */
.team-info .team-card{
  max-height:none!important;
  overflow-y:visible!important;
  overflow:visible!important;
}
/* Slightly tighter bio so the card fits comfortably without scroll */
.team-card .bio{
  font-size:15px!important;
  line-height:1.6!important;
  margin-top:12px!important;
}
.team-card{
  padding:22px 26px!important;
}

/* =================================================================
   === Top & bottom bars: matching outer frames, plain inner text =
   ================================================================= */
/* Both outer bars: identical bright-green border (matching logo / email /
   INSIDE THE LAB / ASCII plate), black bg, same height. */
.top-bar,.bottom-bar{
  background:#000!important;
  border:1px solid var(--green)!important;
  box-shadow:0 0 18px rgba(0,255,156,0.12)!important;
}
/* Bottom-bar rights — muted gray plain text, compact size */
.bottom-bar .rights{
  display:inline-flex!important;
  align-items:center!important;
  color:var(--muted)!important;
  font-size:12px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:600!important;
  font-family:"JetBrains Mono",monospace!important;
  background:transparent!important;
  border:none!important;
  padding:0!important;
}
/* Top-bar LIVE — strip the inner pill so the outer green frame is "the"
   border (matches bottom bar outer). Keep the colored dot + green text. */
.top-bar .ws-status{
  background:transparent!important;
  border:none!important;
  padding:0!important;
  font-size:14px!important;
  letter-spacing:.22em!important;
  font-weight:600!important;
  color:var(--green)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
}
.top-bar .ws-status.warn{color:var(--amber)!important}
.top-bar .ws-status.err{color:var(--red)!important}

@media (max-width:900px){
  .bottom-bar .rights{
    font-size:11px!important;
    letter-spacing:.14em!important;
  }
  .top-bar .ws-status{
    font-size:11px!important;
    letter-spacing:.18em!important;
  }
}

/* =================================================================
   === Bottom-LEFT egg hints — mirrors .eggs-counter on the right =
   ================================================================= */
.egg-hint{
  position:fixed;
  left:18px;
  bottom:14px;
  height:60px;
  min-height:60px;
  z-index:80;
  display:flex;
  align-items:center;
  padding:0 22px;
  font-family:"JetBrains Mono",monospace;
  font-size:14px;
  font-weight:600;
  letter-spacing:.22em;
  background:#000;
  border:1px solid var(--green-dim);
  border-radius:3px;
  color:var(--green-bright);
  opacity:0;
  pointer-events:none;
  line-height:1;
  box-sizing:border-box;
  transition:opacity .35s ease;
  white-space:nowrap;
}
.egg-hint::before{
  content:'▸';
  color:var(--green);
  margin-right:10px;
  font-weight:700;
}
.egg-hint.visible{
  opacity:1;
}
@media (max-width:900px){
  .egg-hint{
    height:48px;
    min-height:48px;
    padding:0 16px;
    font-size:12px;
    left:10px;
    bottom:8px;
    letter-spacing:.16em;
  }
}

/* =================================================================
   === FIRM section bullets ======================================
   ================================================================= */
.sys-about-bullets{
  list-style:none!important;
  padding:0!important;
  margin:14px 0 16px!important;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.sys-about-bullets li{
  position:relative;
  padding-left:18px;
  font-size:15px;
  line-height:1.5;
  color:var(--text);
  letter-spacing:.01em;
}
.sys-about-bullets li::before{
  content:'▸';
  position:absolute;
  left:0;
  top:0;
  color:var(--green);
  font-weight:700;
  font-size:13px;
}
.sys-about-bullets li strong{
  color:var(--green-bright);
  font-weight:700;
  font-family:"JetBrains Mono",monospace;
  letter-spacing:.02em;
}
@media (max-width:1380px){
  .sys-about-bullets li{font-size:14px;line-height:1.45}
}
@media (max-width:768px){
  .sys-about-bullets{gap:7px!important;margin:10px 0 12px!important}
  .sys-about-bullets li{font-size:13px;line-height:1.4;padding-left:16px}
}

/* =================================================================
   ████████  RESPONSIVE OVERHAUL · FINAL PASS  ████████
   Lives at end of file to override every earlier patch.
   Breakpoints (mobile-first thinking, desktop-first declarations):
     ≥1920px  ultra-wide / 4K-ish — bump fonts up
     ≥1600px  large desktop — slight bump
     1100-1599  default desktop (the design baseline)
     769-1099  tablet — flex column, single col
     481-768  mobile — stacked, larger touch targets
     ≤480   mobile-xs — compact mode
   ================================================================= */

/* ─── 0. Global anti-overflow + safe scrolling ─────────────────── */
html,body{
  overflow-x:hidden!important;
  max-width:100vw!important;
}

/* ─── 1. DESKTOP baseline (≥1100): grid layout, INFO fills column ─ */
@media (min-width:1100px){
  .panel-system{
    grid-row:1/span 2!important;
    height:100%!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .panel-system .sys-rows{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:100%!important;
    justify-content:flex-start!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    gap:18px!important;
    padding-bottom:4px!important;
  }
}

/* ─── 2. TABLET / MOBILE (≤1099): unwind grid, never collapse content ─ */
@media (max-width:1099px){
  .panel-system{
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    grid-row:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .panel-system .sys-rows{
    display:flex!important;
    flex-direction:column!important;
    flex:0 0 auto!important;
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:22px!important;
    padding-right:0!important;
    padding-bottom:0!important;
  }
  .panel-system .sys-rows > div{
    flex:0 0 auto!important;
    display:block!important;
    width:100%!important;
  }
  /* Every section in INFO visible — kill any rule that hides them in revealed mode */
  body.revealed .panel-system,
  body.revealed .panel-system .sys-rows,
  body.revealed .panel-system .sys-rows > div{
    display:block!important;
  }
  body.revealed .panel-system .sys-rows{display:flex!important}
}

/* ─── 3. EGG-HINT: hide on tablet/mobile (would overlap bottom-bar on scroll) ─ */
@media (max-width:1099px){
  .egg-hint{display:none!important}
}

/* ─── 4. CHART OVERLAY on mobile: fit without internal scroll ───── */
@media (max-width:1099px){
  .market-chart-section .chart-wrap{
    height:340px!important;
    min-height:280px!important;
  }
}
@media (max-width:768px){
  .market-chart-section .chart-wrap{
    height:380px!important;
    min-height:340px!important;
  }
  .chart-overlay{
    padding:14px 16px!important;
    overflow:visible!important;
    overflow-y:visible!important;
    justify-content:center!important;
  }
  .chart-overlay-title{font-size:15px!important;letter-spacing:.18em!important;margin-bottom:8px!important}
  .chart-overlay-cta{font-size:11px!important;letter-spacing:.14em!important;margin-bottom:8px!important}
  .chart-overlay-email{font-size:13px!important;padding:7px 16px!important;margin-bottom:8px!important}
  .results-card{padding:10px 14px!important;margin-top:10px!important;max-width:100%!important}
  .results-card .chart-overlay-section{font-size:11px!important;margin-bottom:4px!important}
  .results-card .chart-overlay-stats{font-size:12px!important;line-height:1.4!important;margin-bottom:6px!important}
  .chart-overlay-share{font-size:11px!important;padding:6px 14px!important;letter-spacing:.14em!important}
  .share-icons{margin-top:8px!important;gap:8px!important}
  .share-icon{width:32px!important;height:32px!important}
  .share-icon svg{width:14px!important;height:14px!important}
}
@media (max-width:480px){
  .market-chart-section .chart-wrap{
    height:360px!important;
    min-height:320px!important;
  }
  .chart-overlay-title{font-size:13px!important}
  .chart-overlay-email{font-size:12px!important}
  .results-card .chart-overlay-stats{font-size:11px!important}
}

/* ─── 5. MARKET TABLE on mobile: keep volume column visible ──── */
@media (max-width:768px){
  .market-head,.market-row{
    grid-template-columns:.7fr 1fr .85fr 1fr!important;
    gap:4px!important;
  }
  /* Show volume (4th col); hide volatility (5th col) */
  .market-head>:nth-child(4),
  .market-row>.vol{
    display:block!important;
    text-align:right!important;
  }
  .market-head>:nth-child(5),
  .market-row>.vlt{
    display:none!important;
  }
  .market-row,.market-head{font-size:12px!important}
  .market-row .vol{font-size:12px!important}
}
@media (max-width:480px){
  .market-head,.market-row{
    grid-template-columns:.7fr 1fr .85fr 1fr!important;
    gap:3px!important;
  }
  .market-row,.market-head{font-size:11px!important}
  .market-row .vol{font-size:11px!important}
}

/* ─── 6. LARGE SCREEN scaling (≥1600 / ≥1920 / ≥2400) ───────────── */
@media (min-width:1600px) and (max-width:1919px){
  .panel-system .sys-about-body{font-size:17px!important;line-height:1.6!important}
  .panel-system .sys-section{font-size:19px!important;padding-bottom:11px!important;margin-bottom:11px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:18px!important}
  .panel-system .sys-row{padding:10px 0!important}
  .panel-system .sys-rows{gap:28px!important}
  .sys-about-bullets li{font-size:16px!important;line-height:1.55!important}
  .panel-market .metric-section,.panel-market .market-section-divider{font-size:19px!important}
  .panel-market .metric-row .k,.panel-market .metric-row .v,
  .panel-market .market-row{font-size:18px!important;padding:10px 0!important}
  .panel-market .market-head{font-size:16px!important}
  .market-chart-section .chart-section-title{font-size:19px!important}
  .market-chart-section .chart-section-title .right{font-size:22px!important}
}
@media (min-width:1920px) and (max-width:2399px){
  body{font-size:21px}
  .panel-system .sys-about-body{font-size:17px!important;line-height:1.55!important}
  .panel-system .sys-section{font-size:20px!important;padding-bottom:10px!important;margin-bottom:10px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:18px!important}
  .panel-system .sys-row{padding:9px 0!important;gap:14px!important}
  .panel-system .sys-rows{gap:26px!important}
  .sys-about-bullets li{font-size:16px!important;line-height:1.55!important;padding-left:20px!important}
  .sys-about-bullets{gap:10px!important;margin:14px 0 18px!important}
  .panel-market .metric-section,.panel-market .market-section-divider{font-size:20px!important}
  .panel-market .metric-row .k,.panel-market .metric-row .v,
  .panel-market .market-row{font-size:18px!important;padding:10px 0!important}
  .panel-market .market-head{font-size:16px!important}
  .market-chart-section .chart-section-title{font-size:20px!important}
  .market-chart-section .chart-section-title .right{font-size:22px!important}
  .market-chart-section .chart-wrap{height:360px!important}
  .ascii-plate{font-size:20px!important}
  .typed-row{font-size:26px!important}
  .about-text{font-size:22px!important}
  .email-cmd{font-size:30px!important;padding:22px 48px!important}
}
@media (min-width:2400px){
  body{font-size:26px}
  .panel-system .sys-about-body{font-size:20px!important;line-height:1.6!important}
  .panel-system .sys-section{font-size:23px!important;padding-bottom:12px!important;margin-bottom:12px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:22px!important}
  .panel-system .sys-row{padding:12px 0!important}
  .panel-system .sys-rows{gap:34px!important}
  .sys-about-bullets li{font-size:19px!important;line-height:1.6!important}
  .panel-market .metric-row .k,.panel-market .metric-row .v,
  .panel-market .market-row{font-size:22px!important;padding:12px 0!important}
  .panel-market .market-head{font-size:18px!important}
  .market-chart-section .chart-wrap{height:440px!important}
  .ascii-plate{font-size:24px!important}
  .typed-row{font-size:32px!important}
  .about-text{font-size:26px!important}
  .email-cmd{font-size:36px!important;padding:28px 60px!important}
}

/* ─── 7. MOBILE bottom-bar + top-bar: hide bottom-bar text on tiny ─ */
@media (max-width:480px){
  .bottom-bar .rights{
    font-size:9px!important;
    letter-spacing:.08em!important;
    white-space:nowrap;
  }
  .top-bar .ws-status{
    font-size:11px!important;
    letter-spacing:.12em!important;
  }
}

/* ─── 8. INFO sections content: ensure visibility, kill any hidden state ─ */
.panel-system .sys-section,
.panel-system .sys-about,
.panel-system .sys-row,
.panel-system .sys-about-body,
.panel-system .sys-about-bullets,
.panel-system .sys-about-bullets li{
  visibility:visible!important;
  opacity:1!important;
}
body.revealed .panel-system *{
  visibility:visible!important;
}

/* ─── 9. PANEL-CENTER (logo block) — capped to stay below native 640px ─
   Native PNG is 640×299. Anything above ~480 CSS px gets upscaled and
   looks blurry, especially on high-DPR retina screens. Cap aggressively. */
.logo-block img{
  width:clamp(280px, 22vw, 420px)!important;
  max-width:460px!important;
  height:auto!important;
}
.logo-block{padding:24px 36px!important;margin-bottom:28px!important}

@media (min-width:1920px) and (max-width:2399px){
  .logo-block img{width:clamp(320px, 18vw, 440px)!important;max-width:460px!important}
  .logo-block{padding:28px 42px!important;margin-bottom:32px!important}
}
@media (min-width:2400px){
  .logo-block img{width:clamp(360px, 16vw, 480px)!important;max-width:520px!important}
  .logo-block{padding:32px 48px!important;margin-bottom:36px!important}
}
@media (max-width:1380px){
  .logo-block img{width:clamp(260px, 24vw, 380px)!important}
  .logo-block{padding:22px 32px!important;margin-bottom:24px!important}
}
@media (max-width:1099px){
  .logo-block img{width:clamp(220px, 30vw, 340px)!important}
  .logo-block{padding:20px 30px!important;margin-bottom:20px!important}
}
@media (max-width:768px){
  .logo-block img{width:clamp(180px, 48vw, 280px)!important}
  .logo-block{padding:18px 26px!important;margin-bottom:18px!important}
}
@media (max-width:480px){
  .logo-block img{width:clamp(160px, 55vw, 220px)!important}
  .logo-block{padding:16px 22px!important;margin-bottom:14px!important}
}

/* ─── 10. INSIDE THE LAB button on all viewports ─────────────────── */
@media (max-width:1099px){
  body.collapsed .reveal-btn{
    position:static!important;
    transform:none!important;
    margin:24px auto 12px!important;
    min-width:260px!important;
    font-size:12px!important;
  }
}
@media (max-width:480px){
  body.collapsed .reveal-btn{
    min-width:200px!important;
    font-size:10px!important;
    padding:8px 20px!important;
  }
}

/* ─── 11. TEAM-CARD on tablet/mobile: modal-centered, fit content ─ */
@media (max-width:1099px){
  .team-info .team-card{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(560px, 92vw)!important;
    max-width:92vw!important;
    max-height:88vh!important;
    overflow-y:auto!important;
  }
}
@media (max-width:768px){
  .team-info .team-card{
    width:min(440px, 94vw)!important;
    padding:18px 20px!important;
  }
  .team-card-header img{width:96px!important;height:96px!important}
  .team-card .name{font-size:16px!important}
  .team-card .role{font-size:12px!important}
  .team-card .bio{font-size:13px!important;line-height:1.55!important}
}

/* ─── 12. PANEL-NEWS hidden on tablet+mobile (avoid layout pressure) ─ */
.panel-news,.panel-metrics{display:none!important}

/* ─── 13. Hide team-info ? on tiny mobiles (touch interactions awkward) ─ */
@media (max-width:480px){
  .team-info{
    width:16px!important;
    height:16px!important;
    font-size:11px!important;
    margin-left:6px!important;
  }
}

/* ─── 14. Ascii-plate scales on tiny screens ─────────────────────── */
@media (max-width:480px){
  .ascii-plate{font-size:8px!important;overflow:hidden;line-height:1.05!important}
  .ascii-plate pre{white-space:pre!important}
}

/* ─── 15. Chart in market-stack: enforce explicit height on all bp ─ */
.market-chart-section{
  flex:0 0 auto!important;
}
.market-chart-section .chart-wrap{
  flex:0 0 auto!important;
}

/* ─── 16. ASCII-plate replaced by CSS-styled div (box-drawing chars had
   sub-pixel width drift in JetBrains Mono — corners + middle row
   misaligned. CSS border is rock-solid.) */
.ascii-plate{
  display:flex!important;
  justify-content:center!important;
  margin-bottom:16px!important;
  user-select:none;
  padding:0!important;
}
.ascii-plate .ascii-plate-inner{
  display:inline-block;
  border:1px solid var(--green-dim);
  padding:8px 24px;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:17px;
  letter-spacing:.15em;
  color:var(--green-dim);
  font-weight:600;
  line-height:1.2;
  background:rgba(0,0,0,0.4);
}
.ascii-plate .ascii-plate-inner [data-popup]{
  color:var(--green-dim);
  cursor:pointer;
  transition:color .2s ease;
}
.ascii-plate .ascii-plate-inner [data-popup]:hover{
  color:var(--green-bright);
}
@media (max-width:1380px){
  .ascii-plate .ascii-plate-inner{font-size:15px;padding:7px 20px}
}
@media (max-width:1099px){
  .ascii-plate .ascii-plate-inner{font-size:14px;padding:6px 18px;letter-spacing:.12em}
}
@media (max-width:768px){
  .ascii-plate .ascii-plate-inner{font-size:11px;padding:5px 14px;letter-spacing:.1em}
}
@media (max-width:480px){
  .ascii-plate .ascii-plate-inner{font-size:10px;padding:4px 10px;letter-spacing:.06em}
}
@media (min-width:1920px) and (max-width:2399px){
  .ascii-plate .ascii-plate-inner{font-size:20px;padding:10px 30px;letter-spacing:.18em}
}
@media (min-width:2400px){
  .ascii-plate .ascii-plate-inner{font-size:24px;padding:12px 36px;letter-spacing:.2em}
}

/* === INFO panel (panel-system) — compact scale matching MARKET === */
.panel-system .sys-section{font-size:16px!important;letter-spacing:.18em!important;padding-bottom:7px!important;margin-bottom:7px!important}
.panel-system .sys-row{padding:7px 0!important;gap:10px!important}
.panel-system .sys-row .k,.panel-system .sys-row .v{font-size:16px!important;letter-spacing:.04em!important}
.panel-system .sys-row .v.amber{font-size:13px!important;padding:2px 8px!important}
.panel-system .sys-rows{gap:18px!important;justify-content:flex-start!important}
.panel-system .sys-about-body{font-size:16px!important;line-height:1.55!important}
.panel-system .sys-about-bullets{font-size:16px!important;line-height:1.55!important}
.panel-system .sys-about-bullets li{margin-bottom:6px!important}
.panel-system .team-info{font-size:11px!important;width:16px!important;height:16px!important}
@media (max-width:768px){
  .panel-system .sys-section{font-size:14px!important}
  .panel-system .sys-row .k,.panel-system .sys-row .v{font-size:14px!important}
  .panel-system .sys-row .v.amber{font-size:12px!important}
  .panel-system .sys-about-body,.panel-system .sys-about-bullets{font-size:14px!important}
}

/* === MARKET panel — compact font scale (final override) === */
.panel-market .chart-section-title{font-size:16px!important;letter-spacing:.18em!important}
.panel-market .chart-section-title .right{font-size:18px!important}
.panel-market .market-row{font-size:16px!important;padding:7px 0!important}
.panel-market .market-row .vol{font-size:13px!important}
.panel-market .market-head{font-size:13px!important;letter-spacing:.06em!important}
.panel-market .metric-section{font-size:16px!important;letter-spacing:.18em!important}
.panel-market .market-section-divider{font-size:16px!important;letter-spacing:.18em!important}
.panel-market .metric-row .k,.panel-market .metric-row .v{font-size:16px!important}
.panel-market .metric-row{padding:6px 0!important}
.trade-stats{font-size:14px!important}
.trade-stats strong{font-size:16px!important}
@media (max-width:768px){
  .panel-market .chart-section-title{font-size:14px!important}
  .panel-market .chart-section-title .right{font-size:16px!important}
  .panel-market .market-row{font-size:14px!important}
  .panel-market .market-head{font-size:11px!important}
  .trade-stats{font-size:12px!important}
  .trade-stats strong{font-size:14px!important}
}

.scroll-hint{position:absolute;right:6px;bottom:6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:var(--green);opacity:0;pointer-events:none;transition:opacity .3s ease;text-shadow:0 0 6px var(--green);z-index:5}.panel.has-scroll .scroll-hint{opacity:.45;animation:scroll-pulse 1.8s ease-in-out infinite}@keyframes scroll-pulse{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:.75;transform:translateY(2px)}}