html{box-sizing:border-box;font-size:62.5%}html,body{margin:0;padding:0;height:100%;min-height:100%}body{color:#fff;font-size:1.1458333333vw;font-family:CruyffSansVN,sans-serif;font-optical-sizing:auto;overflow-x:hidden;background:#303030}#root{width:100%;height:100%;position:relative;overflow:hidden}#main-body{background-size:cover}#main-body>div{width:177.7777777778vh;height:100vh;margin-left:auto;margin-right:auto;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){#main-body>div{width:100vw}}@media screen and (max-aspect-ratio: 1920 / 1080){#main-body>div{height:56.25vw}}a{color:#fff;transition:color .25s ease;outline:none!important;text-decoration:none}a:hover,a:focus{color:#fff;text-decoration:none}button{outline:none!important}img{display:inline-block;max-width:100%}.container{max-width:100%!important}.mb0{margin-bottom:0!important}.text-red{color:#a03a3c!important}.text-yellow{color:#ff0!important}.text-green{color:#00ff90!important}.text-underline{text-decoration:underline!important}.text-ellips{display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;padding-right:3px}.no-wrap .text-ellips{max-width:88%}.has-error{filter:drop-shadow(0 0 .1vh #ff3535) drop-shadow(0 0 .2vh #ff3535) drop-shadow(0 0 .2vh #ff3535) drop-shadow(0 0 .2vh #ff3535)}.no-wrap{white-space:nowrap}.icon-edit{display:inline-block;vertical-align:middle;transform:translateY(-5%)}.icon-edit img{display:block;width:100%}.text-large{font-size:1.875vw!important;text-transform:uppercase;font-weight:700}.text-preline{white-space:pre-line}.text-white{color:#fff!important}.text-stroke{display:inline-block;position:relative;-webkit-text-stroke:2px #5e6bd1;paint-order:stroke fill}.text-stroke:before{content:attr(data-text);position:absolute;font-size:inherit;font-weight:inherit;top:0;left:0;text-shadow:0 .4vh 0 #5e6bd1}.text-stroke-yellow{display:inline-block;position:relative;-webkit-text-stroke:3px #b07633;paint-order:stroke fill}.text-stroke-yellow:before{content:attr(data-text);position:absolute;font-size:inherit;font-weight:inherit;top:0;left:0;text-shadow:0 .4vh 0 #b07633}.text-blue{color:#1c61df!important}.text-ellipsis{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.text-shadow{text-shadow:.2vh .3vh 0 #005240}strong{font-weight:700}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:.7407407407vh;border-radius:2vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar:vertical{width:.4166666667vw}}::-webkit-scrollbar:horizontal{height:.7407407407vh;border-radius:2vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar:horizontal{height:.4166666667vw}}::-webkit-scrollbar-thumb{background:#fff;width:.7407407407vh;border-radius:2vh;border:0px solid #fff}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar-thumb{width:.4166666667vw}}::-webkit-scrollbar-track{width:.7407407407vh;border-radius:2vh;background-color:#96d2ff;border:1px solid #96d2ff}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar-track{width:.4166666667vw}}select,::picker(select){appearance:base-select}select{border:2px solid #ddd;background:#eee;transition:.4s;padding-left:1.8518518519vh;background:#fff;border:none;border-radius:2.7777777778vh;font-weight:500;line-height:1.2;color:#000;align-items:center;text-align-last:center}@media screen and (max-aspect-ratio: 1920 / 1080){select{padding-left:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){select{border-radius:1.5625vw}}select:hover,select:focus{background:#ddd}select::picker-icon{color:#000;transition:.4s rotate}select:open::picker-icon{rotate:180deg}@font-face{font-family:CruyffSansVN;src:url(/fonts/CruyffSansVN-Regular.eot);src:url(/fonts/CruyffSansVN-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/CruyffSansVN-Regular.woff2) format("woff2"),url(/fonts/CruyffSansVN-Regular.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansVN-Regular.ttf) format("truetype"),url(/fonts/CruyffSansVN-Regular.svg#CruyffSansVN-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansVN;src:url(/fonts/CruyffSansVN-Medium.eot);src:url(/fonts/CruyffSansVN-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/CruyffSansVN-Medium.woff2) format("woff2"),url(/fonts/CruyffSansVN-Medium.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansVN-Medium.ttf) format("truetype"),url(/fonts/CruyffSansVN-Medium.svg#CruyffSansVN-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansVN;src:url(/fonts/CruyffSansVN-Bold.eot);src:url(/fonts/CruyffSansVN-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/CruyffSansVN-Bold.woff2) format("woff2"),url(/fonts/CruyffSansVN-Bold.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansVN-Bold.ttf) format("truetype"),url(/fonts/CruyffSansVN-Bold.svg#CruyffSansVN-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansVN;src:url(/fonts/CruyffSansVN-Heavy.eot);src:url(/fonts/CruyffSansVN-Heavy.eot?#iefix) format("embedded-opentype"),url(/fonts/CruyffSansVN-Heavy.woff2) format("woff2"),url(/fonts/CruyffSansVN-Heavy.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansVN-Heavy.ttf) format("truetype"),url(/fonts/CruyffSansVN-Heavy.svg#CruyffSansVN-ExtraBold) format("svg");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansVN;src:url(/fonts/CruyffSansVN-Black.eot);src:url(/fonts/CruyffSansVN-Black.eot?#iefix) format("embedded-opentype"),url(/fonts/CruyffSansVN-Black.woff2) format("woff2"),url(/fonts/CruyffSansVN-Black.woff) format("woff"),url(/fonts/CruyffSansVN-Black.ttf) format("truetype"),url(/fonts/CruyffSansVN-Black.svg#CruyffSansVN-Black) format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansVNExtended;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansVNExtended-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansVNExtended;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansVNExtended-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansVNExtended;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansVNExtended-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansVNExtended;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansVNExtended-Bold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansVNExtended;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansVNExtended-Heavy.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:CruyffSansCondensed;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/fonts/CruyffSansCondensed-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{background:#ff0;font-size:4.6296296296vh;width:32.6851851852vh;height:7.1296296296vh;line-height:.2777777778vh;outline:none!important;box-shadow:none!important;text-transform:uppercase;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;z-index:1;text-decoration:none!important;border:none;display:block;font-weight:600;color:#000;border-radius:3.5185185185vh;padding:.9259259259vh;transition:all .3s ease-in-out;box-shadow:3px 7px 2px #00000080;margin:0}@media screen and (max-aspect-ratio: 1920 / 1080){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{font-size:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{width:18.3854166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{height:4.0104166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{line-height:.15625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{border-radius:1.9791666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{padding:.5208333333vw}}.btn:hover,.swal2-container .swal2-popup .swal2-styled.swal2-confirm:hover,.swal2-container .swal2-popup .swal2-styled.swal2-cancel:hover{box-shadow:3px 7px 2px #00000080}.btn__icon,.swal2-container .swal2-popup .swal2-styled.swal2-confirm__icon,.swal2-container .swal2-popup .swal2-styled.swal2-cancel__icon{display:block;width:3.0555555556vh;margin-right:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn__icon,.swal2-container .swal2-popup .swal2-styled.swal2-confirm__icon,.swal2-container .swal2-popup .swal2-styled.swal2-cancel__icon{width:1.71875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn__icon,.swal2-container .swal2-popup .swal2-styled.swal2-confirm__icon,.swal2-container .swal2-popup .swal2-styled.swal2-cancel__icon{margin-right:1.0416666667vw}}.btn--big,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--big,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--big{font-size:3.8888888889vh;min-width:39.8148148148vh;height:9.2592592593vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn--big,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--big,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--big{font-size:2.1875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn--big,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--big,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--big{min-width:22.3958333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn--big,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--big,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--big{height:5.2083333333vw}}.btn--enter,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--enter,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--enter{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.btn--gray,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--gray,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--gray{background:url(/images/btn-grayout.png);background-size:100% 100%}.btn--fw,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--fw,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--fw{width:100%;min-width:initial!important}.btn:hover,.swal2-container .swal2-popup .swal2-styled.swal2-confirm:hover,.swal2-container .swal2-popup .swal2-styled.swal2-cancel:hover{outline:1px solid #07f468}.swal2-container .swal2-popup .swal2-styled.swal2-cancel{background:#000!important;color:#fff!important}.ScrollbarsCustom-Wrapper{right:0!important}.ScrollbarsCustom-Track{width:.7407407407vh!important;right:-2.3148148148vh!important;z-index:1;background:#eaebeb1a!important}@media screen and (max-aspect-ratio: 1920 / 1080){.ScrollbarsCustom-Track{width:.4166666667vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.ScrollbarsCustom-Track{right:-1.3020833333vw!important}}.ScrollbarsCustom-Thumb{background:#eaebeb33!important}.ScrollbarsCustom-Content{display:flex;flex-wrap:wrap;gap:2.5925925926vh 6.4814814815vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ScrollbarsCustom-Content{gap:1.4583333333vw 3.6458333333vw}}.modal-scrollbar{height:100%;position:static!important}.list-scrollbar{height:66.6666666667vh!important}@media screen and (max-aspect-ratio: 1920 / 1080){.list-scrollbar{height:37.5vw!important}}.swal2-container{z-index:1070!important;padding:0!important;width:100%!important;height:100%!important;margin:auto!important}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:#000c!important}.swal2-popup{width:144.2592592593vh;min-height:47.3148148148vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/bg-modal.png);background-size:100% 100%;box-shadow:none!important;padding:7.4074074074vh;display:flex!important;align-items:center;flex-direction:column;justify-content:center}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{width:81.1458333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{min-height:26.6145833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{padding:4.1666666667vw}}.swal2-popup .swal2-html-container{width:100%;flex:1;color:#fff!important;overflow:hidden;padding:0;display:flex!important;flex-direction:column;justify-content:center;align-items:center}.swal2-popup .swal2-title{margin:0;padding:0;display:flex!important;justify-content:center;align-items:center;font-size:2.7777777778vh;height:3.7037037037vh;line-height:2.7777777778vh;font-weight:500;color:#000;width:100%;background:#07f468;text-align:center;text-transform:uppercase;line-height:1em;position:absolute;top:0;left:50%;transform:translate(-50%);border-top-right-radius:.9259259259vh;border-top-left-radius:.9259259259vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{font-size:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{height:2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{line-height:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{border-top-right-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{border-top-left-radius:.5208333333vw}}.swal2-popup .swal2-header,.swal2-popup .swal2-content{padding:0!important}.swal2-popup .swal2-actions{display:flex;align-items:center;justify-content:center;margin:0;bottom:4.6296296296vh;gap:2.7777777778vh;left:0;width:100%}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions{bottom:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions{gap:1.5625vw}}.swal2-popup .swal2-close{font-size:2.7777777778vh;height:5.5555555556vh;line-height:2.7777777778vh;color:#000;outline:none;left:auto;bottom:auto;display:inline-block;position:absolute;box-shadow:none!important;top:-.9259259259vh;right:-1.2037037037vh;font-weight:600;width:7.7777777778vh;height:7.7777777778vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/close.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{font-size:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{height:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{line-height:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{top:-.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{right:-.6770833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{width:4.375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{height:4.375vw}}.swal2-popup .popup-alert__message{flex:1;color:#000;font-size:5.5555555556vh;font-weight:500;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.swal2-popup .popup-alert__message span{display:flex;align-items:center;justify-content:center;padding:.9259259259vh 2.7777777778vh;margin:0 1.1111111111vh;border-radius:5.5555555556vh;border:1px solid #000;gap:.9259259259vh;background:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message span{padding:.5208333333vw 1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message span{margin:0 .625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message span{border-radius:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message span{gap:.5208333333vw}}.swal2-popup .popup-alert__message span img{width:3.6111111111vh;height:4.0740740741vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message span img{width:2.03125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message span img{height:2.2916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{font-size:3.125vw}}.swal2-popup .popup-alert__actions{display:flex;align-items:center;justify-content:center;margin-top:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions{margin-top:1.5625vw}}.swal2-popup .popup-alert__actions a{display:block}.swal2-popup .popup-alert__actions a~a{margin-left:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions a~a{margin-left:1.5625vw}}.swal2-popup .popup-alert__actions a img{height:11.1111111111vh;border-radius:50%;border:.2777777778vh solid #6bd995}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions a img{height:6.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions a img{border:.15625vw solid #6bd995}}.swal2-popup .popup-alert__items{width:100%;position:relative;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;gap:1.8518518519vh;margin-bottom:1.3888888889vh;flex:3}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__items{gap:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__items{margin-bottom:.78125vw}}.swal2-popup .popup-alert__items--1,.swal2-popup .popup-alert__items--2,.swal2-popup .popup-alert__items--3,.swal2-popup .popup-alert__items--4{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.swal2-popup .popup-alert__items--1>.popup-alert__item,.swal2-popup .popup-alert__items--2>.popup-alert__item,.swal2-popup .popup-alert__items--3>.popup-alert__item,.swal2-popup .popup-alert__items--4>.popup-alert__item{width:20%}.swal2-popup .popup-alert__item{display:block;position:relative;height:100%}.swal2-popup .popup-alert__item--icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;object-fit:contain}.swal2-popup .popup-alert__item--icon img{width:100%;height:100%;object-fit:contain}.swal2-popup .popup-alert__item--name{position:absolute;bottom:-3.7037037037vh;left:50%;transform:translate(-50%);margin:0;width:100%;display:inline-block;color:#fff;font-size:1.6666666667vh;line-height:1.1em}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{bottom:-2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{font-size:.9375vw}}.swal2-popup .popup-alert__item:after{content:"";position:absolute;top:-15.7407407407vh;left:50%;transform:translate(-50%);width:72.5vh;height:52.1296296296vh;background:url(/images/overlay.png);background-size:100% 100%;z-index:-1}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item:after{top:-8.8541666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item:after{width:40.78125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item:after{height:29.3229166667vw}}.swal2-popup.popup-no-title .swal2-title{display:none!important}.swal2-popup.popup-success{display:flex;padding:25.9259259259vh 9.2592592593vh 18.5185185185vh;width:177.7777777778vh;height:100vh;background:transparent}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-success{padding:14.5833333333vw 5.2083333333vw 10.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-success{width:100vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-success{height:56.25vw}}.swal2-popup.popup-qr{width:100vh;height:75vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-qr{width:56.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-qr{height:42.1875vw}}.swal2-popup.popup-qr .popup-alert__qr-code{flex:4}.swal2-popup.popup-legend-match{width:100vh;height:92.5925925926vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-legend-match{width:56.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-legend-match{height:52.0833333333vw}}.swal2-popup.popup-legend-match .popup-alert__message{height:13.8888888889vh;flex:none}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-legend-match .popup-alert__message{height:7.8125vw}}.swal2-popup.popup-legend-match .popup-alert__legend-match{flex:3;width:80%;text-align:start;margin:0 0 2.7777777778vh;font-size:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-legend-match .popup-alert__legend-match{margin:0 0 1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup.popup-legend-match .popup-alert__legend-match{font-size:1.5625vw}}.ReactModal__Overlay{display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0;left:0!important;flex-direction:row!important;align-items:start!important;justify-content:center!important;background:#000c!important;z-index:1069!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.ReactModal__Overlay.modal-dice-overlay{padding:0!important}.ReactModal__Content{display:flex;position:relative;flex-direction:column;font-family:inherit;font-size:1rem;box-sizing:border-box;padding:25.9259259259vh 9.2592592593vh 18.5185185185vh;width:177.7777777778vh;height:100vh;background:transparent;outline:none;z-index:1;gap:.9259259259vh;font-size:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{padding:14.5833333333vw 5.2083333333vw 10.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{width:100vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{height:56.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{font-size:1.6666666667vw}}.ReactModal__Content .modal-description{width:100%;left:0;right:0;top:0;position:absolute}.ReactModal__Content .modal-description .modal-title{font-size:7.4074074074vh;height:27.7777777778vh;line-height:32.4074074074vh;font-weight:600;text-align:center;text-transform:uppercase;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{font-size:4.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{height:15.625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{line-height:18.2291666667vw}}.ReactModal__Content.modal-large{margin:auto;padding:11.5740740741vh 7.5vh 2.7777777778vh;width:125.2777777778vh;height:75.9259259259vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/bg_modal_large.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{padding:6.5104166667vw 4.21875vw 1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{width:70.46875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{height:42.7083333333vw}}.ReactModal__Content.modal-large .modal-title{line-height:11.1111111111vh;font-size:6.2037037037vh!important;margin-top:0;color:#000}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large .modal-title{line-height:6.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large .modal-title{font-size:3.4895833333vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large .modal-title{margin-top:0}}.ReactModal__Content .modal-content{flex:1;color:#fff;font-size:1.8518518519vh;font-weight:400;position:relative;border-top:0;display:flex;justify-content:center;align-items:center;gap:4.6296296296vh;height:55.5555555556vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content{gap:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content{height:31.25vw}}.ReactModal__Content .modal-content__item{width:31.7592592593vh;height:42.2222222222vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/item.png);background-size:100% 100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:all .3s ease-in-out}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content__item{width:17.8645833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content__item{height:23.75vw}}.ReactModal__Content .modal-content__item.floating{animation:bounce 3s linear infinite}.ReactModal__Content .modal-content__item img{width:22.4074074074vh;height:25.9259259259vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content__item img{width:12.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content__item img{height:14.5833333333vw}}.ReactModal__Content .modal-content__item div{font-size:2.4074074074vh;font-weight:400;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content__item div{font-size:1.3541666667vw}}.ReactModal__Content .modal-content__item--active{scale:1.4;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/item-active.png);background-size:100% 100%}.ReactModal__Content .modal-button{display:flex;justify-content:center;align-items:center;gap:.9259259259vh;position:relative;z-index:10}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button{gap:.5208333333vw}}.ReactModal__Content .modal-button>button{display:flex;justify-content:center;align-items:center;gap:.9259259259vh;flex-shrink:0;font-size:4.6296296296vh;width:32.6851851852vh;height:7.1296296296vh;line-height:.2777777778vh;background:#ff0;font-weight:600;color:#000;text-transform:uppercase;padding:.9259259259vh;outline:none!important;box-shadow:none!important;text-decoration:none!important;border:none;border-radius:3.5185185185vh;transition:all .3s ease-in-out;box-shadow:3px 7px 2px #00000080;margin:0}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{font-size:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{width:18.3854166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{height:4.0104166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{line-height:.15625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{padding:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{border-radius:1.9791666667vw}}.ReactModal__Content .modal-button>button:hover{box-shadow:3px 7px 2px #00000080}.ReactModal__Content.modal-small{width:92.5925925926vh;min-height:50.462962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small{width:52.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small{min-height:28.3854166667vw}}.ReactModal__Content.modal-small h2{font-size:5.5555555556vh;height:9.2592592593vh;line-height:9.2592592593vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small h2{font-size:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small h2{height:5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small h2{line-height:5.2083333333vw}}.ReactModal__Content.modal-normal{background:url(/images/popup-reward.png) no-repeat center bottom;background-size:100% 100%;width:80.8333333333vh;min-height:41.8518518519vh;padding:2.3148148148vh 2.3148148148vh 4.6296296296vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{width:45.46875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{min-height:23.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{padding:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{padding-bottom:2.6041666667vw}}.ReactModal__Content.modal-normal p,.ReactModal__Content.modal-normal li{font-size:2.7777777778vh;line-height:120%;font-weight:700;color:#5e6bd1;text-shadow:none}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal p,.ReactModal__Content.modal-normal li{font-size:1.5625vw}}.ReactModal__Content.modal-duplicated{background:url(/images/popup-duplicated.png) no-repeat center bottom;background-size:100% 100%;width:94.2592592593vh;min-height:41.8518518519vh;padding:2.3148148148vh 2.3148148148vh 4.6296296296vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{width:53.0208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{min-height:23.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{padding:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{padding-bottom:2.6041666667vw}}.ReactModal__Content.modal-duplicated p,.ReactModal__Content.modal-duplicated li{font-size:1.8518518519vh;line-height:120%;font-weight:700;color:#5e6bd1;text-shadow:none}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated p,.ReactModal__Content.modal-duplicated li{font-size:1.0416666667vw}}.ReactModal__Content.modal-info{margin-top:23.1481481481vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-info{margin-top:13.0208333333vw}}.ReactModal__Content.modal-list{width:164.4444444444vh;min-height:79.537037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-list{width:92.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-list{min-height:44.7395833333vw}}.ReactModal__Content.modal-list .close{right:0;bottom:98%;top:auto}.ReactModal__Content h3{text-transform:uppercase;font-weight:800;font-size:5.5555555556vh;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content h3{font-size:3.125vw}}.ReactModal__Content .close{position:absolute;top:.6481481481vh;right:1.5740740741vh;font-weight:400;z-index:9;cursor:pointer;width:5.5555555556vh;height:5.5555555556vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/close.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{top:.3645833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{right:.8854166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{width:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{height:3.125vw}}.ReactModal__Content h2{font-size:6.4814814815vh;margin-bottom:0;padding:0;color:#000;width:100%;text-transform:uppercase;font-weight:700;line-height:110%;position:absolute;bottom:102%;left:0;text-align:center}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content h2{font-size:3.6458333333vw}}.ReactModal__Content p,.ReactModal__Content li{font-size:1.8518518519vh;line-height:120%;font-weight:400;margin-bottom:1.3888888889vh;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content p,.ReactModal__Content li{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content p,.ReactModal__Content li{margin-bottom:.78125vw}}.ReactModal__Content p strong,.ReactModal__Content li strong{font-weight:700}.ReactModal__Content ul{margin-bottom:2.3148148148vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content ul{margin-bottom:1.3020833333vw}}.ReactModal__Content ul li{margin-bottom:.462962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content ul li{margin-bottom:.2604166667vw}}.to-browser{position:fixed;top:12%;right:7.4074074074vh;width:15.9259259259vh!important;height:12.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.to-browser{right:4.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.to-browser{width:8.9583333333vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.to-browser{height:6.875vw}}.hidden{display:none!important}.camera{position:absolute;right:0;bottom:5%;width:12.4074074074vh}@media screen and (max-aspect-ratio: 1920 / 1080){.camera{width:6.9791666667vw}}.btn-modal{position:absolute!important;left:32%!important;z-index:1!important;bottom:0!important;transform:translateY(50%)!important}.login-icon a{display:inline-block;height:5vw;width:5vw}.login-icon a img{height:100%;display:block}.modal-actions{position:absolute;bottom:0;left:0;width:100%;transform:translateY(50%)}.modal-reward-list__item{width:21.0185185185vh;height:28.1481481481vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/reward-bg.png);background-size:100% 100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-reward-list__item{width:11.8229166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-reward-list__item{height:15.8333333333vw}}.modal-reward-list__item img{width:16.2962962963vh;height:16.8518518519vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-reward-list__item img{width:9.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-reward-list__item img{height:9.4791666667vw}}.modal-reward-list__item div{font-size:2.4074074074vh;font-weight:400;color:#fff;line-height:1.2;text-align:center}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-reward-list__item div{font-size:1.3541666667vw}}.modal-reward-list__item__percent{font-size:2.4074074074vh;padding-top:.462962963vh;font-weight:400;color:#fff;line-height:1;text-align:center;width:100%;background:#b8b8b84d}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-reward-list__item__percent{font-size:1.3541666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-reward-list__item__percent{padding-top:.2604166667vw}}.clearfix:after{clear:both;content:"";display:table}.hidden{opacity:0;visibility:hidden}.show{opacity:1;visibility:visible}.spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-dot{margin:0 auto;width:70px;text-align:center}.spinner-dot>div{width:18px;height:18px;background-color:#fff;opacity:.6;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner-dot .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner-dot .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.btn:disabled,.swal2-container .swal2-popup .swal2-styled.swal2-confirm:disabled,.swal2-container .swal2-popup .swal2-styled.swal2-cancel:disabled,.grayscale{filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1);transition:filter .25s ease}.none-grayscale{filter:none;-webkit-filter:grayscale(0%)}.has-title{position:relative}.has-title:hover{z-index:5}.has-title:hover .title{opacity:1}.title{position:absolute;top:0;left:50%;transform:translate(-50%);white-space:nowrap;display:inline-block;background:#000c;font-size:1.0416666667vw;color:#fff;padding:.5208333333vw;border:1px solid #fff;border-radius:.5vh;opacity:0;pointer-events:none;z-index:5}.has-title--right .title{right:0;left:auto;transform:none}.has-title--left .title{left:0;transform:none}.has-title--top .title{bottom:100%;top:auto}.title--show{opacity:1!important}@media screen and (max-width: 767px){.title{font-size:1.4583333333vw}}.owned>*{filter:brightness(40%)!important}.owned:after{content:"";position:absolute;top:55%;left:50%;display:inline-block;transform:translate(-50%,-50%);width:3.125vw;height:3.125vw;background:url(/images/checkmark.png) no-repeat top center;background-size:100% 100%;z-index:2}.owned.pr:after{top:50%}.screen-loader{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;transition:all .25s ease;visibility:visible;opacity:1;pointer-events:none}.screen-loader--off{opacity:0;visibility:hidden;transform:translateY(-100%)}.loader{border:5px solid #fff;width:3.125vw;height:3.125vw;border-width:.4166666667vw;border-bottom-color:#bd3e39;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;position:absolute;top:50%;left:50%;margin-top:-1.5625vw;margin-left:-1.5625vw}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-screen-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;color:#e3e3e3;text-align:center;background-color:#2e215a}.app-screen-popup.vertical .app-screen-icon{width:50vw;height:30vw;animation:swingOne 1.5s ease infinite alternate}.app-screen-popup.vertical .app-screen-text{margin-top:10.4166666667vw;font-size:2.6041666667vw}.app-screen-popup.horizontal .app-screen-icon{width:30vw;height:18vw;animation:swingTwo 1.5s ease infinite alternate}.app-screen-popup.horizontal .app-screen-text{margin-top:5.2083333333vw;font-size:2.0833333333vw}.app-screen-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5%}.app-screen-icon{margin:auto;background:url(https://dl.dir.freefiremobile.com/common/web_event/common/images/scape.png) center/contain no-repeat}@media screen and (orientation: portrait){.app-screen-popup.vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media screen and (orientation: landscape){.app-screen-popup.horizontal{display:flex;flex-direction:column;align-items:center;justify-content:center}}@keyframes swingOne{0%{transform:rotate(-90deg)}30%{transform:rotate(-90deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.h100{height:100vh}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.simplebar-track.simplebar-horizontal{display:none}.dot-carousel{position:relative;left:-9999px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:#66e28e;color:#66e28e;box-shadow:9984px 0 #66e28e,9999px 0 #66e28e,10014px 0 #66e28e;-webkit-animation:dot-carousel 1.5s infinite linear;animation:dot-carousel 1.5s infinite linear}@-webkit-keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e}50%{box-shadow:10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e}to{box-shadow:9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e}}@keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e}50%{box-shadow:10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e}to{box-shadow:9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e}}label.checkbox{position:relative;padding-left:6.1458333333vw;font-weight:700;min-width:4.84375vw;min-height:4.6875vw;font-size:1.5625vw}label.checkbox input:checked~span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/checked.png);background-size:100% 100%}label.checkbox span{content:"";position:absolute;width:1.4583333333vw;height:1.4583333333vw;background-image:url(/images/uncheck.png);background-size:100% 100%;top:50%;left:0;transform:translateY(-50%)}.input-checkbox{opacity:0;position:absolute}@keyframes flashing{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes pointing{0%,20%,30%,to{transform:rotate(0)}15%,25%{transform:rotate(3deg)}}@keyframes appearing{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(1rem)}}@keyframes glowing{0%,to{opacity:1}50%{opacity:.6}}@keyframes heartBeat{0%,40%,80%,to{transform:scale(1)}20%,60%{transform:scale(1.1)}}@keyframes heartBeatLow{0%,40%,80%,to{transform:scale(1)}20%,60%{transform:scale(1.05)}}@keyframes ping{0%,20%,40%,to{transform:translateY(0)}10%,30%{transform:translateY(-1rem)}}@keyframes ping-right{0%,20%,40%,to{transform:translate(0)}10%,30%{transform:translate(-1rem)}}@keyframes scaling{0%,to{transform:scale(1) rotate(-8deg)}50%{transform:scale(1.1) rotate(-8deg)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}}@keyframes won{0%,30%,60%,to{opacity:1}15%,45%,75%{opacity:.5}}@keyframes wonScale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes flutter{0%{background-position:-200% 0px}30%{background-position:-60% 5px}70%{background-position:70% -5px}to{background-position:200% 0px}}@keyframes flagWaving{0%{transform:rotateY(10deg) translate(-50%)}to{transform:rotateY(-10deg) translate(-50%)}}@keyframes fadeInAppearing{0%{opacity:0}to{opacity:1}}@keyframes flareGlowing{0%,to{left:15%}50%{left:40%}}@keyframes rotating2{0%,50%,to{transform:rotate(0)}25%{transform:rotate(9deg)}75%{transform:rotate(-9deg)}}@keyframes fireworks{0%{opacity:0;transform:scale(.5)}15%{opacity:1}50%{opacity:1;transform:scale(1)}to{opacity:0}}.swing-in-top-fwd{-webkit-animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}@-webkit-keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}.swing-out-top-bck{-webkit-animation:swing-out-top-bck .25s cubic-bezier(.6,-.28,.735,.045) both;animation:swing-out-top-bck .25s cubic-bezier(.6,-.28,.735,.045) both}@-webkit-keyframes swing-out-top-bck{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}to{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}}@keyframes swing-out-top-bck{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}to{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}}@keyframes falling{0%{top:-10%}to{top:105%}}@keyframes heartFaded{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(5)}}@keyframes levelUp{0%{opacity:0;transform:translateY(0)}80%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(-100%)}}@keyframes floatingUp{0%{transform:scale(1);opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:scale(1.8)}}@-webkit-keyframes pingOpacity{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}80%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}to{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}@keyframes pingOpacity{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}80%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}to{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}@keyframes marquee-content{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px) rotate(-2deg)}20%,40%,60%,80%{transform:translate(5px) rotate(2deg)}}table{width:100%;border-collapse:collapse}table thead{background-color:#1b1d21;color:#07f468;position:sticky;top:0;z-index:10}table thead tr th{text-align:center;font-size:2.2222222222vh;height:5.0925925926vh;font-weight:500;padding:0;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{height:2.8645833333vw}}table tbody tr td{height:9.2592592593vh;text-align:center;font-weight:400;color:#fff;font-size:2.037037037vh;line-height:1.1em;padding:0;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td{height:5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td{font-size:1.1458333333vw}}table tbody tr td img{width:7.4074074074vh;height:7.4074074074vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td img{width:4.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td img{height:4.1666666667vw}}.header__welcome{position:absolute;top:2.7777777778vh;left:2.7777777778vh;font-size:3.7037037037vh;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}@media screen and (max-aspect-ratio: 1920 / 1080){.header__welcome{top:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__welcome{left:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__welcome{font-size:2.0833333333vw}}.header__info{position:absolute;top:0;right:0;z-index:5;display:flex;align-items:center;justify-content:flex-end;padding:2.7777777778vh;gap:3.7037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.header__info{padding:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__info{gap:2.0833333333vw}}.header__coins{display:flex;align-items:end;gap:3.7037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.header__coins{gap:2.0833333333vw}}.header__coins__coin{display:flex;align-items:center;gap:.9259259259vh}@media screen and (max-aspect-ratio: 1920 / 1080){.header__coins__coin{gap:.5208333333vw}}.header__coins__coin img{width:4.6296296296vh;height:4.6296296296vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){.header__coins__coin img{width:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__coins__coin img{height:2.6041666667vw}}.header__coins__coin span{font-size:4.6296296296vh;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}@media screen and (max-aspect-ratio: 1920 / 1080){.header__coins__coin span{font-size:2.6041666667vw}}.header__history{font-size:2.7777777778vh;color:#000;font-weight:600;background:#00ff90;border-radius:2.3148148148vh;padding:.9259259259vh 2.7777777778vh;border:none}@media screen and (max-aspect-ratio: 1920 / 1080){.header__history{font-size:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__history{border-radius:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__history{padding:.5208333333vw 1.5625vw}}.header__tabs{display:flex;flex-direction:column;align-items:flex-end;gap:2.7777777778vh;position:fixed;top:13.8888888889vh;right:0;z-index:5}@media screen and (max-aspect-ratio: 1920 / 1080){.header__tabs{gap:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__tabs{top:7.8125vw}}.header__button{display:block;flex-shrink:0;width:22.2222222222vh;height:8.0555555556vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/tab.png);text-align:center;line-height:1.2;display:flex;align-items:center;justify-content:center;font-size:2.2222222222vh;font-weight:600;text-transform:uppercase;transition:all .3s ease-in-out;background-size:100% 100%;color:#000!important;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button{width:12.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button{height:4.53125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button{font-size:1.25vw}}.header__button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.3888888889vh 0 0 1.3888888889vh;background:#0000004d;transition:all .3s ease-in-out}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button:after{border-radius:.78125vw 0 0 .78125vw}}.header__button:hover,.header__button--active{font-size:2.5925925926vh;width:32.4074074074vh;height:11.0185185185vh}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button:hover,.header__button--active{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button:hover,.header__button--active{width:18.2291666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button:hover,.header__button--active{height:6.1979166667vw}}.header__button:hover:after,.header__button--active:after{border-radius:1.3888888889vh 0 0 1.3888888889vh;background:none}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button:hover:after,.header__button--active:after{border-radius:.78125vw 0 0 .78125vw}}.footer{height:8.3333333333vh;width:100%;background-image:url(/images/footer.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.footer{height:4.6875vw}}body{font-family:CruyffSansVN,sans-serif}.home-page{width:100%;height:100%}.home-page__event-info{position:fixed;top:11.7592592593vh;left:2.7777777778vh;z-index:10}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info{top:6.6145833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info{left:1.5625vw}}.home-page__event-info__title{width:81.4814814815vh;font-size:6.4814814815vh;color:#fff;font-weight:600;text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,.5)}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__title{width:45.8333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__title{font-size:3.6458333333vw}}.home-page__event-info__info{width:4.1666666667vh;height:4.1666666667vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/information.png);background-size:100% 100%;margin:0 1.8518518519vh;border:none;position:relative;bottom:.1851851852vh}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__info{width:2.34375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__info{height:2.34375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__info{margin:0 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__info{bottom:.1041666667vw}}.home-page__event-info__date{width:53.7037037037vh;height:5.5555555556vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/date.png);background-size:100% 100%;text-align:center;font-size:3.7037037037vh;margin-bottom:1.8518518519vh;color:#000;font-weight:600;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__date{width:30.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__date{height:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__date{font-size:2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__date{margin-bottom:1.0416666667vw}}.home-page__event-info__description{width:53.7037037037vh;padding:0 1.8518518519vh;font-size:2.7777777778vh;color:#fff;font-weight:500;text-shadow:0 0 10px rgba(0,0,0,.5)}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__description{width:30.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__description{padding:0 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__event-info__description{font-size:1.5625vw}}.home-page .gacha-machine{position:relative;display:flex;justify-content:center;align-items:center;z-index:0}.home-page .gacha-machine__image{width:177.6851851852vh;height:100vh;object-fit:cover}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__image{width:99.9479166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__image{height:56.25vw}}.home-page .gacha-machine__image--spin{animation:shake .75s linear infinite}.home-page .gacha-machine__rewards{width:177.6851851852vh;height:100vh;background-size:100% 100%;position:absolute;top:0;left:0;animation:floating 3s linear infinite}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__rewards{width:99.9479166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__rewards{height:56.25vw}}.home-page .gacha-machine__ball--container{background:#000c;position:fixed;inset:0;z-index:6;display:flex;justify-content:center;align-items:center}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__ball--container{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__ball--container{left:0}}.home-page .gacha-machine__ball{width:62.2222222222vh;height:62.2222222222vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-extra-time-react-2025/images/ball.png);background-size:100% 100%;animation:shake 1s linear infinite}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__ball{width:35vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__ball{height:35vw}}.home-page .gacha-machine__button{display:flex;align-items:center;justify-content:center;min-width:32.6851851852vh;height:7.1296296296vh;background:#ff0;position:absolute;bottom:14.8148148148vh;border:none;font-family:CruyffSansCondensed,sans-serif;font-weight:600;color:#000;border-radius:3.5185185185vh;padding:.9259259259vh;font-size:4.6296296296vh;line-height:5.5555555556vh;box-shadow:3px 7px 2px #00000080;transition:all .3s ease-in-out}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button{min-width:18.3854166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button{height:4.0104166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button{bottom:8.3333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button{border-radius:1.9791666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button{padding:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button{font-size:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button{line-height:3.125vw}}.home-page .gacha-machine__button:hover{bottom:14.3518518519vh;box-shadow:3px 7px 2px #00000080}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button:hover{bottom:8.0729166667vw}}.home-page .gacha-machine__button img{width:3.7037037037vh;height:3.7037037037vh;margin-left:.7407407407vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button img{width:2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button img{height:2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__button img{margin-left:.4166666667vw}}.home-page .gacha-machine__stats{display:flex;gap:2.7777777778vh;position:absolute;bottom:8.3333333333vh;background:#0009;border-radius:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__stats{gap:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__stats{bottom:4.6875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__stats{border-radius:1.0416666667vw}}.home-page .gacha-machine__stats span{color:#fff;padding:.7407407407vh 1.8518518519vh;font-size:2.5925925926vh;font-weight:500}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__stats span{padding:.4166666667vw 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .gacha-machine__stats span{font-size:1.4583333333vw}}