:root{color:#e8f5ff;font-synthesis:none;text-rendering:optimizelegibility;background:#040813;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#040813;min-width:320px}body{background:linear-gradient(#07111f 0%,#040813 56%,#02050b 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{color:#eff8ff;min-height:44px;font:inherit;letter-spacing:0;cursor:pointer;background:#0d192ad6;border:1px solid #8aaacd3d;border-radius:8px;padding:0 14px;font-size:.76rem;font-weight:760;box-shadow:inset 0 0 20px #67e5ff12}button:active{transform:translateY(1px)}.battle-app{flex-direction:column;gap:8px;min-height:100vh;padding:10px;display:flex;position:relative}.telegram-session-badge{z-index:3;color:#b8c7da;letter-spacing:0;opacity:.66;background:#060d19b8;border:1px solid #9ab4d62e;border-radius:999px;align-self:flex-end;padding:4px 7px;font-size:.58rem;font-weight:820;position:relative}.telegram-session-badge[data-status=verified]{color:#9cf7d7;background:#1bffbc14;border-color:#4dffc038}.telegram-session-badge[data-status=failed]{color:#ffb5ad;background:#ff5b4f14;border-color:#ff71673d}.top-bar,.stats-panel,.event-feed,.control-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0c182ad1,#060d19c7);border:1px solid #89b2e12b;border-radius:8px;box-shadow:0 18px 44px #0000004d,inset 0 1px #ffffff12}.top-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title status""price price""summary summary";align-items:center;gap:7px;min-width:0;padding:9px 10px;display:grid}.market-title,.market-price,.connection-pill,.market-summary{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.market-title{grid-area:title;justify-content:flex-start;gap:6px}.market-price{flex-wrap:nowrap;grid-area:price}.market-summary{background:#ffffff08;border:1px solid #9ab4d61f;border-radius:8px;grid-area:summary;padding:7px 9px}.symbol{color:#f4fbff;font-size:clamp(.96rem,4.5vw,1.2rem);font-weight:850}.venue{color:#7deed0;white-space:nowrap;flex:none;font-size:.68rem;font-weight:780}.market-price strong{letter-spacing:0;overflow-wrap:normal;text-overflow:clip;white-space:nowrap;word-break:keep-all;flex:0 auto;min-width:0;font-size:clamp(1.34rem,6.4vw,2.08rem);line-height:.95;overflow:hidden}.market-price span{white-space:nowrap;flex:none}.market-summary span{color:#8ea8c8;white-space:nowrap;flex:none;font-size:.68rem;font-weight:760}.market-summary strong{color:#e9f6ff;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.84rem;overflow:hidden}.market-summary[data-tone=bull] strong{color:#37efb3}.market-summary[data-tone=bear] strong{color:#ff756d}.is-positive{color:#33f0ad}.is-negative{color:#ff7167}.connection-pill{color:#9cf7d7;opacity:.88;background:#1bffbc12;border:1px solid #4dffc02e;border-radius:8px;flex-wrap:nowrap;grid-area:status;justify-content:flex-start;justify-self:end;width:fit-content;max-width:100%;padding:5px 8px;font-size:.68rem;font-weight:800}.connection-pill[data-live=false]{color:#b8c7da;background:#9ab4d612;border-color:#9ab4d62e}.connection-pill small{color:#8fa4bf;opacity:.64;white-space:nowrap;font-size:.58rem;font-weight:720}.status-dot{background:#2fffb5;border-radius:999px;flex:none;width:8px;height:8px;animation:1.4s ease-in-out infinite livePulse;box-shadow:0 0 14px #2fffb5}@media (width<=420px){.connection-pill{gap:7px}.connection-pill small{display:none}}.connection-pill[data-live=false] .status-dot{box-shadow:none;background:#8ca1bb;animation:none}.battle-layout{flex:1;gap:10px;min-height:0;display:grid}.battle-stage{height:min(64vh,540px);min-height:430px}.battlefield-frame{background:linear-gradient(90deg,#22f5b214,#0000 46% 54%,#ff5b4f14),#050b16;border:1px solid #618cbd33;border-radius:8px;height:100%;min-height:430px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000006b,inset 0 0 62px #5a8cdc17}.battlefield-frame:after{pointer-events:none;content:"";background:linear-gradient(#ffffff0d,#0000 22%,#0000002e 100%);position:absolute;inset:0}.battlefield-canvas{position:absolute;inset:0}.battlefield-canvas canvas{width:100%;height:100%;display:block}.side-label{z-index:2;pointer-events:none;gap:2px;display:grid;position:absolute;top:14px}.side-label span{color:#9fb5d1;font-size:.72rem;font-weight:780}.side-label strong{letter-spacing:0;max-width:8rem;font-size:clamp(.92rem,4.4vw,1.75rem);line-height:1}.side-label-bull{color:#2ff0b5;text-shadow:0 0 22px #22f5b275;left:16px}.side-label-bear{color:#ff766d;text-align:right;text-shadow:0 0 22px #ff5b4f70;right:16px}.depth-panel-caption{z-index:2;pointer-events:none;gap:3px;display:grid;position:absolute;bottom:clamp(88px,14vw,126px);left:28px}.depth-panel-caption span{color:#e8f5ff;font-size:.76rem;font-weight:860}.depth-panel-caption small{color:#8fa5c2;font-size:.58rem;font-weight:740}.battle-side-panel{gap:12px;display:grid}.stats-panel{grid-template-columns:1fr;gap:8px;padding:12px;display:grid}.stat-row{border-bottom:1px solid #82a2ca1a;justify-content:space-between;align-items:center;gap:10px;min-height:42px;display:flex}.stat-row:last-child{border-bottom:0}.stat-label{gap:6px;min-width:0;display:grid}.stat-row span{color:#9eb1cb;font-size:.75rem;font-weight:700}.stat-row strong{color:#eaf7ff;font-size:.96rem}.stat-row[data-tone=bull] strong{color:#37efb3}.stat-row[data-tone=bear] strong{color:#ff756d}.stat-meter{background:#809dc224;border-radius:999px;width:min(32vw,110px);height:4px;position:relative;overflow:hidden}.stat-meter i{border-radius:inherit;background:#9ab4d6;height:100%;display:block}.stat-row[data-tone=bull] .stat-meter i{background:#2ff0b5}.stat-row[data-tone=bear] .stat-meter i{background:#ff7167}.event-feed{min-height:184px;padding:12px}.panel-heading{color:#ddecff;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:820;display:flex}.panel-heading strong{color:#8ea8c8}.event-feed ol{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.event-feed li{color:#c7d8ef;background:#ffffff08;border:1px solid #7e9dc61f;border-radius:8px;grid-template-columns:auto minmax(0,1fr) minmax(3.7rem,auto);align-items:center;gap:7px 8px;min-height:56px;padding:8px;font-size:.78rem;display:grid}.event-feed li[data-tone=bull]{color:#bdf8e5;border-color:#2defb32e}.event-feed li[data-tone=bear]{color:#ffd1cd;border-color:#ff756d2e}.event-empty{color:#8ea0ba;grid-template-columns:1fr}.event-tag{color:#07111f;white-space:nowrap;background:#9ab4d6;border-radius:6px;padding:4px 6px;font-size:.68rem;font-weight:840}.event-feed li[data-tone=bull] .event-tag{background:#2ff0b5}.event-feed li[data-tone=bear] .event-tag{background:#ff756d}.event-copy{overflow-wrap:anywhere;min-width:0;line-height:1.35}.event-impact{color:#8fa5c2;text-align:right;font-size:.62rem;font-weight:820}.event-severity{color:#ddecff;background:#9ab4d61f;border-radius:6px;grid-column:3;padding:4px 6px;font-size:.68rem;font-weight:840}.control-dock{z-index:5;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid}@keyframes livePulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}@media (width>=640px){.battle-app{gap:12px;padding:16px}.top-bar{grid-template-columns:minmax(0,1fr) minmax(220px,.84fr);grid-template-areas:"title status""price summary";align-items:center;padding:10px 12px}.market-title,.market-price,.connection-pill{justify-content:flex-start}.market-price strong{font-size:clamp(1.68rem,4.1vw,2.28rem)}.market-summary{align-self:stretch}.battle-side-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.connection-pill{justify-self:end}.connection-pill small{display:inline}}@media (width>=980px){.top-bar{grid-template-columns:minmax(0,.82fr) minmax(245px,1.12fr) minmax(190px,.72fr) max-content;grid-template-areas:"title price summary status"}.market-price strong{font-size:clamp(1.9rem,3.2vw,2.55rem)}.battle-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:stretch}.battle-side-panel{grid-template-columns:1fr}.battle-stage,.battlefield-frame{height:auto;min-height:650px}.control-dock{align-self:center;width:min(100%,520px)}}