body{margin:0;background:#BACDDB}.main-cont-flex{width:100vw;display:flex;justify-content:center}:root{--width: 0px;--height: 0px;--Cwidth: min(var(--width), 700px);--Cheight: calc(var(--Cwidth) / 1.4);--CwidthMin: calc(var(--Cwidth) - (var(--Cwidth) * .04));--time-bar-width: 0%}.title{font-size:calc(var(--Cwidth) * .08);text-align:center;color:#940047;margin-bottom:20px;font-weight:700;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;background-position:center;background-size:contain;background-repeat:no-repeat;width:calc(var(--Cwidth) * .5);margin-left:calc(var(--Cwidth) * .02);height:calc(var(--Cwidth) * .06);margin-top:10px}.sub-title{font-size:calc(var(--Cwidth) * .03);margin-left:calc(var(--Cwidth) * .02);margin-bottom:20px;font-weight:700;font-family:Verdana,Geneva,Tahoma,sans-serif}.sub-title span{font-size:calc(var(--Cwidth) * .02)}.main-centered{width:var(--Cwidth);min-height:100vh;background:rgb(251,251,251)}.youtube{width:var(--Cwidth);height:var(--Cheight)}.youtube-cont{width:var(--Cwidth);height:var(--Cheight);position:relative}.hide-cont{width:var(--Cwidth);height:var(--Cheight);position:absolute;opacity:.4;pointer-events:none;top:0;left:0}.hide-cont-top{height:70px;width:var(--Cwidth);pointer-events:initial}.hide-cont-bottom{height:37px;width:var(--Cwidth);position:absolute;bottom:0;display:flex;justify-content:end}.time-cont{margin-top:10px;width:var(--CwidthMin);height:10px;background:#abc9ff;display:flex}.time-bar{height:100%;background:#eb4747}.hide-cont-bottom-right{pointer-events:initial;width:200px}.horizontal-slider{margin-top:10px;width:var(--CwidthMin);height:50px}.horizontal-slider .example-thumb{top:1px;width:calc(var(--CwidthMin) * .2);height:48px;line-height:48px;background:#eb4747;cursor:grab;text-align:center;color:#fff;font-size:calc(var(--CwidthMin) * .025);font-family:Verdana,Geneva,Tahoma,sans-serif;border-radius:7.5px}.horizontal-slider .example-track{top:20px;height:10px;background:#abc9ff}.result-cont{margin-top:10px;display:flex;flex-direction:column-reverse;font-family:Verdana,Geneva,Tahoma,sans-serif}.result-item-cont{margin-bottom:20px;display:flex;border-radius:10px;overflow:hidden;box-shadow:1px 1px 4px #7c7c7c;background:#eb4747;color:#fff}.result-thumb{width:calc(var(--Cwidth) * .2);height:calc(var(--Cwidth) * .15);background-size:85%;background-position:center;background-repeat:no-repeat;display:block}.result-right{width:calc(var(--Cwidth) * .8)}.result-title{padding:calc(var(--Cwidth) * .01);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:calc(var(--Cwidth) * .02);border-bottom:2px solid #abc9ff}.result-3{display:flex;width:100%}.result-chien{margin-top:calc(var(--Cwidth) * .015);text-align:center;width:33.33%;font-size:calc(var(--Cwidth) * .025)}.score-bar{height:15px}.total-score{margin-top:10px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:calc(var(--Cwidth) * .03);text-align:center;display:flex;justify-content:space-between}.date{font-family:Verdana,Geneva,Tahoma,sans-serif;margin-top:calc(var(--Cwidth) * .001);font-size:calc(var(--Cwidth) * .03);margin-left:10px;display:flex}.newgame{padding:calc(var(--Cwidth) * .01);margin-top:calc(var(--Cwidth) * -.01);background:#eb4747;color:#fff;cursor:pointer;border-radius:calc(var(--Cwidth) * .01)}