@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bull:#41d877;--bear:#ff5a5a;--bull-glow:#41d8778c;--bear-glow:#ff5a5a8c;--panel:#0c0e1294;--panel-border:#ffffff17;--text:#f2f2ee;--muted:#f2f2ee8f;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background:#0d0f13;margin:0;font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}.labels-layer{pointer-events:auto;position:absolute;inset:0}#hud{pointer-events:none;font-size:12px;position:fixed;inset:0}#hud .panel,#hud button,#hud select{pointer-events:auto}.panel{background:linear-gradient(180deg, #16191f9e, var(--panel));border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-radius:12px;padding:10px 12px;box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff0d}.enter{animation:enter .9s var(--ease) both;animation-delay:calc(var(--d,0) * .12s + .15s)}@keyframes enter{0%{opacity:0;filter:blur(4px);translate:0 10px}}select,button{font:inherit;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;padding:4px 8px;transition:background .2s,border-color .2s,transform .15s}button{align-items:center;gap:5px;display:inline-flex}button:hover,select:hover{background:#ffffff1f;border-color:#fff3}button:active{transform:scale(.96)}button.on{background:#41d8772e;border-color:#41d8778c;box-shadow:0 0 12px #41d87740}button.lang{white-space:nowrap;letter-spacing:.04em;justify-content:center;min-width:40px;font-weight:700}.tl{min-width:180px;position:absolute;top:14px;left:14px}.tl .regime{margin-bottom:6px;font-weight:600}.tl .row{align-items:center;gap:8px;display:flex}.tl .mode{letter-spacing:.08em;color:var(--bull);font-size:10px;animation:2.4s ease-in-out infinite blink}.tl .mode.sim{color:#ffc24b}@keyframes blink{50%{opacity:.55}}.tl .clock{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px}.top-center{text-align:center;width:min(580px,92vw);position:absolute;top:10px;left:50%;transform:translate(-50%)}.top-center .caption{letter-spacing:.16em;color:#f2f2eeb3;text-shadow:0 1px 4px #000c;font-size:10px}.price-row{justify-content:center;align-items:center;gap:8px;display:flex}.price-row .arrow{width:14px;font-size:14px;transition:color .3s}.price-row .arrow.up{color:var(--bull)}.price-row .arrow.down{color:var(--bear)}.top-center .price{letter-spacing:-.015em;font-variant-numeric:tabular-nums;text-shadow:0 2px 22px #0009;font-size:42px;font-weight:800}.top-center .price.up{animation:flashUp .9s var(--ease)}.top-center .price.down{animation:flashDown .9s var(--ease)}@keyframes flashUp{0%{color:var(--bull);text-shadow:0 0 12px #41d87759;transform:translateY(-2px)}}@keyframes flashDown{0%{color:var(--bear);text-shadow:0 0 12px #ff5a5a59;transform:translateY(2px)}}.top-center .change{text-shadow:0 1px 3px #000000d9,0 0 10px #00000080;background:#080a0c6b;border-radius:10px;margin-top:1px;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block;position:relative}.change.pos{color:var(--bull)}.change.neg{color:var(--bear)}.warbar{margin-top:8px;padding:9px 13px 7px}.warbar .ends{justify-content:space-between;align-items:center;gap:8px;display:flex}.warbar .ends span{font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.warbar .ends small{letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-size:9px}.warbar .bear b{color:var(--bear)}.warbar .bull b{color:var(--bull);align-self:flex-end}.warbar .bull small{align-self:flex-end}.warbar .status{text-align:center;flex:1;font-size:13px;font-weight:700;transition:color .4s}.warbar .status[data-tone=bull]{color:#b7f5cb}.warbar .status[data-tone=bear]{color:#ffc4c4}.warbar .status.swap{animation:swap .6s var(--ease)}@keyframes swap{0%{opacity:0;filter:blur(3px);translate:0 5px}}.warbar .bar{background:linear-gradient(90deg,#ff5a5a59,#ff5a5acc);border-radius:3px;height:6px;margin-top:8px;position:relative;box-shadow:0 0 12px #ff5a5a33}.warbar .fill{background:linear-gradient(90deg, #41d87780, var(--bull));border-radius:3px;position:absolute;inset:0 auto 0 0;overflow:hidden;box-shadow:0 0 12px #41d87759}.warbar .fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40%;animation:2.6s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(320%)}}.warbar .marker{background:#fff;border-radius:2px;width:3px;height:16px;margin-left:-1.5px;animation:1.6s ease-in-out infinite pulse;position:absolute;top:-5px;box-shadow:0 0 10px #fff}@keyframes pulse{50%{box-shadow:0 0 18px #fff,0 0 4px #fff}}.warbar .score{color:var(--muted);margin-top:5px;font-size:10px}.side{flex-direction:column;gap:2px;display:flex;position:absolute;top:32%}.side small{letter-spacing:.12em;color:var(--muted);font-size:9px}.side b{font-variant-numeric:tabular-nums;font-size:23px}.side.left{left:14px}.side.left b{color:var(--bull);text-shadow:0 0 16px #41d87759}.side.right{text-align:right;right:14px}.side.right b{color:var(--bear);text-shadow:0 0 16px #ff5a5a59}.tr{width:318px;position:absolute;top:14px;right:14px}.tr button{white-space:nowrap}.tr .buttons{gap:6px;margin-bottom:8px;display:flex}.venue{font-variant-numeric:tabular-nums;grid-template-columns:10px 64px 1fr 34px 46px;align-items:center;gap:6px;padding:2px 0;display:grid}.venue i{background:var(--c);border-radius:50%;width:8px;height:8px}.venue.ok i{box-shadow:0 0 0 0 var(--c);animation:2.2s ease-out infinite ping}@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 70%, transparent)}80%,to{box-shadow:0 0 0 6px #0000}}.venue em{color:var(--muted);text-align:right;font-style:normal}.venue em.wbar{background:#ffffff12;border-radius:2px;height:3px;overflow:hidden}.venue em.wbar u{height:100%;transition:width .8s var(--ease);border-radius:2px;display:block}.venue.warn span{color:#ffc24b}.venue.bad{opacity:.45}.bl{width:340px;position:absolute;bottom:30px;left:14px}.head{letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.bl canvas{width:100%;height:112px;display:block}.bl .axis{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.bl .legend{color:var(--muted);margin-top:5px;font-size:10px}.br{width:340px;position:absolute;bottom:30px;right:14px}.br .live{color:var(--bull);align-items:center;gap:5px;display:inline-flex}.br .live i{background:var(--bull);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite blink}.br ul{min-height:60px;margin:0;padding:0;list-style:none}.br li{font-variant-numeric:tabular-nums;border-left:2px solid #0000;border-radius:3px;grid-template-columns:56px 16px 1fr auto;align-items:center;gap:7px;padding:4px 4px 4px 7px;display:grid}.br li.fresh{animation:slideIn .6s var(--ease)}.br li.fresh.bull{animation:slideIn .6s var(--ease), glowBull 1.6s ease-out}.br li.fresh.bear{animation:slideIn .6s var(--ease), glowBear 1.6s ease-out}@keyframes glowBull{0%{background:#41d87738}}@keyframes glowBear{0%{background:#ff5a5a38}}.br li+li{border-top:1px solid #ffffff0d}.br li.bull{border-left-color:var(--bull)}.br li.bear{border-left-color:var(--bear)}.br li.liq span,.br li.big span{font-weight:700}.br li.big b{font-size:13px}.br li.big.bull b{text-shadow:0 0 12px var(--bull-glow)}.br li.big.bear b{text-shadow:0 0 12px var(--bear-glow)}.br li time{color:var(--muted);font-size:11px}.br li i{color:#111;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;font-weight:700;display:grid}.br li span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.br li b{font-weight:600}.br li.bull b{color:var(--bull)}.br li.bear b{color:var(--bear)}@keyframes slideIn{0%{opacity:0;transform:translate(14px)}}.banner{text-align:center;opacity:0;pointer-events:none;--accent:#fff;--accent-glow:#ffffff73;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.banner.bulls{--accent:var(--bull);--accent-glow:var(--bull-glow)}.banner.bears{--accent:var(--bear);--accent-glow:var(--bear-glow)}.banner.show{opacity:1}.banner.hide{opacity:0;transition:opacity .9s}.banner h1{letter-spacing:.08em;color:var(--accent);text-shadow:0 0 28px var(--accent-glow), 0 4px 30px #000000b3;margin:0;font-size:50px;font-weight:800}.banner.show h1{animation:bannerIn 1s var(--ease) both}@keyframes bannerIn{0%{opacity:0;letter-spacing:.5em;filter:blur(10px);transform:scale(1.08)}}.banner .b-rule{justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex}.banner .b-rule i{background:linear-gradient(90deg, transparent, var(--accent));transform-origin:100%;width:160px;height:1px;display:block}.banner .b-rule i:last-child{background:linear-gradient(270deg, transparent, var(--accent));transform-origin:0}.banner .b-rule em{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent-glow);rotate:45deg}.banner.show .b-rule i{animation:rule .9s var(--ease) both}@keyframes rule{0%{transform:scaleX(0)}}.banner p{color:#ffffffe0;text-shadow:0 2px 12px #000c;margin:8px 0 0;font-size:13px}.banner.show p{animation:enter .8s var(--ease) .35s both}.banner p .b{color:var(--bull)}.banner p .r{color:var(--bear)}.tr button.sound.muted{opacity:.55}.sound-hint{-webkit-backdrop-filter:blur(10px);pointer-events:auto;background:#0c0e12b8;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;animation:2.4s ease-in-out infinite hintPulse;display:none;position:absolute;bottom:30px;left:50%;translate:-50%;box-shadow:0 6px 24px #00000059}.sound-hint.show{display:inline-flex}.sound-hint span{color:var(--bull);display:inline-flex}@keyframes hintPulse{50%{box-shadow:0 6px 24px #00000059,0 0 0 6px #41d8771f}}.hints{letter-spacing:.08em;color:var(--muted);white-space:nowrap;font-size:10px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.front-label{font-variant-numeric:tabular-nums;pointer-events:none;background:#0a0c0eb8;border:1px solid #fff6;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;box-shadow:0 0 14px #d8ffe640}.reserve-label{pointer-events:none;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c0e8c;border-radius:8px;flex-direction:column;padding:5px 9px;line-height:1.25;display:flex}.reserve-label b{letter-spacing:.12em;font-size:9px}.reserve-label span{font-size:16px;font-weight:700}.reserve-label small{color:var(--muted);font-size:10px}.reserve-label.bulls span{color:var(--bull)}.reserve-label.bears span{color:var(--bear)}.event-label{pointer-events:none;text-shadow:0 1px 6px #000000e6;flex-direction:column;align-items:center;font-size:10px;line-height:1.15;animation:2.6s ease-out forwards floatUp;display:flex}.event-label b{font-size:14px}.event-label.liq b{font-size:18px}.event-label.bull b{color:var(--bull);text-shadow:0 0 12px var(--bull-glow)}.event-label.bear b{color:var(--bear);text-shadow:0 0 12px var(--bear-glow)}@keyframes floatUp{0%{opacity:0;translate:0 8px;scale:.7}12%{opacity:1;scale:1.08}20%{scale:1}75%{opacity:1}to{opacity:0;translate:0 -30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:860px){.side,.tr .venues,.hints{display:none}.bl,.br{width:calc(50vw - 20px)}.top-center .price{font-size:30px}.tl{display:none}}
