:root{--panel: rgba(12, 16, 20, .72);--border: rgba(255, 255, 255, .08);--text: #e6ecf2;--dim: #8a96a6;--green: #26d07c;--red: #ff4d4d;--gold: #ffc53d;--purple: #9945ff;--mono: "JetBrains Mono", "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a0d12;font-family:var(--mono);color:var(--text)}#scene{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%}#hud{position:absolute;inset:0;z-index:10;pointer-events:none;user-select:none;font-size:13px}.panel{position:absolute;background:var(--panel);border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:12px 14px;text-shadow:0 1px 2px #000}.label{color:var(--dim);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}#hud-title{top:16px;left:18px;border:none;background:none;backdrop-filter:none;padding:0}#hud-title .t{font-size:19px;font-weight:700;letter-spacing:2px;display:flex;align-items:center}#hud-title .hud-logo{width:26px;height:26px;margin-right:9px;filter:drop-shadow(0 0 8px rgba(38,208,124,.4))}#hud-title .t .b{color:var(--green)}#hud-title .sub{font-size:11px;color:var(--dim);margin-top:2px}#hud-title .clock{font-size:12px;color:var(--green);margin-top:6px;letter-spacing:1px}#hud-price{position:absolute;top:12px;left:50%;transform:translate(-50%);text-align:center;border:none;background:none;backdrop-filter:none;width:460px}#hud-price .cap{font-size:11px;color:var(--dim);letter-spacing:2px;text-transform:uppercase;margin-bottom:3px}#hud-price .usd{font-size:46px;font-weight:700;line-height:1;letter-spacing:1px}#hud-price .sol{font-size:13px;color:var(--dim);margin-top:4px}#hud-price .tick{font-size:15px;margin-top:3px;font-weight:600}#hud-price .pressure{font-size:12px;margin-top:4px;letter-spacing:1px;text-transform:uppercase}.up{color:var(--green)}.down{color:var(--red)}.flat{color:var(--gold)}@keyframes fg{0%{color:var(--green);text-shadow:0 0 18px rgba(43,227,139,.8)}}@keyframes fr{0%{color:var(--red);text-shadow:0 0 18px rgba(255,92,92,.8)}}.usd.fg{animation:fg .5s ease-out}.usd.fr{animation:fr .5s ease-out}#hud-grad{top:118px;left:50%;transform:translate(-50%);width:440px;padding:8px 12px 10px}#hud-grad .row{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);letter-spacing:1px;margin-bottom:5px}#hud-grad .track{height:8px;border-radius:5px;background:#ffffff14;overflow:hidden}#hud-grad .fill{height:100%;width:0%;border-radius:5px;background:linear-gradient(90deg,var(--green),var(--purple));transition:width .25s ease-out}#hud-grad.near .fill{box-shadow:0 0 14px #9945ffe6}#hud-stats{top:16px;right:18px;text-align:right;min-width:150px}#hud-stats .stat{margin:3px 0}#hud-stats .stat b{font-size:15px;font-weight:600}.wall{position:absolute;top:44%;transform:translateY(-50%);text-align:center}#wall-sell{left:20px}#wall-buy{right:20px}.wall .label{margin-bottom:4px}.wall .v{font-size:26px;font-weight:700}#wall-sell .v{color:var(--red)}#wall-buy .v{color:var(--green)}.wall .bar{width:46px;height:90px;margin:8px auto 0;border-radius:5px;background:#ffffff0d;position:relative;overflow:hidden}.wall .bar i{position:absolute;bottom:0;left:0;right:0;height:0%;transition:height .25s ease-out}#wall-sell .bar i{background:linear-gradient(0deg,var(--red),rgba(255,77,77,.2))}#wall-buy .bar i{background:linear-gradient(0deg,var(--green),rgba(38,208,124,.2))}.banner-side{position:absolute;top:50%;writing-mode:vertical-rl;text-orientation:mixed;font-size:34px;font-weight:800;letter-spacing:6px;padding:24px 6px;transform:translateY(-50%);border-radius:8px;opacity:.85}#banner-bears{left:0;color:#fff;background:linear-gradient(180deg,#ff3c3c59,#78141426);border-right:2px solid var(--red);transform:translateY(-50%) rotate(180deg)}#banner-bulls{right:0;color:#fff;background:linear-gradient(180deg,#28dc7859,#145a3226);border-left:2px solid var(--green)}#hud-depth{bottom:18px;left:18px;width:288px}#hud-depth .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#hud-depth canvas{display:block;width:260px;height:118px}#hud-depth select{pointer-events:auto;background:#00000080;color:var(--text);border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:10px;padding:3px 6px}#hud-depth .axis{display:flex;justify-content:space-between;font-size:9px;color:var(--dim);margin-top:4px}.src-badge{color:var(--green);opacity:.85}.src-status{font-size:9px;letter-spacing:.5px;text-align:right;min-height:12px;margin:2px 0 4px}.src-status.connecting{color:var(--gold)}.src-status.live{color:var(--green)}.src-status.offline{color:var(--red)}#hud-feed{bottom:18px;right:18px;width:320px;height:240px;padding:10px 0 8px;overflow:hidden}#hud-feed .head{display:flex;justify-content:space-between;align-items:center;padding:0 14px 8px;border-bottom:1px solid var(--border)}#hud-feed .live{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--red);letter-spacing:1px}#hud-feed .live .dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}#feed-rows{position:relative;padding:6px 14px 0;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}.feed-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.9;white-space:nowrap;overflow:hidden}.feed-row .l{overflow:hidden;text-overflow:ellipsis}.feed-row .r{color:var(--dim);flex-shrink:0}.feed-row.buy .l{color:var(--green)}.feed-row.sell .l{color:var(--red)}.feed-row.dev .l{color:var(--gold);font-weight:700}.feed-row.info .l{color:#9fb2c6}.feed-row.empty{opacity:0}#hud-cook{position:absolute;top:176px;left:50%;transform:translate(-50%);background:#ff781429;border:1px solid rgba(255,150,40,.5);color:var(--gold);padding:4px 12px;border-radius:20px;font-size:11px;letter-spacing:2px;font-weight:700;display:none}#hud-cook.on{display:block}#hud-banner{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) scale(.9);font-size:40px;font-weight:800;letter-spacing:3px;padding:14px 34px;border-radius:12px;opacity:0;text-align:center;white-space:nowrap}#hud-banner.show{animation:bannerpop 2.2s ease-out}@keyframes bannerpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}#hud-banner.green{color:#fff;background:#26d07c33;border:1px solid var(--green);box-shadow:0 0 40px #26d07c80}#hud-banner.danger{color:#fff;background:#ff3c3c38;border:1px solid var(--red);box-shadow:0 0 40px #ff3c3c99}#hud-banner.gold{color:#fff;background:#ffc53d33;border:1px solid var(--gold);box-shadow:0 0 40px #ffc53d99}#hud-banner.purple{color:#fff;background:#9945ff3d;border:1px solid var(--purple);box-shadow:0 0 50px #9945ffb3}.fx-flash,.fx-vignette{position:fixed;inset:0;z-index:5;pointer-events:none}.fx-flash{opacity:0;transition:opacity .08s linear}.fx-vignette{z-index:6}#snd-btn{position:absolute;top:118px;right:18px;width:36px;height:36px;border-radius:9px;background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(4px);color:var(--text);font-size:16px;cursor:pointer;pointer-events:auto;line-height:1;transition:border-color .2s}#snd-btn:hover{border-color:#ffffff47}#snd-btn.on{border-color:var(--green);box-shadow:0 0 12px #26d07c66}#hud-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:10px;color:#8a96a699;letter-spacing:1px}#trenches-landing{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#12202a,#0a0f14 45%,#05070a);overflow:hidden;font-family:var(--mono);color:var(--text);animation:tl-fade .4s ease-out}@keyframes tl-fade{0%{opacity:0}}#trenches-landing.hidden,#trench-search.hidden,.tl-recent-wrap.hidden{display:none}.tl-grid{position:absolute;inset:-20%;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 46px);mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%);pointer-events:none}.tl-inner{position:relative;z-index:1;width:min(680px,90vw);text-align:center}.tl-logo{display:block;width:clamp(96px,15vw,148px);height:auto;margin:0 auto 20px;filter:drop-shadow(0 0 34px rgba(38,208,124,.35)) drop-shadow(0 8px 20px rgba(0,0,0,.6));animation:tl-logo-in .6s ease-out}@keyframes tl-logo-in{0%{opacity:0;transform:scale(.9)}}.tl-kicker{font-size:12px;letter-spacing:5px;color:var(--green);opacity:.9;margin-bottom:14px}#trenches-landing:after{content:"";position:absolute;inset:0;background:url(/logo.png) center 46% / min(680px,80vw) no-repeat;opacity:.05;pointer-events:none;z-index:0}.tl-brand{margin:0 0 14px;font-size:clamp(46px,9vw,104px);font-weight:800;letter-spacing:clamp(2px,1vw,10px);line-height:.95;color:#f4f8fc;text-shadow:0 0 40px rgba(38,208,124,.25),0 4px 24px rgba(0,0,0,.6)}.tl-tag{margin:0 auto 30px;max-width:520px;font-size:15px;line-height:1.6;color:var(--dim)}.tl-form{display:flex;gap:10px;max-width:620px;margin:0 auto}.tl-input{flex:1;min-width:0;background:#0a0f14d9;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:15px 18px;color:var(--text);font-family:var(--mono);font-size:14px;letter-spacing:.5px;outline:none;transition:border-color .2s,box-shadow .2s}.tl-input::placeholder{color:#5c6773}.tl-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #26d07c26}.tl-input.err,#trench-ca.err{border-color:var(--red)!important;animation:tl-shake .32s ease}@keyframes tl-shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.tl-btn{flex-shrink:0;background:var(--green);color:#05231a;border:none;border-radius:12px;padding:0 22px;font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform .1s,box-shadow .2s,filter .2s}.tl-btn:hover{filter:brightness(1.08);box-shadow:0 0 24px #26d07c66}.tl-btn:active{transform:translateY(1px)}.tl-error{min-height:20px;margin-top:12px;font-size:12px;color:var(--red);opacity:0;transition:opacity .2s}.tl-error.show{opacity:1}.tl-examples{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--dim)}.tl-examples button{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:6px 14px;color:var(--text);font-family:var(--mono);font-size:12px;cursor:pointer;transition:border-color .2s,background .2s}.tl-examples button:hover{border-color:var(--green);background:#26d07c1a}.tl-official{display:flex;align-items:center;gap:14px;width:min(620px,90vw);margin:26px auto 0;padding:14px 18px;background:linear-gradient(90deg,#26d07c24,#26d07c0a);border:1px solid rgba(38,208,124,.4);border-radius:14px;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s,transform .1s}.tl-official:hover{border-color:var(--green);box-shadow:0 0 30px #26d07c47}.tl-official:active{transform:translateY(1px)}.tl-star{font-size:20px;color:var(--gold)}.tl-official-main{display:flex;flex-direction:column;flex:1}.tl-official-sym{font-size:17px;font-weight:700;color:var(--green);letter-spacing:1px}.tl-official-note{font-size:11px;color:var(--dim);letter-spacing:.5px;margin-top:2px}.tl-official-go{font-size:20px;color:var(--green)}.tl-recent-wrap{margin-top:28px}.tl-recent-label{font-size:10px;letter-spacing:3px;color:var(--dim);margin-bottom:12px}.tl-recent{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.tl-card{width:132px;padding:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .1s}.tl-card:hover{border-color:var(--green);transform:translateY(-2px)}.tl-thumb{display:block;width:100%;height:74px;background:linear-gradient(135deg,#26402f,#3a1e1e);background-size:cover;background-position:center}.tl-card-sym{display:block;padding:7px 8px;font-size:12px;font-weight:600;color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-foot{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1px;color:#8a96a680}#trench-search{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;background:#0c1014d1;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:7px 8px 7px 14px;backdrop-filter:blur(6px);pointer-events:auto;box-shadow:0 8px 30px #00000080}#trench-back{background:none;border:none;color:var(--dim);font-family:var(--mono);font-size:11px;letter-spacing:1px;cursor:pointer;padding:6px 8px;border-radius:16px;transition:color .2s,background .2s}#trench-back:hover{color:var(--text);background:#ffffff0f}#trench-ca{width:min(360px,46vw);background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:8px 14px;color:var(--text);font-family:var(--mono);font-size:12px;outline:none}#trench-ca:focus{border-color:var(--green)}#trench-ca::placeholder{color:#5c6773}#trench-go{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--green);color:#05231a;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:filter .2s}#trench-go:hover{filter:brightness(1.1)}