:root{--ff0: Anonymous Pro, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Helvetica, sans-serif;--ff1: Unbounded, Anonymous Pro, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Helvetica, sans-serif;--ff2: Anonymous Pro, Unbounded, Anonymous Pro, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Helvetica, sans-serif}:root{--as-plr: 12px;--as-gap: 12px;--as-mobile-container: 320px;--as-mobile-break: 344px;--as-tablet-container: 768px;--as-tablet-break: 792px;--as-laptop-container: 1240px;--as-laptop-break: 1264px;--as-desktop-container: 1440px;--as-desktop-break: 1464px}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}h1,h2,h3,h4,h5,h6{margin:0;font-size:1em}@font-face{font-family:"Roboto Monospace";src:url(../assets/fonts/RobotoMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Roboto Monospace";src:url(../assets/fonts/RobotoMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Roboto Monospace";src:url(../assets/fonts/RobotoMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal}:root{--w_ratio: calc(100vw / 4096);--w_ratio_v: calc(100vw / 2560)}.fz{--rem: var(--w_ratio);--fz: var(--rem, 1px);font-size:var(--fz)}.fz-v{--rem: var(--w_ratio_v);--fz: var(--rem, 1px);font-size:var(--fz)}*,*:before,*:after{box-sizing:border-box}html{line-height:1.2}html *:focus{outline:none}html,body{min-width:320px}body{color:#fff;background-color:#000;font-family:"Roboto Monospace",monospace,Arial,Helvetica,sans-serif}.ll:not(.loaded){min-height:32px}.ll.loaded{opacity:1}.lazyloaded{opacity:0}@media (min-width: 768px){.lazyloaded{transition:opacity .1s ease}}.lazyloaded:not(.loaded){min-height:10px}.lazyloaded.loaded{opacity:1}.svg-sprite,.svg-sprites{position:absolute;left:0;top:0;margin:0;padding:0;width:0;height:0;opacity:0;visibility:hidden;display:none;pointer-events:none}figure{display:block;margin:0;padding:0}figure img{display:block;width:100%;max-width:100%}.anik{position:static}.anik:before{content:"Dev by ANik.pro"!important;position:fixed;z-index:9000;left:0;top:0;right:0;bottom:0;color:#fff;font-size:3vw;line-height:100vh;text-align:center;background-color:#000c}.toggle-theme{position:fixed;z-index:2000;left:8px;bottom:8px}.dark-theme .only-light-theme,.only-dark-theme{display:none;visibility:hidden}.dark-theme .only-dark-theme{display:block;visibility:visible}:root{--chart_w: 768px;--chart_h: 1280px;--chart_pt: 10px;--chart_pl: 9px;--chart_pr: 9px;--chart_pb: 10px}@keyframes glare{0%{background-position:-100% 0}10%,to{background-position:200% 0}}body{min-width:var(--chart_w)}.demo-box{height:100vh}.mod-horizontal{--chart_w: 4096px;--chart_h: 640px;--column_h: 200px;height:auto}.mod-horizontal .window{overflow:hidden}.mod-horizontal .window__bg video{width:100%;max-width:none}.mod-horizontal .chart-container{padding:20px 100px;gap:0 100px;justify-content:space-between;flex-direction:row;align-items:center}.mod-horizontal .chart-container .column{flex:1 1 0}.mod-horizontal .admin-panel{position:relative;z-index:100;left:auto;top:auto;right:auto;bottom:auto;max-width:1200px;padding-left:20px;padding-right:20px}.mod-horizontal .admin-panel__control-item{--column_h: 100px;--text_h: 20px}.mod-horizontal .admin-panel__control-item:first-of-type{position:relative;padding-left:var(--column_h)}.mod-horizontal .admin-panel__control-item:first-of-type:before{content:"1"}.mod-horizontal .admin-panel__control-item:nth-of-type(2){position:relative;padding-left:var(--column_h)}.mod-horizontal .admin-panel__control-item:nth-of-type(2):before{content:"2"}.mod-horizontal .admin-panel__control-item:nth-of-type(3){position:relative;padding-left:var(--column_h)}.mod-horizontal .admin-panel__control-item:nth-of-type(3):before{content:"3"}.mod-horizontal .admin-panel__control-item:nth-of-type(4){position:relative;padding-left:var(--column_h)}.mod-horizontal .admin-panel__control-item:nth-of-type(4):before{content:"4"}.mod-horizontal .admin-panel__control-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--column_h);height:calc(var(--column_h) - var(--text_h));display:flex;align-items:center;justify-content:center;font-size:40px}.window{position:relative;width:var(--chart_w);flex:0 0 var(--chart_w);height:var(--chart_h);font-family:"Roboto Monospace",monospace}.window:after{content:"";position:absolute;pointer-events:none;left:0;top:0;right:0;bottom:0;border:1px solid rgba(255,255,255,.5)}.window__bg{position:absolute;left:0;top:0;right:0;bottom:0}.window__chart{width:var(--chart_w);flex:0 0 var(--chart_w);height:var(--chart_h);display:flex;align-items:flex-end;position:relative;padding-left:8px;padding-right:8px}.chart-container{z-index:10;width:var(--chart_w);height:var(--chart_h);position:relative;display:flex;flex-direction:column;padding-top:var(--chart_pt);padding-left:var(--chart_pl);padding-bottom:var(--chart_pb);padding-right:var(--chart_pr);gap:15px 5px;padding-top:520px;padding-left:70px;padding-right:70px}.chart-container:before{content:"";pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(255,255,255,.5)}.chart-container.mod4{--column_h: 170px}.demo-box:has(#chart-container.mod4) .admin-panel{--column_h: 170px}:root{--column_h: 200px;--text_fz: 40px;--text_h: 80px}.column{position:relative;display:flex;align-items:flex-end;height:var(--column_h);opacity:1;transform:translateY(0);transition:all .4s ease-in-out}.column:before{content:"";position:absolute;left:0;top:0;bottom:var(--text_h);width:100%;background-image:url(../assets/img/pattern-white.png);background-repeat:repeat;background-size:8px 8px;opacity:.2}.column.winner .bar:before,.column.winner2 .bar:before{content:"";pointer-events:none;position:absolute;left:0;top:0;right:0;height:calc(var(--column_h) - var(--text_h));border-radius:8px;box-shadow:0 0 10px #ff0,0 0 20px #ff0,0 0 30px #ff0;animation:casino-glow 2s ease-in-out infinite alternate}.column.winner .bar__line,.column.winner2 .bar__line{border:2px solid gold}.column .vote-status{overflow:hidden;box-shadow:-2px -2px 12px #000c;border-radius:8px}.bar{position:relative;min-width:20px;height:var(--column_h);border-radius:8px}.bar__line{overflow:hidden;position:relative;height:calc(var(--column_h) - var(--text_h));background:linear-gradient(0deg,#003ba5,#009ffe);border-radius:8px;transition:width 4s ease-in-out;box-shadow:1px 1px 16px #000c}.bar__line:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--chart_w);background:#ffffff1a;background-image:linear-gradient(97deg,#bb64ff,#f2416b 50%,#eb7500,#ff0)}.bar__line:after{content:"";position:absolute;left:0;top:0;bottom:0;width:200%;width:var(--chart_w);background:#ffffff1a;background-image:linear-gradient(97deg,#fff0,#fff3,#fff0);background-size:50% 100%;background-repeat:no-repeat;animation:glare 10s infinite linear}.bar__count{position:absolute;top:0;right:8px;font-size:40px;line-height:calc(var(--column_h) - var(--text_h));color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);font-weight:700;font-family:"Roboto Monospace",monospace;transition:all .3s ease-in-out}.bar__name{position:absolute;bottom:0;left:0;right:0;font-size:var(--text_fz);line-height:var(--text_h);font-weight:700;white-space:nowrap;color:#fff;font-family:"Roboto Monospace",monospace;transition:all .3s ease-in-out;text-align:center;overflow:hidden;text-overflow:ellipsis}.btn{position:relative;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;outline:none;background:none;display:inline-flex;align-items:center;padding:0;overflow:hidden;background-color:#ffffff80;border-radius:8px;height:calc(var(--column_h) - var(--text_h));transition:background-color .2s ease-out,color .2s ease-out;aspect-ratio:442/200}.btn:hover,.btn:focus,.btn:active{outline:none}.btn:hover{background-color:#fff}.btn img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:8px}.btn span{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}.btn.active{border:2px solid #fff}.admin-panel{position:absolute;z-index:100;top:0;right:20px;bottom:0;max-width:calc(100% - var(--chart_w) - 40px)}.admin-panel__status{height:80px;display:flex;flex-direction:row;gap:15px;padding:20px 0 0}.admin-panel__status button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:100px;background-color:#1984e6;color:#fff}.admin-panel__status button:hover{background-color:#1777cf}.admin-panel__status button.btn-start{background-color:#2abe77}.admin-panel__status button.btn-start:hover{background-color:#25a96a}.admin-panel__status button.btn-reverse{margin-left:45px;margin-right:45px;background-color:#d82423}.admin-panel__status button.btn-reverse:hover{background-color:#c2201f}.admin-panel__status button.btn-live{margin-left:auto}.admin-panel__status button.btn-reset{background-color:#d82423}.admin-panel__status button.btn-reset:hover{background-color:#c2201f}.admin-panel__debug{height:440px;padding:20px 0;display:flex}.admin-panel__debug .debug{position:relative;overflow-y:scroll;width:100%;height:100%;font-size:16px;color:#fff;border:1px solid #fff;font-family:Verdana,Geneva,Tahoma,sans-serif}.admin-panel__control{display:flex;flex-direction:column;justify-content:space-between;gap:15px 0}.admin-panel__control-item{height:var(--column_h);display:flex;flex-direction:row;gap:20px}.no-data{display:flex;align-items:center;justify-content:center;height:200px;font-size:24px;color:#666;font-family:"Roboto Monospace",monospace;text-align:center}.leader-highlight{position:relative}.leader-highlight:before{content:"";position:absolute;left:-5px;top:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,gold,#ffed4e,gold);border-radius:12px;z-index:-1;animation:leaderPulse 1s ease-in-out}@keyframes leaderPulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}.column{will-change:transform}.column.animating{z-index:10}.demo-box:has(.winner) #live-indicator,.demo-box:has(.winner2) #live-indicator{display:none!important;visibility:hidden!important}.live-indicator{position:fixed;z-index:20;left:4px;top:4px;width:calc(var(--chart_w) - 8px)}.live-indicator .live-status{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;padding:12px 20px;color:#fff;display:flex;align-items:center;gap:12px;font-family:"Roboto Monospace",monospace;box-shadow:0 4px 15px #0003}.live-indicator .live-status.active{background:linear-gradient(135deg,#ff4757,#ff3838);animation:livePulse 2s infinite}.live-indicator .live-status.finished{background:linear-gradient(135deg,#2ed573,#1e90ff)}.live-indicator .live-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:dotPulse 1s infinite}.live-indicator .live-text{font-weight:700;font-size:16px}.live-indicator .live-timer{font-size:20px;font-weight:700;min-width:60px;text-align:center;background:#fff3;padding:4px 12px;border-radius:8px}.live-indicator .live-progress{flex:1;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden}.live-indicator .live-progress-bar{height:100%;background:#fff;border-radius:3px;transition:width 1s ease-out}@keyframes livePulse{0%,to{box-shadow:0 4px 15px #ff47574d}50%{box-shadow:0 4px 25px #ff475799}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.vote-status{position:absolute;top:0;left:-20px;width:192px;height:90px;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:10;background-color:#170501;animation:statusAppear 1s ease-out;transform:rotate(-45deg)}.vote-status img{display:block;width:100%;max-width:100%;height:100%;object-fit:fill}.vote-status.save{z-index:20;left:60px}.vote-status.reverse{z-index:30;left:120px}@keyframes statusAppear{0%{opacity:0;transform:scale(.8) translateY(-10px) rotate(-45deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(-45deg)}}.bar.kill .bar__line{position:relative}.bar.kill .bar__line:before{background:linear-gradient(0deg,#666,#999)}.bar.kill .bar__name{opacity:.8;text-decoration:line-through}.bar.save .bar__line:before{background:linear-gradient(0deg,#17a2b8,#2ed573)}.bar.save .bar__line:after{background-image:linear-gradient(97deg,#2ed57333,#fff6,#2ed57333);animation:glare 5s infinite linear}.bar.kill.save .bar__line:before{background-image:linear-gradient(97deg,#00ff7f,#32cd32,#228b22,#006400,#004225)}.bar.kill.save .bar__count,.bar.kill.save .bar__name{opacity:1;text-decoration:none}.bar.reverse .bar__line:before{background-image:linear-gradient(97deg,#f2416b,#eb7500,#ff0)}.bar.reverse .bar__name{color:gold}@keyframes reverseShift{0%{background-position:0px 0px}to{background-position:40px 40px}}#debug{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:15px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;color:#fff;overflow-y:auto;max-height:400px}#debug .debug-entry{margin-bottom:4px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.1)}#debug .debug-entry .debug-time{color:#888;font-size:10px;margin-right:8px}#debug .debug-entry.debug-info{color:#61dafb}#debug .debug-entry.debug-success{color:#2ed573}#debug .debug-entry.debug-warning{color:#ffa502}#debug .debug-entry.debug-error{color:#ff4757}#debug .debug-entry.debug-kill{color:#ff6b9d}#debug .debug-entry.debug-save{color:#7bed9f}#debug .debug-entry.debug-winner{color:gold;font-weight:700}#debug .debug-entry.debug-live{color:#ff3838;font-weight:700}#debug .debug-entry.debug-reset{color:#70a1ff}@keyframes casino-glow{0%{box-shadow:0 0 5px #ff0,0 0 10px #ff0,0 0 15px #ff0;opacity:.7}50%{box-shadow:0 0 15px #ff0,0 0 30px #ff0,0 0 45px #ff0,0 0 60px #ff09;opacity:1}to{box-shadow:0 0 8px #ff0,0 0 16px #ff0,0 0 24px #ff0;opacity:.8}}