html,body{font-family:Prompt;background-color:#000;color:#fff}.h{font-family:Bebas Neue}.en{font-family:Sora}a{color:#fff;text-decoration:none}a:hover{color:#ece87b}.event{color:#333;background-image:url(https://d2r4ld7c45n04s.cloudfront.net/assets/images/activity-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:auto;height:100vh;width:100%;margin-left:auto;margin-right:auto;max-width:768px;padding:0 10px}.fz-14{font-size:14px}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-3{z-index:3}.z-index-4{z-index:4}.z-index-5{z-index:5}.z-index-6{z-index:6}.hl{color:#f6ebb9}.btn-more{color:#ccc;font-size:14px}#portal{padding:0 32px 40px;margin-top:-16px;position:absolute;width:100%}#portal h2{color:#ece87b;padding-bottom:0;margin-block-start:0;margin-block-end:0}#countdown .countdown-timer-block{display:flex;justify-content:center;background-color:#262f3e;padding:7px 20px;border-radius:60px;height:46px}.event-title-small{color:#ccc}.event-name{font-size:18px}.time{font-family:Bebas Neue;font-size:20px}.time-label{font-family:Sora;font-size:12px;line-height:12px;color:#848992}.countdown-timer{width:50px;line-height:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}#eventList{position:absolute;top:50%;right:40px;transform:translateY(-50%)}#eventList .event-date{color:#848992}#eventList>div:not(:last-child){padding-bottom:16px}.hero-image-block{position:absolute;top:10%;right:0;width:80%;height:80%;display:block;overflow:hidden;pointer-events:none;-webkit-perspective:1200px;-ms-perspective:1200px;perspective:1200px}.bg-parallax{position:absolute;background-size:contain;background-position:100% 33%;width:100%;height:100%;background-repeat:no-repeat}#ball{background-image:url(https://d2r4ld7c45n04s.cloudfront.net/assets/images/ball.png)}#player{background-image:url(https://d2r4ld7c45n04s.cloudfront.net/assets/images/player.png)}#thunder{background-image:url(https://d2r4ld7c45n04s.cloudfront.net/assets/images/thunder.png)}.btn-red{display:block;text-align:center;color:#fff;cursor:pointer;background:linear-gradient(180deg,#e61800,#ff1a00c5 22.92%,#670000);border:1px solid #FF1A00;border-radius:23px;height:46px;line-height:46px;padding:0 16px;font-weight:500}.btn-red:hover{color:#333;background:#fff}.btn-bule{display:block;text-align:center;color:#fff;cursor:pointer;background:linear-gradient(180deg,#07f,#003cff,#00166e);border:1px solid #0077FF;border-radius:23px;height:46px;line-height:46px;padding:0 32px;font-weight:500}.btn-bule:hover{color:#333;background:#fff;border:1px solid #FFF}.btn-yellow{display:block;text-align:center;color:#333;cursor:pointer;background:linear-gradient(180deg,#fff9dc,#ffd500);border:1px solid #FFD500;border-radius:23px;height:46px;line-height:46px;padding:0 32px;font-weight:500}.btn-yellow:hover{color:#333;background:#fff;border:1px solid #FFF}.btn-submit{font-size:16px;color:#fff;background-color:red;padding:8px 10px;border-radius:32px;border:none}.btn-submit:hover{color:#fff;background-color:#081224;transition:.3s ease-in-out}.btn-submit.sign{font-size:20px;width:100%;height:56px;border-radius:8px}.btn-cancel{font-size:16px;color:#333;background-color:#ccc;padding:8px 10px;border-radius:32px;border:none}.btn-cancel:hover{color:#fff;background-color:#081224;transition:.3s ease-in-out}.btn-cancel.sign{font-size:20px;width:100%;height:56px;border-radius:8px}.btn-disabled{pointer-events:none;color:#333;background:linear-gradient(180deg,#eee,#ccc);border:1px solid #AAAAAA}.img-text{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-h-1{height:unset;line-height:unset;min-height:46px}#header{position:absolute;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:4px 16px 16px}.home{max-width:768px;width:100%;margin-left:auto;margin-right:auto}.home .logo{width:64px;height:auto}.home .title{position:absolute;top:calc((100% - 706px)/2 + 156px);left:40px}#imgTitle{width:640px;height:131px}.title-underline{border-bottom:2px solid #ece87b}.modal-content{border:none}.modal-content.wheel-content{background-color:unset!important}.wheel-mobile{display:none}.wheel-dialog{display:flex;flex-direction:column;align-items:center;padding:20px 0}.lucky-wheel{position:relative;width:100vw;display:flex;align-items:center;justify-content:center;pointer-events:none}#wheel{width:calc(100vw - 16px);height:calc(100vw - 16px);max-width:480px;max-height:480px}#wheel>img{width:100%;height:100%}#wheelFrame{position:absolute;width:calc(100vw - 16px);height:calc(100vw - 16px);max-width:480px;max-height:480px}#active{width:10%;max-width:48px;height:auto;position:absolute;top:0}#cardModal .modal-dialog{width:100%!important;height:100%!important;margin:0!important}.card-content{background-color:transparent}.grid-container{position:relative}.card-lucky{position:absolute;transform-style:preserve-3d}.card-lucky-content{position:absolute;height:calc(100% - 16px);width:calc(100% - 16px);box-shadow:0 0 15px #0000001a;transition:transform 1s;transform-style:preserve-3d;cursor:pointer}.card-lucky-front,.card-lucky-back{position:absolute;height:100%;width:100%;border-radius:16px;backface-visibility:hidden}.card-lucky-front{background-color:#1a1f38;border-radius:16px;background-image:url(/images/events/card.jpg);background-size:75%;background-position:center;background-repeat:no-repeat}.card-lucky-back{color:green;background-color:#fff;transform:rotateY(180deg)}#drawing_canvas{position:absolute;width:1100px;height:700px;top:50%;left:50%;transform:translate(-50%,-50%)}#confetti{position:absolute;left:0;top:0;height:100%;width:100%}#reward{color:green}.modal-dialog-centered{justify-content:center}.modal-content.cg{overflow:hidden}.modal-dialog-cg{padding:20px}.modal-backdrop{background-color:#081224;opacity:.8!important}.modal-content{color:#333}.pre-line{white-space:pre-line}.text-date{font-size:16px;color:#666}.text-close{font-size:18px;color:red}.img-event{width:100%;height:auto}hr{margin:30px 0}.card-event{background-color:#fff}.form-signin input[type=text]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.form-signin input[type=password]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}.modal-content.sign{max-width:320px}.error-message>span{font-weight:400}th{font-weight:500}.td-align-center{vertical-align:middle}.tr-focus td{color:#fff!important;font-weight:500;background-color:#e61800}.form-check .form-check-input.right{float:right!important;margin-left:.5em!important}.point{line-height:17px}.selected-team{font-size:12px;line-height:12px;color:#bbb}.text-notice{font-size:14px;color:#888}.table-wrapper{display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.line-fixed{font-size:16px;position:fixed;right:0;top:60%;color:#fff}.line-fixed-content{position:relative;overflow:hidden}.line-fixed-content img{width:auto;height:48px}.line-fixed-content div{position:absolute;top:50%;transform:translateY(-50%);left:56px}@media only screen and (max-width:991px){.selected-team{font-size:10px;line-height:10px}.table{font-size:12px}.table>:not(caption)>*>*{padding:.5rem .25rem}.line-fixed{font-size:14px;top:76%}.line-fixed-content img{height:36px}.line-fixed-content div{left:38px}}:root{--neon-text-color: #f40;--neon-border-color: #08f}.neon{font-weight:200;font-style:italic;color:#fff;padding:6px 12px;border:2px solid #fff;border-radius:10px;text-transform:uppercase;animation:flicker 1.5s infinite alternate}.neon::-moz-selection{background-color:var(--neon-border-color);color:var(--neon-text-color)}.neon::selection{background-color:var(--neon-border-color);color:var(--neon-text-color)}.neon:focus{outline:none}.filter-hero{position:absolute;bottom:0;left:0;width:100%;height:64px;background-image:linear-gradient(to bottom,#0000,#000)}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.025rem -.025rem .125rem #fff,.025rem .025rem .125rem #fff,0 0 .25rem var(--neon-text-color),0 0 .5rem var(--neon-text-color),0 0 .75rem var(--neon-text-color),0 0 1rem var(--neon-text-color),0 0 1.25rem var(--neon-text-color);box-shadow:0 0 .0625rem #fff,inset 0 0 .0625rem #fff,0 0 .25rem var(--neon-border-color),inset 0 0 .25rem var(--neon-border-color),0 0 .5rem var(--neon-border-color),inset 0 0 .5rem var(--neon-border-color)}20%,24%,55%{text-shadow:none;box-shadow:none}}{`@view-transition{navigation:auto}`}