@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";._left-menu_13vrv_1{display:flex;flex-direction:column;justify-content:space-between;width:21.2962962963vh;align-items:center;gap:3.9814814815vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-left.jpg);background-size:100% 100%;transition:all .3s ease;overflow:hidden}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu_13vrv_1{width:11.9791666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu_13vrv_1{gap:2.2395833333vw}}._left-menu--collapsed_13vrv_23{width:0}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu--collapsed_13vrv_23{width:0}}._left-menu__content_13vrv_31{display:flex;width:100%;flex-direction:column;align-items:center;gap:3.9814814815vh}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__content_13vrv_31{gap:2.2395833333vw}}._left-menu__logo-df_13vrv_43{width:15.9259259259vh;height:8.4259259259vh;margin-top:4.0740740741vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/logo.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__logo-df_13vrv_43{width:8.9583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__logo-df_13vrv_43{height:4.7395833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__logo-df_13vrv_43{margin-top:2.2916666667vw}}._left-menu__tabs_13vrv_65{display:flex;padding:0 1.8518518519vh;flex-direction:column;align-items:flex-start;gap:2.7777777778vh;align-self:stretch}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__tabs_13vrv_65{padding:0 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__tabs_13vrv_65{gap:1.5625vw}}._left-menu__tab_13vrv_65{display:flex;height:4.7222222222vh;align-items:center;gap:.9259259259vh;flex-shrink:0;align-self:stretch;padding:0;margin:0;border:0;border-bottom:1px solid var(--Grey03, #727272);background:linear-gradient(180deg,rgba(40,40,40,0) 81.73%,var(--Grey05, #282828) 100%)}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__tab_13vrv_65{height:2.65625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__tab_13vrv_65{gap:.5208333333vw}}._left-menu__tab__icon_13vrv_106{width:.462962963vh;align-self:stretch;background:var(--data-white, #eaebeb)}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__tab__icon_13vrv_106{width:.2604166667vw}}._left-menu__tab__icon-claimed_13vrv_116{width:3.8888888889vh;height:3.8888888889vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/done.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__tab__icon-claimed_13vrv_116{width:2.1875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__tab__icon-claimed_13vrv_116{height:2.1875vw}}._left-menu__tab__content_13vrv_132{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}._left-menu__tab__content__text_13vrv_139{color:var(--Grey03, #727272);font-family:ProjectD,sans-serif;font-size:1.8518518519vh;font-style:normal;font-weight:400;line-height:1.2}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__tab__content__text_13vrv_139{font-size:1.0416666667vw}}._left-menu__tab__content__progress_13vrv_152{color:var(--Grey03, #727272);font-family:Chakra Petch,sans-serif;font-size:1.4814814815vh;font-style:normal;font-weight:400;line-height:1.2}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__tab__content__progress_13vrv_152{font-size:.8333333333vw}}._left-menu__tab--active_13vrv_165{border-bottom:1px solid var(--Grey03, #c51021);background:linear-gradient(180deg,rgba(40,40,40,0) 81.73%,var(--Grey05, #c51021) 100%)}._left-menu__tab--active_13vrv_165 ._left-menu__tab__icon_13vrv_106{background:var(--data-white, #c51021)}._left-menu__tab--active_13vrv_165 ._left-menu__tab__content__text_13vrv_139{color:#0ff796}._left-menu__tab--active_13vrv_165 ._left-menu__tab__content__progress_13vrv_152{color:#eaebeb}._left-menu__toggle_13vrv_178{width:3.7037037037vh;height:3.7037037037vh;border-radius:0 .462962963vh .462962963vh 0;border:1px solid var(--Grey02, #818284);background:var(--Charcoal, #30444d);padding:0;position:absolute;top:2.7777777778vh;left:20.3703703704vh;transition:all .3s ease;display:flex;align-items:center;justify-content:center}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__toggle_13vrv_178{width:2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__toggle_13vrv_178{height:2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__toggle_13vrv_178{border-radius:0 .2604166667vw .2604166667vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__toggle_13vrv_178{top:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__toggle_13vrv_178{left:11.4583333333vw}}._left-menu__toggle_13vrv_178 img{width:1.6666666667vh;height:2.7777777778vh;transition:all .3s ease}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__toggle_13vrv_178 img{width:.9375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__toggle_13vrv_178 img{height:1.5625vw}}._left-menu__toggle--collapsed_13vrv_233{left:0}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__toggle--collapsed_13vrv_233{left:0}}._left-menu__toggle--collapsed_13vrv_233 img{transform:rotate(180deg)}._left-menu__special-reward_13vrv_244{display:flex;width:18.2407407407vh;height:3.7962962963vh;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid #0FF796;border-right:1px solid #0FF796;border-bottom:3px solid #0FF796;border-left:1px solid #0FF796;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-button.png) 50%/cover no-repeat,#0e181980;color:#0ff796;margin-bottom:1.2962962963vh;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__special-reward_13vrv_244{width:10.2604166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__special-reward_13vrv_244{height:2.1354166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__special-reward_13vrv_244{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__special-reward_13vrv_244{margin-bottom:.7291666667vw}}._left-menu__special-reward_13vrv_244{animation:heartBeat 1s infinite}._left-menu__special-reward_13vrv_244:after{content:"";position:absolute;top:-11.2037037037vh;width:8.9814814815vh;height:11.0185185185vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/special.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__special-reward_13vrv_244:after{top:-6.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__special-reward_13vrv_244:after{width:5.0520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){._left-menu__special-reward_13vrv_244:after{height:6.1979166667vw}}html{box-sizing:border-box;font-size:62.5%}html,body,#root{margin:0;padding:0}#root{margin-left:auto;margin-right:auto}body{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg.jpg);background-size:cover;background-position:center;color:#fff;font-size:1.1458333333vw;font-optical-sizing:auto;overflow-x:hidden;min-height:100vh}#main-body{overflow:hidden;width:177.7777777778vh;height:100vh;margin:auto;transition:all .3s ease;display:flex;position:relative;gap:3.2407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){#main-body{width:100vw}}@media screen and (max-aspect-ratio: 1920 / 1080){#main-body{height:56.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){#main-body{gap:1.8229166667vw}}#main-body .main-body__content{flex:1;display:flex;flex-direction:column}a{color:#0037e9;transition:color .25s ease;outline:none!important;text-decoration:none}a:hover,a:focus{color:#0037e9;text-decoration:none}.sentry-loading{height:1px}button{outline:none!important}img{display:inline-block;max-width:100%}.container{max-width:100%!important}ol,ul{padding-left:3.2407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){ol,ul{padding-left:1.8229166667vw}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:700}.mb0{margin-bottom:0!important}.text-red{color:#c51021!important}.text-yellow{color:#f5c778!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}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar:vertical{width:.4166666667vw}}::-webkit-scrollbar:horizontal{height:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar:horizontal{height:.4166666667vw}}::-webkit-scrollbar-thumb{width:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar-thumb{width:.4166666667vw}}::-webkit-scrollbar-track{width:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar-track{width:.4166666667vw}}@font-face{font-family:ProjectD;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/fonts/ProjectDTypeCurve-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.btn{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-button.png);background-size:100% 100%;text-transform:uppercase;font-family:ProjectD,sans-serif;color:#dbdbdb;font-size:2.962962963vh;line-height:3.3333333333vh;min-width:41.6666666667vh;padding:2.7777777778vh 9.2592592593vh;border:none;box-shadow:inset 0 0 0 .0925925926vh #dbdbdb;box-sizing:content-box;position:relative;display:flex;align-items:center;justify-content:center;display:inline-flex;text-align:center;font-weight:700;z-index:1;transition:all .2s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{line-height:1.875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{min-width:23.4375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{padding:1.5625vw 5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{box-shadow:inset 0 0 0 .0520833333vw #dbdbdb}}.btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0e181980;z-index:-1;transition:all .2s ease}.btn:hover:after{background:transparent}.btn.primary{color:#0ff796;box-shadow:inset 0 0 0 .0925925926vh #0ff796,inset 0 -.0925925926vh #0ff796}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.primary{box-shadow:inset 0 0 0 .0520833333vw #0ff796,inset 0 -.0520833333vw #0ff796}}.btn.secondary{color:#f5c778;box-shadow:inset 0 0 0 .0925925926vh #f5c778,inset 0 -.1851851852vh #f5c778}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.secondary{box-shadow:inset 0 0 0 .0520833333vw #f5c778,inset 0 -.1041666667vw #f5c778}}.btn.medium{min-width:19.7222222222vh;padding:1.3888888889vh .462962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.medium{min-width:11.09375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.medium{padding:.78125vw .2604166667vw}}.btn.small{min-width:26.2962962963vh;padding:.9259259259vh 1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.small{min-width:14.7916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.small{padding:.5208333333vw 1.0416666667vw}}.btn:disabled{color:#404d4d;box-shadow:inset 0 0 0 .0925925926vh #72727280;cursor:not-allowed}@media screen and (max-aspect-ratio: 1920 / 1080){.btn:disabled{box-shadow:inset 0 0 0 .0520833333vw #72727280}}.btn:disabled:hover:after{background:#0e181980}.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:100%!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:#000000e6!important}.swal2-popup{width:103.5185185185vh;min-height:60.8333333333vh;border-radius:0!important;box-shadow:none!important;border:0 none!important;padding:4.8148148148vh 4.8148148148vh 1.4814814815vh!important;display:flex!important;align-items:center;flex-direction:column;justify-content:center;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-modal.png) 0 0/100% 100% no-repeat!important}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{width:58.2291666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{min-height:34.21875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{padding:2.7083333333vw 2.7083333333vw .8333333333vw!important}}.swal2-popup .swal2-html-container{width:100%;margin-bottom:4.6296296296vh;color:#000!important;overflow-y:visible;overflow-x:visible}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-html-container{margin-bottom:2.6041666667vw}}.swal2-popup .swal2-title{margin:0;padding:0;display:flex!important;justify-content:center;align-items:center;font-size:5.5555555556vh;line-height:5.9259259259vh;width:100%;font-weight:700;color:#0ff796;text-align:center;text-transform:uppercase;line-height:1em;position:absolute;top:4.6296296296vh;left:50%;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{font-size:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{line-height:3.3333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{top:2.6041666667vw}}.swal2-popup .swal2-header,.swal2-popup .swal2-content{padding:0!important}.swal2-popup .swal2-actions{display:flex;align-items:center;justify-content:center;position:absolute;bottom:1.3888888889vh;left:0;width:100%}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions{bottom:.78125vw}}.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{display:flex;padding:2.7777777778vh 9.2592592593vh;justify-content:center;align-items:center;gap:.9259259259vh;flex-shrink:0;width:41.6666666667vh!important;height:8.8888888889vh!important;background:url(/images/BtnBG.png);background-size:100% 100%;font-size:2.962962963vh!important;font-weight:700!important;line-height:3.3333333333vh!important;border-radius:0}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{padding:1.5625vw 5.2083333333vw}}@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{width:23.4375vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{height:5vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{font-size:1.6666666667vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{line-height:1.875vw!important}}.swal2-popup .swal2-actions .swal2-confirm{border-top:1px solid var(--Sec_05, #08a173);border-right:1px solid var(--Sec_05, #08a173);border-bottom:3px solid var(--Sec_05, #08a173);border-left:1px solid var(--Sec_05, #08a173);color:#0ff796;text-transform:uppercase}.swal2-popup .swal2-actions .swal2-confirm:hover{border-top:1px solid var(--Sec_05, #0ff796);border-right:1px solid var(--Sec_05, #0ff796);border-bottom:3px solid var(--Sec_05, #0ff796);border-left:1px solid var(--Sec_05, #0ff796)}.swal2-popup .swal2-actions .swal2-cancel{border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);color:#dbdbdb;text-transform:uppercase}.swal2-popup .swal2-actions .swal2-cancel:hover{border-top:1px solid var(--Neutral_00, #fff);border-right:1px solid var(--Neutral_00, #fff);border-bottom:3px solid var(--Neutral_00, #fff);border-left:1px solid var(--Neutral_00, #fff)}.swal2-popup .swal2-close{width:5.9259259259vh;height:5.9259259259vh;color:transparent;outline:none;left:auto;bottom:auto;display:inline-block;position:absolute;box-shadow:none!important;top:0;right:-7.4074074074vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{width:3.3333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{height:3.3333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{right:-4.1666666667vw}}.swal2-popup .swal2-close img{object-fit:contain}.swal2-popup .popup-alert__message{flex:1;color:var(--Neutral_01, #f6ecdf);font-family:Chakra Petch;font-size:2.2222222222vh;width:60.1851851852vh;margin:0 auto;text-align:center;line-height:2.5925925926vh;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{width:33.8541666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{line-height:1.4583333333vw}}.swal2-popup .popup-alert__message span.red{color:#c51021}.swal2-popup .popup-alert__message span.gold{color:#f5c778}.swal2-popup .popup-alert__message span.purple{color:#b71bd7}.swal2-popup .popup-alert__message span.blue{color:#1c61df}.swal2-popup .popup-alert__message span.green{color:#00ff90}.swal2-popup .popup-alert__message span.white{color:#eaebeb}.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:1.4814814815vh;gap:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__items{margin-top:.8333333333vw}}@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__item{height:21.7592592593vh;width:35.8333333333vh;box-sizing:content-box;border:2px solid #475458}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item{height:12.2395833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item{width:20.15625vw}}.swal2-popup .popup-alert__item--icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.swal2-popup .popup-alert__item--icon img{width:95%;height:95%;object-fit:contain}.swal2-popup .popup-alert__item.red{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier6, #da5758) 100%)}.swal2-popup .popup-alert__item.gold{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier5, #d0814d) 100%)}.swal2-popup .popup-alert__item.purple{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,#9a71dc 100%)}.swal2-popup .popup-alert__item.blue{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier3, #589fdc) 100%)}.swal2-popup .popup-alert__item.green{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier2, #2aca96) 100%)}.swal2-popup .popup-alert__item.white{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier1, #c4c4c2) 100%)}.swal2-popup .popup-alert__item--name{color:#fff;font-size:1.8518518519vh;line-height:2.2222222222vh;margin-top:.7407407407vh;font-family:Chakra Petch,sans-serif}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{line-height:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{margin-top:.4166666667vw}}.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;border-radius:0!important;width:118.5185185185vh;min-height:66.6666666667vh;padding:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-modal.png) no-repeat center bottom;background-size:100% 100%;padding:6.6666666667vh 0 1.4814814815vh;outline:none;z-index:1;gap:2.7777777778vh;font-size:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{width:66.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{min-height:37.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{padding:3.75vw 0 .8333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{gap:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{font-size:1.6666666667vw}}.ReactModal__Content.modal-large{padding:6.6666666667vh 0 2.7777777778vh;width:154.8148148148vh;height:87.037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{padding:3.75vw 0 1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{width:87.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{height:48.9583333333vw}}.ReactModal__Content.modal-large .modal-content{padding:0 8.4259259259vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large .modal-content{padding:0 4.7395833333vw}}.ReactModal__Content .modal-description{width:100%;margin-left:auto;margin-right:auto;padding:.7407407407vh 0}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description{padding:.4166666667vw 0}}.ReactModal__Content .modal-description .modal-title{text-align:center;text-transform:uppercase;color:#0ff796;font-size:4.537037037vh;line-height:5.9259259259vh;font-family:Chakra Petch,sans-serif;font-weight:700;position:relative;margin:auto;width:fit-content}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{font-size:2.5520833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{line-height:3.3333333333vw}}.ReactModal__Content .modal-description .modal-title:before{content:"";display:block;position:absolute;top:0;width:2.5vh;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/titleDecor1.png);background-size:100% 100%;left:-6.2037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title:before{width:1.40625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title:before{left:-3.4895833333vw}}.ReactModal__Content .modal-description .modal-title:after{content:"";display:block;position:absolute;top:0;width:2.5vh;height:100%;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/titleDecor2.png);background-size:100% 100%;right:-6.2037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title:after{width:1.40625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title:after{right:-3.4895833333vw}}.ReactModal__Content .modal-content{padding:0 4.8148148148vh;flex:1;color:var(--Neutral_01, #dbdbdb);font-family:Chakra Petch;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{padding:0 2.7083333333vw}}@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-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:41.6666666667vh;height:8.8888888889vh;background:url(/images/BtnBG.png);background-size:100% 100%;font-size:2.962962963vh;font-weight:700;line-height:3.3333333333vh}@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:23.4375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{height:5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{line-height:1.875vw}}.ReactModal__Content .modal-button .modal-button-confirm{border-top:1px solid var(--Sec_05, #08a173);border-right:1px solid var(--Sec_05, #08a173);border-bottom:3px solid var(--Sec_05, #08a173);border-left:1px solid var(--Sec_05, #08a173);color:#0ff796;text-transform:uppercase}.ReactModal__Content .modal-button .modal-button-confirm:hover{border-top:1px solid var(--Sec_05, #0ff796);border-right:1px solid var(--Sec_05, #0ff796);border-bottom:3px solid var(--Sec_05, #0ff796);border-left:1px solid var(--Sec_05, #0ff796)}.ReactModal__Content .modal-button .modal-button-cancel{border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);color:#dbdbdb;text-transform:uppercase}.ReactModal__Content .modal-button .modal-button-cancel:hover{border-top:1px solid var(--Neutral_00, #fff);border-right:1px solid var(--Neutral_00, #fff);border-bottom:3px solid var(--Neutral_00, #fff);border-left:1px solid var(--Neutral_00, #fff)}.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;width:5.9259259259vh;height:5.9259259259vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/close.png) no-repeat center;background-size:100%;box-shadow:none!important;top:0;right:-7.4074074074vh;opacity:1;font-size:4rem;outline:none!important;color:#fff!important;font-family:serif;font-weight:300;z-index:9;text-indent:-9999px;transition:transform .25s ease;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{width:3.3333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{height:3.3333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{right:-4.1666666667vw}}.ReactModal__Content h2{font-size:6.4814814815vh;margin-bottom:0;padding:0;color:#dbdbdb;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:700;margin-bottom:1.3888888889vh;color:#dbdbdb}@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}@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}}.modal-leaderboard .leaderboard-subtitle{position:absolute;width:100%;top:-3.2407407407vh;left:0;font-size:2.2222222222vh;line-height:2.5925925926vh;font-weight:400;color:#eaebeb;text-align:center}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-leaderboard .leaderboard-subtitle{top:-1.8229166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-leaderboard .leaderboard-subtitle{left:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-leaderboard .leaderboard-subtitle{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-leaderboard .leaderboard-subtitle{line-height:1.4583333333vw}}.modal-leaderboard .leaderboard-scroll{height:60.1851851852vh;overflow-y:auto;overflow-x:hidden}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-leaderboard .leaderboard-scroll{height:33.8541666667vw}}.modal-leaderboard .leaderboard-scroll::-webkit-scrollbar{width:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-leaderboard .leaderboard-scroll::-webkit-scrollbar{width:.4166666667vw}}.modal-leaderboard .leaderboard-scroll::-webkit-scrollbar-track{background:#eaebeb1a}.modal-leaderboard .leaderboard-scroll::-webkit-scrollbar-thumb{background:#eaebeb4d;border-radius:4px}.modal-special-reward .modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7.4074074074vh}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content{gap:4.1666666667vw}}.modal-special-reward .modal-content .modal-special-reward__items{display:flex;gap:3.7037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__items{gap:2.0833333333vw}}.modal-special-reward .modal-content .modal-special-reward__item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:25vh;height:25vh;border:2px solid transparent;transition:all .3s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__item{width:14.0625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__item{height:14.0625vw}}.modal-special-reward .modal-content .modal-special-reward__item img{width:100%;height:100%;object-fit:contain}.modal-special-reward .modal-content .modal-special-reward__item div{color:#0ff796;font-size:1.8518518519vh;line-height:2.2222222222vh;margin-top:.7407407407vh;font-family:ProjectD,sans-serif;font-weight:700}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__item div{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__item div{line-height:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__item div{margin-top:.4166666667vw}}.modal-special-reward .modal-content .modal-special-reward__item--selected{border:2px solid #0FF796}.modal-special-reward .modal-content .modal-special-reward__info{display:flex;flex-direction:column;align-items:flex-start;gap:.9259259259vh;align-self:stretch}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__info{gap:.5208333333vw}}.modal-special-reward .modal-content .modal-special-reward__info__name{align-self:stretch;color:var(--data-white, #eaebeb);text-align:center;font-family:Chakra Petch,sans-serif;font-size:2.2222222222vh;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__info__name{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__info__name{line-height:1.875vw}}.modal-special-reward .modal-content .modal-special-reward__info__progress{align-self:stretch;color:#0ff796;text-align:center;font-family:ProjectD,sans-serif;font-size:2.2222222222vh;font-style:normal;font-weight:400;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__info__progress{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.modal-special-reward .modal-content .modal-special-reward__info__progress{line-height:1.875vw}}.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(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/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)}50%{transform:scale(1.1)}}@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}}table{width:100%;border-collapse:collapse}table thead{color:#f5c778;background:#1a1f24;position:sticky;top:0;z-index:10}table thead tr th{height:5.5555555556vh;font-size:2.5925925926vh;line-height:2.962962963vh;overflow:hidden;text-align:center;text-overflow:ellipsis;font-weight:700;text-transform:uppercase;border:none!important;padding:0}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{height:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{line-height:1.6666666667vw}}table tbody tr td{height:7.4074074074vh;text-align:center;font-weight:400;color:#fff;font-size:2.4074074074vh;line-height:1.1em;padding:0;position:relative;font-weight:600;border-bottom:1px solid #818284}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td{height:4.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td{font-size:1.3541666667vw}}table tbody tr.current-user td{background:#f5c778;color:#1a1f24}body{font-family:ProjectD,sans-serif}.header{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0;padding:2.7777777778vh 0 0 2.7777777778vh;min-height:12.5925925926vh;box-sizing:border-box;border-bottom:1px solid #C51021}@media screen and (max-aspect-ratio: 1920 / 1080){.header{padding:1.5625vw 0 0 1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header{min-height:7.0833333333vw}}.header__left{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left{gap:.4166666667vw}}.header__title-row{display:flex;align-items:flex-start;gap:.9259259259vh;min-width:0}@media screen and (max-aspect-ratio: 1920 / 1080){.header__title-row{gap:.5208333333vw}}.header__title{margin:0;font-family:ProjectD,sans-serif;font-weight:700;font-size:6.6666666667vh;line-height:5.5555555556vh;color:#0ff796;white-space:nowrap}@media screen and (max-aspect-ratio: 1920 / 1080){.header__title{font-size:3.75vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__title{line-height:3.125vw}}.header__event-time{color:var(--data-white, #eaebeb);font-family:Chakra Petch,sans-serif;font-size:1.8518518519vh;font-style:normal;font-weight:700}@media screen and (max-aspect-ratio: 1920 / 1080){.header__event-time{font-size:1.0416666667vw}}.header__rules{flex-shrink:0;padding:0;border:none;cursor:pointer;width:4.6296296296vh;height:4.6296296296vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/rules.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.header__rules{width:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__rules{height:2.6041666667vw}}.header__right{display:flex;align-items:center;gap:2.7777777778vh;min-height:7.037037037vh;flex-shrink:0}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right{gap:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right{min-height:3.9583333333vw}}.header__right__language-wrapper{position:relative}.header__right__language{border:none;width:4.0740740741vh;height:4.0740740741vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/icon-globe.png);background-size:100% 100%;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language{width:2.2916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language{height:2.2916666667vw}}.header__right__language-dropdown{position:absolute;top:100%;right:0;background:#11181a;z-index:100;width:23.1481481481vh;height:23.1481481481vh;overflow:scroll}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown{width:13.0208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown{height:13.0208333333vw}}.header__right__language-dropdown::-webkit-scrollbar{display:none}.header__right__language-dropdown__item{display:flex;align-items:center;gap:.7407407407vh;padding:.7407407407vh;cursor:pointer;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item{gap:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item{padding:.4166666667vw}}.header__right__language-dropdown__item:hover{background:#ffffff14}.header__right__language-dropdown__item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:93%;height:.0925925926vh;background:var(--Grey03, #727272)}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item:after{height:.0520833333vw}}.header__right__language-dropdown__item .indicator{display:none}.header__right__language-dropdown__item .name{color:var(--Grey01, #979797);font-family:ProjectD,sans-serif;font-size:1.8518518519vh;line-height:2.2222222222vh;font-weight:700}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item .name{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item .name{line-height:1.25vw}}.header__right__language-dropdown__item.active .indicator{display:block;width:1.2037037037vh;height:1.2037037037vh;border-radius:50%;background:#0ff796}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item.active .indicator{width:.6770833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item.active .indicator{height:.6770833333vw}}.header__right__language-dropdown__item.active .name{color:#0ff796}.header__history{box-sizing:border-box;margin:0;cursor:pointer;font-family:ProjectD,sans-serif;font-weight:700;font-size:2.2222222222vh;line-height:3.3333333333vh;padding:1.1111111111vh 1.8518518519vh;color:#727272;text-align:center;white-space:nowrap;border:1px solid #727272;background:#0e181980;position:relative;isolation:isolate;transition:background .2s ease,color .2s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.header__history{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__history{line-height:1.875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__history{padding:.625vw 1.0416666667vw}}.header__history:before{content:"";position:absolute;inset:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-button.png);background-size:100% 100%;opacity:.35;pointer-events:none;z-index:-1}.header__history:hover{color:#dbdbdb;background:#0e1819a6}.header__user{display:flex;align-items:center;gap:.9259259259vh;padding-right:2.7777777778vh;min-height:7.037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user{padding-right:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user{min-height:3.9583333333vw}}.header__user-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.9259259259vh;text-align:left}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user-info{gap:.5208333333vw}}.header__user-name{margin:0;font-family:ProjectD,sans-serif;font-weight:700;font-size:2.5925925926vh;line-height:2.962962963vh;color:#dbdbdb;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user-name{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user-name{line-height:1.6666666667vw}}.header__user-id{margin:0;font-family:Chakra Petch,sans-serif;font-weight:400;font-size:1.8518518519vh;line-height:2.2222222222vh;color:#0ff796;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user-id{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user-id{line-height:1.25vw}}.header__user-logout{margin:0;font-family:Chakra Petch,sans-serif;font-weight:400;font-size:1.8518518519vh;line-height:2.2222222222vh;color:#0ff796;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user-logout{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__user-logout{line-height:1.25vw}}.header__user-logout:hover{color:#0ff796}.home{flex:1;position:relative;min-height:0;font-family:Chakra Petch,sans-serif;display:flex;gap:2.7777777778vh;padding:2.7777777778vh 2.7777777778vh 2.7777777778vh 0}@media screen and (max-aspect-ratio: 1920 / 1080){.home{gap:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home{padding:1.5625vw 1.5625vw 1.5625vw 0}}.home__left{flex:1;position:relative;min-height:0;font-family:Chakra Petch,sans-serif;display:flex;flex-direction:column;gap:1.6666666667vh}@media screen and (max-aspect-ratio: 1920 / 1080){.home__left{gap:.9375vw}}.missions{border:1px solid var(--Secondary-color, #c51021);background:#091a2199;padding:.9259259259vh 1.8518518519vh 1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions{padding:.5208333333vw 1.0416666667vw 1.0416666667vw}}.missions__title{flex:1 0 0;color:#0ff796;text-align:center;font-family:Chakra Petch,sans-serif;font-weight:700;font-size:1.8518518519vh;line-height:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__title{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__title{line-height:1.25vw}}.missions__main{display:flex;gap:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__main{gap:1.0416666667vw}}.missions__helpful{flex:1;display:flex;gap:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__helpful{gap:1.5625vw}}.missions__helpful-item{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.9259259259vh;padding:.9259259259vh;border:1px solid #C51021}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__helpful-item{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__helpful-item{padding:.5208333333vw}}.missions__helpful-item-title{color:#eaebeb;text-align:center;font-family:ProjectD,sans-serif;font-size:2.2222222222vh;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__helpful-item-title{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__helpful-item-title{line-height:1.875vw}}.missions__helpful-item--completed{border:1px solid #0FF796}.missions__missions{flex:1;display:flex;flex-direction:column;gap:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions{gap:1.0416666667vw}}.missions__missions-item{border:1px solid var(--Secondary-color, #c51021);background:#c5102133;display:flex;flex-direction:column;gap:.9259259259vh;padding:.5555555556vh .9259259259vh 1.3425925926vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item{padding:.3125vw .5208333333vw .7552083333vw}}.missions__missions-item-title{color:#c51021;text-align:start;font-family:ProjectD,sans-serif;font-size:2.2222222222vh;font-weight:700;border-bottom:1px solid #C51021;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-title{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-title{line-height:1.875vw}}.missions__missions-item-list{display:flex;gap:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-list{gap:1.5625vw}}.missions__missions-item-list .mission{flex:1;display:flex;align-items:center;gap:.9259259259vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-list .mission{gap:.5208333333vw}}.missions__missions-item-list .mission__left{flex:1;display:flex;flex-direction:column;justify-content:center}.missions__missions-item-list .mission__left__title{color:var(--data-white, #eaebeb);font-family:ProjectD,sans-serif;font-size:1.6666666667vh;font-weight:400;line-height:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-list .mission__left__title{font-size:.9375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-list .mission__left__title{line-height:1.0416666667vw}}.missions__missions-item-list .mission__left__progress{color:var(--data-white, #eaebeb);font-family:Chakra Petch,sans-serif;font-size:1.6666666667vh;font-weight:400;line-height:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-list .mission__left__progress{font-size:.9375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-list .mission__left__progress{line-height:1.0416666667vw}}.missions__missions-item-list .mission__right{background:none;border:0;padding:0;margin:0;cursor:pointer;width:5.5555555556vh;height:5.5555555556vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-list .mission__right{width:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__missions-item-list .mission__right{height:3.125vw}}.missions__missions-item-list .mission__right img{width:100%;height:100%;object-fit:contain}.missions__missions-item-list .mission--active .mission__left__title,.missions__missions-item-list .mission--active .mission__left__progress{color:#0ff796}.missions__missions-item-list .mission--active .mission__right{border:1px solid #0FF796;animation:heartBeatLow 1s infinite}.missions__missions-item-list .mission--claimed .mission__left__title,.missions__missions-item-list .mission--claimed .mission__left__progress{color:#404d4d}.missions__missions-item-list .mission--claimed .mission__right{border:1px solid #404D4D}.missions__gift{display:flex;width:26.2962962963vh;height:33.2407407407vh;padding:1.4814814815vh 1.8518518519vh 1.8518518519vh;flex-direction:column;justify-content:start;align-items:center;gap:.9259259259vh;border:1px solid #0FF796;background:#0ff7961a}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift{width:14.7916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift{height:18.6979166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift{padding:.8333333333vw 1.0416666667vw 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift{gap:.5208333333vw}}.missions__gift-title{display:flex;justify-content:space-between;align-items:center;align-self:stretch;gap:.9259259259vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-title{gap:.5208333333vw}}.missions__gift-title-label{color:#0ff796;text-align:center;font-family:ProjectD,sans-serif;font-size:2.5925925926vh;font-weight:400;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-title-label{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-title-label{line-height:1.6666666667vw}}.missions__gift-title-value{display:flex;min-width:4.8148148148vh;height:4.8148148148vh;padding:0 .9259259259vh;justify-content:center;align-items:center;gap:.9259259259vh;border:1px solid #0FF796;background:#404d4d;color:#eaebeb;text-align:center;font-family:Chakra Petch,sans-serif;font-size:2.5925925926vh;font-weight:400;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-title-value{min-width:2.7083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-title-value{height:2.7083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-title-value{padding:0 .5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-title-value{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-title-value{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-title-value{line-height:1.6666666667vw}}.missions__gift-divider{width:100%;height:1px;background:#0ff796}.missions__gift-img{width:17.4074074074vh;height:17.4074074074vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-img{width:9.7916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-img{height:9.7916666667vw}}.missions__gift-cta{min-width:19.7222222222vh;width:100%;box-sizing:border-box;margin:0;cursor:pointer;font-family:ProjectD,sans-serif;font-weight:700;font-size:2.2222222222vh;line-height:3.3333333333vh;text-transform:uppercase;color:#dbdbdb;text-align:center;border:1px solid #16201d;border-bottom-width:3px;background:#0e181980;position:relative;isolation:isolate;transition:background .2s ease,color .2s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-cta{min-width:11.09375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-cta{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__gift-cta{line-height:1.875vw}}.missions__gift-cta:before{content:"";position:absolute;inset:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-button.png);background-size:100% 100%;opacity:.4;pointer-events:none;z-index:-1}.missions__gift-cta:hover{background:#0e1819a6}.missions__gift-cta--active{color:#0ff796;border:1px solid #08a173;background:#0e1819a6;animation:heartBeatLow 1s infinite}.missions__code{display:flex;flex-direction:column;gap:1.8518518519vh;padding-top:3.7037037037vh;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code{gap:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code{padding-top:2.0833333333vw}}.missions__code-title{position:absolute;top:.462962963vh;left:22.2222222222vh;color:#00ff90;font-family:Chakra Petch,sans-serif;font-size:1.8518518519vh;font-weight:400;line-height:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-title{top:.2604166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-title{left:12.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-title{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-title{line-height:1.25vw}}.missions__code-item{display:flex;padding:0 9.2592592593vh;align-items:center}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item{padding:0 5.2083333333vw}}.missions__code-item-label{min-width:11.1111111111vh;color:#eaebeb;font-family:Chakra Petch,sans-serif;font-size:1.8518518519vh;font-weight:400;line-height:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-label{min-width:6.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-label{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-label{line-height:1.25vw}}.missions__code-item-input{display:flex;padding:.462962963vh 2.7777777778vh;justify-content:center;align-items:center;gap:.9259259259vh;flex:1 0 0;border:1px solid var(--Neutral_01, #979797);background:var(--Fade-Btn, rgba(41, 53, 54, .5));color:#eaebeb;text-align:center;font-family:Chakra Petch,sans-serif;font-size:2.5925925926vh;font-weight:400;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-input{padding:.2604166667vw 1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-input{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-input{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-input{line-height:1.6666666667vw}}.missions__code-item-input::placeholder{color:#dbdbdb}.missions__code-item-button{display:flex;height:4.0740740741vh;width:16.7592592593vh;justify-content:center;align-items:center;gap:.9259259259vh;border-top:1px solid var(--Secondary-color, #c51021);border-right:1px solid var(--Secondary-color, #c51021);border-bottom:3px solid var(--Secondary-color, #c51021);border-left:1px solid var(--Secondary-color, #c51021);background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-button.png);color:#c51021;text-align:center;font-family:ProjectD,sans-serif;font-size:2.2222222222vh;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-button{height:2.2916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-button{width:9.4270833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-button{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.missions__code-item-button{line-height:1.875vw}}.play-missions{display:flex;height:28.9814814815vh;padding:1.8518518519vh;align-items:center;gap:1.8518518519vh;align-self:stretch;border:1px solid var(--Secondary-color, #c51021);background:var(--Background-Color-1, #091a21)}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions{height:16.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions{padding:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions{gap:1.0416666667vw}}.play-missions__left{display:flex;padding:0 20px;flex-direction:column;justify-content:start;align-items:center;flex:1 0 0;align-self:stretch;border:1px solid var(--Secondary-color, #c51021);background:#c5102133}.play-missions__left-title{display:flex;padding:5px 0;justify-content:center;align-items:flex-start;gap:.9259259259vh;align-self:stretch;border-bottom:1px solid #C51021;background:linear-gradient(180deg,rgba(197,16,33,0) 74.04%,var(--Secondary-color, #c51021) 100%);color:#eaebeb;text-align:center;font-family:ProjectD,sans-serif;font-size:2.2222222222vh;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-title{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-title{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-title{line-height:1.875vw}}.play-missions__left-description{align-self:stretch;color:var(--Grey03, #727272);text-align:center;font-family:Chakra Petch,sans-serif;padding-top:.9259259259vh;font-size:1.8518518519vh;font-weight:400;line-height:2.2222222222vh;font-style:italic}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-description{padding-top:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-description{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-description{line-height:1.25vw}}.play-missions__left-item{flex:1;width:100%;display:flex;gap:1.8518518519vh;align-items:center;border-bottom:1px solid #C51021}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-item{gap:1.0416666667vw}}.play-missions__left-item:last-child{border-bottom:none}.play-missions__left-item-title{color:#eaebeb;font-family:Chakra Petch,sans-serif;font-size:2.5925925926vh;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-item-title{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-item-title{line-height:1.6666666667vw}}.play-missions__left-item-title span{color:#c51021}.play-missions__left-item-divider{flex:1;height:1px;background:#eaebeb}.play-missions__left-item-progress{display:flex;gap:.9259259259vh;align-items:center;color:#c51021;font-family:Chakra Petch,sans-serif;font-size:2.5925925926vh;font-weight:700;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-item-progress{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-item-progress{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-item-progress{line-height:1.6666666667vw}}.play-missions__left-item-progress img{width:4.6296296296vh;height:4.6296296296vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-item-progress img{width:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__left-item-progress img{height:2.6041666667vw}}.play-missions__gift{display:flex;width:26.2962962963vh;height:100%;padding:1.4814814815vh 1.8518518519vh 1.8518518519vh;flex-direction:column;justify-content:start;align-items:center;gap:.9259259259vh;border:1px solid #0FF796;background:#0ff7961a}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift{width:14.7916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift{padding:.8333333333vw 1.0416666667vw 1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift{gap:.5208333333vw}}.play-missions__gift-title{display:flex;justify-content:space-between;align-items:center;align-self:stretch;gap:.9259259259vh}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-title{gap:.5208333333vw}}.play-missions__gift-title-label{color:#0ff796;text-align:center;font-family:ProjectD,sans-serif;font-size:2.5925925926vh;font-weight:400;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-title-label{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-title-label{line-height:1.6666666667vw}}.play-missions__gift-title-value{display:flex;min-width:4.8148148148vh;height:4.8148148148vh;padding:0 .9259259259vh;justify-content:center;align-items:center;gap:.9259259259vh;border:1px solid #0FF796;background:#404d4d;color:#eaebeb;text-align:center;font-family:Chakra Petch,sans-serif;font-size:2.5925925926vh;font-weight:400;line-height:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-title-value{min-width:2.7083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-title-value{height:2.7083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-title-value{padding:0 .5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-title-value{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-title-value{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-title-value{line-height:1.6666666667vw}}.play-missions__gift-divider{width:100%;height:1px;background:#0ff796}.play-missions__gift-img{width:13.7037037037vh;height:13.7037037037vh;object-fit:contain}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-img{width:7.7083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.play-missions__gift-img{height:7.7083333333vw}}.big-gift{position:relative;box-sizing:border-box;display:flex;align-items:flex-start;gap:.9259259259vh;padding:7.4074074074vh 1.8518518519vh 0;width:42.5925925926vh;height:100%;background:#c5102133;border:1px solid #C51021;overflow:hidden}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift{padding:4.1666666667vw 1.0416666667vw 0}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift{width:23.9583333333vw}}.big-gift__decoration{position:absolute;left:0;top:-.0925925926vh;width:100%;height:100%;pointer-events:none;background:linear-gradient(135deg,rgba(197,16,33,.45) 0%,transparent 55%)}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__decoration{left:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__decoration{top:-.0520833333vw}}.big-gift__decoration:after{content:"";position:absolute;left:0;top:0;width:42.5925925926vh;height:81.2037037037vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-big-gift.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__decoration:after{left:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__decoration:after{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__decoration:after{width:23.9583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__decoration:after{height:45.6770833333vw}}.big-gift__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:2.7777777778vh;align-self:stretch;margin-left:auto;margin-right:auto}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__inner{gap:1.5625vw}}.big-gift__card{display:flex;flex-direction:column;align-items:center;gap:2.7777777778vh;padding:1.8518518519vh;width:100%;min-height:55.7407407407vh;box-sizing:border-box;background:#0ff7961a;border:1px solid #0FF796}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__card{gap:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__card{padding:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__card{min-height:31.3541666667vw}}.big-gift__title{margin:0;font-family:ProjectD,sans-serif;font-weight:700;font-size:4.4444444444vh;line-height:1.1;color:#0ff796;text-align:center;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__title{font-size:2.5vw}}.big-gift__card-body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:2.7777777778vh;width:100%;min-height:0}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__card-body{gap:1.5625vw}}.big-gift__stats{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:2.7777777778vh;width:100%;box-sizing:border-box;padding:.9259259259vh;background:#c510214d;border:1px solid #C51021}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__stats{gap:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__stats{padding:.5208333333vw}}.big-gift__stat{display:flex;flex-direction:column;align-items:center;gap:.3703703704vh;color:#eaebeb;text-align:center;white-space:nowrap}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__stat{gap:.2083333333vw}}.big-gift__stat-label{font-family:Chakra Petch,sans-serif;font-weight:700;font-size:1.8518518519vh;line-height:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__stat-label{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__stat-label{line-height:1.25vw}}.big-gift__stat-value{font-family:ProjectD,sans-serif;font-weight:700;font-size:1.8518518519vh;line-height:2.2222222222vh}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__stat-value{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__stat-value{line-height:1.25vw}}.big-gift__stat-divider{align-self:stretch;width:1px;height:100%;background:#eaebeb;flex-shrink:0}.big-gift__placeholder{aspect-ratio:1/1;width:100%;max-width:100%;max-width:30.5555555556vh;flex:1 1 auto;min-height:0}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__placeholder{max-width:17.1875vw}}.big-gift__placeholder img{width:100%;height:100%;object-fit:contain}.big-gift__cta{min-width:19.7222222222vh;width:100%;box-sizing:border-box;margin:0;cursor:pointer;font-family:ProjectD,sans-serif;font-weight:700;font-size:2.2222222222vh;line-height:3.3333333333vh;text-transform:uppercase;color:#dbdbdb;text-align:center;border:1px solid #16201d;border-bottom-width:3px;background:#0e181980;position:relative;isolation:isolate;transition:background .2s ease,color .2s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__cta{min-width:11.09375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__cta{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__cta{line-height:1.875vw}}.big-gift__cta:before{content:"";position:absolute;inset:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-festival-2026/images/bg-button.png);background-size:100% 100%;opacity:.4;pointer-events:none;z-index:-1}.big-gift__cta:hover{background:#0e1819a6}.big-gift__cta--active{color:#0ff796;border:1px solid #08a173;background:#0e1819a6;animation:heartBeatLow 1s infinite}.big-gift__leaderboard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9259259259vh;height:7.4074074074vh;padding:0 9.2592592593vh 2.7777777778vh;width:100%;box-sizing:border-box;background:#0ff79680;border:1px solid #979797}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__leaderboard{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__leaderboard{height:4.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__leaderboard{padding:0 5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__leaderboard{padding-bottom:1.5625vw}}.big-gift__leaderboard-title{margin:0;font-family:ProjectD,sans-serif;font-weight:700;font-size:2.2222222222vh;line-height:3.3333333333vh;color:#eaebeb;text-align:center;text-transform:uppercase}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__leaderboard-title{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__leaderboard-title{line-height:1.875vw}}.big-gift__leaderboard-footer{position:absolute;bottom:1px;left:1px;right:1px;display:flex;align-items:center;justify-content:center;height:2.5925925926vh;background:#293536}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__leaderboard-footer{height:1.4583333333vw}}.big-gift__leaderboard-meta{margin:0;font-family:Chakra Petch,sans-serif;font-weight:400;font-size:1.8518518519vh;line-height:2.2222222222vh;color:#dbdbdb;text-align:center;white-space:nowrap}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__leaderboard-meta{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.big-gift__leaderboard-meta{line-height:1.25vw}}.big-gift__leaderboard-meta-label{color:#dbdbdb}.big-gift__leaderboard-meta-strong{font-weight:700;color:#0ff796}