@font-face{font-family:Arial;font-weight:400;font-style:normal}*{font-family:Arial,sans-serif!important;font-family:Times New Roman,Times,serif!important}body{margin:0;background-color:gray;font-family:Arial,sans-serif}*{font-family: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,.MuiBox-root,.MuiListItemText-root{font-family:Arial,sans-serif!important}.MuiPaper-root .css-1fo4w2z .css-1fo4w23{background-color:#f7f8ff}.loading-page{background-color:gray;overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center;margin:0;padding:0}.loading-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:360px;height:100vh;background:#ff6821;color:#fff;text-align:center;padding:0 16px;box-sizing:border-box}.loading-main-image{width:100%;max-width:360px;margin-top:130px}.loading-logo-image{width:200px;max-width:60%;margin-top:50px}@media screen and (max-width:360px){.loading-main-image{margin-top:100px}.loading-logo-image{margin-top:40px;width:180px}}.container{margin:0 auto;width:100%;max-width:380px}.stagebox{margin:0 auto;display:flex;gap:2.5%;background-image:url(/assets/stage.webp);width:100%;padding-top:50%;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:35%}.winner:nth-child(2){left:0%;bottom:35%}.winner:nth-child(3){right:0%;bottom:35%}.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:40px;height:40px;border-radius:50%;overflow:hidden}.idimg2{width:28px;height:28px;border-radius:50%;overflow:hidden;margin:-32.5px auto}.idimg3{width:28px;height:28px;border-radius:50%;overflow:hidden;margin:-31.5px auto}.idimg img,.idimg2 img,.idimg3 img{width:100%;height:100%;object-fit:cover}.name{margin:25% 0 2%;color:#ffde78!important;font-size:12.8px;text-align:center}.name2{margin:21% 0 2%;color:#ffde78!important;font-size:12.8px;text-align:center}.name3{margin:21% 0 2%;color:#ff772a!important;font-size:12.8px;text-align:center}.price{color:#967033;font-size:14px;border-radius:9rem;margin-top:4px;font-weight:700}.runnerup{width:100%;border-radius:10px}.fourfive{background:linear-gradient(90deg,#fff0d8,#ffd592 42%,#fff);width:calc(100% - 30px);min-height:40px;display:flex;align-items:center;justify-content:space-between;margin:8px auto;border-radius:8px;padding:8px 15px;box-shadow:0 1px 2px #0000001a}.left{display:flex;align-items:center;gap:8px}.position{font-size:14px;color:#967033;width:20px;text-align:center;font-weight:700}.img{width:35px;height:35px;border-radius:50%;overflow:hidden}.img img{width:100%;height:100%;object-fit:cover}.runner-up-name{color:#000;font-size:14px;font-weight:500}.win{background:linear-gradient(270deg,#ff6117 3%,#ff2720 99%);color:#fff;font-weight:600;font-size:13px;border-radius:25px;padding:5px 12px;opacity:.7;text-align:center;min-width:100px}@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,.idimg2,.idimg3{width:55px;height:55px;left:50%}.crownimg{width:30px;height:30px;top:10px}.name,.name2,.name3,.price,.win{font-size:.7em}.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}}