@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&family=Oswald:wght@400;600&display=swap";:root{color:#f0f4ed;background:#060806;font-family:Oswald,"Noto Serif SC",sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#060806}button{color:inherit;font:inherit}#app{position:relative;isolation:isolate;background:#151b13}#battlefield{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#battlefield.dragging{cursor:grabbing}.masthead{position:absolute;inset:0 0 auto;height:108px;display:grid;grid-template-columns:minmax(330px,1.2fr) auto minmax(230px,.75fr) 150px;align-items:center;gap:28px;padding:0 24px;background:#060806f5;border-bottom:1px solid #8290782b;pointer-events:none}.brand{display:grid;gap:5px}.brand b{font-family:"Noto Serif SC";font-size:27px;letter-spacing:.06em;color:#f1eee5}.brand b i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f3a316;color:#201407;font-family:Oswald;font-style:normal}.brand span,.price-block span,.pressure-block span,.side small{font-size:9px;letter-spacing:.2em;color:#8d978a}.price-block{text-align:center;display:grid;min-width:275px}.price-block strong{font-size:clamp(34px,3.4vw,55px);line-height:1;letter-spacing:.025em;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px #000}.price-block i{margin-top:6px;font-size:11px;font-style:normal;color:#a9b2a5}.pressure-block{display:grid;padding-left:24px;border-left:1px solid #76816f3d}.pressure-block b{font-size:17px;margin:4px 0 2px}.pressure-block small{color:#9ba395;font-size:9px;letter-spacing:.08em}.connection{justify-self:end;display:flex;align-items:center;gap:10px}.connection span{width:9px;height:9px;border-radius:50%;background:#bd9f58;box-shadow:0 0 0 5px #bd9f5822}.connection span.live{background:#5da770;box-shadow:0 0 0 5px #5da77022;animation:pulse 1.8s infinite}.connection b,.connection small{display:block;text-align:right}.connection b{font-size:12px;letter-spacing:.12em}.connection small{color:#8f846d;font-size:9px}@keyframes pulse{50%{box-shadow:0 0 0 9px #5da77000}}.side{position:absolute;top:130px;display:flex;align-items:center;gap:10px;min-width:185px;padding:10px 13px;border:1px solid #abb6a125;background:#07100bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.side b{display:block;margin-top:2px;font-size:19px;letter-spacing:.04em}.bull-side{left:24px}.bear-side{right:24px;text-align:right}.seal{display:grid;place-items:center;width:40px;height:40px;border:2px solid;font:900 24px "Noto Serif SC";transform:rotate(-3deg)}.bull-side .seal{color:#b8ffd0;border-color:#45c17b;background:#174c30}.bear-side .seal{color:#ffd0c9;border-color:#da675b;background:#622f2b}.depth-panel,.tape{background:#09100cdb;border:1px solid #a7b19e36;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 45px #0006}.depth-panel{position:absolute;left:24px;bottom:50px;width:min(400px,calc(100vw - 48px));height:245px;padding:14px 16px 10px}.panel-head,.book-quote,.depth-legend{display:flex;align-items:center;justify-content:space-between}.panel-head span,.panel-head b{font-size:10px;letter-spacing:.16em}.panel-head b{color:#d9e3d3}.book-quote{margin-top:11px;font-size:9px;font-variant-numeric:tabular-nums}.book-quote span:first-child{color:#66e09a}.book-quote span:last-child{color:#ff8277}.book-quote strong{color:#e8eee4;font-weight:400}#depth-chart{width:100%;height:155px;display:block}.depth-legend{justify-content:flex-start;gap:18px;color:#829081;font-size:9px}.depth-legend i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.bid-dot{background:#45d487}.ask-dot{background:#ef6a62}.tape{position:absolute;right:24px;bottom:50px;width:330px;max-height:300px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.tape.collapsed{transform:translate(calc(100% - 38px))}.tape-title{height:36px;display:flex;justify-content:space-between;align-items:center;padding-left:12px;border-bottom:1px solid #b8a06b44;color:#d6c28e;font-family:"Noto Serif SC";font-size:11px;letter-spacing:.25em}.tape-title button{width:36px;align-self:stretch;border:0;border-left:1px solid #b8a06b44;background:transparent;cursor:pointer}.tape ol{list-style:none;padding:6px 12px 10px;margin:0}.tape li{display:grid;grid-template-columns:47px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #b8a06b1c;font-size:10px;color:#c3bfb2}.tape time{color:#747b70}.tape li.buy b{color:#58d68d}.tape li.sell b{color:#f1786d}.armory{position:absolute;left:50%;bottom:50px;transform:translate(-50%);display:flex;gap:4px;align-items:stretch;padding:5px;background:#080c09e8;border:1px solid #a7b19e45}.armory>span{writing-mode:vertical-rl;padding:8px 7px;font:700 10px "Noto Serif SC";letter-spacing:.2em;color:#927f55}.weapon{min-width:82px;border:1px solid transparent;background:transparent;padding:5px 12px;cursor:pointer;display:grid;grid-template-columns:26px 1fr;text-align:left;transition:.2s ease}.weapon:hover{background:#d8bd7d12}.weapon.active{border-color:#d5b96f99;background:#d5b96f16}.weapon i{grid-row:span 2;font:700 22px "Noto Serif SC";color:#d5b96f}.weapon b{font:700 12px "Noto Serif SC"}.weapon small{color:#827760;font-size:9px}.controls{position:absolute;right:24px;top:217px;display:flex;gap:7px}.controls button{border:1px solid #a7b19e45;background:#080c09dc;padding:8px 11px;font-size:10px;letter-spacing:.08em;cursor:pointer}.controls button:hover{border-color:#c7d6be}footer{position:absolute;inset:auto 22px 12px;display:flex;justify-content:space-between;color:#887d67;font-size:9px;letter-spacing:.12em;pointer-events:none}#error{position:absolute;left:50%;top:110px;transform:translate(-50%);max-width:620px;padding:10px 14px;color:#f0d7c8;background:#5e2d24ee;border:1px solid #b87560;font-size:11px}@media(max-width:980px){.masthead{grid-template-columns:1fr auto auto;height:88px;gap:12px;padding:0 12px}.brand span,.pressure-block{display:none}.brand b{font-size:20px}.price-block{min-width:190px}.price-block strong{font-size:30px}.connection small{display:none}.side{top:100px;min-width:145px}.bull-side{left:8px}.bear-side{right:8px}.depth-panel{left:8px;bottom:108px;width:310px;height:205px}.tape{right:8px;bottom:108px;width:280px}.controls{right:8px;top:170px}.armory{bottom:35px}.weapon{min-width:66px;padding:5px 7px}.weapon small{display:none}footer span:first-child{display:none}#depth-chart{height:118px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}