:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07090f;color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,rgba(16,185,129,.18),transparent 26rem),linear-gradient(300deg,rgba(239,68,68,.16),transparent 22rem),#07090f}button{font:inherit}.app-shell{width:100%;min-height:100vh;padding:18px}.arena{max-width:1480px;margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(180deg,#ffffff14,#ffffff05),radial-gradient(circle at 20% 0%,rgba(34,197,94,.16),transparent 34rem),#0b1019;box-shadow:0 24px 80px #0000006b;overflow:hidden}.topbar,.hero-grid,.ops-band,.control-grid{max-width:1480px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#05070cbd}.brand,.topbar-actions,.status-chip,.latency-badge,.panel-title,.rail-heading,.button-row{display:flex;align-items:center}.brand{gap:11px}.brand-mark,.metric-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#12b981;color:#02110d}.brand strong,.brand span{display:block;line-height:1.05}.brand strong{font-size:1.05rem}.brand span{margin-top:5px;color:#94a3b8;font-size:.82rem}.topbar-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.status-chip{gap:7px;min-height:34px;padding:0 12px;border-radius:8px;font-size:.83rem;font-weight:800}.status-chip.secure{background:#14b8a629;color:#5eead4}.status-chip.live{background:#f43f5e29;color:#fecdd3}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;padding:18px}.market-stage,.trade-rail,.control-panel,.ops-card{border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#080d16c7}.market-stage{min-width:0;padding:18px}.stage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.eyebrow{display:block;color:#2dd4bf;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}h1,h2,p{margin:0}h1{margin-top:8px;font-size:clamp(2rem,4vw,4.7rem);line-height:.95;letter-spacing:0}h2{font-size:1rem;letter-spacing:0}.latency-badge{gap:8px;flex:0 0 auto;padding:10px 12px;border-radius:8px;background:#facc151f;color:#fde68a;font-weight:900}.visual-frame{position:relative;display:grid;place-items:center;aspect-ratio:16 / 7.4;min-height:330px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,rgba(45,212,191,.14),transparent),linear-gradient(315deg,rgba(248,113,113,.16),transparent),#05070c}.visual-frame img{width:100%;height:100%;object-fit:cover}.visual-empty{display:grid;place-items:center;gap:14px;padding:28px;text-align:center;color:#94a3b8}.visual-empty span{max-width:360px;line-height:1.5}.visual-overlay{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.visual-overlay>div{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#000000a8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.visual-overlay span,.ops-card span,.slip-market span,.version-line{color:#94a3b8;font-size:.78rem}.visual-overlay strong{display:block;margin-top:6px;font-size:1.2rem}.cache-word.hit,.cache-tag.hit,.asset-pill em.hit{color:#22c55e}.cache-word.miss,.cache-tag.miss,.asset-pill em.miss{color:#f97316}.asset-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.asset-pill{min-width:0;min-height:92px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:inherit;text-align:left;cursor:pointer}.asset-pill.selected{border-color:#2dd4bf;background:#2dd4bf1f}.asset-pill span,.asset-pill strong,.asset-pill em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-pill span{color:#67e8f9;font-size:.74rem;font-weight:900}.asset-pill strong{margin-top:7px;font-size:.9rem}.asset-pill em{margin-top:8px;color:#94a3b8;font-size:.78rem;font-style:normal;font-weight:800;text-transform:uppercase}.trade-rail{display:grid;align-content:start;gap:14px;padding:14px}.rail-section{padding:14px;border-radius:8px;background:#ffffff0b}.rail-heading{justify-content:space-between;gap:12px;margin-bottom:14px}.rail-heading button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:#ffffff14;color:#f8fafc;cursor:pointer}.odds-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.odds-row>span{min-width:0;overflow:hidden;color:#dbeafe;text-overflow:ellipsis;white-space:nowrap}.odds-row div{display:flex;gap:6px}.odds-row b{display:grid;place-items:center;min-width:52px;min-height:34px;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:.88rem}.version-line{margin-top:12px}.slip{display:grid;gap:12px}.slip-market{display:grid;gap:6px;padding:10px;border-radius:8px;background:#00000040}.slip-market strong{overflow-wrap:anywhere;font-size:.88rem}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;width:100%;border:0;border-radius:8px;font-weight:900;cursor:pointer}.primary-action{background:#14b8a6;color:#031411}.secondary-action{border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#f8fafc}.primary-action:disabled,.secondary-action:disabled{cursor:wait;opacity:.62}.ops-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 0 0}.ops-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:14px}.ops-card strong{grid-column:2;font-size:1.4rem;line-height:1}.metric-icon{grid-row:1 / span 2;width:46px;height:46px}.metric-icon.green{background:#22c55e}.metric-icon.amber{background:#f59e0b}.metric-icon.blue{background:#38bdf8}.metric-icon.red{background:#f43f5e}.control-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px;padding:12px 0 0}.control-panel{min-width:0;padding:16px}.control-panel.wide{grid-column:1 / -1}.panel-title{gap:8px;margin-bottom:14px;color:#ccfbf1}.trace-table{display:grid;gap:6px}.trace-head,.trace-row{display:grid;grid-template-columns:.65fr 1fr .7fr .7fr;gap:8px;align-items:center;min-height:42px;padding:0 10px;border-radius:8px}.trace-head{color:#94a3b8;font-size:.78rem;font-weight:900;text-transform:uppercase}.trace-row{background:#ffffff0b}.trace-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cache-tag{font-weight:900}.platform-flow{display:grid;gap:10px}.platform-flow div{display:flex;gap:10px;align-items:center;min-height:42px;padding:10px;border-radius:8px;background:#ffffff0b;color:#dbeafe}.platform-flow span{display:grid;flex:0 0 auto;place-items:center;width:26px;height:26px;border-radius:8px;background:#0f766e;font-weight:900}.button-row{gap:10px;margin-top:14px}.secondary-action.compact{min-height:40px}.json-output{min-height:180px;max-height:310px;margin:0;overflow:auto;padding:14px;border-radius:8px;background:#05070c;color:#d1fae5;font-size:.82rem;line-height:1.5;white-space:pre-wrap}@media(max-width:1080px){.hero-grid,.control-grid{grid-template-columns:1fr}.ops-band,.trade-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:10px}.topbar,.stage-header{align-items:stretch;flex-direction:column}.hero-grid{padding:10px}.market-stage{padding:12px}.visual-frame{aspect-ratio:4 / 3;min-height:280px}.visual-overlay,.asset-strip,.ops-band,.trade-rail{grid-template-columns:1fr}.trace-head,.trace-row{grid-template-columns:.6fr 1fr .7fr}.trace-head span:last-child,.trace-row span:last-child{display:none}}