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:2.037037037vh;font-family:CruyffSansVN,sans-serif;font-optical-sizing:auto;overflow-x:hidden;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/global.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){body{font-size:1.1458333333vw}}#root{margin:auto;width:177.7777777778vh;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}@media screen and (max-aspect-ratio: 1920 / 1080){#root{width:100vw}}@media screen and (max-aspect-ratio: 1920 / 1080){#root{height:56.25vw}}#main-body{flex:1}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;padding:0 .5555555556vh}@media screen and (max-aspect-ratio: 1920 / 1080){button{padding:0 .3125vw}}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:#fdf57a!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:3.3333333333vh!important;text-transform:uppercase;font-weight:700}@media screen and (max-aspect-ratio: 1920 / 1080){.text-large{font-size:1.875vw!important}}.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;text-transform:uppercase;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-community-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-community-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-community-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-community-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}.btn{background:url(/images/btn.png);background-size:100% 100%;color:#fff!important;font-size:3.2407407407vh;min-width:21.8518518519vh;height:7.962962963vh;padding-right:1.3888888889vh;padding-left:1.3888888889vh;padding-bottom:.8333333333vh;padding-bottom:0;border:0!important;outline:none!important;box-shadow:none!important;text-transform:uppercase;position:relative;display:flex;align-items:center;justify-content:center;display:inline-flex;text-align:center;font-weight:700;z-index:1;text-decoration:none!important}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{font-size:1.8229166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{min-width:12.2916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{height:4.4791666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{padding-right:.78125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{padding-left:.78125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{padding-bottom:.46875vw}}.btn__icon{display:block;width:3.0555555556vh;margin-right:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn__icon{width:1.71875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn__icon{margin-right:1.0416666667vw}}.btn--big{font-size:3.8888888889vh;min-width:39.8148148148vh;height:9.2592592593vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn--big{font-size:2.1875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn--big{min-width:22.3958333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn--big{height:5.2083333333vw}}.btn--enter{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.btn--gray{background:url(/images/btn-grayout.png);background-size:100% 100%}.btn--fw{width:100%;min-width:initial!important}.ScrollbarsCustom-Wrapper{right:0!important}.ScrollbarsCustom-Track{width:.7407407407vh!important;right:-1.3888888889vh!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:-.78125vw!important}}.ScrollbarsCustom-Thumb{background:#eaebeb33!important}.modal-scrollbar{height:47.8703703704vh!important}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-scrollbar{height:26.9270833333vw!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:#0000008c!important}.swal2-popup{width:72.962962963vh;min-height:27.7777777778vh;border-radius:.9259259259vh;box-shadow:none!important;border:0 none!important;padding:5.5555555556vh 4.6296296296vh 0!important;display:flex!important;align-items:center;flex-direction:column;justify-content:center;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/modal_bg.png);background-size:cover}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{width:41.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{min-height:15.625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{padding:3.125vw 2.6041666667vw 0!important}}.swal2-popup .swal2-html-container{width:100%;flex:1;color:#fff!important;padding:0;display:flex!important;flex-direction:column;justify-content:center}.swal2-popup .swal2-title{margin:0;padding:0;display:flex!important;justify-content:center;align-items:center;font-size:4.6296296296vh;height:6.7592592593vh;line-height:4.6296296296vh;padding-top:1.3888888889vh;border-radius:.9259259259vh;font-weight:500;color:#06f468;width:100%;background:#000;width:80%;text-align:center;text-transform:uppercase;line-height:1em;position:absolute;top:-3.7037037037vh;left:50%;transform:translate(-50%);border:.0925925926vh solid #656565}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{font-size:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{height:3.8020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{line-height:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{padding-top:.78125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{top:-2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{border:.0520833333vw solid #656565}}.swal2-popup .swal2-header,.swal2-popup .swal2-content{padding:0!important}.swal2-popup .swal2-actions{display:flex;align-items:center;justify-content:center;bottom:4.6296296296vh;left:0;width:100%}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions{bottom:2.6041666667vw}}.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{display:flex;justify-content:center;align-items:center;gap:.9259259259vh;margin:1.6666666667vh;border-radius:.9259259259vh;flex-shrink:0;background:none;width:37.037037037vh!important;height:5.8333333333vh!important;font-size:2.5925925926vh!important;font-weight:700!important;line-height:2.5925925926vh!important;border-radius:0}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{margin:.9375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{width:20.8333333333vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{height:3.28125vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{font-size:1.4583333333vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{line-height:1.4583333333vw!important}}.swal2-popup .swal2-actions .swal2-confirm{border-width:0;color:#000;text-transform:uppercase;background:#06f468}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm{border-width:0}}.swal2-popup .swal2-actions .swal2-confirm:hover{border-width:0;border-top:solid var(--Sec_05, #0ff796);border-right:solid var(--Sec_05, #0ff796);border-bottom:solid var(--Sec_05, #0ff796);border-left:solid var(--Sec_05, #0ff796)}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm:hover{border-width:0}}.swal2-popup .swal2-actions .swal2-cancel{border-width:.0925925926vh .0925925926vh .2777777778vh .0925925926vh;border-top:solid var(--Neutral_00, #dbdbdb);border-right:solid var(--Neutral_00, #dbdbdb);border-bottom:solid var(--Neutral_00, #dbdbdb);border-left:solid var(--Neutral_00, #dbdbdb);color:#dbdbdb;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-cancel{border-width:.0520833333vw .0520833333vw .15625vw .0520833333vw}}.swal2-popup .swal2-actions .swal2-cancel:hover{border-width:.0925925926vh .0925925926vh .2777777778vh .0925925926vh;border-top:solid var(--Neutral_00, #fff);border-right:solid var(--Neutral_00, #fff);border-bottom:solid var(--Neutral_00, #fff);border-left:solid var(--Neutral_00, #fff)}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-cancel:hover{border-width:.0520833333vw .0520833333vw .15625vw .0520833333vw}}.swal2-popup .swal2-close{font-size:5.5555555556vh;line-height:5.5555555556vh;color:#fff;outline:none;left:auto;bottom:auto;display:inline-block;position:absolute;box-shadow:none!important;top:-5.0925925926vh;right:-4.6296296296vh;font-weight:100}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{font-size:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{line-height:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{top:-2.8645833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{right:-2.6041666667vw}}.swal2-popup .popup-alert__message{color:#fff;font-size:2.5925925926vh;margin-top:.9259259259vh;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{margin-top:.5208333333vw}}.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;margin-top:2.3148148148vh;gap:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__items{margin-top:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__items{gap:1.0416666667vw}}.swal2-popup .popup-alert__items--1,.swal2-popup .popup-alert__items--2,.swal2-popup .popup-alert__items--3{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{width:25%}.swal2-popup .popup-alert__item{display:block;position:relative;height:16.6666666667vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item{height:9.375vw}}.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-no-title .swal2-title{display:none!important}.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:center!important;justify-content:center!important;padding:10px!important;background:#0009!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;margin:auto;width:72.962962963vh;min-height:27.7777777778vh;border-radius:.9259259259vh;padding:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/modal_bg.png);background-size:cover;padding:5.5555555556vh 4.6296296296vh 0!important;outline:none;z-index:1;font-size:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{width:41.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{min-height:15.625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{padding:3.125vw 2.6041666667vw 0!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{font-size:1.6666666667vw}}.ReactModal__Content.modal-large{padding:6.6666666667vh 7.5vh 2.7777777778vh;width:161.9444444444vh;height:92.1296296296vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{padding:3.75vw 4.21875vw 1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{width:91.09375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{height:51.8229166667vw}}.ReactModal__Content .modal-description{width:80%;margin:0;padding:0;display:flex!important;justify-content:center;align-items:center;position:absolute;top:-3.7037037037vh;left:50%;transform:translate(-50%);border-radius:.9259259259vh;border:.0925925926vh solid #656565;background:#000;color:#06f468}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description{top:-2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description{border:.0520833333vw solid #656565}}.ReactModal__Content .modal-description .modal-title{font-size:4.6296296296vh;height:6.7592592593vh;line-height:4.6296296296vh;padding-top:1.3888888889vh;font-weight:500;text-align:center;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{font-size:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{height:3.8020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{line-height:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{padding-top:.78125vw}}.ReactModal__Content .modal-content{flex:1;color:#fff;font-size:2.5925925926vh;line-height:2.962962963vh;font-weight:400;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content{line-height:1.6666666667vw}}.ReactModal__Content .modal-content span{color:#fff}.ReactModal__Content .modal-content .center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.ReactModal__Content .modal-content .modal-reward-pick{display:flex;flex-wrap:wrap;justify-content:center;gap:0 2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content .modal-reward-pick{gap:0 1.5625vw}}.ReactModal__Content .modal-content .modal-reward-pick__item>div{transition:all .3s ease;width:16.8518518519vh;height:14.6296296296vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/cover.png);background-size:100% 100%;display:flex;justify-content:center;align-items:center}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content .modal-reward-pick__item>div{width:9.4791666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content .modal-reward-pick__item>div{height:8.2291666667vw}}.ReactModal__Content .modal-content .modal-reward-pick__item>div>img{width:90%;height:90%;object-fit:contain}.ReactModal__Content .modal-content .modal-reward-pick__item>p{font-size:2.2222222222vh;font-weight:400;text-align:center;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content .modal-reward-pick__item>p{font-size:1.25vw}}.ReactModal__Content .modal-content .modal-reward-pick__item:hover>div,.ReactModal__Content .modal-content .modal-reward-pick__item--selected>div{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/cover_active.png);background-size:100% 100%}.ReactModal__Content .modal-content .modal-reward-info__description{font-size:2.2222222222vh;font-weight:400;text-align:center;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content .modal-reward-info__description{font-size:1.25vw}}.ReactModal__Content .modal-button{display:flex;justify-content:center;align-items:center;gap:33px}.ReactModal__Content .modal-button>button{display:flex;padding:2.7777777778vh 9.2592592593vh;justify-content:center;align-items:center;gap:.9259259259vh;flex-shrink:0;width:37.037037037vh!important;height:5.8333333333vh!important;font-size:2.5925925926vh!important;background:#06f468;font-weight:700;margin:1.6666666667vh;border-radius:.9259259259vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{padding:1.5625vw 5.2083333333vw}}@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{width:20.8333333333vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{height:3.28125vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{font-size:1.4583333333vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{margin:.9375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{border-radius:.5208333333vw}}.ReactModal__Content .modal-button .modal-button-confirm{border-width:0;color:#000;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button .modal-button-confirm{border-width:0}}.ReactModal__Content .modal-button .modal-button-confirm:hover{border-width:0;border-top:solid var(--Sec_05, #0ff796);border-right:solid var(--Sec_05, #0ff796);border-bottom:solid var(--Sec_05, #0ff796);border-left:solid var(--Sec_05, #0ff796)}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button .modal-button-confirm:hover{border-width:0}}.ReactModal__Content .modal-button .modal-button-cancel{border-width:.0925925926vh .0925925926vh .2777777778vh .0925925926vh;border-top:solid var(--Neutral_00, #dbdbdb);border-right:solid var(--Neutral_00, #dbdbdb);border-bottom:solid var(--Neutral_00, #dbdbdb);border-left:solid var(--Neutral_00, #dbdbdb);color:#dbdbdb;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button .modal-button-cancel{border-width:.0520833333vw .0520833333vw .15625vw .0520833333vw}}.ReactModal__Content .modal-button .modal-button-cancel:hover{border-width:.0925925926vh .0925925926vh .2777777778vh .0925925926vh;border-top:solid var(--Neutral_00, #fff);border-right:solid var(--Neutral_00, #fff);border-bottom:solid var(--Neutral_00, #fff);border-left:solid var(--Neutral_00, #fff)}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button .modal-button-cancel:hover{border-width:.0520833333vw .0520833333vw .15625vw .0520833333vw}}.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:2.7777777778vh;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.5625vw}}.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;font-size:5.5555555556vh;line-height:5.5555555556vh;color:#fff;top:-4.6296296296vh;right:-3.7037037037vh;font-weight:500;z-index:9;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{font-size:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{line-height:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{top:-2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{right:-2.0833333333vw}}.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:2.962962963vh;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.6666666667vw}}@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;padding-left:2.3148148148vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content ul{margin-bottom:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content ul{padding-left: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%)}.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,.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:opacity .25s ease,visibility .25s ease;visibility:visible;opacity:1;pointer-events:none}.screen-loader--off{opacity:0;visibility:hidden}.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:0;transform:scale(0)}50%{opacity:1;transform:scale(5)}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%)}}table{margin-top:1.8518518519vh;width:104.9074074074vh;margin:auto;border-collapse:collapse}@media screen and (max-aspect-ratio: 1920 / 1080){table{margin-top:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table{width:59.0104166667vw}}table thead{font-size:1.9611111111vh;font-weight:600;color:#fff;line-height:1em;background:#06f468}@media screen and (max-aspect-ratio: 1920 / 1080){table thead{font-size:1.103125vw}}table thead tr th{height:3.7666666667vh;border:.0925925926vh solid rgba(151,151,151,.5);overflow:hidden;color:#000;text-align:center;text-overflow:ellipsis}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{height:2.11875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{border:.0520833333vw solid rgba(151,151,151,.5)}}table tbody tr:nth-child(2n){background:#191919}table tbody tr:nth-child(odd){background:#353535}table tbody tr td{height:8.0027777778vh;text-align:center;align-items:center;border-width:.0925925926vh;border:1px solid rgba(151,151,151,.5);overflow:hidden;color:#fff;text-overflow:ellipsis;font-size:1.6944444444vh;font-style:normal;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td{height:4.5015625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td{border-width:.0520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td{font-size:.953125vw}}table tbody tr td img{width:5.6481481481vh;height:7.5vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td img{width:3.1770833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td img{height:4.21875vw}}.header{position:absolute;top:3.1481481481vh;right:5vh;display:flex;gap:.9259259259vh;align-items:center;justify-content:flex-end}@media screen and (max-aspect-ratio: 1920 / 1080){.header{top:1.7708333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header{right:2.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header{gap:.5208333333vw}}.header__button{width:15.0212962963vh;padding:0 .9259259259vh;height:5.1796296296vh;border-radius:.9259259259vh;border:.0925925926vh solid #06f468;text-align:center;line-height:1.2;display:flex;align-items:center;justify-content:center;font-size:1.4240740741vh;font-weight:600;text-transform:uppercase;transition:all .3s ease-in-out}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button{width:8.4494791667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button{padding:0 .5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button{height:2.9135416667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button{border:.0520833333vw solid #06f468}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button{font-size:.8010416667vw}}.header__button:hover,.header__button--active{background-color:#06f468;color:#000}.header__button--help{width:5.062037037vh;height:5.062037037vh;border-radius:50%;color:#06f468;font-size:3.4583333333vh;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button--help{width:2.8473958333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button--help{height:2.8473958333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__button--help{font-size:1.9453125vw}}.user-info-form{width:100%;max-width:74.0740740741vh;margin:0 auto}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form{max-width:41.6666666667vw}}.user-info-form__field{display:flex;align-items:flex-start;margin-bottom:.9259259259vh;gap:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__field{margin-bottom:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__field{gap:1.5625vw}}.user-info-form__label{min-width:13.8888888889vh;font-size:2.2222222222vh;font-weight:400;color:#fff;padding-top:1.1111111111vh;line-height:1.4;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__label{min-width:7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__label{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__label{padding-top:.625vw}}.user-info-form__input-wrapper{flex:1;position:relative}.user-info-form__input{width:100%;height:3.8888888889vh;padding:1.1111111111vh 1.4814814815vh;border-radius:.7407407407vh;border:2px solid rgba(255,255,255,.2);background:#000;color:#fff;font-size:2.2222222222vh;font-family:CruyffSansVN,sans-serif;transition:all .3s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__input{height:2.1875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__input{padding:.625vw .8333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__input{border-radius:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__input{font-size:1.25vw}}.user-info-form__input::placeholder{color:#ffffff80}.user-info-form__input:focus{outline:none;border-color:#06f468;box-shadow:0 0 0 3px #06f4681a}.user-info-form__input:hover:not(:focus):not(:disabled){border-color:#fff6}.user-info-form__input:disabled{opacity:.6;cursor:not-allowed}.user-info-form__input--error{border-color:#a03a3c;background:#a03a3c1a}.user-info-form__input--error:focus{border-color:#a03a3c;box-shadow:0 0 0 3px #a03a3c1a}.user-info-form__input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.1) inset!important;-webkit-text-fill-color:#fff!important;border-color:#fff3!important}.user-info-form__input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.1) inset!important;border-color:#06f468!important}.user-info-form__error{display:block;color:#a03a3c;font-size:1.2962962963vh;margin-top:.7407407407vh;margin-left:.3703703704vh;font-weight:400;line-height:1.3}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__error{font-size:.7291666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__error{margin-top:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__error{margin-left:.2083333333vw}}.user-info-form__error:before{content:"⚠ ";margin-right:.3703703704vh}@media screen and (max-aspect-ratio: 1920 / 1080){.user-info-form__error:before{margin-right:.2083333333vw}}.user-info-form__error{animation:slideInError .3s ease-out}@keyframes slideInError{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-info-form--submitting .user-info-form__input{opacity:.7;pointer-events:none}.user-info-form--submitting .user-info-form__label{opacity:.7}.user-info-form__field--success .user-info-form__input{border-color:#00ff90;background:#00ff901a}body{font-family:CruyffSansVN,sans-serif}.home-page{width:100%;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/bg_home.png);background-size:100% 100%}.home-page__content{position:absolute;top:20.8333333333vh;right:4.8148148148vh;text-align:end}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__content{top:11.71875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__content{right:2.7083333333vw}}.home-page__title{font-size:7.1611111111vh;font-weight:600;color:#fff;line-height:1.2}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__title{font-size:4.028125vw}}.home-page__title__subtitle{line-height:1.3;color:#06f468}.home-page__description{font-size:2.5925925926vh;line-height:1.2;font-weight:100;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page__description{font-size:1.4583333333vw}}.home-page .milestones-list{position:absolute;bottom:16.2037037037vh;left:50%;transform:translate(-50%);gap:3.0555555556vh;display:flex}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list{bottom:9.1145833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list{gap:1.71875vw}}.home-page .milestones-list__item{width:17.1296296296vh;height:14.8148148148vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/cover.png);background-size:100% 100%;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item{width:9.6354166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item{height:8.3333333333vw}}.home-page .milestones-list__item__title{font-size:2.3435185185vh;font-weight:400;color:#000;-webkit-text-stroke:.0925925926vh #FFF;line-height:1.2;text-align:center;position:absolute;top:-6.2037037037vh;height:6.2037037037vh;align-content:end;width:100%;left:50%;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__title{font-size:1.3182291667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__title{-webkit-text-stroke:.0520833333vw #FFF}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__title{top:-3.4895833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__title{height:3.4895833333vw}}.home-page .milestones-list__item__image{width:14.3518518519vh;height:12.8703703704vh;object-fit:contain;margin:0 auto;padding-top:1.1111111111vh;display:block}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__image{width:8.0729166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__image{height:7.2395833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__image{margin:0 auto}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__image{padding-top:.625vw}}.home-page .milestones-list__item__require{font-size:2.3435185185vh;font-weight:400;color:#fff;line-height:1.2;text-align:center;position:absolute;bottom:-2.7777777778vh;width:100%;left:50%;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__require{font-size:1.3182291667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__require{bottom:-1.5625vw}}.home-page .milestones-list__item__require:after{content:"";display:block;position:absolute;width:1.5740740741vh;height:1.2962962963vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/triangle.png);background-size:100% 100%;left:50%;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__require:after{width:.8854166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__require:after{height:.7291666667vw}}.home-page .milestones-list__item__require:before{content:"";display:block;position:absolute;bottom:-.6481481481vh;width:100%;left:calc(50% + 1.3888888889vh);height:.0925925926vh;background:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__require:before{bottom:-.3645833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__require:before{width:100%}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__require:before{left:calc(50% + .78125vw)}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item__require:before{height:.0520833333vw}}.home-page .milestones-list__item:last-child .milestones-list__item__require:before{display:none}.home-page .milestones-list__item.active{width:17.1296296296vh;height:14.8148148148vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/cover_active.png);background-size:100% 100%;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item.active{width:9.6354166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item.active{height:8.3333333333vw}}.home-page .milestones-list__item.active .milestones-list__item__image{animation:heartBeatLow 1s infinite}.home-page .milestones-list__item.claimed .milestones-list__item__title{color:#06f468;-webkit-text-stroke:.0925925926vh #000}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item.claimed .milestones-list__item__title{-webkit-text-stroke:.0520833333vw #000}}.home-page .milestones-list__item.claimed .milestones-list__item__image{filter:grayscale(1) brightness(.3)}.home-page .milestones-list__item.claimed .milestones-list__item__require{color:#06f468}.home-page .milestones-list__item.claimed .milestones-list__item__require:after{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/triangle_active.png);background-size:100% 100%}.home-page .milestones-list__item.claimed:after{content:"";position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:7.5925925926vh;height:10vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/tick.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item.claimed:after{width:4.2708333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item.claimed:after{height:5.625vw}}.home-page .milestones-list__item .milestone-progress{display:block;position:absolute;bottom:-3.4259259259vh;left:calc(50% + 1.3888888889vh);height:.0925925926vh;background:#06f468}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item .milestone-progress{bottom:-1.9270833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item .milestone-progress{left:calc(50% + .78125vw)}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list__item .milestone-progress{height:.0520833333vw}}.home-page .milestones-list:after{content:"TÍCH LŨY SƯU TẬP HÌNH THẺ CẦU THỦ";display:block;position:absolute;width:100%;bottom:-9.2592592593vh;text-transform:uppercase;text-align:center;font-size:2.7777777778vh;color:#06f468;font-weight:500}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list:after{bottom:-5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home-page .milestones-list:after{font-size:1.5625vw}}.offline-collection-page__content{position:absolute;top:5.6481481481vh;left:12.3148148148vh;text-align:start;position:relative;z-index:-1}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__content{top:3.1770833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__content{left:6.9270833333vw}}.offline-collection-page__title{font-size:6.6148148148vh;font-weight:600;color:#fff;line-height:1.2}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__title{font-size:3.7208333333vw}}.offline-collection-page__title__subtitle{line-height:1.3;color:#06f468}.offline-collection-page__description{font-size:2.1712962963vh;max-width:111.1111111111vh;line-height:1.2;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__description{font-size:1.2213541667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__description{max-width:62.5vw}}.offline-collection-page__input-wrapper{position:absolute;top:30.3703703704vh;left:12.3148148148vh;gap:.7407407407vh;display:flex;align-items:center;justify-content:center}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input-wrapper{top:17.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input-wrapper{left:6.9270833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input-wrapper{gap:.4166666667vw}}.offline-collection-page__input{width:44.2592592593vh;height:5.6805555556vh;border-radius:.9259259259vh;background-color:#a58a3f;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input{width:24.8958333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input{height:3.1953125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input{border-radius:.5208333333vw}}.offline-collection-page__input input{width:39.3518518519vh;height:100%;border-radius:.9259259259vh;border:.0925925926vh solid #a58a3f;background-color:#000;border:none;outline:none;color:#fff;font-size:2.1712962963vh;font-weight:100;line-height:1.2;text-align:center;position:absolute;top:0;right:0;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input input{width:22.1354166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input input{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input input{border:.0520833333vw solid #a58a3f}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input input{font-size:1.2213541667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input input{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input input{right:0}}.offline-collection-page__input:after{content:"NHẬP CODE";position:absolute;height:100%;width:4.6296296296vh;top:0;left:1.3888888889vh;transform:rotate(-90deg);font-size:1.4814814815vh;font-weight:100;line-height:1;text-align:center}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input:after{width:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input:after{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input:after{left:.78125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__input:after{font-size:.8333333333vw}}.offline-collection-page__button{width:16.0185185185vh;height:5.8333333333vh;border-radius:.9259259259vh;font-size:2.1611111111vh;border:none;text-align:center;background-color:#06f468}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__button{width:9.0104166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__button{height:3.28125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__button{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__button{font-size:1.215625vw}}.offline-collection-page__modal{position:absolute;top:30.3703703704vh;right:49.3518518519vh;gap:.7407407407vh;display:flex;align-items:center;justify-content:center;background-color:transparent;border:.1851851852vh solid #a58a3f;width:16.0185185185vh;height:5.8333333333vh;border-radius:.9259259259vh;font-size:1.8518518519vh;line-height:1.2;text-align:center;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__modal{top:17.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__modal{right:27.7604166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__modal{gap:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__modal{border:.1041666667vw solid #a58a3f}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__modal{width:9.0104166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__modal{height:3.28125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__modal{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__modal{font-size:1.0416666667vw}}.offline-collection-page__modal:hover{color:#06f468;background-color:transparent;border-color:#06f468}.offline-collection-page__cards{position:absolute;width:123.4259259259vh;top:37.962962963vh;left:12.3148148148vh;gap:1.3888888889vh;display:flex;flex-wrap:wrap}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__cards{width:69.4270833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__cards{top:21.3541666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__cards{left:6.9270833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__cards{gap:.78125vw}}.offline-collection-page__cards .player-card{width:22.5vh;height:22.962962963vh;filter:grayscale(1) brightness(.3);transition:all .3s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__cards .player-card{width:12.65625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__cards .player-card{height:12.9166666667vw}}.offline-collection-page__cards .player-card.active{filter:grayscale(0) brightness(1)}.offline-collection-page__milestones{position:absolute;top:20.6481481481vh;right:21.6666666667vh;width:20.5555555556vh;height:67.4074074074vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/milestone_bg.png);background-size:100% 100%;display:flex;flex-direction:column-reverse;gap:3.4259259259vh;padding-bottom:3.7037037037vh;padding-left:3.2407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones{top:11.6145833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones{right:12.1875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones{width:11.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones{height:37.9166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones{gap:1.9270833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones{padding-bottom:2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones{padding-left:1.8229166667vw}}.offline-collection-page__milestones .milestone{width:13.4259259259vh;height:9.1666666667vh;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone{width:7.5520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone{height:5.15625vw}}.offline-collection-page__milestones .milestone.active .milestone__content{cursor:pointer;filter:brightness(1);animation:heartBeatLow 1s infinite}.offline-collection-page__milestones .milestone.claimed .milestone__content{filter:brightness(1)}.offline-collection-page__milestones .milestone.claimed .milestone__tick{position:absolute;width:5.5555555556vh;height:7.4074074074vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/tick.png);background-size:100% 100%;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone.claimed .milestone__tick{width:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone.claimed .milestone__tick{height:4.1666666667vw}}.offline-collection-page__milestones .milestone.claimed:before{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/triangle_milestone_active.png);background-size:100% 100%}.offline-collection-page__milestones .milestone__content{width:100%;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/milestone.png);background-size:100% 100%;filter:brightness(.4)}.offline-collection-page__milestones .milestone__number{font-size:10.0277777778vh;line-height:1;font-style:italic;font-weight:500;position:absolute;top:0;left:-3.7037037037vh;color:#ceaa50}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__number{font-size:5.640625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__number{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__number{left:-2.0833333333vw}}.offline-collection-page__milestones .milestone__image{width:8.2407407407vh;height:5.8333333333vh;object-fit:contain;position:absolute;top:.8333333333vh;right:1.9444444444vh}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__image{width:4.6354166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__image{height:3.28125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__image{top:.46875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__image{right:1.09375vw}}.offline-collection-page__milestones .milestone__title{position:absolute;text-align:center;color:#06f468;bottom:.6481481481vh;right:.462962963vh;width:12.037037037vh;height:1.5740740741vh;font-size:1.1574074074vh;text-align:end}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__title{bottom:.3645833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__title{right:.2604166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__title{width:6.7708333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__title{height:.8854166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone__title{font-size:.6510416667vw}}.offline-collection-page__milestones .milestone:before{content:"";position:absolute;width:2.2222222222vh;height:1.8518518519vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/triangle_milestone.png);background-size:100% 100%;top:50%;transform:translateY(-50%);right:-2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone:before{width:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone:before{height:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone:before{right:-1.6666666667vw}}.offline-collection-page__milestones .milestone:after{content:"";position:absolute;width:.0925925926vh;height:10vh;background:#fff;bottom:calc(50% + 1.2962962963vh);right:-1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone:after{width:.0520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone:after{height:5.625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone:after{bottom:calc(50% + .7291666667vw)}}@media screen and (max-aspect-ratio: 1920 / 1080){.offline-collection-page__milestones .milestone:after{right:-1.0416666667vw}}.offline-collection-page__milestones .milestone:last-child:after{display:none}.online-collection-page{width:100%;height:100%}.online-collection-page__content{position:absolute;top:5.6481481481vh;left:20.6481481481vh;text-align:start;z-index:-1}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__content{top:3.1770833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__content{left:11.6145833333vw}}.online-collection-page__title{font-size:6.6148148148vh;font-weight:600;color:#fff;line-height:1.2}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__title{font-size:3.7208333333vw}}.online-collection-page__title__subtitle{line-height:1.3;color:#06f468}.online-collection-page__description{font-size:2.1712962963vh;line-height:1.2;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__description{font-size:1.2213541667vw}}.online-collection-page__cards{position:absolute;top:28.7037037037vh;left:20.6481481481vh;height:47.2222222222vh!important;width:140.9259259259vh!important}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__cards{top:16.1458333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__cards{left:11.6145833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__cards{height:26.5625vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__cards{width:79.2708333333vw!important}}.online-collection-page__cards .ScrollbarsCustom-Content{display:flex;flex-wrap:wrap;gap:2.1296296296vh 2.5925925926vh}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__cards .ScrollbarsCustom-Content{gap:1.1979166667vw 1.4583333333vw}}.online-collection-page__cards .ScrollbarsCustom-Content .player-card{width:17.4074074074vh;height:17.6851851852vh;filter:grayscale(1) brightness(.3);transition:all .3s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__cards .ScrollbarsCustom-Content .player-card{width:9.7916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__cards .ScrollbarsCustom-Content .player-card{height:9.9479166667vw}}.online-collection-page__cards .ScrollbarsCustom-Content .player-card.active{filter:grayscale(0) brightness(1)}.online-collection-page__turns{position:absolute;bottom:13.4259259259vh;left:42.4074074074vh;display:flex;align-items:center;justify-content:center;font-size:2.3268518519vh;text-transform:uppercase;font-weight:500;line-height:1;background-color:#000;border:.0925925926vh solid #06F468;border-radius:.9259259259vh;width:29.3518518519vh;height:6.2962962963vh;justify-content:space-between}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns{bottom:7.5520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns{left:23.8541666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns{font-size:1.3088541667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns{border:.0520833333vw solid #06F468}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns{width:16.5104166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns{height:3.5416666667vw}}.online-collection-page__turns>div:first-child{width:17.3351851852vh;height:6.2962962963vh;background-color:#06f468;border-radius:.7407407407vh;color:#000;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns>div:first-child{width:9.7510416667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns>div:first-child{height:3.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__turns>div:first-child{border-radius:.4166666667vw}}.online-collection-page__turns>div:last-child{flex:1;color:#06f468;text-align:center}.online-collection-page__milestones-wrapper{position:absolute;bottom:10.462962963vh;right:10.462962963vh;width:65.6481481481vh;height:12.1296296296vh;border:.0925925926vh solid #06F468;border-radius:.9259259259vh;background-color:#00000065}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper{bottom:5.8854166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper{right:5.8854166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper{width:36.9270833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper{height:6.8229166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper{border:.0520833333vw solid #06F468}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper{border-radius:.5208333333vw}}.online-collection-page__milestones-wrapper__title{font-size:2.4814814815vh;font-weight:500;color:#06f468;text-align:center;margin:.9259259259vh 0 .0925925926vh}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper__title{font-size:1.3958333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper__title{margin:.5208333333vw 0 .0520833333vw}}.online-collection-page__milestones-wrapper .online-collection-page__milestones{width:62.3148148148vh;height:6.2962962963vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/fcm-community-react-2025/images/bg_reach_level.png);background-size:100% 100%;margin:0 auto;display:flex;gap:1.2037037037vh;align-items:center;justify-content:center}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper .online-collection-page__milestones{width:35.0520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper .online-collection-page__milestones{height:3.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper .online-collection-page__milestones{gap:.6770833333vw}}.online-collection-page__milestones-wrapper .online-collection-page__milestones__item{width:5vh;height:5vh;border-radius:.9259259259vh;border:.0925925926vh solid #fff;background:#000;display:flex;align-items:center;justify-content:center}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper .online-collection-page__milestones__item{width:2.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper .online-collection-page__milestones__item{height:2.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper .online-collection-page__milestones__item{border-radius:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.online-collection-page__milestones-wrapper .online-collection-page__milestones__item{border:.0520833333vw solid #fff}}.online-collection-page__milestones-wrapper .online-collection-page__milestones__item.active{background:#06f468;color:#000}.top-100-page{padding-top:9.2592592593vh}@media screen and (max-aspect-ratio: 1920 / 1080){.top-100-page{padding-top:5.2083333333vw}}.top-100-page__title{font-size:6.6148148148vh;font-weight:600;color:#fff;line-height:1.2;text-align:center}@media screen and (max-aspect-ratio: 1920 / 1080){.top-100-page__title{font-size:3.7208333333vw}}.top-100-page__description{font-size:2.1712962963vh;line-height:1.2;font-weight:100;color:#fff;max-width:101.8518518519vh;text-align:center;margin:auto}@media screen and (max-aspect-ratio: 1920 / 1080){.top-100-page__description{font-size:1.2213541667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.top-100-page__description{max-width:57.2916666667vw}}.top-100-page__scrollbar{height:60vh!important;width:104.9074074074vh!important;margin:auto}@media screen and (max-aspect-ratio: 1920 / 1080){.top-100-page__scrollbar{height:33.75vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.top-100-page__scrollbar{width:59.0104166667vw!important}}.top-100-page__scrollbar .ScrollbarsCustom-Track{right:-1.1111111111vh!important}@media screen and (max-aspect-ratio: 1920 / 1080){.top-100-page__scrollbar .ScrollbarsCustom-Track{right:-.625vw!important}}.top-100-page__scrollbar table{margin-top:0}.top-100-page .highlighted-row{background-color:#06f468}.top-100-page .highlighted-row td{color:#000!important}.top-100-page .my-ranking-sticky-row{background-color:#06f468;position:sticky!important;bottom:0!important;z-index:10}.top-100-page .my-ranking-sticky-row td{color:#000}