@font-face{font-family:Arial;font-weight:400;font-style:normal}*{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif!important;box-sizing:border-box!important}:root{--sat: env(safe-area-inset-top, 0rem);--sab: env(safe-area-inset-bottom, 0rem);--sal: env(safe-area-inset-left, 0rem);--sar: env(safe-area-inset-right, 0rem);--vh: 1vh}html{font-size:calc(100vw / 25.875)}html,body{margin:0;padding:0;width:100%;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh;background-color:#0a0e2a;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);height:100dvh;overflow:hidden;box-sizing:border-box}img,svg,video,canvas,iframe{max-width:100%}input,select,textarea{max-width:100%;min-height:1.1733rem}.MuiIconButton-root{min-height:auto!important;min-width:auto!important}.safe-area-top{padding-top:max(.32rem,env(safe-area-inset-top,0rem))!important}.safe-area-bottom{padding-bottom:max(.32rem,env(safe-area-inset-bottom,0rem))!important}.safe-area-padding{padding-top:max(.32rem,env(safe-area-inset-top,0rem))!important;padding-bottom:max(.32rem,env(safe-area-inset-bottom,0rem))!important;padding-left:env(safe-area-inset-left,0rem)!important;padding-right:env(safe-area-inset-right,0rem)!important}.fixed-safe-bottom{position:fixed;bottom:0;padding-bottom:max(.32rem,env(safe-area-inset-bottom,0rem))!important}.fixed-safe-top{position:fixed;top:0;padding-top:max(.32rem,env(safe-area-inset-top,0rem))!important}.MuiDrawer-root:not(.admin-drawer) .MuiDrawer-paper{max-width:100%!important;width:100%!important}.no-scrollbar::-webkit-scrollbar,.MuiTabs-scroller::-webkit-scrollbar{display:none!important}.no-scrollbar,.MuiTabs-scroller{scrollbar-width:none!important;-ms-overflow-style:none!important}.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,.MuiBox-root,.MuiListItemText-root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif!important}.MuiPaper-root .css-1fo4w2z .css-1fo4w23{background-color:#0a0e2a}html.is-admin{font-size:16px!important}html.is-admin,html.is-admin body{background-color:#0f172a;overflow-x:visible;overflow-y:auto}html.is-admin body{margin:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html.is-admin #root{width:100%;height:auto;min-height:100vh;min-height:100dvh;overflow:visible;box-sizing:border-box}html.is-admin *,html.is-admin *:before,html.is-admin *:after{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;box-sizing:border-box!important}html.is-admin .MuiTypography-root,html.is-admin .MuiTypography-h1,html.is-admin .MuiTypography-h2,html.is-admin .MuiTypography-h3,html.is-admin .MuiTypography-h4,html.is-admin .MuiTypography-h5,html.is-admin .MuiTypography-h6,html.is-admin .MuiTypography-subtitle1,html.is-admin .MuiTypography-subtitle2,html.is-admin .MuiTypography-body1,html.is-admin .MuiTypography-body2,html.is-admin .MuiButton-root,html.is-admin .MuiInputLabel-root,html.is-admin .MuiMenuItem-root,html.is-admin .MuiBox-root,html.is-admin .MuiListItemText-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}html.is-admin input,html.is-admin select,html.is-admin textarea{max-width:100%;min-height:auto}html.is-admin .MuiDrawer-root.admin-drawer .MuiDrawer-paper,html.is-admin .MuiDrawer-root .MuiDrawer-paper{max-width:280px!important;width:280px!important}html.is-admin img,html.is-admin svg,html.is-admin video,html.is-admin canvas,html.is-admin iframe{max-width:100%}html.is-admin .safe-area-top,html.is-admin .safe-area-bottom,html.is-admin .safe-area-padding,html.is-admin .fixed-safe-bottom,html.is-admin .fixed-safe-top{padding:0!important;position:static}html.is-admin .outlet-wrapper *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}html.is-admin ::-webkit-scrollbar{width:8px;height:8px;display:auto!important}html.is-admin ::-webkit-scrollbar-track{background:#0f172a80}html.is-admin ::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}html.is-admin ::-webkit-scrollbar-thumb:hover{background:#6366f199}html.is-admin .MuiTabs-scroller::-webkit-scrollbar,html.is-admin .no-scrollbar::-webkit-scrollbar{display:none!important}html.is-admin .MuiTabs-scroller,html.is-admin .no-scrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}.raceContainer{width:1334px;height:770px;overflow:hidden;background-color:#001b58;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}