@import "https://fonts.bunny.net/css?family=ibm-plex-mono:400,500,600|rajdhani:500,600,700&display=swap";:root{--bull:#70ad78;--bear:#c45b4d;--gold:#c8ad73;--ink:#e8e4d9;--muted:#9a9b91;--panel:#0a0c0ae6}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#030706;margin:0;font-family:IBM Plex Mono,monospace;overflow:hidden}.app{background:radial-gradient(circle at 50% 25%,#14201e,#030706 62%);width:100vw;height:100vh;position:relative}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{pointer-events:none;z-index:2;background:radial-gradient(#0000 45%,#00000094 100%),linear-gradient(#00000040,#0000 18% 80%,#00000059);position:absolute;inset:0}.scan{pointer-events:none;opacity:.055;z-index:2;background:repeating-linear-gradient(0deg,#0000 0 3px,#b9fff0 4px);position:absolute;inset:0}header{z-index:5;background:linear-gradient(#030807f5,#030807b8,#0000);border-top:2px solid #ffd36b99;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:12px 20px;display:grid;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:flex}.emblem{clip-path:polygon(50% 0,100% 25%,90% 82%,50% 100%,10% 82%,0 25%);width:42px;height:42px;color:var(--gold);text-shadow:0 0 12px var(--gold);background:linear-gradient(135deg,#203d35,#0a1713);border:1px solid #4c6d63;place-items:center;font:700 20px Rajdhani,sans-serif;display:grid}.brand b{letter-spacing:2.5px;font:700 19px Rajdhani,sans-serif}.brand small{color:var(--muted);letter-spacing:2px;margin-top:2px;font-size:9px;display:block}.quote{text-align:center}.quote strong{letter-spacing:-1.5px;text-shadow:0 0 24px #40f0b440;font:600 34px/1 IBM Plex Mono,monospace}.quote span{color:var(--bull);letter-spacing:2px;margin-top:7px;font:600 10px Rajdhani,sans-serif;display:block}.status{justify-self:end;align-items:center;gap:14px;display:flex}.feeds{gap:9px;display:flex}.feed{color:#9bada6;align-items:center;gap:5px;font-size:9px;display:flex}.feed i{background:#666;border-radius:50%;width:7px;height:7px;transition:background .3s,box-shadow .3s;display:inline-block}.weather-now{text-align:right;border-left:1px solid #355047;min-width:280px;padding-left:14px}.weather-now time{color:#f3fbf8;font:600 18px IBM Plex Mono,monospace;display:block}.weather-now span{color:#a6b8b2;letter-spacing:1.1px;margin-top:4px;font:600 11px Rajdhani,sans-serif;display:block}.weather-now b{color:#d9ebe5;font-weight:600}.side-title{z-index:4;letter-spacing:5px;text-shadow:0 3px 12px #000;font:700 15px Rajdhani,sans-serif;position:absolute;top:105px}.side-title small{letter-spacing:1px;margin-top:5px;font:500 9px IBM Plex Mono,monospace;display:block}.bear-title{color:var(--bear);left:24px}.bull-title{color:var(--bull);text-align:right;right:112px}.battle-call{z-index:4;text-align:center;pointer-events:none;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.price-tag{border:1px solid var(--gold);color:#fff;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);background:#070a08e8;padding:7px 13px;font:600 12px IBM Plex Mono,monospace;display:inline-block;box-shadow:0 0 24px #ffd36b42}.battle-call .label{color:#d7c482;letter-spacing:4px;text-shadow:0 2px 5px #000;margin-top:8px;font:600 9px Rajdhani,sans-serif}.zoom{z-index:5;gap:6px;display:grid;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.zoom button{color:#b8cac4;cursor:pointer;background:#040c0ad6;border:1px solid #385149;min-width:42px;height:38px;font:600 11px IBM Plex Mono,monospace}.zoom button.active,.dock button.active{border-color:var(--gold);color:var(--gold);background:#221d0ecc}.zoom button:hover,.dock button:hover{color:#fff;border-color:#8bac9f}.zoom .range{writing-mode:vertical-rl;color:#82958e;letter-spacing:2px;text-align:center;height:72px;padding:7px 0;font:500 8px Rajdhani,sans-serif;transform:rotate(180deg)}.ruler{z-index:5;background:linear-gradient(90deg,#0000,#030908e0 32%);border-left:1px solid #62827738;width:94px;position:absolute;top:75px;bottom:64px;right:0}.ruler:before{content:"USD PRICE";color:#7f928b;letter-spacing:2px;font:600 8px Rajdhani,sans-serif;position:absolute;top:12px;right:13px}.tick{color:#92a69f;font-size:10px;position:absolute;right:12px;transform:translateY(-50%)}.tick:before{content:"";border-top:1px solid #5d776f;width:14px;position:absolute;top:50%;right:68px}.tick.hot{color:var(--gold);font-weight:600}.tick.hot:before{border-color:var(--gold);width:25px;box-shadow:0 0 8px var(--gold)}.dock{z-index:6;background:#020806d1;border:1px solid #2c4039;gap:5px;padding:5px;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.dock button{color:#b8cac4;cursor:pointer;background:#040c0ad6;border:1px solid #385149;height:31px;padding:0 11px;font:600 9px IBM Plex Mono,monospace}.dock .sep{background:#32443e;width:1px;margin:4px}footer{z-index:6;background:linear-gradient(#030706e0,#030706 80%);border-bottom:2px solid #ffd36b8c;height:64px;padding:8px 20px;position:absolute;bottom:0;left:0;right:0}.pressure-head{justify-content:space-between;align-items:end;margin-bottom:6px;display:flex}.pressure-head span{letter-spacing:2px;color:#8da098;font:600 9px Rajdhani,sans-serif}.pressure-head b{font:600 15px IBM Plex Mono,monospace}.bull{color:var(--bull)}.bear{color:var(--bear)}.muted{color:var(--muted)}.pressure{background:#111;border:1px solid #31453f;height:13px;display:flex;position:relative;overflow:hidden}.pressure .bids{background:linear-gradient(90deg,#3f4a37,#7e936d);width:50%;transition:width .3s}.pressure .asks{background:linear-gradient(90deg,#9c5c4f,#4a302b);flex:1;transition:width .3s}.pressure .marker{background:var(--gold);width:3px;height:21px;box-shadow:0 0 10px var(--gold);transition:left .3s;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.bid-ask-row{letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:4px;font:600 10px Rajdhani,sans-serif;display:flex}@media (max-width:800px){header{grid-template-columns:1fr auto;height:68px;padding:8px 10px}.brand small,.status{display:none}.brand b{font-size:14px}.emblem{width:34px;height:34px}.quote strong{font-size:22px}.quote span{font-size:8px}.side-title{font-size:11px;top:82px}.bull-title{right:72px}.ruler{width:66px;top:68px}.tick{font-size:8px}.tick:before{width:8px;right:51px}.dock{max-width:92%;bottom:65px;overflow:auto}.zoom{left:8px}.bear-title,.bull-title,.battle-call{display:none}}@media (prefers-reduced-motion:reduce){.pressure .bids,.pressure .asks,.pressure .marker{transition:none}}