:root{
  --bg:#090b0d;--panel:#0d1115;--panel2:#11171c;--line:#263039;--yellow:#f5bf24;
  --green:#6cff4a;--red:#ff4b45;--cyan:#4ad9ff;--text:#f3f0df;--muted:#7c8b95;
  --px:2px;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:"Courier New",ui-monospace,monospace}
body{image-rendering:pixelated}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:22px 22px;opacity:.32}
.noise{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.app{height:100dvh;display:grid;grid-template-rows:52px 1fr 42px;position:relative;z-index:2;min-height:640px}
.topbar,.footerbar{border-color:var(--line);background:#080a0c;display:flex;align-items:center;position:relative;z-index:20}
.topbar{border-bottom:3px solid var(--line)}.footerbar{border-top:3px solid var(--line);padding:0 16px;font-size:11px}
.brand{width:265px;padding-left:18px;display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:1px;color:var(--yellow);white-space:nowrap}
.brand-text{font-size:17px;text-shadow:2px 2px #000}
.briefcase{width:26px;height:19px;background:var(--yellow);display:block;position:relative;box-shadow:3px 3px 0 #332b0b}
.briefcase b{position:absolute;left:7px;top:-7px;width:12px;height:7px;border:3px solid var(--yellow);border-bottom:0}.briefcase i,.briefcase em{position:absolute;top:7px;width:4px;height:4px;background:#111}.briefcase i{left:5px}.briefcase em{right:5px}
.ticker-window{height:100%;flex:1;overflow:hidden;border-left:2px solid var(--line);border-right:2px solid var(--line);display:flex;align-items:center;background:#0a0e10}
.ticker{display:flex;width:max-content;animation:ticker 30s linear infinite;white-space:nowrap}.ticker span{margin-right:44px;font-size:12px;color:#d8dfcf}.ticker b{color:#fff}.ticker i{font-style:normal;color:var(--green);margin-left:5px}.ticker i.red{color:var(--red)}
@keyframes ticker{to{transform:translateX(-50%)}}
.status{width:182px;text-align:center;font-weight:900;color:var(--green);font-size:12px}.status span{display:inline-block;width:8px;height:8px;background:var(--green);margin-right:8px;box-shadow:0 0 12px var(--green);animation:pulse 1.1s steps(2) infinite}@keyframes pulse{50%{opacity:.3}}
.workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(480px,1.55fr) minmax(300px,1.05fr);gap:8px;padding:8px;min-height:0}
.panel,.hero-panel{border:2px solid var(--line);background:linear-gradient(180deg,#0c1114,#090c0e);position:relative;min-height:0;overflow:hidden;box-shadow:inset 0 0 0 2px #050607}
.panel::after,.hero-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.015) 4px)}
.panel-head{height:34px;border-bottom:2px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#94a4ad;font-size:10px;letter-spacing:.7px;background:#0b0f12}.live{color:var(--green)}
.market-panel{display:flex;flex-direction:column}.quote-row{display:flex;justify-content:space-between;align-items:end;padding:15px 14px 10px}.quote-row small{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.quote-row strong{font-size:28px;letter-spacing:-1px;color:#fff}.quote-change{color:var(--green);font-size:14px;font-weight:900;padding-bottom:4px}
.chart-wrap{margin:0 10px;position:relative;flex:1;min-height:190px;border:1px solid #1d2b31;background:#070b0d;overflow:hidden}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-badge{position:absolute;top:7px;left:8px;background:#10181c;border:1px solid #35434a;padding:4px 6px;font-size:9px;color:#9caab1}.crosshair{position:absolute;inset:0;pointer-events:none;opacity:0}.crosshair span,.crosshair i{position:absolute;background:rgba(255,255,255,.14)}.crosshair span{left:0;right:0;height:1px}.crosshair i{top:0;bottom:0;width:1px}
.trade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 10px}.trade-buttons button,.hero-actions button{font:900 12px "Courier New",monospace;letter-spacing:1px;border:0;cursor:pointer;position:relative;transition:.06s transform}.trade-buttons button:active,.hero-actions button:active{transform:translate(2px,2px)}
.buy{background:var(--green);color:#071006;box-shadow:3px 3px 0 #204c19}.sell{background:var(--red);color:#160504;box-shadow:3px 3px 0 #5a1c19}.trade-buttons button{height:36px}
.mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--line)}.mini-stats>div{padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-stats small{display:block;color:var(--muted);font-size:8px}.mini-stats b{font-size:11px;color:var(--green)}.mini-stats .redtxt{color:var(--red)}
.hero-panel{background:radial-gradient(circle at 50% 55%,#18221a 0,#0c110e 43%,#080a0b 75%);display:flex;align-items:center;justify-content:center}
.hero-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(245,191,36,.07) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(245,191,36,.05) 50%,transparent 50.3%);background-size:52px 52px;opacity:.5}
.hero-wordmark{position:absolute;left:18px;bottom:7px;font:900 clamp(70px,9vw,150px)/.69 Arial Black,Impact,sans-serif;letter-spacing:-9px;color:#171a13;-webkit-text-stroke:1px #292d20;user-select:none;opacity:.8}
.hero-copy{position:absolute;left:26px;top:24px;z-index:5}.eyebrow{font-size:9px;color:#87988f;letter-spacing:1px;margin-bottom:8px}.hero-copy h1{margin:0;font:900 clamp(40px,4.7vw,76px)/.78 Arial Black,Impact,sans-serif;letter-spacing:-3px;color:#f5f0de;text-transform:uppercase;text-shadow:4px 4px 0 #000}.hero-copy h1 span{color:var(--yellow)}.hero-copy p{font-size:12px;color:#d8d6c5;margin:12px 0 0;background:#0a0d0d;display:inline-block;padding:5px 7px;border-left:3px solid var(--yellow)}
.character-stage{position:absolute;width:min(46%,390px);aspect-ratio:1/1;right:7%;top:51%;transform:translateY(-50%);cursor:pointer;z-index:7}.character-stage img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;position:relative;z-index:8;border:4px solid #060708;box-shadow:9px 9px 0 #000;transition:.16s transform}.character-stage:hover img{transform:translate(-3px,-4px)}.stage-glow{position:absolute;inset:13%;background:var(--yellow);filter:blur(45px);opacity:.12;animation:glow 3s ease-in-out infinite}@keyframes glow{50%{opacity:.25;transform:scale(1.12)}}
.card-shadow{position:absolute;width:86%;height:86%;right:-4%;top:7%;border:3px solid #1c2529;background:#101417}.c1{transform:rotate(5deg);background:#263d26}.c2{transform:rotate(9deg);right:-8%;background:#462a43}.c3{transform:rotate(13deg);right:-12%;background:#524817}.id-tag{position:absolute;z-index:10;left:-17px;bottom:19px;background:#080a0b;border:2px solid var(--yellow);padding:6px 9px;box-shadow:4px 4px 0 #000;font-size:9px}.id-tag b{color:var(--yellow);font-size:13px;margin-left:4px}.click-hint{position:absolute;z-index:10;right:-4px;bottom:-18px;color:#5f6d72;font-size:8px;letter-spacing:1px}
.hero-actions{position:absolute;left:26px;bottom:25px;display:flex;gap:8px;z-index:12}.hero-actions button{height:39px;padding:0 16px}.primary{background:var(--yellow);color:#171204;box-shadow:4px 4px 0 #5b4812}.ghost{background:#11171a;color:#b8c2c5;border:2px solid #344249!important;box-shadow:4px 4px 0 #050607}
.terminal-panel{display:flex;flex-direction:column}.terminal{margin:10px;border:1px solid #24353b;background:#050909;padding:9px 10px;height:190px;font-size:10px;line-height:1.62;color:#c5d0c5;overflow:hidden;box-shadow:inset 0 0 30px rgba(0,255,80,.04)}.terminal .dim{color:#53645b}.terminal .green{color:var(--green)}.terminal .red{color:var(--red)}.terminal-spacer{height:4px}.blink{color:var(--green);animation:pulse .8s steps(2) infinite}
.desk-title{padding:0 10px 6px;font-size:9px;color:#7b8c94}.trader-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 10px}.trader-grid button{border:2px solid #233139;background:#0b0f11;padding:0;aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative;box-shadow:2px 2px 0 #000}.trader-grid button:hover{border-color:var(--yellow);transform:translateY(-2px)}.trader-grid img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.trader-grid .mystery{font:bold 26px monospace;color:var(--yellow);background:repeating-linear-gradient(45deg,#101418,#101418 6px,#151b1e 6px,#151b1e 12px)}
.risk-meter{padding:10px;margin-top:auto}.risk-label{display:flex;justify-content:space-between;font-size:8px;color:#7e8c92}.risk-label b{color:var(--red);font-size:9px}.meter{height:10px;background:#171c1f;border:1px solid #354149;margin-top:6px;padding:2px}.meter i{display:block;height:100%;width:88%;background:linear-gradient(90deg,var(--green),var(--yellow),var(--red));transition:.3s width}
.footerbar{justify-content:space-between}.desk-items{display:flex;align-items:center;gap:7px}.pixel-icon{width:27px;height:25px;border:1px solid #35434a;background:#11171a;color:var(--yellow);font-size:15px;cursor:pointer}.pixel-icon:hover{background:#202a2e}.foot-note{color:#68767d}.foot-note b{color:#d8dfd9}.links{display:flex;gap:17px}.links a{color:#87979e;text-decoration:none;font-size:9px}.links a:hover{color:var(--yellow)}.clock{color:var(--green);font-weight:900;letter-spacing:1px}
.toast{position:fixed;left:50%;bottom:62px;transform:translate(-50%,20px);z-index:150;background:#080b0c;border:2px solid var(--yellow);box-shadow:5px 5px 0 #000;padding:10px 14px;font-size:11px;color:#fff;opacity:0;pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:130;display:none;align-items:center;justify-content:center}.modal.show{display:flex}.modal-box{width:min(520px,88vw);background:#0b0f12;border:3px solid var(--yellow);box-shadow:10px 10px 0 #000;padding:25px;position:relative}.close{position:absolute;right:8px;top:7px;background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}.warning{font-size:9px;color:var(--red);letter-spacing:2px}.modal h2{font:900 38px Impact,Arial Black,sans-serif;margin:10px 0 7px;color:var(--yellow);letter-spacing:2px}.modal p{font-size:12px;color:#d8ddd6}.redacted{display:grid;gap:7px;margin:18px 0}.redacted span{height:12px;background:#000;border:1px solid #262b2e}.redacted span:nth-child(2){width:83%}.redacted span:nth-child(3){width:57%}.modal small{color:#6f7a7f}
.confetti{position:fixed;inset:0;z-index:140;pointer-events:none;overflow:hidden}.confetti i{position:absolute;width:8px;height:13px;top:-20px;animation:fall 1.5s linear forwards}@keyframes fall{to{transform:translate(var(--dx),110vh) rotate(620deg)}}
.boot{position:fixed;inset:0;background:#050708;z-index:999;display:flex;align-items:center;justify-content:center;transition:.35s opacity}.boot.hide{opacity:0;pointer-events:none}.bootbox{width:min(470px,85vw);font-size:11px;color:#80968b}.boot-title{color:var(--yellow);font-size:19px;font-weight:900;margin-bottom:16px}.boot-line{margin:7px 0}.boot-line.danger{color:var(--red)}.progress{height:9px;border:1px solid #304139;margin-top:15px;padding:2px}.progress i{display:block;height:100%;background:var(--green);animation:load 1.35s steps(8) forwards}@keyframes load{from{width:0}to{width:100%}}
.rugged{animation:rug .8s steps(5)}@keyframes rug{20%{transform:translateY(8px) rotate(.5deg)}40%{transform:translateY(-3px) rotate(-.4deg)}60%{transform:translateY(13px)}80%{filter:hue-rotate(120deg)}}
.caffeine{animation:caffeine .3s steps(2) 5}@keyframes caffeine{25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,2px)}}
@media(max-width:1050px){.workspace{grid-template-columns:1fr 1.3fr}.terminal-panel{display:none}.status{width:130px}.brand{width:225px}.hero-copy h1{font-size:54px}.character-stage{width:43%;right:4%}}
@media(max-width:740px){.app{grid-template-rows:46px 1fr 36px}.market-panel{display:none}.workspace{grid-template-columns:1fr;padding:5px}.hero-panel{min-height:0}.brand{width:auto;padding-left:10px}.ticker-window{display:none}.status{margin-left:auto}.hero-copy{left:16px;top:22px}.hero-copy h1{font-size:48px}.character-stage{width:min(58vw,330px);right:4%;top:56%}.hero-actions{left:16px;bottom:18px}.foot-note,.links{display:none}.footerbar{justify-content:space-between}.hero-wordmark{font-size:86px}}