:root{--dark-blue:#20555e;--blue:#08658c;--light-gradient:radial-gradient(ellipse at center, #c8e9f4 80%, #78b7cd 100%);--onclick-gradient:radial-gradient(ellipse at center, #98bbc7 80%, #4b7e90 100%);--inactive-gradient:radial-gradient(ellipse at center, #aad3df 0%, #5d8b99 80%, #285057 100%);--button-gradient:radial-gradient(ellipse at center, #bbe3ef 0%, #5ccef1 40%, #1a91b5 100%);--tech-progress-gradient:linear-gradient(to top, #72afd2, #6196b5, #48738c);--progress-bar-gragient:linear-gradient(to top, #1b5679, #347498, #59acdd);--box-shadow:0 0rem .1875rem #000;--thin-shadow:0 0rem .0625rem #000;--bar-shadow:0 0rem .1075rem #000;--rounded-sm:.25rem;--rounded-md:.625rem;--rounded-lg:.5rem}@font-face{font-family:Nunito;src:url(../fonts/Nunito/Nunito-VariableFont_wght.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;font-weight:700}img{pointer-events:none;-webkit-user-drag:none}html{font-size:12px}.rotate{color:#fff;cursor:pointer;z-index:9999;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform-origin:50%;background-image:url(../assets/Rotate.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:1.5rem;align-items:center;gap:1rem;width:17rem;height:17rem;padding:1rem 2rem;font-size:2.5rem;font-weight:700;animation:2s ease-in-out infinite rotatePhone;display:flex;position:fixed;top:8%;left:1%;transform:translate(-50%,-50%)}@keyframes rotatePhone{0%{opacity:0;transform:rotate(0)}50%{opacity:1}to{opacity:0;transform:rotate(90deg)}}body:before{content:"";z-index:-1;pointer-events:none;background-image:url(../assets/Background.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}body{flex-direction:column;justify-content:center;align-items:center;min-width:448rem;height:100vh;font-family:Nunito,sans-serif;font-size:.875rem;display:flex;overflow-y:hidden}body .modal-techs{z-index:100;border-radius:var(--rounded-md);width:50rem;height:34.5rem;box-shadow:var(--box-shadow);background-color:#c8e9f4b3;background-size:cover;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}body .modal-techs .close-modal-btn{color:red;cursor:pointer;text-shadow:0 1px 2px #000000a6,0 0 6px #0000008c;background:0;border:0;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:4rem;display:flex;position:absolute;top:2.5%;right:2.5%;transform:rotate(45deg)}body .modal-techs .close-modal-btn:hover{opacity:.9}body .modal-techs .close-modal-btn:active{transform:scale(.95)rotate(45deg)}body .modal-techs .modal-tech-name{color:#fff;width:100%;height:4rem;box-shadow:var(--box-shadow);text-shadow:0 1px 2px #000000a6,0 0 6px #0000008c;background:radial-gradient(#21506d 0%,#133a52 80%,#0f3349 100%);flex-direction:row;justify-content:center;align-items:center;font-size:1.75rem;display:flex}body .modal-techs .modal-header{color:#fff;height:4rem;box-shadow:var(--box-shadow);background:radial-gradient(#1d7fa7 0%,#08658c 80%,#0b5473 100%);border-radius:.25rem;grid-template-columns:1fr 2fr 2fr 2fr;margin:1.5rem;font-size:1.25rem;display:grid}body .modal-techs .modal-header .modal-header-inner{text-shadow:0 1px 2px #000000a6,0 0 6px #0000008c;flex-direction:row;justify-content:center;align-items:center;display:flex}body .modal-techs .modal-header-center{grid-template-columns:2fr 2fr 2fr}body .modal-techs .modal-cont{color:#fff;height:59.5%;box-shadow:var(--box-shadow);background:radial-gradient(#1d7fa7 0%,#08658c 80%,#0b5473 100%);border-radius:.25rem;flex-direction:column;margin:1.5rem;padding-top:.35rem;font-size:1.5rem;display:flex;overflow:hidden}body .modal-techs .modal-header{flex:none;margin-bottom:.35rem}body .modal-techs .modal-scroll{scrollbar-width:thin;scrollbar-color:#ffffffb3 #063d5759;flex:auto;min-height:0;overflow:hidden auto}body .modal-techs .modal-scroll::-webkit-scrollbar{width:.55rem}body .modal-techs .modal-scroll::-webkit-scrollbar-track{background:#063d5759;border-radius:.3rem}body .modal-techs .modal-scroll::-webkit-scrollbar-thumb{background:#ffffffb3;border-radius:.3rem}body .modal-techs .modal-scroll::-webkit-scrollbar-thumb:hover{background:#ffffffe6}body .modal-techs .modal-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,2fr) minmax(0,2fr);margin-top:.35rem;display:grid}body .modal-techs .modal-row div{text-align:center;justify-content:center;align-items:center;min-width:0;font-size:1.15rem;font-weight:400;display:flex}body .modal-techs .modal-row-center{grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,2fr)}body .modal-techs .modal-requirements{--requirement-badge-shadow:inset 0 0 0 .0625rem #e1f7fc3d, 0 .06rem .12rem #00142252;height:auto;padding:1rem}body .modal-techs .modal-requirements .modal-requirements-title{color:#e8fbff;letter-spacing:.025rem;text-shadow:0 .0625rem .125rem #000000bf,0 0 .4rem #45d1ee61;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.85rem;font-size:1.2rem;display:flex}body .modal-techs .modal-requirements .modal-requirements-title:before,body .modal-techs .modal-requirements .modal-requirements-title:after{content:"";background:linear-gradient(90deg,#0000,#6fdef5bf,#0000);flex:1;height:.0625rem}body .modal-techs .modal-requirements .modal-requirement{border-radius:var(--rounded-sm);background:var(--light-gradient);grid-template-columns:minmax(0,1fr);gap:.6rem;margin-top:.7rem;padding:.75rem;display:grid}body .modal-techs .modal-requirements .modal-requirement-heading{flex-direction:row;justify-content:center;align-items:center;gap:.45rem;display:flex}body .modal-techs .modal-requirements .modal-requirement-level,body .modal-techs .modal-requirements .modal-requirement-mode{border-radius:var(--rounded-sm);letter-spacing:.025rem;text-align:center;flex-direction:row;justify-content:center;align-items:center;min-width:7rem;min-height:1.65rem;padding:.2rem .5rem;font-size:.85rem;display:flex}body .modal-techs .modal-requirements .modal-requirement-level{box-shadow:var(--requirement-badge-shadow);background:linear-gradient(#247fa2,#15526f)}body .modal-techs .modal-requirements .modal-requirement-mode-one{box-shadow:var(--requirement-badge-shadow);background:linear-gradient(#32abc2,#1a7890)}body .modal-techs .modal-requirements .modal-requirement-mode-all{box-shadow:var(--requirement-badge-shadow);background:linear-gradient(#b24248,#5f171e)}body .modal-techs .modal-requirements .modal-requirement-conditions{flex-wrap:wrap;align-content:center;gap:.5rem;min-width:0;display:flex}body .modal-techs .modal-requirements .modal-requirement-condition{border-radius:var(--rounded-sm);min-width:0;box-shadow:var(--requirement-badge-shadow);background:radial-gradient(#1d7fa7 0%,#08658c 80%,#0b5473 100%);flex-direction:row;flex:20rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .65rem;font-size:1rem;display:flex}body .modal-techs .modal-requirements .modal-requirement-name{min-width:0;line-height:1.05rem}body .modal-techs .modal-requirements .modal-required-level{border-radius:var(--rounded-sm);box-shadow:var(--requirement-badge-shadow);background:#5514198c;flex:none;padding:.16rem .42rem}body .tech-animation .tech-container,body .tech-animation .tech-container-unmet{animation:2s ease-out highlight-tech-animation}@keyframes highlight-tech-animation{0%{filter:grayscale(0%)brightness(1.3);box-shadow:0 0 .8333rem .3333rem #f009}33%{filter:grayscale(0%)brightness();box-shadow:0 0 .4167rem .1667rem #f003}66%{filter:grayscale(0%)brightness(1.3);box-shadow:0 0 .8333rem .3333rem #f009}to{filter:grayscale(0%)brightness();box-shadow:none}}body .tech-animation .crystal-center-image{animation:2s ease-out highlight-center-animation}@keyframes highlight-center-animation{0%{filter:grayscale(0%)brightness(1.3)}33%{filter:grayscale(0%)brightness()}66%{filter:grayscale(0%)brightness(1.3)}to{filter:grayscale(0%)brightness()}}body .wrapper{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}body .wrapper .header,body .wrapper .footer{z-index:0;width:100%;height:8vh;margin:1.665rem 0;position:relative}body .wrapper .header .visually-hidden,body .wrapper .footer .visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body .wrapper .header .footer-actions,body .wrapper .footer .footer-actions{z-index:20;flex-direction:row;justify-content:center;align-items:center;gap:3rem;width:min(96vw,100rem);min-height:6rem;padding:.8rem 3rem;display:flex;position:fixed;bottom:.45rem;left:50%;transform:translate(-50%)}body .wrapper .header .progress-action,body .wrapper .footer .progress-action{--action-border:#2a8fab;--action-glow:#14b2d74d;--action-highlight:#a4eeffb8;--action-top:#075b79;--action-bottom:#06334e;isolation:isolate;background:linear-gradient(180deg, #ffffff29 0%, transparent 28%), linear-gradient(180deg, var(--action-top) 0%, var(--action-bottom) 100%);width:18rem;height:3.25rem;box-shadow:inset 0 1px 0 #1c5a83, inset 0 0rem .32rem #010f1f7a, 0 .28rem .5rem #00000075, 0 0 .65rem color-mix(in srgb, var(--action-glow) 42%, transparent);color:#eaf8ff;text-shadow:0 1px #000000e6;cursor:pointer;border:0;border-radius:.65rem;flex-direction:row;justify-content:center;align-items:center;gap:1.15rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}body .wrapper .header .progress-action:before,body .wrapper .footer .progress-action:before{content:"";z-index:-1;pointer-events:none;border:1px solid #0000;border-radius:.42rem;inset:.3rem}body .wrapper .header .progress-action:after,body .wrapper .footer .progress-action:after{content:"";z-index:-1;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);pointer-events:none;background:linear-gradient(#ffffff21,#0000);height:45%;position:absolute;top:0;left:12%;right:12%}body .wrapper .header .progress-action:focus-visible,body .wrapper .footer .progress-action:focus-visible{outline-offset:.3rem;outline:.18rem solid #d7f5ff}@media (hover:hover) and (pointer:fine){body .wrapper .header .progress-action:hover,body .wrapper .footer .progress-action:hover{filter:brightness(1.18)saturate(1.12);transform:translateY(-.12rem)}}body .wrapper .header .progress-action:active,body .wrapper .footer .progress-action:active{filter:brightness(.98);transform:translateY(.01rem)scale(.995)}body .wrapper .header .progress-action-icon,body .wrapper .footer .progress-action-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #000000d9);width:1.5rem;height:1.5rem;margin-left:-2rem}body .wrapper .header .inactive,body .wrapper .footer .inactive{pointer-events:none;cursor:not-allowed;filter:grayscale()brightness();background:linear-gradient(#ffffff36 0%,#0000 28%),linear-gradient(#b3b3b3 0%,#636a6d 100%)}body .wrapper .header .load-btn,body .wrapper .footer .load-btn{--action-border:#35b8c9;--action-glow:#12b7cc59;--action-highlight:#a3f4ffbf;--action-top:#08728b;--action-bottom:#06415c}body .wrapper .header .save-btn,body .wrapper .footer .save-btn{--action-border:#6ee9ff;--action-glow:#00d1ffb8;--action-highlight:#defdfff2;--action-top:#118fd1;--action-bottom:#075aa4}body .wrapper .header .reset-btn,body .wrapper .footer .reset-btn{--action-border:#8297aa;--action-glow:#809db547;--action-highlight:#dbebf6ad;--action-top:#4d667d;--action-bottom:#263e55;color:#dce8f1}body .wrapper .header .delete-saved-btn,body .wrapper .footer .delete-saved-btn{--action-border:#c85148;--action-glow:#d0312761;--action-highlight:#ffbaae9e;--action-top:#87332f;--action-bottom:#4d1719;color:#ffe8e2}body .wrapper .header .cost-reduction,body .wrapper .footer .cost-reduction{z-index:10;color:#fff;text-shadow:0 1px 2px #000000a6,0 0 6px #0000008c;font-size:2rem;font-weight:800;position:fixed}body .wrapper .header .total-sum-cont,body .wrapper .footer .total-sum-cont{color:#fff;grid-template-columns:auto auto;gap:.25rem .75rem;width:20rem;font-size:1rem;display:grid;position:fixed;top:7%;left:85%;transform:translate(-50%,-50%)}body .wrapper .header .total-sum-cont .amt-name,body .wrapper .footer .total-sum-cont .amt-name{text-shadow:0 1px 2px #000000a6,0 0 6px #0000008c;flex-direction:column;justify-content:center;align-items:start;display:flex}body .wrapper .header .total-sum-cont div,body .wrapper .footer .total-sum-cont div{display:flex}body .wrapper .header .total-sum-cont div img,body .wrapper .footer .total-sum-cont div img{width:1.65rem;height:1.5rem}body .wrapper .header .coins-cont,body .wrapper .footer .coins-cont{color:#fff;grid-template-columns:auto auto;width:20rem;font-size:1.5rem;display:grid;position:fixed;top:7%;left:15%;transform:translate(-50%,-50%)}body .wrapper .header .coins-cont .total-coins,body .wrapper .footer .coins-cont .total-coins{border-radius:var(--rounded-sm);color:#fff;border-radius:var(--rounded-sm);text-align:end;background-color:#132e41b3;flex-direction:row;justify-content:end;align-items:center;width:9.5rem;height:2rem;padding-right:.625rem;display:flex}body .wrapper .header .coins-cont div,body .wrapper .footer .coins-cont div{display:flex}body .wrapper .header .coins-cont div img,body .wrapper .footer .coins-cont div img{width:2rem;height:2rem}body .wrapper .header .total-sum,body .wrapper .header .total-sum-base,body .wrapper .header .total-sum-saved,body .wrapper .footer .total-sum,body .wrapper .footer .total-sum-base,body .wrapper .footer .total-sum-saved{border-radius:var(--rounded-sm);color:#fff;border-radius:var(--rounded-sm);text-align:end;background-color:#132e41b3;flex-direction:row;justify-content:end;align-items:center;width:9.5rem;height:1.5rem;padding-right:.625rem;display:flex}body .wrapper .header .cost-reduction,body .wrapper .footer .cost-reduction{top:7%;left:50%;transform:translate(-50%,-50%)}body .wrapper .header .requirements,body .wrapper .footer .requirements{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;top:82%;left:50%;transform:translate(-50%,-50%)}body .wrapper .header .requirements .notification,body .wrapper .footer .requirements .notification{color:red;text-shadow:0 1px 2px #000000a6,0 0 6px #ff00008c;font-size:2rem;font-weight:800}body .wrapper .header .requirements .unmet-list,body .wrapper .footer .requirements .unmet-list{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}body .wrapper .header .requirements .unmet-list .tech-container-unmet,body .wrapper .footer .requirements .unmet-list .tech-container-unmet{border-radius:var(--rounded-sm);color:var(--dark-blue);box-shadow:var(--box-shadow);background:var(--light-gradient);justify-content:space-around;width:14rem;height:4rem;font-size:.8rem;line-height:.875rem;display:flex}body .wrapper .header .requirements .unmet-list .tech-container-unmet .tech-image,body .wrapper .footer .requirements .unmet-list .tech-container-unmet .tech-image{width:4rem;height:4rem;box-shadow:var(--box-shadow);background:linear-gradient(90deg,#8e853a,#fc0,#8e853a);border-radius:.35rem;flex-direction:column;justify-content:center;align-items:center;margin-top:-.325rem;padding:.125rem;display:flex;overflow:hidden}body .wrapper .header .requirements .unmet-list .tech-container-unmet .tech-image img,body .wrapper .footer .requirements .unmet-list .tech-container-unmet .tech-image img{border-radius:.35rem;width:100%;height:100%}body .wrapper .header .requirements .unmet-list .tech-container-unmet .crystal-center-requirement-image,body .wrapper .footer .requirements .unmet-list .tech-container-unmet .crystal-center-requirement-image{background:radial-gradient(circle at center, #1689ad 0%, var(--blue) 68%, #064565 100%)}body .wrapper .header .requirements .unmet-list .tech-container-unmet .tech-content,body .wrapper .footer .requirements .unmet-list .tech-container-unmet .tech-content{flex-direction:column;justify-content:space-between;align-items:start;width:8rem;height:100%;padding:.35rem 0;display:flex}body .wrapper .header .requirements .unmet-list .tech-container-unmet .tech-link,body .wrapper .footer .requirements .unmet-list .tech-container-unmet .tech-link{cursor:pointer;font:inherit;background:var(--button-gradient);border-radius:var(--rounded-sm);width:7.5rem;height:1.25rem;color:var(--dark-blue);border:none;flex-direction:row;justify-content:center;align-items:center;margin-top:-.25rem;transition:filter .2s,transform .2s;display:flex;box-shadow:0 0 .1rem #000}@media (hover:hover) and (pointer:fine){body .wrapper .header .requirements .unmet-list .tech-container-unmet .tech-link:hover,body .wrapper .footer .requirements .unmet-list .tech-container-unmet .tech-link:hover{filter:brightness(1.04)drop-shadow(0 0 .18rem #34c6e752);transform:translateY(-.02rem)scale(1.005)}}body .wrapper .header .requirements .unmet-list .tech-container-unmet .tech-link:active,body .wrapper .footer .requirements .unmet-list .tech-container-unmet .tech-link:active{transform:scale(.98)}body .wrapper .main{will-change:transform;flex-direction:row;flex:1;justify-content:center;align-items:center;display:flex;position:relative;top:-6%;overflow:auto;transform:translateZ(0)}body .wrapper .main .column-container,body .wrapper .main .crystal-center{flex-direction:column;justify-content:space-around;align-items:center;gap:1rem;width:23rem;min-height:25rem;max-height:34rem;display:flex}body .wrapper .main .column-container .tech-section,body .wrapper .main .column-container .crystal-center,body .wrapper .main .crystal-center .tech-section,body .wrapper .main .crystal-center .crystal-center{flex-direction:column;justify-content:center;align-items:center;width:15rem;display:flex;position:relative}body .wrapper .main .column-container .tech-section .crystal-center-info,body .wrapper .main .column-container .crystal-center .crystal-center-info,body .wrapper .main .crystal-center .tech-section .crystal-center-info,body .wrapper .main .crystal-center .crystal-center .crystal-center-info{z-index:10;flex-direction:column;justify-content:center;align-items:center;margin-bottom:-2.8rem;display:flex}body .wrapper .main .column-container .tech-section .crystal-center-info .tech-name,body .wrapper .main .column-container .crystal-center .crystal-center-info .tech-name,body .wrapper .main .crystal-center .tech-section .crystal-center-info .tech-name,body .wrapper .main .crystal-center .crystal-center .crystal-center-info .tech-name{border-radius:var(--rounded-sm);color:var(--dark-blue);box-shadow:var(--box-shadow);background:var(--light-gradient);flex-direction:row;justify-content:space-around;align-items:center;width:17.5rem;height:2.5rem;font-size:1.25rem;line-height:1.1rem;display:flex}body .wrapper .main .column-container .tech-section .crystal-center-info .progress-info,body .wrapper .main .column-container .crystal-center .crystal-center-info .progress-info,body .wrapper .main .crystal-center .tech-section .crystal-center-info .progress-info,body .wrapper .main .crystal-center .crystal-center .crystal-center-info .progress-info{border-radius:var(--rounded-sm);color:#fff;background-color:#132e41b3;flex-direction:row;justify-content:center;align-items:center;width:10rem;height:1.875rem;font-size:1rem;display:flex}body .wrapper .main .column-container .tech-section .tech-container,body .wrapper .main .column-container .crystal-center .tech-container,body .wrapper .main .crystal-center .tech-section .tech-container,body .wrapper .main .crystal-center .crystal-center .tech-container{border-radius:var(--rounded-sm);color:var(--dark-blue);box-shadow:var(--box-shadow);background:var(--light-gradient);cursor:pointer;justify-content:space-around;width:15rem;height:5rem;display:flex}body .wrapper .main .column-container .tech-section .tech-container .tech-image,body .wrapper .main .column-container .crystal-center .tech-container .tech-image,body .wrapper .main .crystal-center .tech-section .tech-container .tech-image,body .wrapper .main .crystal-center .crystal-center .tech-container .tech-image{border-radius:var(--rounded-lg);width:5rem;height:5rem;box-shadow:var(--box-shadow);background:linear-gradient(90deg,#8e853a,#fc0,#8e853a);flex-direction:column;justify-content:center;align-items:center;margin-top:-.625rem;padding:.155rem;display:flex;overflow:hidden}body .wrapper .main .column-container .tech-section .tech-container .tech-image img,body .wrapper .main .column-container .crystal-center .tech-container .tech-image img,body .wrapper .main .crystal-center .tech-section .tech-container .tech-image img,body .wrapper .main .crystal-center .crystal-center .tech-container .tech-image img{border-radius:.4rem;width:100%;height:100%}body .wrapper .main .column-container .tech-section .tech-container .tech-image-noborder,body .wrapper .main .column-container .crystal-center .tech-container .tech-image-noborder,body .wrapper .main .crystal-center .tech-section .tech-container .tech-image-noborder,body .wrapper .main .crystal-center .crystal-center .tech-container .tech-image-noborder{flex-direction:column;justify-content:center;align-items:center;width:5rem;height:5rem;margin-top:-1.025rem;display:flex}body .wrapper .main .column-container .tech-section .tech-container .tech-image-noborder img,body .wrapper .main .column-container .crystal-center .tech-container .tech-image-noborder img,body .wrapper .main .crystal-center .tech-section .tech-container .tech-image-noborder img,body .wrapper .main .crystal-center .crystal-center .tech-container .tech-image-noborder img{width:125%;height:125%}body .wrapper .main .column-container .tech-section .tech-container .tech-content,body .wrapper .main .column-container .crystal-center .tech-container .tech-content,body .wrapper .main .crystal-center .tech-section .tech-container .tech-content,body .wrapper .main .crystal-center .crystal-center .tech-container .tech-content{flex-direction:column;justify-content:space-between;align-items:start;width:7.5rem;padding:.55rem 0;display:flex}body .wrapper .main .column-container .tech-section .tech-container .tech-content .tech-name,body .wrapper .main .column-container .crystal-center .tech-container .tech-content .tech-name,body .wrapper .main .crystal-center .tech-section .tech-container .tech-content .tech-name,body .wrapper .main .crystal-center .crystal-center .tech-container .tech-content .tech-name{font-size:.9rem;line-height:1.1rem}body .wrapper .main .column-container .tech-section .tech-container .tech-content .tech-progress,body .wrapper .main .column-container .crystal-center .tech-container .tech-content .tech-progress,body .wrapper .main .crystal-center .tech-section .tech-container .tech-content .tech-progress,body .wrapper .main .crystal-center .crystal-center .tech-container .tech-content .tech-progress{border-radius:var(--rounded-md);z-index:10;color:#fff;background:var(--tech-progress-gradient);border:.125rem solid #499dba;width:100%;height:1.1rem;position:relative;overflow:hidden}body .wrapper .main .column-container .tech-section .tech-container .tech-content .tech-progress .progress-bar,body .wrapper .main .column-container .crystal-center .tech-container .tech-content .tech-progress .progress-bar,body .wrapper .main .crystal-center .tech-section .tech-container .tech-content .tech-progress .progress-bar,body .wrapper .main .crystal-center .crystal-center .tech-container .tech-content .tech-progress .progress-bar{background:var(--progress-bar-gragient);border-radius:var(--rounded-md);box-shadow:var(--bar-shadow);height:100%;position:absolute;top:0;left:0}body .wrapper .main .column-container .tech-section .tech-container .tech-content .tech-progress .progress-info,body .wrapper .main .column-container .crystal-center .tech-container .tech-content .tech-progress .progress-info,body .wrapper .main .crystal-center .tech-section .tech-container .tech-content .tech-progress .progress-info,body .wrapper .main .crystal-center .crystal-center .tech-container .tech-content .tech-progress .progress-info{color:#fff;z-index:10;flex-direction:row;justify-content:center;align-items:center;width:2.5rem;height:100%;font-size:.6875rem;display:flex;position:absolute;left:2.4375rem;transform:translateY(.05rem)}body .wrapper .main .column-container .tech-section .cost-container,body .wrapper .main .column-container .crystal-center .cost-container,body .wrapper .main .crystal-center .tech-section .cost-container,body .wrapper .main .crystal-center .crystal-center .cost-container{flex-direction:row;justify-content:space-between;align-items:center;width:12.5rem;height:1.375rem;margin:.625rem auto;display:flex}body .wrapper .main .column-container .tech-section .cost-container .cost-image,body .wrapper .main .column-container .crystal-center .cost-container .cost-image,body .wrapper .main .crystal-center .tech-section .cost-container .cost-image,body .wrapper .main .crystal-center .crystal-center .cost-container .cost-image{width:1.5rem;height:1.625rem}body .wrapper .main .column-container .tech-section .cost-container .cost-image img,body .wrapper .main .column-container .crystal-center .cost-container .cost-image img,body .wrapper .main .crystal-center .tech-section .cost-container .cost-image img,body .wrapper .main .crystal-center .crystal-center .cost-container .cost-image img{width:110%;height:100%}body .wrapper .main .column-container .tech-section .cost-container .cost-research,body .wrapper .main .column-container .crystal-center .cost-container .cost-research,body .wrapper .main .crystal-center .tech-section .cost-container .cost-research,body .wrapper .main .crystal-center .crystal-center .cost-container .cost-research{border-radius:var(--rounded-sm);color:#fff;width:67%;height:1.375rem;box-shadow:var(--thin-shadow);background-color:#132e41b3;flex-direction:row;justify-content:center;align-items:center;display:flex}body .wrapper .main .column-container .tech-section .cost-container .cost-btn,body .wrapper .main .column-container .tech-section .cost-container .downgrade-btn,body .wrapper .main .column-container .crystal-center .cost-container .cost-btn,body .wrapper .main .column-container .crystal-center .cost-container .downgrade-btn,body .wrapper .main .crystal-center .tech-section .cost-container .cost-btn,body .wrapper .main .crystal-center .tech-section .cost-container .downgrade-btn,body .wrapper .main .crystal-center .crystal-center .cost-container .cost-btn,body .wrapper .main .crystal-center .crystal-center .cost-container .downgrade-btn{color:#3e8793;cursor:pointer;width:1.5rem;height:1.5rem;box-shadow:var(--box-shadow);z-index:20;background-image:radial-gradient(circle at 35% 28%,#effcff 0%,#b9e8f2 18%,#79c3d5 48%,#438da3 72%,#285f73 100%);border:none;border-radius:50%;padding:0;font-size:1.6875rem;line-height:1;transition:filter .2s,transform .2s}body .wrapper .main .column-container .tech-section .cost-container .cost-btn:disabled,body .wrapper .main .column-container .tech-section .cost-container .downgrade-btn:disabled,body .wrapper .main .column-container .crystal-center .cost-container .cost-btn:disabled,body .wrapper .main .column-container .crystal-center .cost-container .downgrade-btn:disabled,body .wrapper .main .crystal-center .tech-section .cost-container .cost-btn:disabled,body .wrapper .main .crystal-center .tech-section .cost-container .downgrade-btn:disabled,body .wrapper .main .crystal-center .crystal-center .cost-container .cost-btn:disabled,body .wrapper .main .crystal-center .crystal-center .cost-container .downgrade-btn:disabled{cursor:default;filter:grayscale()brightness(.9)}@media (hover:hover) and (pointer:fine){body .wrapper .main .column-container .tech-section .cost-container .cost-btn:not(:disabled):hover,body .wrapper .main .column-container .tech-section .cost-container .downgrade-btn:not(:disabled):hover,body .wrapper .main .column-container .crystal-center .cost-container .cost-btn:not(:disabled):hover,body .wrapper .main .column-container .crystal-center .cost-container .downgrade-btn:not(:disabled):hover,body .wrapper .main .crystal-center .tech-section .cost-container .cost-btn:not(:disabled):hover,body .wrapper .main .crystal-center .tech-section .cost-container .downgrade-btn:not(:disabled):hover,body .wrapper .main .crystal-center .crystal-center .cost-container .cost-btn:not(:disabled):hover,body .wrapper .main .crystal-center .crystal-center .cost-container .downgrade-btn:not(:disabled):hover{filter:brightness(1.05)drop-shadow(0 0 .18rem #34c6e752);transform:scale(1.03)}}body .wrapper .main .column-container .tech-section .cost-container .cost-btn:not(:disabled):active,body .wrapper .main .column-container .tech-section .cost-container .downgrade-btn:not(:disabled):active,body .wrapper .main .column-container .crystal-center .cost-container .cost-btn:not(:disabled):active,body .wrapper .main .column-container .crystal-center .cost-container .downgrade-btn:not(:disabled):active,body .wrapper .main .crystal-center .tech-section .cost-container .cost-btn:not(:disabled):active,body .wrapper .main .crystal-center .tech-section .cost-container .downgrade-btn:not(:disabled):active,body .wrapper .main .crystal-center .crystal-center .cost-container .cost-btn:not(:disabled):active,body .wrapper .main .crystal-center .crystal-center .cost-container .downgrade-btn:not(:disabled):active{transform:scale(.98)}body .wrapper .main .column-container .tech-section .arrow-cont,body .wrapper .main .column-container .crystal-center .arrow-cont,body .wrapper .main .crystal-center .tech-section .arrow-cont,body .wrapper .main .crystal-center .crystal-center .arrow-cont{z-index:-10;width:11.25rem;display:flex;position:absolute;bottom:5.4125rem;left:12.375rem}body .wrapper .main .column-container .tech-section .arrow-cont .arrow,body .wrapper .main .column-container .tech-section .arrow-cont .horizontal,body .wrapper .main .column-container .crystal-center .arrow-cont .arrow,body .wrapper .main .column-container .crystal-center .arrow-cont .horizontal,body .wrapper .main .crystal-center .tech-section .arrow-cont .arrow,body .wrapper .main .crystal-center .tech-section .arrow-cont .horizontal,body .wrapper .main .crystal-center .crystal-center .arrow-cont .arrow,body .wrapper .main .crystal-center .crystal-center .arrow-cont .horizontal{width:100%;position:absolute}body .wrapper .main .column-container .tech-section .arrow-cont .vertical-up,body .wrapper .main .column-container .crystal-center .arrow-cont .vertical-up,body .wrapper .main .crystal-center .tech-section .arrow-cont .vertical-up,body .wrapper .main .crystal-center .crystal-center .arrow-cont .vertical-up{bottom:-.65rem;transform:scaleY(-1)}body .wrapper .main .column-container .tech-section .arrow-big,body .wrapper .main .column-container .crystal-center .arrow-big,body .wrapper .main .crystal-center .tech-section .arrow-big,body .wrapper .main .crystal-center .crystal-center .arrow-big{width:34.75rem}body .wrapper .main .crystal-center{width:34.375rem}body .wrapper .main .crystal-center .tech-section{width:30.125rem}body .wrapper .main .crystal-center .tech-section .crystal-center-image{width:30.5rem;height:30.5rem;position:relative}body .wrapper .main .crystal-center .tech-section .crystal-center-image .crystal-center-hover{cursor:pointer;border-radius:2rem;width:17.5rem;height:17.5rem;display:block;position:absolute;top:8rem;left:6rem;transform:rotate(45deg)}body .wrapper .main .crystal-center .tech-section .crystal-center-image img{z-index:-20;width:100%}body .wrapper .main .crystal-center .tech-section .cost-container{margin-top:-.625rem}body .wrapper .main .inactive .tech-image,body .wrapper .main .inactive img,body .wrapper .main .inactive .cost-btn,body .wrapper .main .inactive .downgrade-btn{filter:grayscale()brightness()}body .wrapper .main .inactive .tech-progress{filter:grayscale(50%)brightness()}body .wrapper .main .inactive .progress-info{color:#8fc7d9!important}body .wrapper .main .inactive .arrow{filter:grayscale()brightness(.2)sepia()hue-rotate(150deg)saturate(4);opacity:.5;mix-blend-mode:multiply}body .wrapper .main .inactive .tech-container{background:var(--inactive-gradient)!important}body .wrapper .main .inactive .tech-name{color:#fff}body .wrapper .main .tech-container,body .wrapper .main .crystal-center-image{transition:filter .2s,transform .2s}@media (hover:hover) and (pointer:fine){body .wrapper .main .tech-container:hover,body .wrapper .main .crystal-center-image:hover{filter:brightness(1.08)drop-shadow(0 0 .4rem #32bcdc6b);transform:translateY(-.08rem)scale(1.01)}}body .wrapper .main .tech-container:active,body .wrapper .main .crystal-center-image:active{filter:brightness(.92);transform:translateY(.06rem)scale(.98)}@media (width<=1520px){html{font-size:11px}body{overflow:auto}}@media (width<=1320px){html{font-size:10px}body{overflow:auto}}@media (width<=1024px) and (orientation:landscape){html{font-size:7px}body{overflow:auto}}@media (width<=920px) and (orientation:landscape){html{font-size:6px}body{overflow:auto}}@media (width<=800px) and (orientation:landscape){html{font-size:5.5px}body{overflow:auto}}@media (width<=680px) and (orientation:landscape){html{font-size:4px}body{overflow:auto}}@media (width<=680px) and (orientation:portrait){html{font-size:7px}body{overflow:auto}}@media (width<=480px){html{font-size:6px}body{overflow:auto}body .wrapper .footer .footer-actions{display:none}}@media (width<=430px) and (orientation:landscape){html{font-size:5px}body{overflow:auto}body .wrapper .footer .footer-actions{display:none}}@media (width<=380px) and (orientation:landscape){html{font-size:4px}body{overflow:auto}body .wrapper .footer .footer-actions{display:none}}@media (hover:none) and (pointer:coarse){.crystal-center-hover,.tech-container,.cost-btn,.downgrade-btn,.progress-action,.close-modal-btn,.tech-link{-webkit-tap-highlight-color:transparent}}
