@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;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;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,#hud a{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}.masthead{align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:14px}.brand{letter-spacing:.06em;color:#f2f2ee;text-shadow:0 1px 6px #000000d9;white-space:nowrap;align-items:center;gap:8px;height:34px;font-size:17px;font-weight:800;display:flex}.brand img{border-radius:8px;width:34px;height:34px;box-shadow:0 4px 14px #00000073}.xlink{-webkit-backdrop-filter:blur(10px);color:#f2f2ee;white-space:nowrap;background:#0e111694;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px 0 2px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.xlink:hover,.xlink:focus-visible{background:#0e1116c7;border-color:#fff6}.xlink img{border-radius:50%;width:22px;height:22px}.xlink .xmark{opacity:.75}.xlink.under-bar{display:none}.tl{min-width:180px;position:absolute;top:56px;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,100vw - 692px);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 42px 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;overflow-x:clip}.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}#hud em.full,#hud em.short{font-style:normal}#hud em.short{display:none}.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}.net-alert{-webkit-backdrop-filter:blur(14px);color:#f2f2ee;opacity:0;visibility:hidden;background:linear-gradient(#282012d6,#161410e6);border:1px solid #ffc24b73;border-radius:12px;align-items:flex-start;gap:10px;width:max-content;max-width:min(380px,100vw - 32px);padding:12px 16px;transition:opacity .4s,visibility .4s;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000059}.net-alert.show{opacity:1;visibility:visible}.net-alert .net-icon{color:#ffc24b;flex:none;margin-top:1px}.net-alert b{color:#ffc24b;font-size:14px;font-weight:700;display:block}.net-alert p{color:#f2f2eedb;margin:4px 0 0;font-size:12px;line-height:1.5}.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;transition:opacity .35s;display:flex}.reserve-label.cut{opacity:0}.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:1100px),(max-height:500px){.side,.tl,.tr .venues,.hints{display:none}.tr{border-radius:10px;width:auto;padding:3px;top:8px;right:8px}.masthead{flex-direction:column;align-items:flex-start;gap:4px;top:8px;left:8px}.brand{gap:6px;font-size:14px}.brand img{border-radius:6px;width:26px;height:26px}.tr .buttons{gap:3px;margin-bottom:0}.tr button{height:28px;padding:0 7px;font-size:11px}.tr button span{display:none}.tr button.lang{min-width:32px;font-size:10.5px}.top-center{grid-template-columns:1fr auto auto 1fr;align-items:center;column-gap:8px;width:min(580px,100vw - 16px);display:grid;top:8px}.top-center .caption{letter-spacing:.12em;white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;height:36px;font-size:9px;line-height:36px;overflow:hidden}.top-center .price-row{grid-column:2}.top-center .change{grid-column:3;justify-self:start;margin-top:0;padding:1px 7px;font-size:10.5px}.top-center .price{font-size:30px}.price-row .arrow{width:11px;font-size:11px}.warbar{grid-column:1/-1;margin-top:4px;padding:7px 10px 6px}.warbar .ends small{letter-spacing:.06em;font-size:8px}.warbar .ends b{font-size:12px}.warbar .status{font-size:11px}.warbar .bar{height:5px;margin-top:6px}.warbar .marker{height:13px;top:-4px}.warbar .score{margin-top:4px;font-size:9px}.bl,.br{border-radius:10px;width:min(380px,50vw - 12px);padding:7px 8px;font-size:10px;bottom:8px}.bl{left:8px}.br{right:8px}.head{letter-spacing:.08em;margin-bottom:4px;font-size:9px}.head select{padding:2px 4px;font-size:9.5px}.bl canvas{height:96px}.bl .axis{font-size:8.5px}.bl .legend{margin-top:3px;font-size:8.5px;line-height:1.35}.br ul{min-height:0}.br li{grid-template-columns:auto 13px 1fr auto;gap:5px;padding:2px 3px 2px 5px}.br li time{font-size:9px}.br li i{width:13px;height:13px;font-size:7.5px}.br li.big b{font-size:11px}.sound-hint{width:max-content;max-width:calc(100vw - 32px);padding:6px 12px;font-size:11px;top:56%;bottom:auto}.banner h1{font-size:32px}.banner .b-rule i{width:80px}.banner p{max-width:calc(100vw - 32px);font-size:11px}.front-label{padding:2px 6px;font-size:11px}.reserve-label{padding:4px 7px}.reserve-label b{font-size:8px}.reserve-label span{font-size:12px}.reserve-label small{font-size:8.5px}.event-label{font-size:9px}.event-label b{font-size:12px}.event-label.liq b{font-size:14px}}@media (max-width:600px),(max-height:500px){#hud em.full{display:none}#hud em.short{display:inline}}@media (max-width:600px){.top-center .caption{visibility:hidden}.masthead .xlink{display:none}.top-center .xlink.under-bar{grid-column:1/-1;justify-self:start;margin-top:6px;display:inline-flex}.top-center .price{font-size:26px}.bl canvas{height:72px}.br li:nth-child(n+7){display:none}}@media (max-width:600px) and (max-height:640px){:is(#hud:has(.banner.show:not(.hide)) .xlink.under-bar,#hud:has(.net-alert.show) .xlink.under-bar){opacity:0;visibility:hidden}}@media (max-height:500px){.top-center{width:min(460px,100vw - 380px)}.top-center .caption{display:none}.top-center .price{font-size:22px}.top-center .change{font-size:10px}.warbar{padding:5px 9px 4px}.warbar .bar{margin-top:5px}.warbar .score{margin-top:3px}.bl,.br{width:min(300px,30vw)}.bl canvas{height:44px}.br li:nth-child(n+5){display:none}.sound-hint{white-space:normal;text-align:center;max-width:calc(40vw - 32px);top:auto;bottom:10px}.banner{top:46%}.net-alert{max-width:min(380px,100vw - 120px);padding:8px 12px;top:46%}.net-alert b{font-size:13px}.net-alert p{margin-top:2px;font-size:11px;line-height:1.4}.banner h1{font-size:26px}.banner p{margin-top:5px;font-size:10.5px}}
