*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html{height:100dvh;scroll-behavior:smooth;scrollbar-color:#5865f1 #2b2d30;scrollbar-width:thin}body{width:100%;height:100%;background:#313338;color:#efefef;padding:0;margin:0;overflow:hidden;font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}button,input,textarea,select{display:block;border:none;outline:none;font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1rem}textarea{resize:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}.btn,button{cursor:pointer}img{pointer-events:none}.app{position:relative;width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden}.app .canvas{width:100%;image-rendering:pixelated}.app .canvas.mission-complete{animation:canvas_completed .5s forwards}.app .canvas.title-screen{animation:fade_in 1s;transform:scale(2) translateX(-96px) translateY(-32px)}.app .canvas.title-screen.out{animation:fix_screen 2s forwards}.app .center{text-align:center}.avatar{width:125px;height:125px;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar .hero{width:16px;height:32px;transform:scale(3);image-rendering:pixelated;overflow:hidden}.avatar .hero img{display:block;position:absolute;transform:translate(-48px);pointer-events:none}@keyframes canvas_completed{0%{transform:scale(1) translateX(0) translateY(0)}50%{transform:scale(1) translateX(0) translateY(0)}100%{transform:scale(2) translateX(0) translateY(0)}}@keyframes bgTrans{0%{transform:translateX(0) translateY(0)}40%{box-shadow:0 0 10px #1b1b1b,inset 0 0 5px 3px #fee75b}50%{transform:translateX(30px) translateY(20px);box-shadow:0 0 10px #1b1b1b}60%{box-shadow:0 0 10px #1b1b1b,inset 0 0 5px 3px #fee75b}100%{transform:translateX(0) translateY(0);box-shadow:none}}@keyframes bgTrans2{0%{transform:translateY(0) translateX(0)}40%{box-shadow:0 0 10px #1b1b1b,inset 0 0 5px 3px #fee75b}50%{transform:translateX(-30px) translateY(20px);box-shadow:0 0 10px #1b1b1b}60%{box-shadow:0 0 10px #1b1b1b,inset 0 0 5px 3px #fee75b}100%{transform:translateX(0) translateY(0);box-shadow:none}}@keyframes spinning{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes popup_in{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}100%{transform:scale(1)}}@keyframes popup_out{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}@keyframes slide_left_in{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes slide_left_out{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100%)}}@keyframes slide_right_in{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes slide_right_out{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes slide_up_in{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide_up_out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes slide_down_in{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide_down_out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes pm_move_down{0%{height:100%}100%{height:calc(100% - 35px)}}@keyframes pm_move_up{0%{height:calc(100% - 35px)}100%{height:100%}}@keyframes fade_in{0%{opacity:0}100%{opacity:1}}@keyframes fade_out{0%{opacity:1}100%{opacity:0}}@keyframes blinking{}@keyframes fix_screen{0%{transform:scale(2) translateX(-96px) translateY(-32px)}60%{transform:scale(2.2) translateX(0) translateY(0)}100%{transform:scale(1) translateX(0) translateY(0)}}@keyframes flip_right{0%{opacity:0}49%{opacity:0;transform:rotateZ(45deg) rotateY(90deg) scale(0.8)}50%{opacity:1;transform:rotateZ(45deg) rotateY(90deg) scale(0.8)}100%{transform:rotateZ(0deg) rotateY(0deg) scale(1)}}@keyframes fade_to_black{0%{background:#4e5057}100%{background:#1e1f21}}@keyframes fade_zoom_in{0%{transform:scale(0.9);opacity:0}25%{opacity:1}80%{opacity:1}100%{transform:scale(1)}}@keyframes banner_drop_smalling{0%{height:100%}20%{height:200px;font-size:28px;background-color:rgba(0,0,0,0)}50%{height:200px;font-size:28px;opacity:1}80%{background-color:rgba(0,0,0,0);opacity:1}100%{height:200px;font-size:28px;background-color:rgba(0,0,0,0);opacity:0}}@keyframes wifi{70%,100%{border-top-color:#444}0%,40%{border-top-color:#aaa}}.loading{z-index:98;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(30,31,33,.5)}.loading .box{width:fit-content;max-width:calc(100% - 40px);margin:20px auto;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#3f464e;padding:30px 40px;border-radius:20px;animation:slide_down_in 500ms}.loading .box .spinner{font-size:2rem}.loading .box p{font-size:1.5rem}.loading.out .box{animation:slide_down_out 500ms forwards}.sm-loading{z-index:98;position:fixed;right:20px;bottom:20px;background-color:rgba(30,31,33,.8);padding:10px;border-radius:10px;text-align:center;align-content:center;text-transform:uppercase}.modal{z-index:99;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(30,31,33,.5);display:flex;justify-content:center;align-items:center}.modal .box{text-align:center;padding:20px;width:calc(100% - 40px);max-width:500px;max-height:calc(100% - 40px);overflow-y:auto;scrollbar-width:thin;background-color:#3f464e;border-radius:10px;box-shadow:0 0 10px #1b1b1b;animation:popup_in .5s}.modal .box .ic{font-size:2.2rem}.modal .box .inf{margin:20px 0;font-weight:300;font-size:1.2rem}.modal .box .inf a{color:#fee75b;text-decoration:none}.modal .box .inf p{word-break:break-all;word-break:break-word;hyphens:auto}.modal .box .inf input[type=text],.modal .box .inf textarea{margin-top:10px;width:100%;padding:10px;border-radius:5px;background-color:#2b2d30;color:#efefef;font-size:1rem}.modal .box .inf input[type=text]{text-align:center}.modal .box .inf .modal-radio-form{width:100%;margin-top:10px}.modal .box .inf .modal-radio-form .radio{width:100%;border-radius:10px;border:1px solid #5865f1;margin-bottom:10px}.modal .box .inf .modal-radio-form .radio label{padding:14px;display:block;display:flex;justify-content:left;align-items:center;gap:10px;cursor:pointer}.modal .box .inf .modal-radio-form .radio label input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#2b2d30;margin:0;font:inherit;color:#5865f1;width:1.15rem;height:1.15rem;border-radius:50%;display:grid;place-content:center;cursor:pointer}.modal .box .inf .modal-radio-form .radio label input[type=radio]::before{content:"";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1rem 1rem #2b2d30;background-color:#5865f1}.modal .box .inf .modal-radio-form .radio label input[type=radio]:checked{background-color:#5865f1;transform:scale(1)}.modal .box .inf .modal-radio-form .radio label input[type=radio]:checked::before{transform:scale(1)}.modal .box .inf .modal-radio-form .radio label p{max-width:calc(100% - (1.15rem + 10px))}.modal .box .inf .radio:has(:checked){border-color:#5865f1;background-color:#3c426f}.modal .box .acts{display:flex;justify-content:space-between;gap:10px}.modal .box .acts .btn{width:50%;text-align:center;align-content:center;padding:10px;border-radius:5px;font-size:.9rem;font-weight:bold;color:#efefef}.modal .box .acts .btn-cancel{background-color:#1e1f21}.modal .box .acts .btn-ok{background-color:#5865f1}.modal .box .act .btn-ok{width:100%;text-align:center;align-content:center;padding:10px;border-radius:5px;font-size:.9rem;font-weight:bold;color:#efefef;background-color:#5865f1}.modal.out .box{animation:popup_out .5s forwards}.Intros{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000}.Intros img{width:calc(100% - 40px);max-width:600px;animation:fade_in 1s}.Intros img.out{animation:fade_out 1s forwards}.notip{z-index:98;position:absolute;top:20px;right:20px;width:fit-content;max-width:400px;background-color:#3c426f;color:#efefef;padding:20px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;animation:slide_down_in .5s;border:1px solid #1b1b1b}.notip .detail{display:flex;justify-content:space-between;align-items:center;gap:10px;border-right:1px solid CurrentColor;padding-right:10px}.notip .detail .icon{font-size:2.2rem}.notip .detail .icon img{width:44px;height:44px;object-fit:cover;object-position:center;-o-object-fit:cover;-o-object-position:center;border-radius:50%}.notip .detail .text .top{font-weight:bold;word-break:break-all;word-break:break-word;hyphens:auto}.notip .detail .text .bottom{word-break:break-all;word-break:break-word;hyphens:auto}.notip .close{font-size:2.2rem}.notip.g{background-color:#3aa761}.notip.y{background-color:#1b1b1b;border:1px solid #fee75b;color:#fee75b}.notip.r{background-color:#ff6e6e}.notip.rb{background-color:#1b1b1b;color:#ff6e6e;border:1px solid #ff6e6e}.notip.out{animation:slide_down_out .5s forwards}.Splash{position:absolute;z-index:101;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg, #521852, #795056);animation:fade_in .25s}.Splash .box{width:100%;max-width:600px;height:fit-content}.Splash .box .rewards-title{animation:fade_in 2s}.Splash .box .rewards-title p{font-size:1.5em;text-align:center}.Splash .box .desc{animation:fade_in 2s}.Splash .box .desc p{text-align:center}.Splash .box .list{padding:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;margin:40px 0}.Splash .box .list .card{position:relative;background:linear-gradient(135deg, #ffc0cb, #800080);width:75px;height:75px;border:1px solid #1b1b1b;border-radius:10px;display:flex;justify-content:center;align-items:center;overflow:hidden;animation:flip_right 1.25s ease}.Splash .box .list .card .expire::after{content:"";font-family:"Font Awesome 6 Pro";font-weight:400;position:absolute;top:0;left:0;font-size:.7em;padding:5px;border-bottom-right-radius:5px;background-color:rgba(30,31,33,.7)}.Splash .box .list .card img{width:100%;image-rendering:pixelated}.Splash .box .list .card .number{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(30,31,33,.7);font-size:.8em;text-align:center;padding:2px 0}.kchat{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%}.kchat.hide{visibility:hidden}.kchat:not(:has(.hide)){z-index:30}.kchat .box{width:100%;max-width:600px;height:100%;padding:20px;position:absolute;bottom:0;left:0}.kchat .box:not(:has(.hide)) .content .list{padding:10px;border:1px solid #1e1f21;box-shadow:0 0 10px #1b1b1b;margin-bottom:10px;background-color:rgba(30,31,33,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);overflow-y:auto;scrollbar-width:thin}.kchat .box:not(:has(.hide)) .content .list .cht:last-child{margin-bottom:0}.kchat .box .kchat-form{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:rgba(30,31,33,.8);border:1px solid #4e5057}.kchat .box .kchat-form.hide{visibility:hidden}.kchat .box .kchat-form .btn{padding:5px 10px;text-align:center;background-color:rgba(0,0,0,0);color:#fff;display:block}.kchat .box .kchat-form .btn.btn-kchat-send{color:#6ccc71}.kchat .box .kchat-form .btn.btn-kchat-cancel{color:#ff6e6e}.kchat .box .kchat-form input{display:block;flex-grow:1;padding:5px 0;background-color:rgba(0,0,0,0);color:#efefef;letter-spacing:1px}.kchat .box .content{position:relative;width:100%;height:calc(100% - 100px);margin-bottom:5px}.kchat .box .content .list{position:absolute;bottom:0;left:0;width:100%;max-height:200px;overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth}.kchat .box .content .list .cht{display:block;line-height:1.5;margin-bottom:5px;word-break:break-all;word-break:break-word;hyphens:none}.kchat .box .content .list .cht i{font-style:normal;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.kchat .box .content .list .cht .uname{margin-right:5px;color:aqua}.kchat .box .content .list .cht .y{color:#fee75b}.Auth{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-image:url(50a220de134f7c11f4c9.png);background-size:cover;background-position:center center}.Auth .none i{color:rgba(0,0,0,.0039215686)}.Auth .box{width:calc(100% - 40px);max-width:500px;max-height:calc(100% - 40px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;background-color:rgba(30,31,33,.7);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:10px;animation:popup_in .5s}.Auth .box .top{padding:20px;background:linear-gradient(150deg, #64538b, #64354b);color:#efefef;text-align:center;font-size:1.5rem;font-weight:bold}.Auth .box .form{padding:20px}.Auth .box .form .field{width:100%;margin-bottom:10px}.Auth .box .form .field a{color:#fee75b}.Auth .box .form .field .btn-lang{margin:0 auto;width:fit-content;padding:10px;padding-top:0;border-bottom:1px solid #efefef;border-radius:10px}.Auth .box .form .field .labels{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.Auth .box .form .field .labels label{line-height:1.5}.Auth .box .form .field .labels .btn-help{color:#fee75b}.Auth .box .form .field .inp{width:100%}.Auth .box .form .field .inp input{width:100%;background-color:rgba(27,27,27,.6);color:#efefef;padding:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;border:1px solid #1b1b1b;transition:200ms}.Auth .box .form .field .inp input.otp{letter-spacing:5px}.Auth .box .form .field .inp input:focus{border-color:rgba(202,176,92,.9)}.Auth .box .form .field .inp .btn{width:100%;font-weight:bold;color:#efefef;border-radius:10px;padding:10px;text-align:center;background:#1e1f21;display:block;text-decoration:none}.Auth .box .form .field .inp .btn.btn-login{background:linear-gradient(150deg, #64354b, #64538b)}.Auth .box .form .field .inp .btn.btn-google{color:#ff6e6e}.Auth .box .form .field .inp .btn.btn-discord{margin-top:5px;color:#5865f1}.Auth .box .form .field .inp .btn.btn-github{display:block;margin-top:5px}.Auth .box .form .field .btn-headback{color:#fee75b;text-decoration:underline}.Auth .box .form .field .sm{font-size:.9rem;text-align:justify;text-align-last:left;color:#aaa}.Auth .box .form .field .btn-start-over{text-align:center}.Auth .box .form .field .btn-start-over a{color:#cab05c;text-decoration:none;border-bottom:1px solid #cab05c}.Auth .box .form .field:last-child{margin-bottom:0}.Auth .box.out{animation:popup_out .5s forwards}.DesktopTest{width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1e1f21}.DesktopTest .box{background:linear-gradient(120deg, #272b30, #3f464e, #272b30);padding:20px;max-width:500px;max-height:100%;text-align:center;border-radius:20px}.DesktopTest .box.wait{background:linear-gradient(150deg, #64538b, #64354b)}.DesktopTest .box .dl-summary p{margin-bottom:10px}.DesktopTest .box .dl-test{padding:40px 0}.DesktopTest .box .dl-test .btn{padding:10px;background-color:#1e1f21;border-radius:10px;display:block;width:100%;text-decoration:none;color:#efefef}.DesktopTest .box .dl-actions .btn{padding:10px;background-color:#1e1f21;border-radius:10px;display:block;width:100%;text-decoration:none;color:#ff6e6e}.Preload{width:100%;height:100%;background-image:url(50a220de134f7c11f4c9.png);background-size:cover;background-position:center center}.Preload .box{width:100%;height:100%;background-color:rgba(27,27,27,.8);display:flex;flex-direction:column;justify-content:center;align-items:center}.Preload .box .title{margin-bottom:60px}.Preload .box .assets-load{position:absolute;bottom:0;left:0;width:100%;padding:40px}.Preload .box .assets-load .info{width:100%;max-width:600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.Preload .box .assets-load .loader{width:100%;max-width:600px;height:16px;margin:0 auto;background-color:rgba(0,0,0,.2509803922);border-radius:1.65rem;border:1px solid #efefef;overflow:hidden}.Preload .box .assets-load .loader .inner-loader{background-color:rgba(88,101,241,.7);width:0;height:100%}.Preload .assetload-action{position:absolute;top:0;left:0;width:100%;height:100%}.Preload .assetload-action .btn-start{position:absolute;bottom:0;left:0;width:100%;padding:40px;text-align:center;color:#bda94e;font-size:1.2rem}.Preload.out{animation:fade_out 1s forwards}.CharacterCreation{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-image:url(50a220de134f7c11f4c9.png);background-size:cover;background-position:center center;animation:fade_in 1s}.CharacterCreation .outer{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:start;background-color:rgba(27,27,27,.8)}.CharacterCreation .outer .citizen{width:400px;padding:20px}.CharacterCreation .outer .citizen .citizen-detail{width:100%;gap:20px}.CharacterCreation .outer .citizen .citizen-detail .title{text-align:center;color:#cab05c;margin-bottom:20px;font-size:1.5rem;font-weight:bold}.CharacterCreation .outer .citizen .citizen-detail .avatar{margin:0 auto;background-color:rgba(49,51,56,.8);border:1px solid #efefef;border-radius:10px;background-image:url(cc46fd17aedae6518259.png)}.CharacterCreation .outer .citizen .citizen-detail .citizen-data{width:100%;margin-top:20px}.CharacterCreation .outer .citizen .citizen-detail .citizen-data .field{margin-bottom:10px;width:100%}.CharacterCreation .outer .citizen .citizen-detail .citizen-data .field p{font-size:1rem}.CharacterCreation .outer .citizen .citizen-detail .citizen-data .field input{width:100%;padding:3px 0;background-color:rgba(0,0,0,0);border-bottom:1px solid #4e5057;color:#fee75b}.CharacterCreation .outer .citizen .citizen-detail .citizen-data .field input:focus{border-color:#cab05c;color:#efefef}.CharacterCreation .outer .citizen .citizen-detail .citizen-data .field:last-child{margin-bottom:0}.CharacterCreation .outer .citizen .citizen-actions{width:100%;display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.CharacterCreation .outer .citizen .citizen-actions button{text-align:center;background-color:#cab05c;color:#efefef;font-size:1.5rem;border-radius:10px;padding:10px 20px}.CharacterCreation .outer .citizen .citizen-done{position:absolute;bottom:20px;left:20px;width:360px}.CharacterCreation .outer .citizen .citizen-done .btn-continue{font-weight:bold;color:#efefef;border-radius:10px;background-color:#3aa761;padding:10px;text-align:center}.CharacterCreation .outer .editor{width:calc(100% - 400px);height:100%;padding:20px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.CharacterCreation .outer .editor .field{width:100%;margin-bottom:10px;border-bottom:1px solid rgba(78,80,87,.5);display:flex;justify-content:space-between;align-items:center;padding:10px 0}.CharacterCreation .outer .editor .field .text{font-size:1.2rem}.CharacterCreation .outer .editor .field .actions{width:150px}.CharacterCreation .outer .editor .field .actions .act{margin-bottom:5px;display:flex;justify-content:right;align-items:center;gap:10px}.CharacterCreation .outer .editor .field .actions .act .value{width:20px;text-align:center}.CharacterCreation .outer .editor .field .actions .act button{width:40px;height:40px;border-radius:10px;color:#efefef;background-color:#cab05c;font-size:1rem}.CharacterCreation .outer .editor .field .actions .act:last-child{margin-bottom:0}.CharacterCreation .outer .editor .field:last-child{margin-bottom:0}.CharacterCreation.out{animation:fade_out 1s forwards}.CharacterCreation.appearance{z-index:20;background-image:none;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade_in .5s}.CharacterCreation.appearance .outer .citizen .citizen-done{position:absolute;bottom:20px;left:20px;width:360px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px}.CharacterCreation.appearance .outer .citizen .citizen-done .btn{width:100%}.CharacterCreation.appearance .outer .citizen .citizen-done .btn-cancel{font-weight:bold;color:#ff6e6e;border-radius:10px;background-color:#1e1f21;padding:10px;text-align:center}.CharacterCreation.appearance.out{animation:fade_out .5s forwards}.KeyboardMenu{border:1px solid var(--border-color);background:var(--menu-background);position:absolute}.KeyboardMenu button{display:flex;align-items:center;width:100%;text-align:left;appearance:none;-webkit-appearance:none;border:0;background:none;height:20px;cursor:pointer;font-family:inherit;padding:0;padding-left:1em;font-size:10px}.KeyboardMenu button:focus{background:var(--menu-selected-background);outline:0}.KeyboardMenu .option{position:relative}.KeyboardMenu .option .right{position:absolute;right:0;top:0;bottom:0;font-size:10px;display:flex;align-items:center;padding-right:3px}.DescriptionBox{position:absolute;bottom:0;left:0;right:0;color:var(--menu-font-color);border-top:1px solid var(--border-color);background:var(--menu-background);padding:2px}.DescriptionBox p{font-size:10px;margin:0}.overlayMenu{position:absolute;left:4.5em;top:1em;right:4.5em;background:var(--menu-background);color:var(--menu-font-color);border:1px solid var(--menu-border-color);z-index:2;padding-left:4px;padding-right:4px;padding-bottom:4px}.overlayMenu .KeyboardMenu{position:relative;border:0}.overlayMenu h2{font-size:10px;color:var(--menu-font-color);margin:0;padding:2px 0;text-align:center;border-bottom:1px solid #a48465}.SceneTransition{position:absolute;left:0;top:0;right:0;bottom:0;background:#1e1f21;opacity:0;animation:scene-transition-fade-in 1.2s forwards}.SceneTransition.fade-out{animation:scene-transition-fade-out 1.2s forwards}@keyframes scene-transition-fade-in{from{opacity:0}to{opacity:1}}@keyframes scene-transition-fade-out{from{opacity:1}to{opacity:0}}.TextMessage{position:absolute;z-index:9;bottom:0;left:0;width:100%;height:fit-content;background:rgba(30,31,33,.8);color:#efefef}.TextMessage .TextMessage_p{margin:0 auto;text-align:center;width:fit-content;padding:20px;font-size:1.2em;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.TextMessage.v2 .TextMessage_p{padding-bottom:60px}.TextMessage .TextMessage_button{float:right;font-size:1.2em;padding:10px 20px;appearance:none;-webkit-appearance:none;border:none;border-radius:3px;margin-bottom:20px;margin-right:20px;font-family:inherit;background-color:rgba(88,101,241,.5);color:#efefef;cursor:pointer}.TextMessage span{display:none}.TextMessage span.revealed{display:inline}.TextMessage .who{margin:0 auto;text-align:center;width:fit-content;padding-top:20px}.TextMessage .who p{font-size:1.2em;font-weight:bold;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.TextMessage .choices{position:absolute;top:-181px;right:20px}.TextMessage .choices .choice{width:fit-content;background-color:rgba(30,31,33,.8);margin-bottom:7px;margin-left:auto;margin-right:0;padding:5px 10px;border-radius:5px;cursor:pointer}.TextMessage .choices .choice:last-child{margin-bottom:0}.TextMessage .choices .choice:hover{background-color:#5865f1}.Phone{z-index:20;position:absolute;bottom:20px;right:20px;height:calc(100% - 60px);max-height:600px;border-radius:20px;box-shadow:0 0 10px #1b1b1b;overflow:hidden;animation:slide_left_in .5s}.Phone .profile{width:100%;max-width:400px;height:110px;background-color:#2c6969;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px}.Phone .profile .detail{flex-grow:1;display:flex;justify-content:left;align-items:center;gap:10px}.Phone .profile .detail .avatar{width:70px;height:70px;background-color:rgba(170,170,170,.5);border-radius:50%}.Phone .profile .detail .avatar .hero{transform:scale(3.5)}.Phone .profile .detail .user{width:calc(100% - 80px)}.Phone .profile .detail .user .username{font-size:1rem;font-weight:bold;word-break:break-all;word-break:break-word;hyphens:none}.Phone .profile .detail .user .username .btn-rename{margin-left:5px;cursor:pointer}.Phone .profile .detail .user .userid{color:#6ccc71;display:flex;justify-content:left;align-items:center;gap:5px}.Phone .profile .btn-close{font-size:2rem;color:#ff6e6e}.Phone .apps{width:400px;height:calc(100% - 110px);background-color:rgba(30,31,33,.9)}.Phone .apps .list{width:100%;max-height:100%;display:grid;grid-template-columns:repeat(auto-fill, minmax(90px, 1fr));gap:20px;overflow-y:auto;scrollbar-width:thin;padding:20px}.Phone .apps .list .btn{position:relative;overflow:hidden;text-align:center;border:1px solid #4e5057;padding:5px;border-radius:5px}.Phone .apps .list .btn .ic{font-size:2rem}.Phone .apps .list .btn .name{word-break:break-all;word-break:break-word;hyphens:auto;font-size:.8rem}.Phone .apps .list .btn.unread::after{content:"";width:10px;height:10px;position:absolute;top:10px;left:10px;border-radius:50%;background-color:#ff6e6e}.Phone .apps .list .btn:hover{background-color:#1e1f21;color:#fee75b}.Phone .apps .list .btn.b-custom{display:flex;justify-content:center;align-items:center;gap:10px;min-height:80px}.Phone .apps .list .btn.b-custom .name{font-size:1.2rem}.Phone .apps .list .btn.b-custom:hover{background:linear-gradient(120deg, #cab05c, #aaaaaa);color:#1b1b1b}.Phone .apps .list .btn.b-shop-1{flex-direction:column;grid-column:1/2;grid-row:2/4}.Phone .apps .list .btn.b-shop-2{flex-direction:row;grid-column:2/4;grid-row:1/2}.Phone .apps .list .btn.b-trophies-1{grid-column:2/4}.Phone .apps .list .btn.b-trophies-2{grid-column:1/3}.Phone.out{animation:slide_left_out .5s forwards}.Pos{position:absolute;top:20px;left:20px;animation:slide_right_in .5s}.Pos.out{animation:slide_right_out .5s forwards}.Pos .u{display:flex;justify-content:start;align-items:end;gap:10px;margin-bottom:10px}.Pos .u:last-child{margin-bottom:0}.Pos .u .avatar{width:35px;height:35px;background-color:rgba(30,31,33,.3);border-radius:50%}.Pos .u .avatar .hero{transform:scale(1.5)}.Pos .u .m{font-weight:600;text-shadow:1px 0 3px #0b0b0b,0 1px 3px #0b0b0b,-1px 0 3px #0b0b0b,0 -1px 3px #0b0b0b,1px 1px 10px #0b0b0b,1px -1px 10px #0b0b0b,-1px 1px 10px #0b0b0b,-1px -1px 10px #0b0b0b}.fuwi{z-index:20;position:absolute;top:0;left:0;width:100%;height:100%}.fuwi .box{padding:20px;padding-top:0;width:100%;height:100%;margin:auto}.fuwi .box .nav{display:flex;justify-content:space-between;align-items:center;height:50px;background-color:rgba(30,31,33,.8);border-bottom:1px solid #cab05c;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:0 14px;animation:slide_down_in .5s}.fuwi .box .nav .left{display:flex;justify-content:left;align-items:center;gap:10px}.fuwi .box .nav .left .title{font-size:1.2rem;color:#fee75b}.fuwi .box .nav .right .btn-close{font-size:1.5rem;color:#ff6e6e}.fuwi .box .con{width:100%;height:calc(100% - 70px);margin-top:20px;animation:slide_up_in .5s}.fuwi.out .box .nav{animation:slide_down_out .5s forwards}.fuwi.out .box .con{animation:slide_up_out .5s forwards}.f-friends .box{max-width:1000px}.f-friends .box .nav{background:linear-gradient(150deg, #64354b, #64538b);border-bottom:1px solid #1b1b1b}.f-friends .box .nav .left .title{color:#efefef}.f-friends .box .nav .right .btn-close{color:#efefef}.f-friends .con{border-radius:10px}.f-friends .con .search{width:100%;height:50px}.f-friends .con .search .inp{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.f-friends .con .search .inp input{flex-grow:1;padding:10px;height:100%;background-color:rgba(30,31,33,.7);color:#efefef}.f-friends .con .search .inp button{padding:10px;height:100%;background:linear-gradient(150deg, #64538b, #64354b);color:#efefef;font-weight:bold}.f-friends .con .field{width:100%;height:calc(100% - 70px);margin-top:20px;display:flex;justify-content:space-between;align-items:start;gap:20px}.f-friends .con .field .board{background-color:rgba(30,31,33,.7);width:50%;height:100%;border-radius:10px;overflow:hidden}.f-friends .con .field .board .board-title{height:46px;padding:10px;background:linear-gradient(150deg, #64538b, #64354b);color:#efefef;text-align:center}.f-friends .con .field .board .board-list{max-height:calc(100% - 46px);display:grid;grid-template-columns:1fr;overflow-y:auto;scrollbar-width:thin}.f-friends .con .field .board .board-list .card{display:flex;justify-content:left;align-items:center;gap:14px;padding:14px;border-bottom:1px solid #4e5057;cursor:pointer}.f-friends .con .field .board .board-list .card .uname{width:calc(100% - 44px);word-break:break-all;word-break:break-word;hyphens:none}.f-friends .con .field .board .board-list .card .avatar{width:30px;height:30px;border-radius:50%;background-color:rgba(170,170,170,.5)}.f-friends .con .field .board .board-list .card .avatar .hero{transform:scale(1.4)}.f-friends .con .field .board .board-list .card:hover{background:linear-gradient(150deg, rgba(100, 53, 75, 0.5), rgba(100, 83, 139, 0.5))}.f-friends .con .field .board .board-list .card:last-child{border-bottom:none}.f-people .box{max-width:750px}.f-people .box .nav{background:linear-gradient(150deg, #64354b, #64538b);border-bottom:1px solid #1b1b1b}.f-people .box .nav .left .title{color:#efefef}.f-people .box .nav .right .btn-close{color:#efefef}.f-people .box .search{width:100%;height:50px}.f-people .box .search .inp{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.f-people .box .search .inp input{flex-grow:1;padding:10px;height:100%;background-color:rgba(30,31,33,.7);color:#efefef}.f-people .box .search .inp button{padding:10px;height:100%;background:linear-gradient(150deg, #64538b, #64354b);color:#efefef;font-weight:bold}.f-people .box .board{background-color:rgba(30,31,33,.7);width:100%;height:calc(100% - 70px);border-radius:10px;margin-top:20px;overflow:hidden}.f-people .box .board .board-list{width:100%;max-height:100%;display:grid;grid-template-columns:repeat(auto-fit, minmax(225px, 1fr));overflow-y:auto;scrollbar-width:thin}.f-people .box .board .board-list .card{display:flex;justify-content:left;align-items:center;gap:14px;padding:14px;cursor:pointer}.f-people .box .board .board-list .card .uname{max-width:calc(100% - 44px);overflow:hidden}.f-people .box .board .board-list .card .avatar{width:30px;height:30px;border-radius:50%;background-color:rgba(170,170,170,.5)}.f-people .box .board .board-list .card .avatar .hero{transform:scale(1.4)}.f-people .box .board .board-list .card:hover{background:linear-gradient(150deg, rgba(100, 53, 75, 0.5), rgba(100, 83, 139, 0.5))}.f-profile .box{max-width:600px}.f-profile .box .nav{background:linear-gradient(150deg, #64354b, #64538b);border-bottom:1px solid #1b1b1b}.f-profile .box .nav .left .title{color:#efefef}.f-profile .box .nav .right .btn-close{color:#efefef}.f-profile .box .con{width:100%;background:linear-gradient(150deg, #64354b, #64538b);border-radius:20px;overflow:hidden;padding:20px;height:fit-content;max-height:calc(100% - 70px)}.f-profile .box .con .profile{width:100%}.f-profile .box .con .profile .avatar{margin:0 auto;margin-bottom:20px;width:70px;height:70px;background-color:rgba(170,170,170,.5);border-radius:50%}.f-profile .box .con .profile .avatar .hero{transform:scale(3.2)}.f-profile .box .con .profile .user .uname{text-align:center;text-transform:uppercase;font-size:1.25rem;word-break:break-all;word-break:break-word;hyphens:none}.f-profile .box .con .profile .user .userid{text-align:center;color:#fee75b}.f-profile .box .con .fact{text-align:center;margin:20px 0}.f-profile .box .con .actions .btn,.f-profile .box .con .actions span{display:block;width:100%;max-width:300px;text-align:center;padding:5px;margin:0 auto;margin-bottom:10px}.f-profile .box .con .actions .btn:last-child,.f-profile .box .con .actions span:last-child{margin-bottom:0}.f-profile .box .con .actions .btn{background-color:rgba(30,31,33,.75);border-radius:5px}.f-profile .box .con .actions .btn.btn-add i{color:#5865f1}.f-profile .box .con .actions .btn.btn-accept i{color:#6ccc71}.f-profile .box .con .actions .btn.btn-location i{color:#fee75b}.f-profile .box .con .actions .btn.btn-decline i,.f-profile .box .con .actions .btn.btn-unfriend i,.f-profile .box .con .actions .btn.btn-cancel i{color:#ff6e6e}.f-profile .box .con .actions span{color:#fee75b}.f-jobs .box{max-width:1000px}.f-jobs .box .con{width:100%;height:calc(100% - 70px);display:flex;justify-content:space-between;align-items:start;gap:20px}.f-jobs .box .con .con-list{width:300px;height:100%;padding:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:rgba(30,31,33,.7);overflow-y:auto;scrollbar-width:thin}.f-jobs .box .con .con-list .card{width:100%;padding:10px;background-color:rgba(27,27,27,.5);border-radius:5px;margin-bottom:10px;cursor:pointer;border:1px solid rgba(0,0,0,0)}.f-jobs .box .con .con-list .card .card-title{font-weight:bold;word-break:break-all;word-break:break-word;hyphens:none}.f-jobs .box .con .con-list .card:active{background-color:#cab05c}.f-jobs .box .con .con-list .card.claimed{color:#4e5057}.f-jobs .box .con .con-list .card.ck{border-color:#cab05c}.f-jobs .box .con .con-list .card:last-child{margin-bottom:0}.f-jobs .box .con .search{width:300px}.f-jobs .box .con .search .inp{display:block;width:100%;border-radius:10px;overflow:hidden}.f-jobs .box .con .search .inp input{background-color:rgba(30,31,33,.7);padding:10px;width:100%;text-align:center;color:#efefef}.f-jobs .box .con .search .inp button{width:100%;padding:10px;text-align:center;display:block;background-color:#cab05c;font-weight:bold;color:#efefef;margin-top:10px}.f-jobs .box .con .search .inp button.disabled{color:#aaa;background-color:#4e5057}.f-jobs .box .con .board{width:calc(100% - 300px);max-height:100%;background-color:rgba(30,31,33,.7);border-radius:10px;overflow-x:hidden;overflow-y:auto}.f-jobs .box .con .board .field{width:100%}.f-jobs .box .con .board .field .snippet{display:flex;justify-content:left;align-items:center;gap:10px;padding:10px}.f-jobs .box .con .board .field .snippet .avatar{width:70px;height:70px;background:linear-gradient(135deg, rgba(254, 231, 91, 0.5), rgba(108, 204, 113, 0.5));border-radius:5px}.f-jobs .box .con .board .field .snippet .short .short-title{font-weight:bold}.f-jobs .box .con .board .field .snippet .short .short-note{font-style:italic;font-size:.9em}.f-jobs .box .con .board .field .summary{padding:10px;border-top:1px solid #4e5057;border-bottom:1px solid #4e5057;overflow-y:auto;scrollbar-width:thin}.f-jobs .box .con .board .field .rewards{position:relative;padding:10px}.f-jobs .box .con .board .field .rewards .reward-title{width:fit-content;border-bottom:1px solid #efefef;margin-bottom:5px}.f-jobs .box .con .board .field .rewards .reward-list{display:flex;justify-content:left;align-items:center;gap:5px;overflow-x:auto;padding-bottom:10px}.f-jobs .box .con .board .field .rewards .reward-list .card{position:relative;background:linear-gradient(135deg, #ffc0cb, #800080)}.f-jobs .box .con .board .field .rewards .reward-list .card .expire::after{content:"";font-family:"Font Awesome 6 Pro";font-weight:400;position:absolute;top:0;left:0;font-size:.6em;padding:3px;border-bottom-right-radius:5px;background-color:rgba(30,31,33,.7)}.f-jobs .box .con .board .field .rewards .reward-list .card .icon{width:42px;height:42px;image-rendering:pixelated;padding:5px;display:flex;justify-content:center;align-items:center}.f-jobs .box .con .board .field .rewards .reward-list .card .icon img{width:100%;display:block;margin:auto}.f-jobs .box .con .board .field .rewards .reward-list .card .amount{width:100%;position:absolute;bottom:0;left:0;text-align:center;padding:3px 5px;font-size:.7em;background-color:rgba(30,31,33,.7)}.f-jobs .box .con .board .field .rewards.claimed .reward-list .card::after{content:"";font-family:"Font Awesome 6 Pro";font-weight:600;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#1b1b1b;color:#bda94e;opacity:.7}.f-jobs .box .con .board .field .actions{width:100%;display:flex;justify-content:right;align-items:center;gap:10px;padding:10px}.f-jobs .box .con .board .field .actions .btn{padding:10px;border-radius:5px;font-weight:bold;text-align:center}.f-jobs .box .con .board .field .actions .btn.btn-accept{background-color:#3aa761}.f-jobs .box .con .board .field .actions .btn.btn-accept:active{background-color:#1b1b1b;color:#6ccc71;box-shadow:inset 0 0 10px #6ccc71}.f-jobs .box .con .board .field .actions .btn.btn-ignore{background-color:#ff6e6e}.f-jobs .box .con .board .field .actions .btn.btn-ignore:active{background-color:#1b1b1b;color:#da373b;box-shadow:inset 0 0 10px #da373b}.f-jobs .box .con .board .field .actions .btn.btn-claim{background-color:#1b1b1b;color:#fee75b;font-weight:400}.f-jobs .box .con .board .field .actions .btn.btn-delete{background-color:#1b1b1b;color:#ff6e6e;font-weight:400}.f-jobs .box .con .board.empty .empty-board{text-align:center;padding:20px;opacity:.7}.f-jobs .box .con .board.empty .empty-board .board-icon{font-size:5em}.f-shop .box{max-width:1000px}.f-shop .box .nav{border-color:#5865f1}.f-shop .box .nav .left .title{color:#5865f1}.f-shop .box .con{display:flex;justify-content:space-between;align-items:start;gap:20px;height:calc(100% - 70px)}.f-shop .box .con .con-list{width:200px;height:100%;border-radius:10px;background-color:rgba(30,31,33,.7);overflow-y:auto;scrollbar-width:thin;padding:10px}.f-shop .box .con .con-list .card{padding:10px;border-radius:5px;cursor:pointer}.f-shop .box .con .con-list .card.selected{background-color:rgba(27,27,27,.5)}.f-shop .box .con .board{position:relative;width:calc(100% - 200px);border-radius:10px;height:100%}.f-shop .box .con .board .economies{position:absolute;top:0;right:0;width:100%;display:flex;justify-content:right;align-items:center;gap:10px}.f-shop .box .con .board .economies .eco{background-color:rgba(30,31,33,.7);padding:3px 10px;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:3px}.f-shop .box .con .board .economies .eco img{image-rendering:pixelated;width:20px}.f-shop .box .con .board .economies .eco i{font-style:normal}.f-shop .box .con .board .item-container{position:absolute;top:41px;left:0;width:100%;height:calc(100% - 191px);background-color:rgba(30,31,33,.7);border-top-left-radius:10px;border-top-right-radius:10px}.f-shop .box .con .board .item-container .item-list{width:100%;max-height:100%;padding:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;overflow-y:auto;scrollbar-width:thin}.f-shop .box .con .board .item-container .item-list .card{position:relative;background-color:rgba(30,31,33,.4);border-radius:5px;font-size:.9em;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.f-shop .box .con .board .item-container .item-list .card .expire::after{content:"";font-family:"Font Awesome 6 Pro";font-weight:400;position:absolute;top:5px;left:5px;font-size:.7em}.f-shop .box .con .board .item-container .item-list .card .amount{width:100%;text-align:center;font-style:italic;background-color:rgba(27,27,27,.5)}.f-shop .box .con .board .item-container .item-list .card .icon{display:flex;justify-content:center;align-items:center;padding:5px 20px;min-height:90px}.f-shop .box .con .board .item-container .item-list .card .icon img{image-rendering:pixelated;display:block;width:65px}.f-shop .box .con .board .item-container .item-list .card .price{width:100%;padding:2px 0;text-align:center;background-color:rgba(88,101,241,.5);display:flex;justify-content:center;align-items:center}.f-shop .box .con .board .item-container .item-list .card .price img{display:block;width:20px}.f-shop .box .con .board .item-container .item-list .card:active{background:rgba(88,101,241,.5)}.f-shop .box .con .board .item-container .item-list .card.selected{box-shadow:0 0 0 1px rgba(88,101,241,.5)}.f-shop .box .con .board .detail{position:absolute;bottom:0;left:0;width:100%;height:150px;background-color:rgba(30,31,33,.9);padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden}.f-shop .box .con .board .detail .field{width:100%;height:100%}.f-shop .box .con .board .detail .field .item-name{font-weight:600}.f-shop .box .con .board .detail .field .item-desc{text-align:justify;text-align-last:left}.f-shop .box .con .board .detail .field .item-note{color:#bda94e;font-style:italic;margin-top:10px}.f-shop .box .con .board .detail .field .item-actions{margin-top:10px;display:flex;justify-content:right;align-items:center;gap:10px}.f-shop .box .con .board .detail .field .item-actions .btn{padding:5px 10px;font-weight:600;border-radius:5px}.f-shop .box .con .board .detail .field .item-actions .btn.btn-buy{background-color:#3aa761}.f-shop.f-backpack .box .con .board .item-container .item-list .card .icon{padding:10px 20px}.f-shop.f-backpack .box .con .board .item-container .item-list .card .price{background-color:rgba(27,27,27,.5)}.f-trophy .box{max-width:1000px}.f-trophy .box .nav{border-color:#eb459d}.f-trophy .box .nav .left .title{color:#eb459d}.f-trophy .box .con{display:flex;justify-content:space-between;align-items:start;gap:20px;height:calc(100% - 70px)}.f-trophy .box .con .con-list{width:200px;height:100%;border-radius:10px;background-color:rgba(30,31,33,.7);overflow-y:auto;scrollbar-width:thin}.f-trophy .box .con .con-list .card{position:relative;text-align:center;padding:10px;border-radius:5px;cursor:pointer}.f-trophy .box .con .con-list .card.unread::before{content:"";width:10px;height:10px;position:absolute;top:12px;right:12px;border-radius:50%;background-color:#ff6e6e}.f-trophy .box .con .con-list .card.selected{background-color:rgba(27,27,27,.7)}.f-trophy .box .con .board{width:100%;height:100%}.f-trophy .box .con .board .item-list{width:100%;max-height:100%;display:grid;grid-template-columns:1fr;gap:10px;padding:10px;background-color:rgba(30,31,33,.7);overflow-y:auto;scrollbar-width:thin;border-radius:10px}.f-trophy .box .con .board .item-list .card{width:100%;padding:10px;border-radius:5px;background-color:rgba(27,27,27,.4);display:flex;justify-content:space-between;align-items:center;gap:20px}.f-trophy .box .con .board .item-list .card .detail{flex-grow:1}.f-trophy .box .con .board .item-list .card .detail .card-title{font-weight:600}.f-trophy .box .con .board .item-list .card .detail .card-desc{font-size:.9em;text-align:justify}.f-trophy .box .con .board .item-list .card .detail .card-done{font-size:.9em;color:#bda94e}.f-trophy .box .con .board .item-list .card .reward{display:flex;justify-content:center;align-items:center;gap:20px}.f-trophy .box .con .board .item-list .card .reward .item{position:relative;background:linear-gradient(135deg, #ffc0cb, #800080);image-rendering:pixelated}.f-trophy .box .con .board .item-list .card .reward .item img{width:46px;display:block;margin:auto}.f-trophy .box .con .board .item-list .card .reward .item .amount{position:absolute;bottom:0;left:0;width:100%;font-size:.7em;padding:3px 0;background-color:rgba(27,27,27,.7);text-align:center}.f-trophy .box .con .board .item-list .card .reward .reqs .btn-claim{text-transform:uppercase;background-color:#eb459d;color:#efefef;font-size:.8em;padding:5px 10px;border-radius:10px}.f-trophy .box .con .board .item-list .card.done{cursor:pointer}.f-trophy .box .con .board .item-list .card.done:hover{box-shadow:inset 0 0 5px 1px #eb459d}.f-trophy .box .con .board .item-list .card.done:has(.reward .reqs .btn-claim:hover){box-shadow:none;background:linear-gradient(135deg, #ffc0cb, #800080)}.f-trophy .box .con .board .item-list .card.done:has(.reward .reqs .btn-claim:hover) .detail{color:#1b1b1b}.f-trophy .box .con .board .item-list .card.done:has(.reward .reqs .btn-claim:hover) .detail .card-done{color:#1b1b1b}.f-trophy .box .con .board .item-list .card.done:has(.reward .reqs .btn-claim:hover) .reward .reqs .btn-claim{background-color:#1e1f21}.f-trophy .box .con .board .item-list .card.claimed .reward .item::after{content:"";font-family:"Font Awesome 6 Pro";font-weight:600;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(27,27,27,.7);color:#bda94e}.f-exchange .box{max-width:600px}.f-exchange .box .nav{background-color:#3aa761;border-bottom:1px solid #1b1b1b}.f-exchange .box .nav .left .title{color:#efefef}.f-exchange .box .nav .right .btn-close{text-shadow:0 0 10px #1b1b1b}.f-exchange .box .con{width:100%;height:calc(100% - 70px)}.f-exchange .box .con .form{display:block;width:100%;max-height:100%;overflow:hidden;overflow-y:auto;scrollbar-width:thin;padding:20px;background-color:rgba(30,31,33,.8);border:1px solid #3aa761;border-radius:10px}.f-exchange .box .con .form .field{margin-bottom:20px}.f-exchange .box .con .form .field .economies{display:flex;justify-content:right;align-items:center;gap:20px}.f-exchange .box .con .form .field .economies .eco{display:flex;justify-content:center;align-items:center;gap:5px}.f-exchange .box .con .form .field .economies .eco img{image-rendering:pixelated;width:30px}.f-exchange .box .con .form .field .con-area{display:flex;justify-content:center;align-items:center;gap:20px}.f-exchange .box .con .form .field .con-area .img{width:50px;height:50px;display:flex;justify-content:center;align-items:center}.f-exchange .box .con .form .field .con-area .img img{image-rendering:pixelated;width:100%}.f-exchange .box .con .form .field .con-area p{font-size:1.5em}.f-exchange .box .con .form .field .text-box{display:flex;justify-content:center;align-items:center;gap:5px;padding:10px;background-color:rgba(58,167,97,.5);border-radius:5px}.f-exchange .box .con .form .field .text-box img{image-rendering:pixelated;width:40px}.f-exchange .box .con .form .field .text-box span{font-size:1.2em}.f-exchange .box .con .form .field .price{display:flex;justify-content:space-between;align-items:center;gap:20px}.f-exchange .box .con .form .field .price .text{font-size:1.2em}.f-exchange .box .con .form .field .price .object{display:flex;justify-content:center;align-items:center;gap:5px}.f-exchange .box .con .form .field .price .object img{width:40px;image-rendering:pixelated}.f-exchange .box .con .form .field .price .object span{font-size:1.2em}.f-exchange .box .con .form .field .price .object span.minus{color:#ff6e6e}.f-exchange .box .con .form .field .actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.f-exchange .box .con .form .field .actions .btn{width:50%;padding:10px;background-color:#4e5057;text-align:center;border-radius:5px}.f-exchange .box .con .form .field .actions .btn.btn-ok{background-color:#3aa761}.f-exchange .box .con .form .field .actions.single .btn{width:100%}.f-exchange .box .con .form .field .input-manager{width:100%;display:flex;justify-content:center;align-items:center;gap:20px}.f-exchange .box .con .form .field .input-manager .btn{background-color:#4e5057;padding:5px 10px;border-radius:10px;font-size:1.2em}.f-exchange .box .con .form .field .input-manager .inp{width:calc(100% - 70px)}.f-exchange .box .con .form .field .input-manager .inp input[type=range]{width:100%;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;background-color:#4e5057;height:3px}.f-exchange .box .con .form .field .input-manager .inp input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#6ccc71;width:14px;height:14px;border-radius:50%}.f-exchange .box .con .form .field .input-manager .inp input[type=range]::-ms-thumb{background:#6ccc71;width:14px;height:14px;border-radius:50%}.f-exchange .box .con .form .field .input-manager .inp input[type=range]::-moz-range-thumb{background:#6ccc71;width:14px;height:14px;border-radius:50%}.f-exchange .box .con .form .field .input-manager .inp input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px rgba(58,167,97,.5)}.f-exchange .box .con .form .field .input-manager .inp input[type=range]:active::-webkit-slider-thumb{outline:solid 2px #6ccc71;outline-offset:3px}.f-exchange .box .con .form .field .input-manager .inp input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 0 5px rgba(58,167,97,.5)}.f-exchange .box .con .form .field .input-manager .inp input[type=range]:active::-moz-range-thumb{outline:solid 2px #6ccc71;outline-offset:3px}.f-exchange .box .con .form .field:last-child{margin-bottom:0}.kulonXmidtrans .box{max-width:600px}.kulonXmidtrans .box .nav{border-bottom:1px solid aqua}.kulonXmidtrans .box .nav .left .title{color:aqua}.kulonXmidtrans .box .nav .right .btn-close{color:aqua}.kulonXmidtrans .box .con{width:100%}.kulonXmidtrans .box .con .form{width:100%;max-height:100%;background-color:rgba(30,31,33,.8);border:1px solid aqua;padding:20px;border-radius:10px;overflow-y:auto;scrollbar-width:thin}.kulonXmidtrans .box .con .form .field{margin-bottom:14px}.kulonXmidtrans .box .con .form .field .nh{font-size:1.2em;font-weight:bold;text-transform:uppercase;text-align:center}.kulonXmidtrans .box .con .form .field .input .label{text-align:center}.kulonXmidtrans .box .con .form .field .input .value{padding:5px 10px;background-color:rgba(0,255,255,.2);border-radius:5px;display:flex;justify-content:center;align-items:center}.kulonXmidtrans .box .con .form .field .input .value img{image-rendering:pixelated;margin-left:-5px;height:20px}.kulonXmidtrans .box .con .form .field .input .nc{text-align:center;background-color:rgba(0,255,255,.2);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px}.kulonXmidtrans .box .con .form .field .input .nc img{display:block;max-width:250px}.kulonXmidtrans .box .con .form .field .np{text-align:justify;text-align-last:left}.kulonXmidtrans .box .con .form .field .np a,.kulonXmidtrans .box .con .form .field .np a:visited{color:aqua}.kulonXmidtrans .box .con .form .field .btn-submit{width:100%;padding:10px;border-radius:5px;text-align:center;background-color:#1e1f21;box-shadow:inset 0 0 5px #efefef}.kulonXmidtrans .box .con .form .field .sm{font-size:.9em}.kulonXmidtrans .box .con .form .field:last-child{margin-bottom:0}.f-missionboard .box{max-width:800px}.f-missionboard .box .nav{background:linear-gradient(150deg, #64354b, #64538b);border-color:#1b1b1b}.f-missionboard .box .nav .left .title{color:#efefef}.f-missionboard .box .nav .right .btn-close{color:#efefef}.f-missionboard .box .con .economies{display:flex;justify-content:right;align-items:center;gap:20px}.f-missionboard .box .con .economies .eco{display:flex;justify-content:center;align-items:center;gap:3px;background-color:rgba(30,31,33,.8);padding:3px;padding-right:6px;border-radius:10px}.f-missionboard .box .con .economies .eco img{image-rendering:pixelated;width:30px}.f-missionboard .box .con .boards{height:calc(100% - 150px);display:flex;justify-content:space-between;align-items:start;gap:20px;margin:20px 0}.f-missionboard .box .con .boards .board{width:50%;height:100%}.f-missionboard .box .con .boards .board .board-title{background-color:rgba(30,31,33,.8);color:#efefef;width:100%;height:50px;padding:10px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold}.f-missionboard .box .con .boards .board .board-list{width:100%;height:calc(100% - 50px);overflow:hidden;overflow-y:auto;scrollbar-width:thin}.f-missionboard .box .con .boards .board .board-list .card{margin-top:10px;background:rgba(30,31,33,.8);padding:5px;cursor:pointer}.f-missionboard .box .con .boards .board .board-list .card .card-title{padding:15px;text-align:center;font-size:1.2em}.f-missionboard .box .con .boards .board .board-list .card .card-req{padding:3px 10px;display:flex;justify-content:space-between;align-items:center;gap:5px;background:linear-gradient(90deg, rgba(100, 83, 139, 0.8), rgba(100, 53, 75, 0.8))}.f-missionboard .box .con .boards .board .board-list .card .card-req .req{font-size:.8em}.f-missionboard .box .con .boards .board .board-list .card .card-req .req i{font-style:normal}.f-missionboard .box .con .boards .board .board-list .card .card-req .req-price{display:flex;justify-content:right;align-items:center;gap:3px}.f-missionboard .box .con .boards .board .board-list .card .card-req .req-price img{width:30px;image-rendering:pixelated}.f-missionboard .box .con .boards .board .board-list .card.dev .card-req{background:#4e5057}.f-missionboard .box .con .boards .board .board-list .card.selected{background:linear-gradient(90deg, #64538b, #64354b);border-color:#16365c}.f-missionboard .box .con .boards .board .board-list .card.selected .card-req{background:rgba(30,31,33,.5)}.f-missionboard .box .con .actions{width:100%}.f-missionboard .box .con .actions .btn-start{width:100%;height:50px;padding:10px;display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(150deg, #64538b, #64354b)}.f-missionboard .box .con .actions .btn-start.disabled{color:#aaa;background:#4e5057}.a-mail .box{max-width:720px}.a-mail .box .con{width:100%;height:calc(100% - 70px)}.a-mail .box .con .form{background-color:rgba(30,31,33,.7);width:100%;height:100%;padding:10px;border-radius:10px;overflow-y:auto;scrollbar-width:thin}.a-mail .box .con .form .field{margin-bottom:10px}.a-mail .box .con .form .field:last-child{margin-bottom:0}.a-mail .box .con .form .field label{display:block;width:100%}.a-mail .box .con .form .field input,.a-mail .box .con .form .field textarea{display:block;width:100%;padding:10px;background-color:#1e1f21;color:#efefef;border-bottom:1px solid #4e5057;border-left:1px solid #4e5057;border-radius:5px}.a-mail .box .con .form .field input:focus,.a-mail .box .con .form .field input:active,.a-mail .box .con .form .field textarea:focus,.a-mail .box .con .form .field textarea:active{border-color:#cab05c}.a-mail .box .con .form .field .actions{width:100%}.a-mail .box .con .form .field .actions .btn{display:block;padding:10px;width:100%;text-align:center;background-color:#1e1f21;border-radius:5px}.a-mail .box .con .form .field .actions .btn.btn-add-rw{border-bottom:1px solid #6ccc71;border-left:1px solid #6ccc71;color:#6ccc71}.a-mail .box .con .form .field .actions .btn.btn-submit{background-color:#3aa761;color:#efefef;font-weight:600}.a-mail .box .con .form .field.rw-field{display:flex;justify-content:space-between;align-items:center;gap:10px}.a-mail .box .con .form .field.rw-field input{flex-grow:1}.a-mail .box .con .form .field.rw-field .btn{color:#ff6e6e}.a-mail .box .con .form .rewards-field{margin-bottom:10px}.a-tp .box{max-width:600px}.a-tp .box .nav{background:linear-gradient(150deg, #64354b, #64538b);border-bottom:1px solid #1b1b1b}.a-tp .box .nav .left .title{color:#efefef}.a-tp .box .nav .right .btn-close{color:#efefef}.a-tp .box .con{background:linear-gradient(150deg, #64354b, #64538b);border-radius:20px;overflow:hidden;padding:20px;width:100%;height:fit-content;max-height:calc(100% - 70px);overflow-y:auto;scrollbar-width:thin}.a-tp .box .con .empty{display:block;width:100%;text-align:center;margin-bottom:10px}.a-tp .box .con .empty:last-child{margin-bottom:0}.a-tp .box .con .txt{width:100%;text-align:center;border-bottom:1px solid #efefef;padding-bottom:10px;margin-bottom:20px;font-weight:800}.a-tp .box .con .btn{width:100%;background-color:rgba(30,31,33,.5);padding:10px;margin-bottom:10px;text-align:center;border-radius:10px}.a-tp .box .con .btn:last-child{margin-bottom:0}.a-tp .box .con .btn:hover{background:linear-gradient(150deg, #64538b, #64354b)}.forceClose{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.forceClose .box{padding:20px}.forceClose .box .msg{font-size:1.5em;text-align:center;line-height:2}.forceClose .box .msg.msg-3{margin-top:40px}.forceClose .box .msg.msg-3 a{font-size:.75em;display:block;margin:0 auto;width:fit-content;padding:5px 10px;background-color:#5865f1;color:#efefef;font-weight:bold;text-decoration:none;border-radius:10px}.TitleScreen{display:block;position:absolute;z-index:104;left:0;top:0;width:100%;height:100%;background-color:rgba(30,31,33,.5);text-align:center;align-content:center;animation:fade_in 1s}.TitleScreen .user{margin:auto;margin-bottom:128px;width:fit-content;height:fit-content;max-width:225px;background-color:#313338;border-left:1px solid #cab05c;border-bottom:1px solid #cab05c;border-radius:10px;padding:20px;color:#cab05c;font-size:1.2em}.TitleScreen .user p{word-break:break-all;word-break:break-word;hyphens:none}.TitleScreen .user p:last-child{color:#efefef;font-weight:bold}.TitleScreen .user.out{animation:popup_out 1s forwards}.TitleScreen .copyright{position:absolute;bottom:20px;left:20px;text-align:left}.TitleScreen .copyright p{text-shadow:1px 0 3px #1e1f21,0 1px 3px #1e1f21,-1px 0 3px #1e1f21,0 -1px 3px #1e1f21,1px 1px 10px #1e1f21,1px -1px 10px #1e1f21,-1px 1px 10px #1e1f21,-1px -1px 10px #1e1f21}.TitleScreen .copyright.out{animation:slide_up_out 1s forwards}.TitleScreen .main-menu{position:absolute;z-index:-1;right:0;bottom:0;padding:40px;background-color:rgba(30,31,33,.5);border-left:1px solid #cab05c;min-width:270px;height:100%;text-align:center;align-content:center}.TitleScreen .main-menu .game-title{margin-bottom:20px}.TitleScreen .main-menu .menus .btn{display:block;background-color:#cab05c;color:#1e1f21;width:100%;padding:10px;margin-bottom:10px;border-radius:5px;cursor:pointer;text-decoration:none}.TitleScreen .main-menu .menus .btn:last-child{margin-bottom:0}.TitleScreen .main-menu.out{animation:slide_left_out 1s forwards}.TitleScreen.out{animation:fade_out 1s forwards}.Setting{position:absolute;z-index:20;top:0;left:0;width:100%;height:100%;padding:20px;background:rgba(30,31,33,.5);animation:fade_in .25s}.Setting .box{max-width:1000px;height:100%;margin:0 auto;animation:slide_left_in .5s}.Setting .box .top{display:flex;justify-content:space-between;align-items:center;gap:10px}.Setting .box .top .menus{display:flex;justify-content:left;align-items:center;gap:10px}.Setting .box .top .menus .btn{width:fit-content;height:45px;padding:0 10px;border-radius:5px;background:#1e1f21;text-transform:uppercase;font-weight:bold;text-align:center;align-content:center;cursor:pointer}.Setting .box .top .menus .btn.selected{background:linear-gradient(150deg, #64354b, #64538b);color:#efefef}.Setting .box .top .actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.Setting .box .top .actions .btn-close{color:#ff6e6e;font-weight:bold;font-size:1.2em;text-shadow:1px 0 3px #0b0b0b,0 1px 3px #0b0b0b,-1px 0 3px #0b0b0b,0 -1px 3px #0b0b0b,1px 1px 10px #0b0b0b,1px -1px 10px #0b0b0b,-1px 1px 10px #0b0b0b,-1px -1px 10px #0b0b0b;cursor:pointer}.Setting .box .top .actions .btn-save{width:fit-content;height:45px;padding:0 10px;border-radius:5px;background:#3aa761;text-transform:uppercase;font-weight:bold;text-align:center;align-content:center;cursor:pointer}.Setting .box .bottom{width:100%;max-height:calc(100% - 55px);margin-top:10px;background:linear-gradient(150deg, #64538b, #64354b);border-radius:20px;overflow-y:auto;scrollbar-width:thin}.Setting .box .bottom .list{padding:10px}.Setting .box .bottom .list .item{background:rgba(30,31,33,.7);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:10px}.Setting .box .bottom .list .item .btn,.Setting .box .bottom .list .item input,.Setting .box .bottom .list .item select,.Setting .box .bottom .list .item option,.Setting .box .bottom .list .item .string{display:block;border-radius:3px;padding:5px 7px;color:#efefef;background:#1e1f21;font-size:1em;cursor:pointer}.Setting .box .bottom .list .item .btn.r{color:#efefef;background:#ff6e6e}.Setting .box .bottom .list .item .btn.br{color:#da373b;background:#1e1f21}.Setting .box .bottom .list .item input,.Setting .box .bottom .list .item select,.Setting .box .bottom .list .item option{border:1px solid #555}.Setting .box .bottom .list .item select{padding-left:3px}.Setting .box .bottom .list .item .string{background:#555;min-width:30px;text-align:center;text-transform:capitalize}.Setting .box .bottom .list .item option:first-child{visibility:hidden;display:none}.Setting .box .bottom .list .item input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#1e1f21;margin:0;font:inherit;color:#efefef;width:1.5em;height:1.5em;border:.15em solid gray;transform:translateY(-0.075em);display:grid;place-content:center}.Setting .box .bottom .list .item input[type=checkbox]::before{content:"";width:1em;height:1em;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em #efefef;background:#1e1f21;transform-origin:bottom left;clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)}.Setting .box .bottom .list .item input[type=checkbox]:checked::before{transform:scale(1)}.Setting .box .bottom .list .item:last-child{margin-bottom:0}.Setting.out{animation:fade_out .5s forwards}.Setting.out .box{animation:slide_left_out .5s forwards}.Matchmaking{z-index:20;position:absolute;top:0;left:0;width:100%;height:100%}.Matchmaking .box{width:100%;height:100%;max-width:1080px;padding:20px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.Matchmaking .box .nav{width:100%;margin-bottom:20px;animation:slide_down_in .5s}.Matchmaking .box .nav .nav-title{font-size:1.3em;font-weight:bold;color:#efefef;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.Matchmaking .box .nav .nav-desc{color:#efefef;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-align:left}.Matchmaking .box .actions{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;animation:slide_up_in .5s}.Matchmaking .box .actions .btn{width:50%;font-weight:bold;text-align:center;padding:10px}.Matchmaking .box .actions .btn.btn-cancel{background-color:#1e1f21;color:#ff6e6e}.Matchmaking .box .actions .btn.btn-start{background:linear-gradient(150deg, #64538b, #64354b);color:#efefef}.Matchmaking .box .actions .btn.btn-start.disabled{background:#4e5057;color:#aaa}.Matchmaking .box .con{width:100%;height:calc(100% - 225px);display:flex;justify-content:space-between;align-items:start;gap:20px;animation:slide_right_in .5s}.Matchmaking .box .con .board{width:33.3333333333%;height:100%}.Matchmaking .box .con .board .board-title{margin-bottom:5px;background:linear-gradient(90deg, rgba(100, 83, 139, 0.8), rgba(100, 53, 75, 0.8));padding:10px;text-align:center;font-weight:bold}.Matchmaking .box .con .board .board-content{width:100%;height:calc(100% - 50px);overflow:hidden;overflow-y:auto;scrollbar-width:thin}.Matchmaking .box .con .board .board-content .card{padding:10px;background-color:rgba(30,31,33,.8);margin-bottom:5px}.Matchmaking .box .con .board .board-content .card.lr{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.Matchmaking .box .con .board .board-content .card.lr::after,.Matchmaking .box .con .board .board-content .card.lr::before{content:"";font-family:"Font Awesome 6 Pro";font-weight:400}.Matchmaking .box .con .board .board-content .card.lr::before{content:"";left:0}.Matchmaking .box .con .board .board-content .card.lr::after{content:"";right:0}.Matchmaking .box .con .board .board-content .card.long{text-align:left;word-break:break-all;word-break:break-word;hyphens:auto}.Matchmaking .box .con .board .board-content .card.usr{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer}.Matchmaking .box .con .board .board-content .card.usr span{word-break:break-all;word-break:break-word}.Matchmaking .box .con .board .board-content .card.usr span.ita{font-style:italic;color:#aaa}.Matchmaking .box .con .board .board-content .card.usr i{color:#ff6e6e}.Matchmaking .box .con .board .board-content .card.usr .st{padding:3px 5px;font-size:.8em;text-transform:uppercase;border-radius:5px;color:#efefef;background:linear-gradient(150deg, #64354b, #64538b)}.Matchmaking .box .con .board .board-content .card.usr .st.o{background:#4e5057}.Matchmaking .box .con .board .board-content .card.usr .st.j{background:#3aa761}.Matchmaking .box .con .board .board-content .card.usr .st.y{background:#bda94e}.Matchmaking .box .con .board .board-content .card.usr .st.b{background:#ff6e6e}.Matchmaking .box .con .board .board-content .card.usr .st.gb{color:#1b1b1b;background:#6ccc71}.Matchmaking .box .con .board .board-content .card:last-child{margin-bottom:0}.Matchmaking.out .box .nav{animation:slide_down_out .5s forwards}.Matchmaking.out .box .actions{animation:slide_up_out .5s forwards}.Matchmaking.out .box .con{animation:slide_left_out .5s forwards}.Prepare{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #4E5057, #1E1F21);animation:fade_in .5s}.Prepare .box{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;max-width:1080px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.Prepare .box .nav{width:100%;margin-bottom:20px;animation:slide_down_in .5s}.Prepare .box .nav .nav-title{font-size:1.3em;font-weight:bold}.Prepare .box .nav .nav-desc{color:#efefef}.Prepare .box .actions{width:100%;display:flex;justify-content:right;align-items:center;animation:slide_up_in .5s;gap:10px}.Prepare .box .actions .btn-ready{text-transform:uppercase;min-width:250px;padding:10px;border-radius:10px;background-color:#3aa761;color:#efefef;font-weight:bold;text-align:center}.Prepare .box .actions .btn-ready.done{background-color:rgba(0,0,0,0);color:#6ccc71;cursor:not-allowed}.Prepare .box .con{display:flex;justify-content:center;align-items:end;gap:20px}.Prepare .box .con .player{text-align:center}.Prepare .box .con .player .usr{max-width:125px;word-break:break-all;word-break:break-word;hyphens:none}.Prepare .box .con .player .status{color:#ff6e6e}.Prepare .box .con .player .status.g{color:#6ccc71}.Prepare.launching{animation:fade_to_black 2s forwards}.Prepare.launching .box .con{animation:fade_out 1s forwards}.Prepare.launching .box .nav{animation:slide_down_out .5s forwards}.Prepare.launching .box .actions{animation:slide_up_out .5s forwards}.Prepare.out{animation:fade_out .5s forwards}.Prepare.out .box .nav{animation:slide_down_out .5s forwards}.Prepare.out .box .actions{animation:slide_up_out .5s forwards}.BannerDrop{position:absolute;bottom:0;left:0;background-color:#1e1f21;color:#efefef;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:40px;font-size:34px;text-align:center}.BannerDrop .title{font-weight:bold;text-transform:uppercase;text-shadow:1px 0 3px #0b0b0b,0 1px 3px #0b0b0b,-1px 0 3px #0b0b0b,0 -1px 3px #0b0b0b,1px 1px 10px #0b0b0b,1px -1px 10px #0b0b0b,-1px 1px 10px #0b0b0b,-1px -1px 10px #0b0b0b}.BannerDrop .subtitle{animation:fade_zoom_in 3s forwards}.BannerDrop .subtitle.out{animation:fade_out 1s forwards}.BannerDrop.out{animation:banner_drop_smalling 5s ease forwards}.Result{z-index:20;position:absolute;top:0;left:0;width:100%;height:100%}.Result .box{width:100%;height:100%;max-width:800px;padding:20px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.Result .box .nav{width:100%;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;animation:slide_down_in .5s;gap:20px}.Result .box .nav .nav-title{font-size:1.3em;font-weight:bold;color:#efefef;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.Result .box .nav .nav-ts{color:#efefef;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.Result .box .actions{width:100%;display:flex;justify-content:right;align-items:center;margin-top:20px;animation:slide_up_in .5s}.Result .box .actions .btn{text-align:center;padding:10px;background-color:#1e1f21;border:3px solid #1e1f21}.Result .box .actions .btn.txt{color:#aaa;cursor:default}.Result .box .actions .btn.btn-restart:hover{background-color:#3aa761}.Result .box .actions .btn.btn-quit:hover{background-color:#da373b}.Result .box .con{width:100%;height:calc(100% - 155px);display:flex;justify-content:space-between;align-items:start;gap:20px;animation:slide_right_in .5s}.Result .box .con .board{width:100%;height:calc(100% - 20px);overflow-y:auto;scrollbar-width:thin}.Result .box .con .board table{width:100%;table-layout:auto;border-collapse:separate;border-spacing:5px 5px}.Result .box .con .board table .thead tr{background:linear-gradient(90deg, rgba(100, 83, 139, 0.8), rgba(100, 53, 75, 0.8))}.Result .box .con .board table tr th,.Result .box .con .board table tr td{padding:10px}.Result .box .con .board table tr th{text-transform:uppercase;font-weight:bold}.Result .box .con .board table tr td{background:rgba(30,31,33,.8);text-align:center}.Result .box .con .board table tr td.position{display:flex;justify-content:space-between;align-items:center}.Result .box .con .board table tr td.position .l{display:flex;justify-content:left;align-items:center;gap:10px}.Result .box .con .board table tr td.position .l i{display:block;font-style:normal}.Result .box .con .board table tr td.position .l i:first-child{width:30px;height:100%;background:linear-gradient(90deg, rgba(100, 83, 139, 0.8), rgba(100, 53, 75, 0.8))}.Result .box .con .board table tr td.position .r{color:#aaa;display:flex;justify-content:center;align-items:center}.Result .box .con .board table tr td.position .r i{cursor:pointer}.Result .box .con .board table tr td.position .r i:hover{color:#fee75b}.Result.out .box .nav{animation:slide_down_out .5s forwards}.Result.out .box .actions{animation:slide_up_out .5s forwards}.Result.out .box .con{animation:slide_left_out .5s forwards}.Payouts{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, rgba(100, 83, 139, 0.8), rgba(100, 53, 75, 0.8));opacity:0;transition:1s}.Payouts .box{position:relative;margin:0 auto;width:100%;max-width:800px;height:100%;mix-blend-mode:overlay;transform:scale(0.9);transition:.5s;overflow:hidden}.Payouts .box .completed{width:100%;height:100%;position:absolute;top:0;left:0;padding:20px;font-size:5em;font-weight:900;color:#fff;display:flex;justify-content:left;align-items:center;transform:translateY(-100%);transition:.2s}.Payouts .box .economies,.Payouts .box .crews{position:absolute;left:0;width:100%;display:flex;flex-direction:column}.Payouts .box .economies{top:0;height:100%;justify-content:end;align-items:start;transition:1s;padding:20px}.Payouts .box .economies .eco{color:#fff;transform:translateY(-100vh);transition:.5s}.Payouts .box .economies .eco .eco-title{font-weight:600;font-size:2em}.Payouts .box .economies .eco .eco-desc{font-weight:900;font-size:3em}.Payouts .box .crews{top:0;justify-content:end;align-items:end;transition:.25s;transform:translateY(-100%)}.Payouts .box .crews .crew{color:#fff;padding-right:20px;padding-top:20px;font-weight:600;font-size:2em}.Payouts .box .crews .crew i{font-style:normal}.Payouts .box .crews .crew:nth-child(1) i{color:#fff3ad}.Payouts .box .crews .crew:nth-child(2) i{color:#bff}.Payouts .box .crews .crew:nth-child(3) i{color:#caae89}.Payouts .box .crews .crew:nth-child(4) i{color:#c98c8c}.Payouts .changed{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, #64354b, #64538b);opacity:0;transition:2s}.FingClo{z-index:20;position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.FingClo .conn{width:calc(100% - 40px);height:calc(100% - 40px);max-width:900px;max-height:600px}.FingClo .conn .top{width:100%;height:calc(100% - 65px);display:flex;justify-content:space-between;align-items:center;gap:20px}.FingClo .conn .top .left,.FingClo .conn .top .right{background-color:rgba(30,31,33,.8);width:50%;height:100%;border:1px solid #2bab4e;overflow:hidden}.FingClo .conn .top .left .desc,.FingClo .conn .top .right .desc{width:100%;max-height:45px;padding:10px;text-align:center;border-bottom:1px solid #2bab4e;color:#dedede;text-transform:uppercase}.FingClo .conn .top .left .content,.FingClo .conn .top .right .content{width:100%;height:calc(100% - 45px)}.FingClo .conn .top .left .content{display:flex;justify-content:center;align-items:center;padding:20px}.FingClo .conn .top .left .content img{max-width:100%;max-height:100%}.FingClo .conn .top .right .content{padding:0;width:100%;height:calc(100% - 45px);display:flex;justify-content:center;align-items:center}.FingClo .conn .top .right .content .box{padding:20px;display:grid;grid-template-columns:1fr;width:100%;height:fit-content;gap:5px;overflow-y:auto;scrollbar-width:thin}.FingClo .conn .top .right .content .box .imgcover{position:relative;border:1px solid #2bab4e;display:flex;justify-content:space-between;align-items:center;margin:auto;background-size:cover;background-repeat:no-repeat;background-position-x:0}.FingClo .conn .top .right .content .box .imgcover .arrow{width:50%;height:100%;display:flex;align-items:center;cursor:pointer}.FingClo .conn .top .right .content .box .imgcover .arrow i{visibility:hidden}.FingClo .conn .top .right .content .box .imgcover .arrow:hover i{visibility:visible}.FingClo .conn .top .right .content .box .imgcover .arrow:hover.aleft{background:linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(30, 31, 33, 0.7), #1E1F21);justify-content:left;padding-left:10px}.FingClo .conn .top .right .content .box .imgcover .arrow:hover.aright{background:linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(30, 31, 33, 0.7), #1E1F21);justify-content:right;padding-right:10px}.FingClo .conn .top .right .content .box .imgcover:hover{border-color:#fff}.FingClo .conn .bottom{width:100%;height:45px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.FingClo .conn .bottom .left{width:calc(100% - 200px - 20px);height:100%;background-color:rgba(30,31,33,.8);display:flex;justify-content:space-between;align-items:center}.FingClo .conn .bottom .left .title{text-transform:uppercase;border-right:1px solid #2bab4e;height:100%;width:100px;display:flex;justify-content:center;align-items:center}.FingClo .conn .bottom .left .step{width:calc(100% - 100px);height:100%;display:flex;justify-content:space-evenly;align-items:center}.FingClo .conn .bottom .left .step .sq{border-radius:50%;width:8px;height:8px;outline:1px solid #2bab4e;outline-offset:5px}.FingClo .conn .bottom .left .step .sq.done{background-color:#2bab4e}.FingClo .conn .bottom .right{width:200px;height:100%}.FingClo .conn .bottom .right .btn-abort{width:100%;height:100%;text-align:center;background-color:rgba(30,31,33,.8);color:#dedede;display:flex;justify-content:center;align-items:center;cursor:pointer}.FingClo .conn .bottom .right .btn-abort:active{background-color:#ff6e6e}.FingClo .fingscan{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(30,31,33,.7);display:flex;justify-content:center;align-items:center}.FingClo .fingscan .content{background-color:#2b2d30;position:relative;width:calc(100% - 40px);height:calc(100% - 40px);max-width:400px;max-height:500px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:20px;border-radius:10px;box-shadow:inset 0 0 10px 5px aqua;animation:fade_in .5s}.FingClo .fingscan .content .box{position:relative;display:flex;justify-content:center;align-items:center;transform:scale(5)}.FingClo .fingscan .content .box .connection{position:absolute;width:50px;height:50px;border-radius:150px;border:5px solid rgba(0,0,0,0);border-top:5px solid #444;animation:wifi 1s linear infinite}.FingClo .fingscan .content .box .connection:nth-child(1){animation-delay:.6s}.FingClo .fingscan .content .box .connection:nth-child(2){border-width:6px;width:38px;height:38px;animation-delay:.4s}.FingClo .fingscan .content .box .connection:nth-child(3){width:24px;height:24px;animation-delay:.2s}.FingClo .fingscan .content .box .connection:nth-child(4){width:12px;height:12px}.FingClo .fingscan .content .box.correct .connection{border-top-color:aqua;animation:none;animation:unset}.FingClo .fingscan .content .desc{font-size:2em;font-weight:bold}.FingClo .fingscan .content .desc.cyan{color:aqua}.FingClo .fingscan.true .content{background-color:aqua;color:#1e1f21}.FingClo .fingscan.false .content{background-color:#f76767;color:#1e1f21;box-shadow:inset 0 0 10px 5px #f76767}.FingClo .fingscan.out .content{animation:fade_out .5s forwards}.FingClo .tutor{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(30,31,33,.7)}.FingClo .tutor .box{width:calc(100% - 40px);max-width:500px;background-color:#2b2d30;border:1px solid #fee75b;padding:20px;border-radius:10px;animation:popup_in .5s}.FingClo .tutor .box .title{text-align:center;font-size:1.2em;text-transform:uppercase;margin-bottom:10px}.FingClo .tutor .box ul,.FingClo .tutor .box ol{margin-bottom:10px;margin-left:1em}.FingClo .tutor .box .btn{width:100%;padding:10px;background-color:#3aa761;text-align:center;font-weight:bold;border-radius:5px;cursor:pointer}.FingClo .tutor.out .box{animation:popup_out .5s forwards}.FingCra{z-index:20;position:absolute;top:0;left:0;width:100%;height:100%}.FingCra .conn{width:100%;height:100%;padding:20px;display:flex;gap:10px}.FingCra .conn .left,.FingCra .conn .right,.FingCra .conn .center{border-radius:20px;overflow:hidden}.FingCra .conn .left,.FingCra .conn .center{width:calc(50% - 50px);height:100%;background-color:rgba(30,31,33,.7);border:1px solid #555}.FingCra .conn .left .desc,.FingCra .conn .center .desc{width:100%;height:45px;text-align:center;text-transform:uppercase;padding:10px;background:linear-gradient(90deg, rgba(100, 83, 139, 0.8), rgba(100, 53, 75, 0.8));color:#efefef}.FingCra .conn .left .step,.FingCra .conn .center .step{width:100%;height:52px;padding:10px;display:flex;justify-content:center;align-items:center;gap:20px}.FingCra .conn .left .step .sq,.FingCra .conn .center .step .sq{width:30px;height:30px;border:1px solid #fff;background-color:aqua}.FingCra .conn .left .step .sq.done,.FingCra .conn .center .step .sq.done{display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);color:aqua}.FingCra .conn .left .step .sq.done::before,.FingCra .conn .center .step .sq.done::before{font-family:"Font Awesome 6 Pro";font-weight:600;content:""}.FingCra .conn .left .step.v2,.FingCra .conn .center .step.v2{justify-content:space-evenly;gap:unset;border-bottom:1px solid #555}.FingCra .conn .left .step.v2 .sq,.FingCra .conn .center .step.v2 .sq{background-color:#ff6e6e}.FingCra .conn .left .step.v2 .sq.done,.FingCra .conn .center .step.v2 .sq.done{display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);color:#ff6e6e}.FingCra .conn .left .step.v2 .sq.done::before,.FingCra .conn .center .step.v2 .sq.done::before{content:""}.FingCra .conn .left .content,.FingCra .conn .center .content{width:100%;padding:10px}.FingCra .conn .left .content{padding:20px;width:100%;height:calc(100% - 142px);display:flex;justify-content:center;align-items:center}.FingCra .conn .left .content img,.FingCra .conn .left .content canvas{max-width:100%;max-height:100%}.FingCra .conn .center .content{padding:0;width:100%;height:calc(100% - 97px);display:flex;justify-content:center;align-items:center;overflow-y:auto;scrollbar-width:thin}.FingCra .conn .center .content .content-outer{margin:auto;padding:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.FingCra .conn .center .content .content-outer .imgcover{background-color:rgba(30,31,33,.7);padding:5px;padding-bottom:0;border:2px solid rgba(0,0,0,0);cursor:pointer}.FingCra .conn .center .content .content-outer .imgcover .connection-canvas{width:100%;height:100%;max-width:100px;max-height:100px}.FingCra .conn .center .content .content-outer .imgcover img,.FingCra .conn .center .content .content-outer .imgcover canvas{width:100%;height:100%;max-width:100px;max-height:100px}.FingCra .conn .center .content .content-outer .imgcover.selected{border-color:#fee75b}.FingCra .conn .right{width:100px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:10px}.FingCra .conn .right .btn{width:100%;height:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:bold;text-transform:uppercase;cursor:pointer}.FingCra .conn .right .btn-check{background-color:#3aa761;opacity:1}.FingCra .conn .right .btn:active{opacity:.8}.FingCra .conn .right .btn-check.disabled{background-color:#799279;color:rgba(0,0,0,.3137254902)}.FingCra .conn .right .btn-abort{background-color:#ff6e6e}.FingCra .tutor{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(30,31,33,.7)}.FingCra .tutor .box{width:calc(100% - 40px);max-width:500px;background-color:#2b2d30;border:1px solid #fee75b;padding:20px;border-radius:10px;animation:popup_in .5s}.FingCra .tutor .box .title{text-align:center;font-size:1.2em;text-transform:uppercase;margin-bottom:10px}.FingCra .tutor .box ul,.FingCra .tutor .box ol{margin-bottom:10px;margin-left:1em}.FingCra .tutor .box .btn{width:100%;padding:10px;background-color:#3aa761;text-align:center;font-weight:bold;border-radius:5px;cursor:pointer}.FingCra .tutor.out .box{animation:popup_out .5s forwards}.FingCra .fingscan{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(30,31,33,.7)}.FingCra .fingscan .content{background-color:#2b2d30;position:relative;width:calc(100% - 40px);height:calc(100% - 40px);max-width:400px;max-height:500px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:20px;border-radius:10px;box-shadow:inset 0 0 10px 5px aqua;animation:fade_in .5s ease}.FingCra .fingscan .content .box{position:relative;height:240px;width:240px;overflow:hidden;animation:fingerscan_animated 1s ease}.FingCra .fingscan .content .box img{margin-top:20px;height:200px}.FingCra .fingscan .content .box:after{content:"";position:absolute;width:240px;height:10px;background-color:aqua;box-shadow:0 0 10px aqua;bottom:0;left:0;border-radius:10px}.FingCra .fingscan .desc{font-weight:bold;font-size:2em}.FingCra .fingscan .desc.cyan{color:aqua}.FingCra .fingscan.true .content{box-shadow:inset 0 0 10px 5px #6ccc71}.FingCra .fingscan.true .content .box{animation:none}.FingCra .fingscan.true .content .box:after{display:none}.FingCra .fingscan.true .desc{color:#6ccc71}.FingCra .fingscan.false .content{box-shadow:inset 0 0 10px 5px #ff6e6e}.FingCra .fingscan.false .content .box{animation:none}.FingCra .fingscan.false .content .box:after{display:none}.FingCra .fingscan.false .desc{color:#ff6e6e}.FingCra .fingscan.out .content{animation:fade_out .5s ease}@keyframes fingerscan_animated{0%{height:10px}100%{height:240px}}.GamePad{position:absolute;z-index:20;top:0;left:0;width:100%;height:100%}.GamePad .gp-game{position:absolute;top:20px;left:20px;display:flex;justify-content:left;align-items:center;gap:20px}.GamePad .gp-game .gg{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;cursor:pointer}.GamePad .gp-game .gg:has(.stackeye){transform:scale(0.75) translateX(-2.25rem)}.GamePad .gp-interact{position:absolute;right:40px;bottom:4rem;color:#a79250;border-radius:50%;opacity:.8;cursor:pointer}.GamePad .gp-arrows{position:absolute;bottom:20px;left:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.GamePad .gp-arrows .ar{padding:7px 10px;color:#efefef}.GamePad .gp-arrows .ar.ar-eye{opacity:.8;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;cursor:pointer}.GamePad .gp-arrows .ar.ar-gp{background-color:rgba(167,146,80,.8);border-radius:10px;cursor:pointer}.GamePad.hide{display:none}.GamePad.disabled .gp-arrows,.GamePad.disabled .gp-interact,.GamePad.disabled .gp-eye{display:none}