:root{--red: #ff3b3b;--red-dim: #ff6b6b;--green: #3dff7a;--green-dim: #7dffaa;--amber: #f5d76e;--ink: #07100c;--panel: rgba(7, 12, 10, .74);--panel-border: rgba(255, 255, 255, .08);--text: #e8f0ea;--muted: #8a9a90;--hud-pad: clamp(12px, 2vw, 22px)}*{box-sizing:border-box}html,body,#app{position:relative;margin:0;width:100%;height:100%;overflow:hidden;background:#7eb6e4;color:var(--text);font-family:Rajdhani,sans-serif}#stage{display:block;width:100%;height:100%}#vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 58%,rgba(20,30,40,.16) 100%),linear-gradient(90deg,rgba(160,50,30,.08),transparent 24%,transparent 76%,rgba(40,120,50,.08));z-index:2}#scanlines{pointer-events:none;position:absolute;inset:0;opacity:.03;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0,rgba(255,255,255,.16) 1px,transparent 1px,transparent 3px);z-index:3}#loading{position:absolute;inset:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:10px;background:radial-gradient(circle at 50% 40%,#142018,#070a08 68%);transition:opacity .7s ease,visibility .7s ease}#loading.done{opacity:0;visibility:hidden;pointer-events:none}.load-mark{width:84px;height:84px;animation:pulse 1.6s ease-in-out infinite}.load-mark svg{width:100%;height:100%;filter:drop-shadow(0 0 16px rgba(61,255,122,.45))}#loading h1{margin:8px 0 0;font-family:Orbitron,sans-serif;font-size:clamp(22px,4vw,38px);letter-spacing:.16em}.load-status{margin:0;color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.load-sources{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;min-width:220px}.load-sources li{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:4px}.load-sources li.live span{color:var(--green)}.load-sources li.fail span{color:var(--red-dim)}#top-hud{position:absolute;top:var(--hud-pad);left:var(--hud-pad);right:var(--hud-pad);z-index:10;display:grid;grid-template-columns:minmax(140px,1fr) minmax(240px,1.4fr) minmax(140px,1fr);gap:14px;align-items:start;pointer-events:none}.wall-card,.price-block,.hud-panel,#powered,#settings-btn,#fps{pointer-events:auto}.wall-card,.price-block,.hud-panel,.settings-card,#powered{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(14px);box-shadow:0 10px 40px #00000059}.wall-card{padding:12px 14px 10px;border-radius:10px}.wall-card.sell{border-color:#ff3b3b59;box-shadow:inset 0 0 0 1px #ff3b3b14}.wall-card.buy{border-color:#3dff7a59;text-align:right;box-shadow:inset 0 0 0 1px #3dff7a14}.wall-kicker{display:block;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.wall-card strong{display:block;margin-top:4px;font-family:Orbitron,sans-serif;font-size:clamp(16px,2vw,22px);font-weight:700}.wall-card.sell strong{color:var(--red-dim)}.wall-card.buy strong{color:var(--green-dim)}.wall-card em{font-style:normal;color:var(--muted);font-size:11px}.price-block{text-align:center;padding:10px 16px 12px;border-radius:12px;border-color:#f5d76e38}.price-kicker{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.price-row{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:2px 0 4px}.eth-glyph{font-size:22px;color:var(--amber)}#price-value{font-family:Orbitron,sans-serif;font-size:clamp(28px,5vw,46px);font-weight:800;letter-spacing:.02em;line-height:1.05;color:#f4f7f2;text-shadow:0 0 24px rgba(245,215,110,.18)}#price-value.up{animation:tick .28s ease;color:var(--green)}#price-value.down{animation:tick .28s ease;color:var(--red-dim)}.price-meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}#price-change.up{color:var(--green)}#price-change.down{color:var(--red-dim)}#pressure-label{color:var(--amber);letter-spacing:.06em;text-transform:uppercase}#pressure-track{position:absolute;top:calc(var(--hud-pad) + 108px);left:22%;right:22%;height:4px;z-index:9;background:linear-gradient(90deg,var(--red),#444 50%,var(--green));border-radius:99px;opacity:.85;pointer-events:none}.pressure-needle{position:absolute;top:-4px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;transition:left .25s ease}.hud-panel{position:absolute;bottom:var(--hud-pad);z-index:10;width:min(360px,calc(50vw - 28px));padding:10px 12px 12px;border-radius:12px}#depth-panel{left:var(--hud-pad)}#feed-panel{right:var(--hud-pad)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.panel-head h2,.settings-head h2{margin:0;font-family:Orbitron,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.panel-head span{color:var(--muted);font-size:11px}#depth-chart{width:100%;height:132px;display:block}.depth-legend{display:flex;justify-content:space-between;font-size:11px;margin-top:4px}.depth-legend .ask{color:var(--red-dim)}.depth-legend .bid{color:var(--green-dim)}#market-feed{list-style:none;margin:0;padding:0;max-height:154px;overflow:hidden}#market-feed li{display:grid;grid-template-columns:54px 1fr auto;gap:8px;font-size:12px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);animation:feed-in .35s ease}#market-feed .side{font-weight:700;letter-spacing:.08em}#market-feed .buy .side{color:var(--green)}#market-feed .sell .side{color:var(--red-dim)}#market-feed .liq .side{color:var(--amber)}#market-feed .time{color:var(--muted)}#chrome{position:absolute;left:var(--hud-pad);right:var(--hud-pad);bottom:calc(var(--hud-pad) + 196px);z-index:11;display:flex;align-items:center;gap:10px;pointer-events:none}#powered{pointer-events:auto;padding:6px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#fps{margin-left:auto;font-family:Orbitron,sans-serif;font-size:11px;color:var(--muted);pointer-events:none}#settings-btn{pointer-events:auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);display:grid;place-items:center;cursor:pointer}#settings-btn:hover{border-color:#f5d76e73;color:var(--amber)}#settings{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#00000073}#settings[hidden]{display:none}.settings-card{width:min(380px,calc(100vw - 32px));padding:16px 18px 14px;border-radius:14px}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#settings-close{background:none;border:0;color:var(--text);font-size:24px;cursor:pointer}.toggle,.field{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-size:14px}.field select{background:#101612;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:6px 8px}.disclaimer{color:var(--muted);font-size:12px;line-height:1.4;margin:12px 0 4px}#cam-bar{position:absolute;left:var(--hud-pad);top:50%;transform:translateY(-50%);z-index:12;display:flex;flex-direction:column;gap:6px;padding:10px 8px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(14px);pointer-events:auto}#cam-bar span{font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:2px}#cam-bar button{appearance:none;border:1px solid transparent;background:#ffffff08;color:var(--text);font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:8px;cursor:pointer}#cam-bar button:hover,#cam-bar button.on{border-color:#f5d76e73;color:var(--amber);box-shadow:0 0 12px #f5d76e1f}@media(max-width:900px){#cam-bar{top:auto;bottom:calc(var(--hud-pad) + 196px);transform:none;flex-direction:row;flex-wrap:wrap;max-width:calc(100vw - 32px)}}@media(max-width:640px){#cam-bar{display:none}}#tooltip{position:absolute;z-index:20;pointer-events:none;max-width:220px;padding:8px 10px;border-radius:8px;background:#060a08eb;border:1px solid rgba(245,215,110,.28);font-size:12px;line-height:1.35;transform:translate(12px,12px)}#tooltip[hidden]{display:none}@keyframes tick{0%{transform:scale(1)}40%{transform:scale(1.035);filter:brightness(1.25)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:translateY(0);filter:drop-shadow(0 0 10px rgba(61,255,122,.3))}50%{transform:translateY(-4px);filter:drop-shadow(0 0 22px rgba(61,255,122,.7))}}@keyframes feed-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(max-width:900px){#top-hud{grid-template-columns:1fr 1fr}.price-block{grid-column:1 / -1;order:-1}#pressure-track{display:none}.hud-panel{width:min(300px,calc(50vw - 16px))}#chrome{bottom:auto;top:auto;right:var(--hud-pad);left:auto;width:auto;bottom:calc(var(--hud-pad) + 196px)}#powered{display:none}}@media(max-width:640px){#depth-panel,#feed-panel{display:none}#chrome{bottom:var(--hud-pad)}.wall-card em,#spread-label,#utc-clock{display:none}#price-value{font-size:26px}}