: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:radial-gradient(circle at 22% 12%,#1affbd24,#0000 30%),radial-gradient(circle at 78% 16%,#ff504121,#0000 32%),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:12px;min-height:100vh;padding:12px;display:flex;position:relative}.telegram-session-badge{z-index:3;color:#b8c7da;letter-spacing:0;background:#060d19b8;border:1px solid #9ab4d62e;border-radius:999px;padding:6px 9px;font-size:.64rem;font-weight:820;position:absolute;top:12px;right:12px}.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:1fr;gap:10px;padding:12px;display:grid}.market-title,.market-price,.connection-pill{justify-content:space-between;align-items:center;gap:10px;display:flex}.symbol{color:#f4fbff;font-size:1.1rem;font-weight:850}.venue{color:#7deed0;font-size:.72rem;font-weight:780}.market-price strong{letter-spacing:0;font-size:clamp(1.8rem,9vw,2.8rem);line-height:.95}.is-positive{color:#33f0ad}.is-negative{color:#ff7167}.connection-pill{color:#9cf7d7;background:#1bffbc12;border:1px solid #4dffc02e;border-radius:999px;justify-content:flex-start;width:fit-content;padding:7px 10px;font-size:.72rem;font-weight:800}.connection-pill[data-live=false]{color:#b8c7da;background:#9ab4d612;border-color:#9ab4d62e}.status-dot{background:#2fffb5;border-radius:999px;width:8px;height:8px;animation:1.4s ease-in-out infinite livePulse;box-shadow:0 0 14px #2fffb5}.connection-pill[data-live=false] .status-dot{box-shadow:none;background:#8ca1bb;animation:none}.battle-layout{flex:1;gap:12px;min-height:0;display:grid}.battle-stage{min-height:420px}.battlefield-frame{background:linear-gradient(90deg,#22f5b214,#0000 46% 54%,#ff5b4f14),#050b16;border:1px solid #618cbd33;border-radius:8px;height:100%;min-height:420px;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%),radial-gradient(circle,#0000 38%,#0003 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:16px}.side-label span{color:#9fb5d1;font-size:.72rem;font-weight:780}.side-label strong{letter-spacing:0;font-size:clamp(1.2rem,6vw,2.4rem);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}.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-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}.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 1fr;align-items:center;gap:8px;min-height:34px;padding:7px 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-severity{color:#07111f;background:#9ab4d6;border-radius:6px;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>=760px){.battle-app{gap:14px;padding:18px}.top-bar{grid-template-columns:1fr auto auto;align-items:center;padding:14px 16px}.market-title,.market-price,.connection-pill{justify-content:flex-start}.battle-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:stretch}.battle-stage,.battlefield-frame{min-height:620px}.control-dock{align-self:center;width:min(100%,520px)}}