@font-face{font-family:HelveticaNeueCustom;font-weight:400;font-style:normal}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}.container{margin:0 auto;width:100%;max-width:380px}.stagebox{margin:0 auto;display:flex;gap:2.5%;background-image:url(/assets/stage/DailyProfitRankStage.webp);width:100%;padding-top:42%;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative}.winner{position:absolute;bottom:10%;width:30%;display:flex;flex-direction:column;align-items:center}.winner:nth-child(1){left:35%;bottom:44%}.winner:nth-child(2){left:2%;bottom:30%}.winner:nth-child(3){right:2%;bottom:30%}.crownimg{position:relative;top:20px;left:40%;transform:translate(-100%);width:40px;height:50px;z-index:0}.crownimg img{width:100%;height:100%;object-fit:contain}.winner:nth-child(1) .crownimg img{filter:brightness(1.2) saturate(1.2)}.winner:nth-child(2) .crownimg img{filter:brightness(.9) saturate(.7)}.winner:nth-child(3) .crownimg img{filter:brightness(1.1) saturate(1.5)}.positionimg{margin:-5px auto;width:80px;height:30px}.positionimg img{height:100%;width:100%;object-fit:contain}.idimg{width:70px;height:70px;border-radius:50%;overflow:hidden;margin:-10px auto}.idimg img{width:100%;height:100%;object-fit:cover}.name{margin:10% 0 2%;color:#fff!important;font-size:.8rem;font-weight:400;text-align:center}.price,.win{padding:7px 10px;color:#fff;font-size:.7em;border-radius:9rem;margin-top:4px;font-weight:medium;background:#ffffff4d}.runnerup{width:100%;margin-top:-15px}.fourfive{background:#222121;width:100%;height:50px;display:flex;align-items:center;padding:2px 0;margin:7px 0;justify-content:space-between;border-radius:4px}.position{font-size:1.2rem;font-weight:600;gap:30px;padding:0 10px;color:#a7a4a0;width:30px;text-align:center}.img{width:2.6em;height:2.6em;border-radius:50%;overflow:hidden;margin-right:10px}.img img{width:100%;height:100%;object-fit:cover}.runner-up-name{color:#a7a4a0;font-size:.8rem;flex-grow:1;text-align:left}.win{padding:7px 8px;width:110px;color:#fff;font-size:14px;border-radius:20px;font-weight:600;background:linear-gradient(90deg,#f5b73b,#f5853b);text-align:center;min-width:90px}@media screen and (max-width:480px){.fourfive{height:40px;padding:3px 0}.position{font-size:1rem;width:2px}.img{width:30px;height:30px}.runner-up-name{font-size:.8rem}.win{font-size:.7rem;min-width:100px}}@media screen and (max-width:480px){.container{max-width:100%}.idimg{width:55px;height:55px;left:50%}.crownimg{width:30px;height:30px;top:10px}.name,.price,.win{font-size:.5em}.fourfive{font-size:1rem}}@media screen and (min-width:481px)and (max-width:768px){.container{max-width:95%}}@media screen and (min-width:769px){.container{max-width:380px}}.raceContainer{width:1334px;height:770px;overflow:hidden;background-color:#222121;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}