.banner{position:relative;width:100%;margin-top:133px;overflow:hidden;z-index:5;padding:0 22px}.rules-content .rules-title{justify-content:space-between;gap:20px}.rules-content .rules-title .rules-info{background-color:#19203e;border-radius:8px;padding:10px 20px 10px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.rules-content .rules-title .rules-info img{width:24px;height:24px}.rules-content .rules-title .rules-info h2.name{font-family:Inter;font-size:16px;font-weight:400;line-height:19.36px;text-transform:uppercase}.rules-content .rules-title h2.title{font-family:'RF Dewi Expanded';font-size:24px;font-style:italic;font-weight:700;line-height:28.8px;text-shadow:0 4px 8px #00000099;text-transform:uppercase;color:#fff;padding:10px 20px}.rules-content .rules-wrapper{display:flex;width:200%;transition:transform .5s ease;transform:translateX(0)}.rules-content .rules-wrapper.show-free{transform:translateX(-50%)}.rules-content .rules-slider{position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw)}.rules-content .rules-wrapper{display:flex;width:200vw;transition:transform .5s ease;transform:translateX(0)}.rules-content .rules-wrapper.show-free{transform:translateX(-100vw)}.rules-content .rules-wrapper .rules-box{width:48%;flex-shrink:0;max-width:1396px;margin:35px auto 32px auto}.rules-title{max-width:1396px;margin:auto}.rules-content .rules-title h2.separator{font-family:'RF Dewi Expanded';font-size:32px;font-weight:700;line-height:28.8px;user-select:none;color:gray;padding:10px 20px}.rules-content .rules-title h2.title.active-title{cursor:default}.rules-content .rules-title h2.title.disabled{color:#ffffff94;cursor:pointer}.rules-content .rules-title h2.title.disabled:hover{color:#fff}.rules-content .rules-title .title-box{display:flex;gap:6vw}.rules-content .rules-box{width:100%;justify-content:space-between;gap:33px;margin:35px 0 32px 0}.rules-content .rules-box .rules-participate{width:100%}.rules-content .rules-box .rules-participate .rules-wp{width:100%;height:232px;background-color:#12172d;clip-path:polygon(var(--CS) 0%,calc(100% - var(--CS)) 0%,100% var(--CS),100% calc(100% - var(--CS)),calc(100% - var(--CS)) 100%,var(--CS) 100%,0% calc(100% - var(--CS)),0% var(--CS));padding:20px;justify-content:space-between;gap:20px}.rules-content .rules-box .rules-participate .rules-wp .character-box{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;height:100%;padding:2px 0 7px 0}.rules-content .rules-box .rules-participate .rules-wp .character-box h2.ch-draw{font-family:Inter;font-size:14px;font-weight:300;line-height:16.94px;color:#818bb6}.rules-content .rules-box .rules-participate .rules-wp .character-box .character-texts h2.title{font-family:Inter;font-size:18px;font-weight:700;line-height:21.78px}.rules-content .rules-box .rules-participate .rules-wp .character-box .character-texts h2.name{font-family:Inter;font-size:16px;font-weight:500;line-height:19.36px;margin:8px 0}.rules-content .rules-box .rules-participate .rules-wp .character-box .character-texts h2.topping{font-family:Inter;font-size:14px;font-weight:300;line-height:16.94px;color:#818bb6}.rules-content .rules-box .rules-participate .rules-wp .character-box .character-texts h2.topping.time-text{margin:6px 0 22px 0}.rules-content .rules-box .rules-participate .rules-wp .character-box .character-texts h2.topping span{font-weight:600;color:#fff}.rules-content .rules-box .rules-participate .rules-wp .character-box .character-texts .progress{width:100%;max-width:184px;height:4px;background-color:#19203e}.rules-content .rules-box .rules-participate .rules-wp .character-box .character-texts .progress .progress-bar{width:var(--progress-w);height:100%;background-color:var(--progress-color)}.rules-content .rules-box .rules-participate .rules-wp .character-images{height:100%;width:145px;flex-direction:column;justify-content:space-between}.rules-content .rules-box .rules-participate .rules-wp .character-images::before{content:'';top:28.879%;left:auto;right:9.61%;z-index:-2;width:100px;height:56px;background:var(--img-bg-shadow);border-radius:50%;filter:blur(40px)}.rules-content .rules-box .rules-participate .rules-wp .character-images h2.price{font-family:Inter;font-size:18px;font-weight:700;line-height:21.78px}.rules-content .rules-box .rules-participate .rules-wp .character-images img.wp-img{scale:1.2;position:relative;width:100%;max-width:123px;height:86px}.rules-content .rules-box .rules-participate .rules-wp .character-images .participate-btns{width:100%;filter:drop-shadow(0 0 4px var(--btn-shadow))}.rules-content .rules-box .rules-participate .rules-wp .character-images .participate-btns .btn{width:100%;height:40px;background-color:#19203e;clip-path:polygon(var(--CS) 0%,calc(100% - var(--CS)) 0%,100% var(--CS),100% calc(100% - var(--CS)),calc(100% - var(--CS)) 100%,var(--CS) 100%,0% calc(100% - var(--CS)),0% var(--CS));font-family:'RF Dewi Expanded';font-size:12px;font-style:italic;font-weight:600;line-height:14.4px;text-transform:uppercase}.rules-content .rules-box .rules-participate .rules-winner{padding:20px 20px 16px 20px;margin-top:30px;background-color:#12172d;clip-path:polygon(var(--CS) 0%,calc(100% - var(--CS)) 0%,100% var(--CS),100% calc(100% - var(--CS)),calc(100% - var(--CS)) 100%,var(--CS) 100%,0% calc(100% - var(--CS)),0% var(--CS))}.rules-content .rules-box .rules-participate .rules-winner h2.title{font-family:'RF Dewi Expanded';font-size:16px;font-style:italic;font-weight:600;line-height:19.2px;text-align:center;text-transform:uppercase}.rules-content .rules-box .rules-participate .rules-winner .users-win-box{height:674px;width:100%;margin:16px 0 20px 0;display:flex;flex-direction:column;gap:16px}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 16px 0;border-bottom:1.5px solid #242c4b}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win:last-child{padding:0;border:none}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win .confir label{display:flex;align-items:center;gap:12px}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win .confir label img{object-fit:cover;position:relative;appearance:none;background:#19203e;width:24px;height:24px;border-radius:4px;box-shadow:0 0 3px 1px #01b3FF33;border:solid 1px transparent;background:linear-gradient(#19203e,#19203e) padding-box,linear-gradient(90deg,#0075ff 0,#00f0ff 100%) border-box}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win .confir label span{font-family:Inter;font-size:16px;font-weight:500;line-height:19.36px}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win .confir h2.name{margin-top:10px;font-family:Inter;font-size:14px;font-weight:400;line-height:16.94px}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win .date{text-align:right}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win .date h2.date-text{font-family:Inter;font-size:12px;font-weight:400;line-height:14.52px;color:#818bb6}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win .date h2.date-text span{font-weight:500;color:#fff}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win .date h2.price{margin-top:12px;font-family:Inter;font-size:16px;font-weight:600;line-height:19.36px}.rules-content .rules-box .rules-participate .rules-winner .users-pagination{width:100%;gap:8px}.rules-content .rules-box .rules-participate .rules-winner .users-pagination .btn-nav img{width:20px;height:20px}.rules-content .rules-box .rules-participate .rules-winner .users-pagination .btn-nav.arrow-right{transform:rotate(180deg)}.rules-content .rules-box .rules-participate .rules-winner .users-pagination .pag-numbers{display:flex;gap:8px}.rules-content .rules-box .rules-participate .rules-winner .users-pagination .pag-numbers a.numb{display:flex;justify-content:center;align-items:center;width:27px;height:27px;background-color:#19203e;border-radius:4px;font-family:Inter;font-size:14px;font-weight:400;line-height:16.94px;text-align:center;color:#5a648a}.rules-content .rules-box .rules-participate .rules-winner .users-pagination .pag-numbers a.numb:hover{opacity:.7}.rules-content .rules-box .rules-participate .rules-winner .users-pagination .pag-numbers a.numb.active{color:#fff}._notification{position:fixed;top:20%;left:20px;padding:10px 15px 20px 10px;background:#19203e;box-shadow:0 0 10px 0 #01b3ff59;visibility:hidden;opacity:0;transition:.5s ease-in-out;transform:translate(-100%,0);z-index:90;border-radius:10px 10px 0 0;display:flex;align-items:center;justify-content:flex-start;gap:10px}._notification.active{visibility:visible;opacity:1;transform:translate(0,0);animation-delay:1s}._notification img.icon{width:40px;height:40px}._notification h2.title{font-family:'RF Dewi Expanded';font-size:18px;font-style:italic;font-weight:700;line-height:25px}._notification p.info{font-family:Inter;font-size:14px;font-weight:500;line-height:19px}._notification .progress{position:absolute;width:100%;height:5px;left:0;bottom:0}._notification .progress .progress-bar{height:100%;background-color:#0175ff}@media only screen and (max-width:1200px){.rules-content .rules-box{justify-content:center;flex-wrap:wrap}.rules-content .rules-box .rules-participate{width:48%}.rules-content .rules-box .rules-participate .rules-wp .character-images .participate-btns .btn{font-size:9px}}@media only screen and (max-width:920px){.rules-content .rules-box .rules-participate{width:100%}}@media only screen and (max-width:768px){.banner{margin-top:92px;padding:0}.rules-content .rules-title{flex-direction:column;gap:24px;padding:0 12px}.rules-content .rules-title .rules-info{margin-right:auto}.rules-content .rules-title .visible{display:none}.rules-content .rules-box{padding:0 8px;margin:20px 0;gap:16px}.rules-content .rules-box .rules-participate .rules-winner{margin-top:16px}.rules-content .rules-box .rules-participate .rules-wp{gap:0;--CS:16px!important}.rules-content .rules-box .rules-participate .rules-wp .character-box .character-texts h2.topping{font-size:12px}.rules-content .rules-box .rules-participate .rules-wp .character-images .participate-btns{width:145px}.rules-content .rules-box .rules-participate .rules-wp .character-images .participate-btns .btn{font-size:12px;line-height:14.4px}.rules-content .rules-box .rules-participate .rules-winner{padding:20px;aspect-ratio:auto;overflow:hidden;height:59px;transition:.5s;--CS:16px!important}.rules-content .rules-box .rules-participate .rules-winner.active{height:auto}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win{gap:0}.rules-content .rules-box .rules-participate .rules-winner h2.title{position:relative;text-align:left}.rules-content .rules-box .rules-participate .rules-winner h2.title::before{content:'';left:auto;right:0;background:url('../images/svg/arrow-white-icon.svg');transform:rotate(-90deg);width:20px;height:20px;transition:.5s ease}.rules-content .rules-box .rules-participate .rules-winner.active h2.title::before{transform:rotate(90deg)}.rules-content .rules-box .rules-participate .rules-winner .users-win-box{margin-top:20px}.rules-content .rules-box .rules-participate .rules-winner .users-win-box .users-win .confir label img{box-shadow:0 0 1px 1px #01b3FF33}}@media only screen and (max-width:650px){._notification h2.title{font-size:15px;line-height:19px}._notification p.info{font-size:12px;line-height:17px;font-weight:400;margin-top:5px}.rules-content .rules-title .title-box{gap:0}.rules-content .rules-title h2.title{font-size:20px}.rules-content .rules-title h2.separator{font-size:24px;padding:10px 5px}}@media only screen and (max-width:620px){.game-popup-info .g-body::after,.game-popup-info .g-body::before{height:4px}.game-popup-info .g-body{border-radius:12px;padding:21px 12px 16px 12px}.game-popup-info .g-body h2.title{margin:0;line-height:19.2px}.game-popup-info .g-body button.close-btn{top:14px;right:14px}.game-popup-info .g-body .teachs-info{margin-top:20px}.game-popup-info .g-body .teachs-info .teach-box{padding:10px 12px 12px 0;gap:10px;align-items:flex-start}.game-popup-info .g-body .teachs-info .teach-box .numb{padding:0 0 0 9px}.game-popup-info .g-body .teachs-info .teach-box .numb .number_box{width:20px;height:20px;--CS:4.30px;font-size:12px;line-height:normal}.game-popup-info .g-body .teachs-info .teach-box .numb::before{height:28px}.game-popup-info .g-body .teachs-info .teach-box .text-box p.teach-info{margin:9px 0 0 -29px}}.classified-border{--BS:2px;--CS:20px;--BGR:linear-gradient(180deg, #E4119D 0%, #12172D 90%)}.classified-shadow{--img-bg-shadow:#E4129D66;--btn-shadow:#E4129D80}.classified-btn{--CS:10px;--BGR:#E3129D}.classified-progress{--progress-color:#C3148D}.contraband-border{--BS:2px;--CS:20px;--BGR:linear-gradient(180deg, #FAC301 0%, #12172D 90%)}.contraband-shadow{--img-bg-shadow:#FAC30166;--btn-shadow:#FAC30180}.contraband-btn{--CS:10px;--BGR:#FAC301}.contraband-progress{--progress-color:#FAC301}.industrial-border{--BS:2px;--CS:20px;--BGR:linear-gradient(180deg, #1D72F4 0%, #12172D 90%)}.industrial-shadow{--img-bg-shadow:#1D72F466;--btn-shadow:#1D72F480}.industrial-btn{--CS:10px;--BGR:#1D72F4}.industrial-progress{--progress-color:#1D72F4}.consumer-border{--BS:2px;--CS:20px;--BGR:linear-gradient(180deg, #9FB1C7 0%, #12172D 90%)}.consumer-shadow{--img-bg-shadow:#9FB1C766;--btn-shadow:#9FB1C780}.consumer-btn{--CS:10px;--BGR:#9FB1C7}.consumer-progress{--progress-color:#9FB1C7}.covert-border{--BS:2px;--CS:20px;--BGR:linear-gradient(180deg, #D90808  0%, #12172D 90%)}.covert-shadow{--img-bg-shadow:#D9080866;--btn-shadow:#D9080880}.covert-btn{--CS:10px;--BGR:#D90808}.covert-progress{--progress-color:#D90808}.restricted-border{--BS:2px;--CS:20px;--BGR:linear-gradient(180deg, #8001E7  0%, #12172D 90%)}.restricted-shadow{--img-bg-shadow:#8001E766;--btn-shadow:#8001E780}.restricted-btn{--CS:10px;--BGR:#8001E7}.restricted-progress{--progress-color:#8001E7}