@font-face{font-family:HelveticaNeueCustom;font-weight:400;font-style:normal}*{font-family:HelveticaNeueCustom,Arial,sans-serif!important;font-family:Times New Roman,Times,serif!important}body{margin:0;background-color:gray;font-family:HelveticaNeueCustom,Arial,sans-serif}*{font-family:HelveticaNeueCustom,Arial,sans-serif!important}#root{height:100vh}.MuiTypography-root,.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4,.MuiTypography-h5,.MuiTypography-h6,.MuiTypography-subtitle1,.MuiTypography-subtitle2,.MuiTypography-body1,.MuiTypography-body2,.MuiButton-root,.MuiInputLabel-root,.MuiMenuItem-root,.MuiListItemText-root{font-family:HelveticaNeueCustom,Arial,sans-serif!important}.raceContainer{width:1334px;height:770px;overflow:hidden;background-color:#fff;transform:translate(0);transform-origin:top left}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(to right,#1a1a1a,#2d2d2d);color:#fff;box-shadow:0 2px 4px #0003}.logo{font-size:2.8rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.headposition{display:flex;gap:.5rem;padding:.5rem;background:#0003;border-radius:8px}.positm{width:36px;height:36px;background-repeat:no-repeat;border-radius:4px;transition:transform .2s}.currentdraw{font-size:2.5rem;color:#fff;background:#ffffff1a;padding:1rem .8rem;border-radius:4px}.page1{position:relative;width:100%;background:#000}.scenary{position:relative;height:119px;overflow:hidden;box-shadow:inset 0 -10px 20px #0003}.scenaryitm{position:absolute;left:0;top:0}.road{position:relative;height:540px;overflow:hidden;perspective:1000px}.roadani{position:relative;transform-style:preserve-3d}.roaditm{position:absolute;left:0;top:0}.roadstart{position:absolute;left:800px;top:17px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}[class^=racecar]{position:absolute;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform,left;z-index:2}.wind{position:absolute;left:-10px;top:-5px;z-index:1;opacity:0;transition:opacity .3s;filter:blur(2px)}.flame{position:absolute;opacity:0;transition:opacity .3s;transform-origin:right center;animation:flameFlicker .1s ease-in-out infinite alternate}[class^=wheel]{position:absolute;bottom:0;animation:wheelSpin .2s linear infinite}.trafficlight{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}.countdownnum,.countdownnum2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8);font-weight:700}.page2{position:absolute;top:100px;left:0;width:100%;height:100%;background:#000000f2;background-image:url(/assets/race/resultbg.webp);background-repeat:no-repeat;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.resultitm{position:absolute;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}.result1{top:70px;left:45%}.result2{top:80px;left:10%}.result3{top:90px;left:80%}.rcar{width:100px;height:100px;background-size:contain;background-repeat:no-repeat;transition:transform .3s}.footer{display:flex;justify-content:space-between;padding:1rem;background:linear-gradient(to right,#1a1a1a,#2d2d2d);color:#fff;font-size:.9rem}.footer1,.footer2,.footer3{display:flex;align-items:center;gap:1rem}.footer2_2{padding:.25rem .75rem;background:#ffffff1a;border-radius:4px;transition:all .2s;cursor:pointer}.footer2_2:hover{background:#fff3;transform:translateY(-1px)}@keyframes scrollScenery{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes scrollRoad{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flameFlicker{0%{transform:scaleX(.9)}to{transform:scaleX(1.1)}}@keyframes drive{0%{transform:translate(0) rotateY(0)}to{transform:translate(100%) rotateY(5deg)}}[class^=car].active .wind,[class^=car].active .flame{opacity:1}[class^=car].winner{z-index:5;transform:scale(1.1);filter:brightness(1.2)}.flashlight{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;pointer-events:none;transition:opacity .2s}.hidden{display:none!important}.visible{display:block!important}
