@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";html{background:#06102f}img,svg{display:block}:root{--ink:#06102f;--deep:#08246b;--panel:#0b3284;--panel-2:#102f74;--grid:#82a9ff;--grid-soft:#82a9ff6b;--paper:#f8f6ec;--muted:#9eb8fb;--orange:#ff6b00;--gold:#ffc46b;--green:#69ff9a;--red:#ff5c68;--black:#070707;color:var(--paper);font-synthesis:none;font-family:"Press Start 2P",VT323,Courier New,monospace;line-height:1.45}*{box-sizing:border-box}body{background:var(--ink);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}.app-shell{isolation:isolate;min-height:100vh;padding:18px;position:relative}.market-backdrop{z-index:-2;background:linear-gradient(90deg, var(--grid) 10px, transparent 10px), linear-gradient(0deg, var(--grid) 10px, transparent 10px), radial-gradient(circle at 82% 22%, #ff6b004d, transparent 18%), var(--deep);opacity:.68;background-size:130px 90px,130px 90px,100% 100%,auto;grid-template-columns:repeat(11,minmax(92px,1fr));grid-auto-rows:78px;display:grid;position:fixed;inset:0;overflow:hidden}.market-backdrop:before{content:"";background:repeating-linear-gradient(0deg,#ffffff0f 0 2px,#0000 2px 6px),linear-gradient(90deg,#0000 68%,#ff6b00e6 68% 75%,#0000 75%);animation:9s steps(9,end) infinite board-shift;position:absolute;inset:0}.market-backdrop span{color:#9eb8fbc2;text-shadow:4px 4px #0003;place-self:center;font-size:clamp(20px,4vw,48px)}.market-backdrop span:before{content:"";vertical-align:middle;background:var(--grid);clip-path:polygon(50% 0,100% 100%,0 100%);width:30px;height:20px;margin-right:12px;display:inline-block}.market-backdrop .down:before{clip-path:polygon(0 0,100% 0,50% 100%)}.market-backdrop .hot{color:#ffc46beb}.top-bar{grid-template-columns:minmax(230px,.8fr) minmax(360px,2fr) auto;align-items:stretch;gap:12px;max-width:1540px;margin:0 auto 14px;display:grid}.brand-lockup,.ticker-strip,.pixel-button,.pixel-panel,.stats-board,.speech-bubble{border:6px solid var(--grid);box-shadow:8px 8px 0 var(--black)}.brand-lockup{background:#05133eeb;align-items:center;gap:14px;min-height:84px;padding:12px;display:flex}.brand-mark{background:var(--orange);width:54px;height:54px;color:var(--black);border:5px solid var(--black);flex:none;place-items:center;font-size:18px;animation:1.6s steps(2,end) infinite pulse-pixel;display:grid}.eyebrow,.brand-lockup h1,.pixel-panel h2,.ticker-cell span,.mega-stat span,.mini-stat span,.pnl-stack span{letter-spacing:0;text-transform:uppercase;margin:0}.eyebrow{color:var(--muted);font-size:10px}.brand-lockup h1{margin-top:7px;font-size:clamp(18px,2vw,28px)}.ticker-strip{background:#0d2f78eb;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ticker-cell{border-right:5px solid var(--grid);align-content:center;min-width:0;padding:10px 12px;animation:3.4s step-end infinite cell-flicker;display:grid}.ticker-cell:last-child{border-right:0}.ticker-cell span{color:var(--muted);font-size:9px}.ticker-cell strong{text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:clamp(13px,1.6vw,22px);overflow:hidden}.ticker-cell.good strong,.good-text,.mega-stat.good strong{color:var(--green)}.ticker-cell.bad strong,.bad-text,.mega-stat.bad strong{color:var(--red)}.pixel-button{background:var(--paper);min-width:150px;min-height:84px;color:var(--black);cursor:pointer;justify-content:center;align-items:center;gap:9px;display:flex}.header-actions{grid-template-columns:76px 150px;gap:12px;display:grid}.header-actions .pixel-button{min-width:0}.social-button{background:var(--black);color:var(--paper);border-color:var(--orange)}.social-button:hover{color:var(--gold);transform:translate(-2px,-2px)}.pixel-button:disabled{cursor:wait;filter:grayscale(.4)}.spin{animation:.8s steps(8,end) infinite spin}.hero-grid{grid-template-columns:minmax(360px,.95fr) minmax(400px,1.25fr);gap:16px;max-width:1540px;margin:0 auto 16px;display:grid}.stonk-stage{border:6px solid var(--grid);min-height:520px;box-shadow:8px 8px 0 var(--black);background-color:#04123ae6;background-image:linear-gradient(90deg,#82a9ff33 1px,#0000 1px),linear-gradient(0deg,#82a9ff33 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:relative;overflow:hidden}.signal-badge{z-index:3;background:var(--black);color:var(--green);border:4px solid var(--green);text-transform:uppercase;align-items:center;gap:8px;padding:9px 10px;font-size:10px;display:inline-flex;position:absolute;top:14px;left:14px}.market-sun{background:var(--orange);clip-path:polygon(10% 66%,48% 66%,48% 46%,78% 46%,78% 26%,100% 26%,100% 44%,84% 44%,84% 64%,56% 64%,56% 84%,10% 84%);width:350px;height:350px;image-rendering:pixelated;animation:1.2s steps(4,end) infinite alternate arrow-surge;position:absolute;bottom:52px;right:-50px}.stonk-sprite{z-index:2;aspect-ratio:1/1.05;width:min(74%,460px);image-rendering:pixelated;filter:drop-shadow(14px 14px #00000080);background-image:url(/assets/stonk-spritesheet.png);background-position:0 0;background-size:600% 100%;animation:2.6s step-end infinite stonk-frames,1.8s steps(2,end) infinite stonk-bob;position:absolute;bottom:-15px;left:5%}.speech-bubble{z-index:4;background:var(--paper);width:min(40%,360px);max-height:185px;color:var(--black);padding:12px;font-family:Courier New,monospace;font-size:clamp(12px,1.05vw,16px);font-weight:900;animation:.55s steps(5,end) bubble-pop;position:absolute;top:118px;right:12px;overflow:hidden}.speech-bubble:before{content:"";border-top:13px solid #0000;border-right:32px solid var(--paper);border-bottom:13px solid #0000;position:absolute;top:62px;left:-32px}.speech-bubble span{color:var(--orange);font-family:var(--font-pixel,"Courier New", monospace);margin-bottom:8px;font-size:10px;display:block}.stats-board{background:#05133ef0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:520px;padding:16px;display:grid}.mega-stat,.mini-stat,.wallet-row{border:5px solid var(--grid-soft);background:#0f3180b8;padding:16px}.token-ca-row{color:var(--green)}.mega-stat{align-content:center;min-height:150px;display:grid}.mega-stat span,.mini-stat span,.pnl-stack span{color:var(--muted);font-size:10px}.mega-stat strong{text-overflow:ellipsis;white-space:nowrap;margin-top:13px;font-size:clamp(24px,3vw,42px);line-height:1;display:block;overflow:hidden}.mini-stat{align-content:center;min-height:115px;display:grid}.mini-stat strong,.wallet-row{overflow-wrap:anywhere;margin-top:10px;font-size:clamp(13px,1.4vw,20px)}.wallet-row{color:var(--gold);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;margin-top:0;display:flex}.wallet-row div{gap:7px;min-width:0;display:grid}.wallet-row small{color:var(--muted);text-transform:uppercase;font-size:10px}.wallet-row span{overflow-wrap:anywhere;min-width:0}.wallet-link{background:var(--black);color:var(--green);border:4px solid var(--green);text-transform:uppercase;flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:inline-flex}.wallet-link:hover{color:var(--gold);border-color:var(--gold)}.dashboard-grid{grid-template-columns:1.15fr 1fr .8fr;gap:16px;max-width:1540px;margin:0 auto;display:grid}.pixel-panel{background:#05133ef2;min-height:350px}.pixel-panel.tall{grid-row:span 2}.pixel-panel>header{border-bottom:5px solid var(--grid);background:var(--panel);justify-content:space-between;align-items:center;padding:12px;display:flex}.pixel-panel>header div{align-items:center;gap:9px;display:flex}.pixel-panel h2{font-size:14px}.data-list,.positions-list,.pnl-stack{max-height:485px;padding:12px;overflow:auto}.swap-row,.position-row,.pnl-stack>div{background:#102f74d1;border:4px solid #82a9ff73}.swap-row{grid-template-columns:74px 92px minmax(120px,1fr) .8fr .9fr 80px 18px;align-items:center;gap:10px;margin-bottom:10px;padding:11px;font-size:12px;transition:transform .14s steps(2,end),background .14s steps(2,end);display:grid}.swap-row:hover{background:#ff6b0047;transform:translate(-2px,-2px)}.side{color:var(--black);place-items:center;padding:7px 8px;font-size:10px;display:inline-grid}.side.buy{background:var(--green)}.side.sell{background:var(--red)}.position-row{grid-template-columns:1fr 1fr .9fr;align-items:center;gap:10px;margin-bottom:10px;padding:12px;font-size:12px;display:grid}.position-row div{gap:6px;display:grid}.position-row span,.position-row small,.token-name,.empty-state{color:var(--muted);font-family:Courier New,monospace;font-size:14px;font-weight:800}.position-row small,.token-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pnl-stack{gap:10px;display:grid}.pnl-stack>div{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.pnl-stack strong{text-align:right}.empty-state{text-align:center;place-items:center;min-height:230px;padding:18px;display:grid}.empty-state span{color:var(--orange);font-size:58px;animation:1s steps(2,end) infinite pulse-pixel;display:block}@keyframes stonk-frames{0%,22%{background-position:0 0}23%,40%{background-position:20% 0}41%,48%{background-position:40% 0}49%,70%{background-position:60% 0}71%,84%{background-position:80% 0}85%,to{background-position:100% 0}}@keyframes stonk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bubble-pop{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes board-shift{to{transform:translateY(54px)}}@keyframes arrow-surge{to{transform:translate(12px,-12px)}}@keyframes cell-flicker{0%,92%,to{filter:brightness()}93%{filter:brightness(1.35)}}@keyframes pulse-pixel{50%{transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.top-bar,.hero-grid,.dashboard-grid{grid-template-columns:1fr}.ticker-strip{grid-template-columns:repeat(2,1fr)}.pixel-button{min-height:62px}.header-actions{grid-template-columns:1fr 2fr}.pixel-panel.tall{grid-row:auto}}@media (width<=720px){.app-shell{padding:10px}.brand-lockup,.ticker-strip,.pixel-button,.pixel-panel,.stats-board,.speech-bubble,.stonk-stage{box-shadow:5px 5px 0 var(--black);border-width:4px}.ticker-strip,.stats-board{grid-template-columns:1fr}.stonk-stage{min-height:560px}.stonk-sprite{width:min(96%,420px);animation:2.6s step-end infinite stonk-frames;left:50%;transform:translate(-50%)}.speech-bubble{width:calc(100% - 20px);max-height:150px;top:auto;bottom:16px;right:10px}.speech-bubble:before{display:none}.wallet-row{flex-direction:column;align-items:flex-start}.swap-row,.position-row{grid-template-columns:1fr 1fr}.market-backdrop{grid-template-columns:repeat(4,minmax(80px,1fr))}}
