:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:hsl(6,78%,57%);--toastify-color-transparent:rgba(255,255,255,0.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px rgba(0,0,0,0.1);--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translateX(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:auto}.Toastify__toast{--toastify-toast-width:100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right;border-bottom-left-radius:0}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:YRDZST-Semibold;src:url(/fonts/YRDZST-Semibold.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Ropa;src:url(/fonts/Ropa.OTF) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Gowun;src:url(/fonts/GowunDodum-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--spectro:#f7eb95;--havoc:#f2b6de;--aero:#b0ffb0;--toastify-font-family:"Gowun",sans-serif;--toastify-color-success:#a69662!important;--toastify-color-error:#dc2626!important}body,button,h1,h2,h3,h4,h5,h6,label,p{font-family:Ropa,sans-serif}#root,body,html{background:#121212;background-color:#121212;max-width:100%}body{color:#E0E0E0;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.tab{display:inline-block;margin-right:10px;padding:10px;cursor:pointer;background-color:#f1f1f1}.tab,.tab-content{border:1px solid #ccc}.tab-content{display:none;padding:20px;background:transparent;color:inherit}.active-tab{display:block}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{background-color:#1E1E1E;width:10px}::-webkit-scrollbar-thumb{background:#444;border-radius:100px}.app-container{min-height:100%;height:100%;width:100%;display:flex;flex-direction:column}h2{margin:20px}.scan-container{position:-webkit-sticky;position:sticky;top:61px;z-index:9999;width:100%}.ocr-panel-container{position:absolute;left:2.5%;top:20%}.ocr-panel{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out}.ocr-panel.open{max-height:800px;opacity:1}.panel-content{position:relative;margin-top:2px;padding:1rem 1rem 0;width:85vh;min-height:25vh;max-height:780px;overflow-y:auto;background-color:#444;border-radius:12px;border:1px solid white;-webkit-text-fill-color:white}.panel-content::-webkit-scrollbar-thumb{background:#bbb;border-radius:12px;border:2px solid #444}.panel-content::-webkit-scrollbar-thumb:hover{background:#888}.panel-content::-webkit-scrollbar-track{background:#444;border-radius:12px;margin:3px}.switch{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;color:#333;font-family:Gowun,sans-serif;font-size:14px;font-weight:700;text-align:center;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}.switch:hover{background-color:#e0e0e0;box-shadow:0 6px 8px rgba(0,0,0,.15);border-color:#bbb}.switch:active{background-color:#d6d6d6;box-shadow:inset 0 4px 6px rgba(0,0,0,.2)}.scan-controls .clear-button{display:inline-block;position:absolute;top:90px;left:10%;padding:8px 16px;margin:0;color:white;border:none;border-radius:4px;cursor:pointer}.scan-errors{width:27.5%;position:absolute;height:120px;top:45px;right:1px;text-align:center;align-content:center;border-radius:12px}.error-message{-webkit-text-fill-color:red;font-size:24px;font-family:Gowun,sans-serif;font-weight:700;padding:8px;white-space:pre-line}.nav-bar{position:-webkit-sticky;position:sticky;top:0;z-index:999;background:#1E1E1E;padding:4px;border-bottom:1px solid #333;margin-bottom:10px}.nav-content{width:calc(100% - 36px);margin:0 0 0 40px;display:flex;align-items:center;gap:20px;font-family:Gowun,sans-serif}.nav-title{font-size:36px;font-weight:700;color:#E0E0E0;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.nav-title:hover{color:#a69662;text-shadow:0 0 8px rgba(166,150,98,.3)}.nav-links{display:flex;gap:4px}.nav-links a{color:#E0E0E0;text-decoration:none;font-size:24px;font-weight:500;padding:8px 16px;border-radius:4px;transition:all .2s ease;text-align:center}.nav-links a:hover{color:#bfad7d;background:rgba(166,150,98,.08);transform:translateY(-1px);box-shadow:0 2px 8px rgba(166,150,98,.2)}.nav-links a.active{color:#a69662;background:rgba(166,150,98,.15);font-weight:600;border-bottom:2px solid #a69662}@media (max-width:1200px){.panel-content{width:91vw;margin-left:0}.ocr-panel-container{left:0}.scan-controls .clear-button{left:24%;top:12%}.process-button{top:5px;left:calc(24% + 97.36px)}.process-button,.scan-controls .clear-button{z-index:5}.scan-errors{width:45%;top:7.5%}.error-message{font-size:20px}.nav-content{flex-direction:column;gap:0;margin:0;width:100%}.nav-links a{padding:8px}.scan-container{top:12.5%}}.char-sig{background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite}.char-sig.fusion{background-image:linear-gradient(90deg,#ff4500,#ff8c00,#ffd700,#ff4d00)}.char-sig.glacio{background-image:linear-gradient(90deg,#00ced1,#87ceeb,#b0e0e6,#ffffff,#00ffff)}.char-sig.aero{background-image:linear-gradient(90deg,#b0ffb0,#d0f0c0,#ffffff,#90ee90,#b0ffb0)}.char-sig.electro{background-image:linear-gradient(90deg,#8a2be2,#7b68ee,#9370db,#6a5acd,#8a2be2)}.char-sig.spectro{background-image:linear-gradient(90deg,#fffacd,#ffd700,#ffa500,#fffacd)}.char-sig.havoc{background-image:linear-gradient(90deg,#ff1493,#8b008b,#ff69b4,#9400d3,#ff1493)}.char-sig.rover{background-image:linear-gradient(90deg,#ff4500,#00ced1,#b0ffb0,#8a2be2,#fffacd,#8b008b,#ff69b4)}.Toastify__toast{border:1px solid #333;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.element-image{width:100%;height:100%;object-fit:cover}.element-carousel{position:absolute;left:17.5%;top:5%;z-index:10}.element-button{background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.3);padding:8px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;width:120px;justify-content:space-between}.element-button:hover{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.6);box-shadow:0 2px 8px rgba(0,0,0,.5)}.carousel-icon{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.element-carousel .element-name{font-size:16px;color:white;transition:all .3s ease;flex-grow:1;text-align:center;white-space:nowrap}.element-carousel[data-element=Havoc] .element-name{color:var(--havoc)}.element-carousel[data-element=Spectro] .element-name{color:var(--spectro)}.element-carousel[data-element=Aero] .element-name{color:var(--aero)}.element-arrow{cursor:pointer;padding:4px 2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:rgba(255,255,255,.7)}.element-arrow:hover{background-color:rgba(255,255,255,.2);color:white;transform:scale(1.15)}.element-center{cursor:pointer;display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:12px;transition:all .2s ease}.element-center:hover{background-color:rgba(255,255,255,.15);transform:scale(1.05)}.element-carousel[data-element=Havoc] .element-arrow:hover{background-color:rgba(242,182,222,.3);color:var(--havoc)}.element-carousel[data-element=Spectro] .element-arrow:hover{background-color:rgba(247,235,149,.3);color:var(--spectro)}.element-carousel[data-element=Aero] .element-arrow:hover{background-color:rgba(176,255,176,.3);color:var(--aero)}.element-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.element-modal-content{background:#222;border:1px solid #a69662;border-radius:12px;padding:20px;max-width:300px;width:100%}.element-modal-header{font-size:18px;margin-bottom:16px;text-align:center;color:white}.element-options{display:flex;flex-direction:column;gap:10px}.element-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.element-option:hover{background:rgba(255,255,255,.1)}.element-option.active{background:rgba(166,150,98,.2)}.element-option-icon{width:28px;height:28px;border-radius:50%;overflow:hidden}.element-option-name{font-size:16px}.element-option[data-element=Havoc] .element-option-name{color:var(--havoc)}.element-option[data-element=Spectro] .element-option-name{color:var(--spectro)}.element-option[data-element=Aero] .element-option-name{color:var(--aero)}.import-tutorial{padding:1rem 0;animation:slideFromLeft .3s ease;transform-origin:center}.scan-tutorial{animation:slideFromRight .3s ease;transform-origin:center}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-2%)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateX(2%)}to{opacity:1;transform:translateX(0)}}.import-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin:2rem 0}.import-step{position:relative;background:rgba(0,0,0,.2);border-radius:8px;padding:1.5rem;text-align:center}.import-step p{margin:.5rem 0}.import-number{position:absolute;top:-1rem;left:50%;transform:translateX(-50%);width:2rem;height:2rem;background:#007bff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.import-step-img{width:100%;height:auto;border-radius:4px;margin:1rem 0}.tutorial-footer{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin:2rem 0}.bot-guide,.import-notes{background:rgba(0,0,0,.2);border-radius:8px;padding:1.5rem}.bot-guide ul,.import-notes ul{list-style-type:none;padding:0;margin:0}.bot-guide p{margin-bottom:0}.bot-guide li,.import-notes li{padding-left:1.5rem;position:relative;margin:.5rem 0;text-align:left}.bot-guide li:before,.import-notes li:before{content:"·";position:absolute;left:.5rem}.bot-image{width:100%;height:auto;border-radius:4px;margin-top:.5rem}@media (max-width:1200px){.import-guide{font-size:24px}.import-steps{display:flex;position:relative;overflow-x:hidden;margin:1rem 0}.import-step{flex:0 0 100%;padding:1rem}.import-step h4{margin-bottom:4px;font-size:28px}.import-step img{margin:0}.import-number{position:static;transform:none;margin:0 auto 1rem}.tutorial-footer{grid-template-columns:1fr}}.home-page{background:#121212;color:#E0E0E0}.main-content{max-width:1440px;margin:0 auto;padding:0 20px;line-height:1.6;text-align:center}.main-content h3{font-weight:700;font-family:Gowun,sans-serif;color:#a69662;font-size:36px;margin:12px auto 24px}.main-content h4{margin-top:8px}.overview-content{display:flex;flex-direction:column;align-items:center}.overview-text{flex:none;width:100%;text-align:center}.scan-section{position:relative;max-width:450px;margin:0 auto}.example-card,.scan-example{width:100%;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.5);display:block}.example-card{width:75%}.scanning{align-items:center;gap:32px;margin-bottom:20px}.scanning,.scanning-text{display:flex;flex-direction:column}.scanning-text{font-family:Gowun,sans-serif;color:#E0E0E0;font-size:24px;width:100%}.scan-line{display:flex;align-items:center;max-width:90%}.disclaimer{font-size:14px;color:#888;text-align:center;line-height:1;border-top:1px solid #333}.typewriter-container{min-height:60px;display:flex;align-items:center;margin-bottom:20px}.typewriter-text{font-family:Gowun,sans-serif;color:#E0E0E0;font-size:36px;white-space:nowrap}.dot{font-size:36px;margin-right:8px}.cursor,.dot{color:#a69662}.cursor{margin-left:2px;font-weight:700;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.carousel{position:relative;width:85%;margin:0 auto 20px;perspective:1200px}.carousel-container{position:relative;height:400px;transform-style:preserve-3d}.carousel-item{position:absolute;width:100%;height:100%;transition:all .3s ease-out}.carousel-image{width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:20px 0 20px -20px rgba(0,0,0,.5),-20px 0 20px -20px rgba(0,0,0,.5);transition:transform .3s ease}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#a69662;cursor:pointer;z-index:20;transition:color .2s ease;padding:8px}.carousel-button:hover{color:#8a7b4e}.carousel-button-left{left:-32px}.carousel-button-right{right:-32px}.screenshot-guide h3{margin:0}.screenshot-guide{position:relative}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;grid-gap:36px;gap:36px;margin:0 auto 32px}.screenshot-type{display:flex;flex-direction:column;text-align:center;transition:transform .2s ease;position:relative}.screenshot-type:hover{transform:scale(1.2);z-index:2}.screenshot-type:nth-child(n+4){transform:translateX(50%)}.screenshot-type:nth-child(n+4):hover{transform:translateX(50%) scale(1.25)}.screenshot-type h4{color:#a69662;font-family:Gowun,sans-serif;margin-bottom:0}.screenshot-type-img{width:100%;height:100%;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.5);outline:2px solid #a69662;cursor:pointer}.screenshot-disclaimer{position:absolute;left:50%;bottom:0;transform:translate(-50%,120%);background:rgba(0,0,0,.8);border:1px solid #a69662;border-radius:8px;padding:12px 24px;color:#a69662;font-style:italic;font-size:18px;line-height:1.4;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 20px rgba(0,0,0,.5);transition:transform .2s ease;z-index:1}.image-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer;animation:fadeIn .2s ease}.image-overlay-img{height:95vh;width:auto;object-fit:contain;border-radius:8px;cursor:default;animation:zoomIn .2s ease}@keyframes zoomIn{0%{transform:scale(.9)}to{transform:scale(1)}}.quick-start{margin-top:7%}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin:24px auto;max-width:1200px}.step{text-align:center;padding:24px 24px 12px;background:rgba(255,255,255,.05);border-radius:8px;transition:transform .2s ease;max-width:400px}.step p{margin:12px 0}.step:hover{transform:translateY(-4px)}.step-image{width:100%;height:auto;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.5);transition:transform .2s ease}.step-number{width:32px;height:32px;background:#a69662;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-weight:700;color:#121212}.note{font-style:italic;color:#888;font-size:14px;margin-top:16px;text-align:left;padding:0 8px}.note-list{margin:0;padding:0}.step:last-child .note{margin:0}.tutorial-toggle{display:flex;justify-content:center;gap:1.5rem;margin:2rem 0}.toggle-btn{padding:.75rem 2rem;border-radius:4px;background:rgba(26,26,26,.95);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);font-size:1rem;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:rgba(26,26,26,.8);border-color:rgba(255,255,255,.2)}.toggle-btn.active{background:#007bff;border-color:#007bff;color:white}@media (max-width:1200px){.main-content{margin-top:12px;max-width:100vw;overflow-x:hidden}.main-content h3{margin:12px auto}.overview-content{flex-direction:column}.scanning{font-size:22px}.typewriter-container{margin-bottom:12px}.typewriter-text{font-size:22px}.example-card{width:100%;max-width:100%}.carousel{width:100%;margin:0 auto}.carousel-container{height:150px}.carousel-button{display:none}.carousel-image{box-shadow:none}.note{padding:0}.screenshot-grid{margin:12px auto;display:flex}.screenshot-type{transition:transform .3s ease}.screenshot-type-img{max-width:90%;margin:0 auto}.screenshot-type-img:hover{transform:none}.steps-container{position:relative;overflow:hidden;margin:8px auto}.step{transition:transform .3s ease}.screenshot-grid,.steps-container{position:relative;cursor:-webkit-grab;cursor:grab}.screenshot-grid:active,.steps-container:active{cursor:-webkit-grabbing;cursor:grabbing}.screenshot-grid:before,.steps-container:before{content:"«";left:6px;animation:bounceLeft 1.5s infinite}.screenshot-grid:after,.screenshot-grid:before,.steps-container:after,.steps-container:before{position:absolute;top:50%;transform:translateY(-50%);color:#a69662;font-size:24px;opacity:.6;pointer-events:none;z-index:2}.screenshot-grid:after,.steps-container:after{animation:bounceRight 1.5s infinite}@keyframes bounceLeft{0%,to{transform:translateY(-50%)}50%{transform:translate(-5px,-50%)}}@keyframes bounceRight{0%,to{transform:translateY(-50%)}50%{transform:translate(5px,-50%)}}.screenshot-grid:after,.screenshot-grid:before,.steps-container:after,.steps-container:before{content:"«";position:absolute;left:6px;top:50%;transform:translateY(-50%);color:#a69662;font-size:24px;opacity:.6;animation:bounceLeft 1.5s infinite,fadeOut .5s ease-out 10s forwards;pointer-events:none;z-index:2}.screenshot-grid:after,.steps-container:after{content:"»";left:auto;right:6px;animation:bounceRight 1.5s infinite,fadeOut .5s ease-out 10s forwards}@keyframes fadeOut{0%{opacity:.6}to{opacity:0;visibility:hidden}}.swipe-dots{display:flex;justify-content:center;gap:8px;transform:translateY(-5px)}.swipe-dot{width:8px;height:8px;border-radius:50%;background:rgba(166,150,98,.3);transition:all .3s ease}.swipe-dot.active{background:#a69662;transform:scale(1.2);box-shadow:0 0 8px rgba(166,150,98,.4)}.tutorial-toggle{gap:1rem}.toggle-btn{padding:.5rem 1rem;font-size:.875rem}.disclaimer,.screenshot-disclaimer{font-size:10px;bottom:20%;padding:6px}}h1,h2,label{font-size:40px;text-align:center;margin:0 auto}h2{width:20%}.manual-section{text-align:center;display:flex;flex-direction:column;align-items:center;width:20%;margin:0 auto;font-size:40px}.select-box{cursor:pointer;display:inline-block;text-align:center}.select-img{width:80px;height:80px;border:2px solid #ccc;border-radius:50%;margin-top:20px}.select-img-inner{width:90px;height:auto;object-fit:cover;transform:translate(-5px)}.manual-section label{font-size:30px;margin-bottom:5px}#selectedCharacterLabel{font-size:30px;text-align:center;margin:0 auto}.character-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.char-label{font-size:20px;color:#E0E0E0;transform:translateY(-10px)}.char-img{height:auto;border-radius:50%;z-index:2;object-fit:cover}.char-img,.character-option{width:100px;position:relative}.character-option{height:100px;margin:15px;cursor:pointer;text-align:center;display:flex;flex-direction:column}.character-option .char-img{transform:translate(-1px,-8px);transition:transform .3s ease;transform-origin:center;object-fit:cover}.select-box .char-img{border-color:#999}.border-wrapper{position:absolute;width:80px;height:80px;border-radius:50%;top:42.5%;left:50%;transform:translate(-50%,-50%);z-index:1}.character-option .border-wrapper[data-element=Fusion]{border-left:0 solid;border-top:3px solid;border-color:#ff8c00;border-style:none solid solid none;border-width:medium 4px 4px medium;box-shadow:0 0 10px rgba(255,140,0,.3)}.character-option .border-wrapper[data-element=Glacio]{border-left:0 solid;border-top:3px solid;border-color:#00ced1;border-style:none solid solid none;border-width:medium 4px 4px medium;box-shadow:0 0 10px rgba(0,206,209,.3)}.character-option .border-wrapper[data-element=Aero]{border-left:0 solid;border-top:3px solid;border-color:#90ee90;border-style:none solid solid none;border-width:medium 4px 4px medium;box-shadow:0 0 10px rgba(144,238,144,.3)}.character-option .border-wrapper[data-element=Electro]{border-left:0 solid;border-top:3px solid;border-color:#8a2be2;border-style:none solid solid none;border-width:medium 4px 4px medium;box-shadow:0 0 10px rgba(138,43,226,.3)}.character-option .border-wrapper[data-element=Spectro]{border-left:0 solid;border-top:3px solid;border-color:#ffd700;border-style:none solid solid none;border-width:medium 4px 4px medium;box-shadow:0 0 10px rgba(255,215,0,.3)}.character-option .border-wrapper[data-element=Havoc]{border-left:0 solid;border-top:3px solid;border-color:#ff1493;border-style:none solid solid none;border-width:medium 4px 4px medium;box-shadow:0 0 10px rgba(255,20,147,.3)}.character-option .border-wrapper[data-element=Rover]{border-left:0 solid;border-top:3px solid;border-color:#ff4500;border-style:none solid solid none;border-width:medium 4px 4px medium;animation:colorRotate 4s linear infinite}@keyframes colorRotate{0%{border-color:#ff4500}20%{border-color:#00ced1}40%{border-color:#90ee90}60%{border-color:#8a2be2}80%{border-color:#ffd700}to{border-color:#ff4500}}@keyframes zoom{0%{transform:translate(-1px,-8px) scale(1)}to{transform:translate(-1px,-8px) scale(1.2)}}.character-option:hover .border-wrapper{animation:rotate 2s linear infinite,rotateIn .3s ease-out forwards;transform-origin:center}@keyframes rotateIn{0%{transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{transform:translate(-50%,-50%) scale(1.2) rotate(1turn)}}.character-option:hover .char-img{animation:zoom .3s ease-out forwards;transform-origin:center}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:1200px){.manual-section{width:100%}.character-option{width:80px;height:80px;margin:10px}.char-img{width:80px}.border-wrapper{width:60px;height:60px}.char-label{font-size:16px}}.modal{position:fixed;z-index:9999;right:0;top:0;width:100%;height:100vh;background-color:rgba(18,18,18,.95);display:flex;justify-content:center;align-items:center;overflow:hidden}.modal-content{color:#E0E0E0;margin:20px;padding:20px;border-radius:8px;width:80%;max-width:1400px;position:relative;text-align:center;max-height:80vh;overflow-y:auto}.close,.modal-content{background-color:#1E1E1E}.close{position:absolute;top:0;right:0;z-index:10000;margin:10px;padding:8px;border-radius:50%}.echo-modal-content .close{position:relative}.close:hover{color:#fff}body.modal-open{overflow:hidden}.sequence-group{position:absolute;top:0;left:22.5%;width:15%;height:50%;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}#sequenceImage{height:50%;width:auto;position:relative}.sequence-option{width:35px;height:35px;border-radius:50%;border:1px solid #2a3940;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;background-color:transparent;z-index:2;position:absolute}.sequence-option[data-sequence="1"]{top:15%;left:40%}.sequence-option[data-sequence="2"]{top:22%;right:20%}.sequence-option[data-sequence="3"]{top:40%;right:7.5%}.sequence-option[data-sequence="4"]{top:60%;right:10%}.sequence-option[data-sequence="5"]{bottom:16%;right:30%}.sequence-option[data-sequence="6"]{bottom:12.5%;left:35%}.sequence-option:hover{background-color:rgba(166,150,98,.3)}.sequence-option.active{background-color:#a69662;border-color:#e5d650;box-shadow:0 0 10px rgba(229,214,80,.3)}.sequence-label{color:white;font-size:calc(min(4vh, 30px));text-align:center;width:100%;top:0;left:45%;position:absolute;transform:translateX(-50%)}.rank-container{position:absolute;display:flex;left:12.5%;top:35%;z-index:4}.MuiSlider-root{width:6px!important}.MuiSlider-valueLabelLabel{font-family:Ropa,sans-serif;font-size:14px}.circular-slider{top:22.5%;width:173px;height:173px}.circular-slider,.control-button{position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.control-button{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-92deg) translate(81px) rotate(92deg);background:#a69662;border-radius:50%;width:20px;height:20px;font-size:14px;border:1px solid rgba(57,55,53);z-index:3;cursor:-webkit-grab;cursor:grab;transition:transform .2s ease,background .2s ease}.control-button.dragging{background:#8a7b4e;cursor:-webkit-grabbing;cursor:grabbing}.progress-bar{position:relative;z-index:1}.progress-circle{fill:none}.progress-circle:first-child{stroke:rgba(0,0,0,.7);stroke-width:9px;stroke-dasharray:170 502.4;transform-origin:center;transform:rotate(-90deg);stroke-linecap:round}.progress-circle:nth-child(2){stroke:rgb(2,117,232);stroke-width:9px;stroke-dasharray:502.4;stroke-dashoffset:calc(502.4 - (170 * 0) / 100);transform-origin:center;transform:rotate(-90deg);stroke-linecap:round}.control-button:hover{background:#7a6840}.level-mobile{display:none;position:absolute;z-index:4;right:10%}@media (max-width:768px){.circular-slider{display:none}.level-mobile{display:block}}.weapon-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.weapon-option{width:120px;height:150px;margin:10px;cursor:pointer;text-align:center;background-size:contain;background-repeat:no-repeat}.weapon-img{width:100px;height:100px;border-radius:8px;border:2px solid #999;margin-bottom:5px}.weapon-name{font-size:16px;letter-spacing:.25px;transform:translateY(-2px);width:120px;word-wrap:break-word;white-space:normal}.weapon-label{text-align:center;margin-top:5px}.weapon-label,.weapon-selection{display:flex;justify-content:center}.weapon-selection{position:absolute;top:55%;left:22.5%;width:15%;flex-direction:column;align-items:center;gap:8px}.weapon-choice{font-size:40px;text-align:center}.weapon-box{margin-top:20px;z-index:4}#weaponImg.select-img{width:100px;height:100px;border-radius:50%;border:2px solid #999}.weapon-sig{font-size:30px;width:200px;text-align:center;left:-40%;background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite}.weapon-sig.rarity-5{background-image:linear-gradient(90deg,#ffd700,#fff7b5,#ffd700)}.weapon-sig.rarity-4{background-image:linear-gradient(90deg,#c468e9,#e1bef3,#c468e9)}.weapon-sig.rarity-3{background-image:linear-gradient(90deg,#6ebfce,#b4d4da,#6ebfce)}.weapon-sig.rarity-2{background-image:linear-gradient(90deg,#7ab488,#bad1bf,#7ab488)}.weapon-sig.rarity-1{background-image:linear-gradient(90deg,#595959,#868686,#595959)}@media (max-width:1200px){.weapon-option{width:90px;height:120px;margin:10px}.weapon-img{width:70px;height:70px}.weapon-name{font-size:15px;width:90px}}.forte-group{position:absolute;top:0;right:2.5%;width:60%;height:100%;display:flex;flex-direction:column;align-items:center}.forte-slots{justify-content:space-between;gap:30px}.forte-slots,.skill-branch{display:flex;position:relative;height:100%}.skill-branch{flex-direction:column;align-items:center;flex:1 1}.skill-branch:first-child,.skill-branch:nth-child(5){top:20%}.skill-branch:nth-child(2),.skill-branch:nth-child(4){top:10%}.skill-branch:nth-child(3){top:0}.node-container{width:125px;height:125px;position:relative;display:flex;align-items:center;justify-content:center}.node-container:has([data-skill=tree1-top]),.node-container:has([data-skill=tree5-top]){top:-10%}.node-container:has([data-skill=tree1-middle]),.node-container:has([data-skill=tree5-middle]){top:0}.node-container:has([data-skill=tree2-top]),.node-container:has([data-skill=tree4-top]){top:-5%}.node-container:has([data-skill=tree2-middle]),.node-container:has([data-skill=tree4-middle]){top:-5%}.node-container:has([data-skill=tree3-top]){top:0}.node-container:has([data-skill=tree3-middle]){top:2.5%}.glowing-node{width:125px;height:125px;border-radius:50%;cursor:pointer;transition:all .3s ease;background-image:url(/_next/static/media/NodeEmpty.ce4ab178.png);background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;z-index:2}.glowing-node.active{background-image:url(/_next/static/media/NodeFull.b2641e6b.png);z-index:1}.skill-branch:nth-child(3) .glowing-node{background-image:url(/_next/static/media/SkillEmpty.b96e2d8f.png)}.skill-branch:nth-child(3) .glowing-node.active{background-image:url(/_next/static/media/SkillFull.0f91417a.png)}.forte-slot{width:200px;height:200px;top:15%;transition:all .3s ease;background-image:url(/_next/static/media/Forte.4c7d1d85.png);background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative}.bottom-wrapper,.skill-info{display:flex;flex-direction:column;align-items:center;position:relative}.skill-info{top:10%}.level-display{background:rgba(0,0,0,.5);padding:6px 10px;border-radius:4px;font-size:16px;margin-bottom:2px;z-index:4}.skill-name{color:rgba(255,255,255,.8);font-size:18px;white-space:nowrap;text-align:center}.skill-input{width:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:3px;color:white;text-align:center;font-size:14px;padding:1px 2px;margin:0 2px;transition:background .2s,border-color .2s}.skill-input:focus{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);outline:none}.skill-input:hover{background:rgba(255,255,255,.15)}.skill-image{height:20%;top:42%;left:40%;filter:invert(1)}.node-image,.skill-image{width:20%;object-fit:contain;position:absolute}.node-image{height:auto;top:39.5%;left:39.5%;z-index:2;filter:brightness(0)}.skill-branch:not(:nth-child(3)) .glowing-node.active .node-image{top:37.5%;left:40.5%}.lower-line,.upper-line{width:20%;background-image:url(/_next/static/media/Line.52c6b6d6.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;position:absolute;right:39%}.upper-line{height:130%;top:62%}.lower-line{height:25%;top:30.25%}.skill-branch:nth-child(2) .upper-line,.skill-branch:nth-child(4) .upper-line{height:73%;top:65%}.skill-branch:nth-child(2) .lower-line,.skill-branch:nth-child(4) .lower-line{height:31%;top:25%}.skill-branch:nth-child(3) .upper-line{height:65%;top:75%;right:40%}.skill-branch:nth-child(3) .lower-line{height:20.5%;top:34.5%;right:39%}.max-wrapper{position:absolute;top:83%;display:flex;align-items:center;justify-content:center;width:200px;height:100px}.max-frame{position:absolute;width:100%;height:100%;object-fit:contain;cursor:pointer;transition:filter .3s ease}.max-frame:hover{filter:brightness(1.3)}.skill-input::-webkit-inner-spin-button,.skill-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.character-section{overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;justify-content:flex-start;scrollbar-width:thin;position:relative;margin-bottom:20px}.character-info{border:calc(min(.15vh, 1px)) solid grey;border-radius:calc(min(1.3vh, 10px));margin:calc(min(2.7vh, 20px)) auto 0;background-color:#222;width:90%;max-width:2000px;min-width:1800px;display:inline-block}.character-content{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out;display:flex;flex-direction:column;align-items:center;position:relative}.character-content.open{max-height:800px;opacity:1;height:675px}.character-header{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;padding:8px 16px;border:1px solid #444;border-radius:8px;background-color:#333;color:#fff;font-family:Gowun,sans-serif;font-size:28px;font-weight:700;text-align:center;cursor:pointer;transition:all .3s ease}@media (max-width:1200px){.character-header{justify-content:flex-start;padding-left:calc(45vw)}}.character-header.with-chevron{cursor:pointer}.character-header:not(.with-chevron){cursor:default}.character-header svg{position:absolute;left:16px;width:28px;height:28px;color:#888;stroke-width:2.5px;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.character-header:hover svg{color:#fff}.character-header:hover{background-color:#444;border-color:#555}.character-tab-icon{height:80%;width:auto;left:1%;object-fit:cover;top:-3%;position:absolute}.character-level-container{width:20%;height:20%;bottom:3%;left:1%}.character-level-container,.slider-group{display:flex;align-items:center;position:absolute}.slider-group{width:100%;gap:2%;bottom:30%}.character-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:82%;height:6px;background:linear-gradient(90deg,#ffd700 0,#ff8c00 50%,#d3d3d3 0);border-radius:5px;outline:none;opacity:.7;transition:opacity .2s,background .2s;z-index:2}.character-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#e5d650;border-radius:50%;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.character-slider::-moz-range-thumb{width:20px;height:20px;background:#a69662;border-radius:50%;cursor:pointer;border:none;-moz-transition:background .2s;transition:background .2s}.character-level-value{display:flex;justify-content:center;align-items:center;width:15%;right:0;height:25px;background-color:#a69662;color:white;font-size:16px;border-radius:5px;cursor:pointer;z-index:2;position:absolute}.character-level-value:before{content:"Click to set precise level";top:35px;padding:6px 10px;background-color:rgba(0,0,0,.8);color:white;font-size:12px;border-radius:4px;white-space:nowrap;pointer-events:none}.character-level-value:after,.character-level-value:before{position:absolute;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000}.character-level-value:after{content:"";top:25px;border:5px solid transparent;border-bottom-color:rgba(0,0,0,.8)}.character-level-value:hover:after,.character-level-value:hover:before{opacity:1;visibility:visible}.level-input{width:15%;min-width:40px;height:25px;font-size:16px;text-align:center;background-color:#a69662;color:white;border:none;border-radius:5px;z-index:2}.level-input::-webkit-inner-spin-button,.level-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.level-label{position:absolute;transform:translateX(-5%);color:white;font-size:30px;text-align:center;width:100%;bottom:2%;margin:0 auto}.star-container{height:50%;left:0;top:0;justify-content:space-evenly;z-index:2}.star-background,.star-container{width:100%;display:flex;align-items:center;position:absolute}.star-background{height:100%;z-index:1;opacity:1;left:50%;transform:translateX(-50%);justify-content:flex-start;gap:10px;padding-left:2%}.star-background-image{width:100%;height:100%;object-fit:cover}.diamond-container{position:absolute;height:auto;width:100%;display:flex;flex-direction:row;align-items:center;gap:10px;padding-left:2%;padding-right:2%;z-index:2}.diamond{height:24px;width:24px;margin:10px;transform:rotate(45deg);border:2px solid #5e6168;background-color:#1c282e;outline:2px solid transparent;transition:background-color .3s,border-color .3s;box-shadow:0 0 5px rgba(0,0,0,.3);position:relative;z-index:3}.diamond.filled{background-color:#ffffff;border-color:#c7c8cb;box-shadow:0 0 10px rgba(255,255,255,.8)}.diamond:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background-color:#1c282e;border-radius:2px;z-index:-1;transition:background-color .3s}.diamond.filled:before{background-color:transparent;box-shadow:none}#sequenceImage{top:calc(min(1.3vh, 10px));right:calc(min(1.3vh, 10px));object-fit:contain;z-index:2}.sequence-group .sequence-image{background-image:none}.build-button{padding:10px 20px;color:white;border-radius:5px;transition:background .3s ease}.build-button:hover{background:#8a7b4e}#goNext{position:absolute;left:48%;bottom:-10%;z-index:3}.echo-section{overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;justify-content:flex-start;scrollbar-width:thin;position:relative;margin-bottom:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.echo-section.visible{opacity:1;visibility:visible}.echoes-tab{border:1px solid grey;border-radius:10px;margin:20px auto 0;background-color:#222;width:90%;max-width:2000px;min-width:1800px;display:inline-block;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;white-space:wrap}.echoes-tab.visible{opacity:1;visibility:visible}.echoes-header{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;padding:8px 16px;border:1px solid #444;border-radius:8px;background-color:#333;color:#fff;font-family:Gowun,sans-serif;font-size:28px;font-weight:700;text-align:center;cursor:pointer;transition:all .3s ease}@media (max-width:1200px){.echoes-header{justify-content:flex-start;padding-left:45vw}.echoes-header svg{left:16px;transform:scaleX(-1)}}.echoes-header.with-chevron{cursor:pointer}.echoes-header svg{position:absolute;right:16px;width:28px;height:28px;color:#888;stroke-width:2.5px;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.echoes-header:hover svg{color:#fff}.echoes-header:hover{background-color:#444;border-color:#555}.echoes-content{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out;display:flex;flex-direction:column;align-items:center;position:relative}.echoes-content.open{max-height:800px;opacity:1;height:650px;padding:1.3vh}.echo-panels-container{display:flex;justify-content:center;gap:5vh;width:95%;height:90%;padding:2%}.echo-panel{height:100%;background-color:#333;border-radius:10px;position:relative}.sortable-panel{width:17.5%;position:relative}.sortable-panel[data-dragging=true]{opacity:.8;z-index:999}.sortable-panel[data-dragging=true] .echo-panel{box-shadow:0 0 20px rgba(0,0,0,.3)}.echo-panel .manual-section{height:30%;width:100%;flex-direction:column;align-items:center;position:relative}.clear-button{position:absolute;top:0;padding:5px 10px;margin:5px;background-color:#a69662;color:white;border:none;border-radius:4px;cursor:pointer;transform:translateY(-35px)}.clear-button:hover{background-color:#ff5252}.echo-panel .select-box{margin:10px;position:relative;top:-20%;z-index:4;transition:right .3s ease;right:0}.panel-actions{display:flex;gap:8px;padding:8px;margin-top:auto;transform:translateY(45px);justify-content:center}.action-button{width:40%;height:25px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.action-button.save{background:#a69662;color:white}.action-button.save:hover{background:#9d8538}.action-button.save.saved{background:#4CAF50;transform:scale(.95);transition:all .2s ease}.action-button.save:active{transform:scale(.95)}.action-button.load{background:#a10909;color:white}.action-button.load:hover{background:rgb(14,6,230)}.saved-echo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;padding:16px;max-height:70vh;overflow-y:auto}.saved-echo-item{background:rgba(255,255,255,.05);border-radius:4px;padding:8px;cursor:pointer;transition:background .2s}.saved-echo-item:hover{background:rgba(255,255,255,.1)}.saved-echo-list .echo-name{max-width:100%}.echo-info{display:flex;flex-direction:column;gap:4px}.echo-stats{font-size:14px;color:#aaa;text-align:center}.echo-stats>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-button{padding:4px 8px;font-size:12px;transition:opacity .2s}.saved-echo-item:hover .delete-button{opacity:1}.delete-button:hover{background:#c41111}#selectedEchoLabel{position:relative;width:100%;min-height:36px;margin:15px 0;cursor:-webkit-grab;cursor:grab;display:flex;align-items:center;justify-content:center}#selectedEchoLabel:before{content:"Try clicking and dragging me!";position:absolute;top:-30px;left:50%;transform:translateX(-50%);background-color:#222;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s ease;white-space:nowrap;z-index:2}#selectedEchoLabel:hover:before{opacity:1}#selectedEchoLabel:active{cursor:-webkit-grabbing;cursor:grabbing}.echo-panel:has(#selectedEchoLabel:active){background-color:#3a3a3a}.echo-level-container{display:flex;align-items:center;width:90%;height:10%;margin:0 auto;position:relative;top:-5%}.echo-slider-group{display:flex;align-items:center;width:100%;gap:8px;justify-content:center}.echo-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70%;height:6px;border-radius:5px;outline:none;opacity:.85;transition:opacity .2s,background .2s}.echo-slider:hover{opacity:1}.echo-slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;background:#e5d650;border-radius:50%;cursor:pointer}.echo-slider::-moz-range-thumb{width:15px;height:15px;background:#a69662;border-radius:50%;cursor:pointer;border:none}.echo-level-value{display:flex;justify-content:center;align-items:center;width:35px;height:20px;background-color:#a69662;color:#ffffff;font-size:14px;border-radius:5px;padding:2px 5px;text-align:center}.echo-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;padding:15px;height:80vh;overflow:hidden}.echo-cost-section{background-color:rgba(40,40,40,.95);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.cost-label{color:#E0E0E0;text-align:center;padding:10px 0;border-bottom:1px solid #444;font-size:24px}.echo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;overflow-y:auto;padding-right:10px;justify-content:center}.echo-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:5px;gap:5px;position:relative}.echo-option:hover{background-color:rgba(255,255,255,.1);border-radius:4px}.echo-img{width:80px;height:80px;object-fit:cover}.echo-name{color:#E0E0E0;font-size:18px;text-align:center;max-width:110px;overflow-wrap:break-word}.echo-option:hover .delete-button{opacity:1}.echo-modal-content{width:90%;max-height:90vh;background-color:rgb(25,25,25);border-radius:12px;overflow-y:auto}.echo-panel .manual-section:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-85%,-30%);width:84px;height:84px;border-radius:50%;background-color:#333;z-index:2;pointer-events:none}.element-container{width:100%;height:50%;position:absolute;transform:translateY(70%);overflow:hidden}.element-tabs{display:flex;flex-direction:column;gap:2px;width:25%;transform:translateX(70%);height:84px}.element-tab{flex:1 1;background-color:#2a2a2a;border:1px solid;cursor:pointer;position:relative;transition:all .2s ease;max-height:28px}.element-tab:hover{filter:brightness(1.2)}.element-tab.active{filter:brightness(1.3);background-color:#a69662}.element-number{position:absolute;width:100%;height:100%;margin-left:10%;display:flex;justify-content:left;align-items:center;font-size:12px;font-weight:700}@keyframes shine{0%{background-position:0 50%}to{background-position:200% 50%}}.set-name-display{position:absolute;width:35%;right:5%;top:50%;transform:translateY(-50%);font-family:Ropa,sans-serif;background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite}.set-name-display.fusion{background-image:linear-gradient(90deg,#ff4500,#ff8c00,#ffd700,#ff4d00)}.set-name-display.glacio{background-image:linear-gradient(90deg,#00ced1,#87ceeb,#b0e0e6,#ffffff,#00ffff)}.set-name-display.aero{background-image:linear-gradient(90deg,#b0ffb0,#d0f0c0,#ffffff,#90ee90,#b0ffb0)}.set-name-display.electro{background-image:linear-gradient(90deg,#8a2be2,#7b68ee,#9370db,#6a5acd,#8a2be2)}.set-name-display.spectro{background-image:linear-gradient(90deg,#fffacd,#ffd700,#ffa500,#fffacd)}.set-name-display.havoc{background-image:linear-gradient(90deg,#ff1493,#8b008b,#ff69b4,#9400d3,#ff1493)}.set-name-display.er{background-image:linear-gradient(90deg,#ffffff,#c0c0c0,#e8e8e8,#a9a9a9,#ffffff)}.set-name-display.attack{background-image:linear-gradient(90deg,#8b0000,#ffffff,#990000,#f8f8ff,#8b0000)}.set-name-display.healing{background-image:linear-gradient(90deg,#00ff00,#32cd32,#98fb98,#228b22,#00ff00)}.set-name-display.empyrean{background-image:linear-gradient(90deg,#4ba3ff,#ffffff,#c6e2ff,#91c3ff,#4ba3ff)}.set-name-display.frosty{background-image:linear-gradient(90deg,#00ced1,#87ceeb,#b0e0e6,#ffffff,#00ffff)}.set-name-display.midnight{background-image:linear-gradient(90deg,#e086e0,#dda0dd,#ffffff,#d8bfd8,#e086e0)}.set-name-display.radiance{background-image:linear-gradient(90deg,#ffd700,#fff5b0,#ffffff,#ffe87c,#ffd700)}.set-name-display.tidebreaking{background-image:linear-gradient(90deg,#ffffff,#c0c0c0,#e8e8e8,#a9a9a9,#ffffff)}.set-name-display.gust{background-image:linear-gradient(90deg,#98fb98,#7fff00,#ffffff,#32cd32,#98fb98)}.set-name-display.windward{background-image:linear-gradient(90deg,#b0ffb0,#d0f0c0,#ffffff,#90ee90,#b0ffb0)}.set-name-display.flaming{background-image:linear-gradient(90deg,#ff4500,#ff8c00,#ffd700,#ff4d00)}.stats-tab{display:flex;flex-direction:column;gap:10px;width:90%;height:280px;margin:0 auto;background-color:#333;border-radius:8px;transform:translateY(-5%)}.stat-select{background-color:#555;width:60%}.stat-select,.stat-value{color:#fff;border:none;outline:none;font-size:14px;padding:5px;border-radius:4px;cursor:pointer}.stat-value{background-color:#666;width:30%}.main-stat-value{display:flex;justify-content:center;align-items:center;width:50px;height:20px;background-color:#a69662;color:#ffffff;font-size:14px;border-radius:5px;padding:2px 5px;text-align:center}.substats-container{display:flex;flex-direction:column;gap:8px}.stat-slot{display:flex;justify-content:space-between;align-items:center;background-color:#444;border-radius:5px;padding:10px 15px;color:#fff;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateZ(0);transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.stat-slot:active{cursor:-webkit-grabbing;cursor:grabbing}.stat-slot[data-dragging=true]{background-color:#555;box-shadow:0 2px 8px rgba(0,0,0,.2);transform:scale(1.02);z-index:100}.main-stat{cursor:default}.sortable-ghost{opacity:.4}.sortable-drag{opacity:.9;background-color:#666}.stat-slot:hover{background-color:#4a4a4a}.stat-select,.stat-value{cursor:pointer;pointer-events:auto}.stats-tab{padding:10px 0}.phantom-container{position:absolute;display:flex;align-items:center;gap:6px;padding:4px 8px;top:0;right:0;transform:translateY(-36px);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:all .2s ease}.phantom-container:hover{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.3)}.phantom-container input[type=checkbox]{width:18px;height:18px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid rgba(255,255,255,.7);border-radius:3px;background:transparent;transition:all .2s ease;position:relative}.phantom-container input[type=checkbox]:checked{background-color:#a69662;border-color:#a69662}.phantom-container input[type=checkbox]:checked:after{content:"✓";position:absolute;color:black;font-size:14px;left:2px;top:-2px}.phantom-container input[type=checkbox]:hover{border-color:#a69662}.phantom-container label{color:white;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width:1200px){.echo-list{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);height:auto;max-height:80vh;overflow-y:auto;overflow-x:hidden}.cost-label{font-size:14px;padding:5px 0}.echo-grid{flex-wrap:wrap;column-gap:5px;row-gap:5px;padding:10px;overflow-x:hidden}.echo-grid,.echo-option{display:flex;justify-content:center}.echo-option{flex:0 0 50px;align-items:center;padding:2px;margin:2px}.echo-img{width:50px;height:50px}.echo-name{display:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.save-build-modal{background:#1E1E1E;padding:24px;border-radius:8px;border:1px solid #333;width:400px}.save-build-modal h2{width:100%}.build-name-input{width:100%;padding:8px;margin:16px 0;background:#2a2a2a;border:1px solid #444;color:#E0E0E0;border-radius:4px}.modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:12px}.cancel-button,.save-button{padding:12px 20px;border-radius:4px;border:none;cursor:pointer;font-weight:500}.save-button{background:#a69662;color:#fff}.cancel-button{background:#333;color:#E0E0E0}.error{color:#ff6b6b;margin:8px 0;font-size:14px}.import{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000}.import-content{background:#121212;padding:1.5rem;border-radius:.5rem;min-width:300px;text-align:center}.import h3{margin:0 0 1.5rem;color:white;font-size:1.25rem;font-family:Gowun,sans-serif;font-weight:400}.import-actions{display:flex;gap:.75rem;justify-content:center}.import-button{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;font-family:Gowun,sans-serif;background:#2196f3;color:white;transition:all .2s;text-align:center;min-width:100px}.import-button:hover{background:#1976d2}.import-button.danger{background:#dc3545}.import-button.danger:hover{background:#bb2d3b}.echo-group{display:flex;justify-content:center;gap:8px;width:100%;margin:8px 0;position:relative}.preview-echo{display:flex;flex-direction:column;align-items:center;gap:2px;width:calc((100% - 32px) / 5)}.echo-circle{height:0;padding-bottom:100%;background:#2a2a2a;overflow:visible;position:relative;cursor:pointer}.echo-circle,.echo-icon{width:100%;border-radius:50%}.echo-icon{position:absolute;height:100%;object-fit:cover;box-sizing:border-box}.echo-preview{display:flex;flex-direction:column;align-items:center;width:100%}.main-stat{font-size:12px!important;color:#E0E0E0}.echo-cv{font-size:11px!important;color:#888}.echo-icon.electro{border:2px solid #ba55d3}.echo-icon.er{border:2px solid white}.echo-icon.attack{border:2px solid #bc2514}.echo-icon.glacio{border:2px solid #87ceeb}.echo-icon.aero{border:2px solid #98fb98}.echo-icon.fusion{border:2px solid #d5740c}.echo-icon.havoc{border:2px solid #ff1493}.echo-icon.healing{border:2px solid #2fe32f}.echo-icon.empyrean{border:2px solid #4ba3ff}.echo-icon.frosty{border:2px solid #87ceeb}.echo-icon.midnight{border:2px solid #e086e0}.echo-icon.radiance{border:2px solid #ffd54f}.echo-icon.tidebreaking{border:2px solid white}.echo-icon.spectro{border:2px solid #ffd700}.echo-details{position:absolute;top:calc(50% + 8px);left:50%;transform:translateX(-50%) scale(.95);opacity:0;visibility:hidden;background:rgba(20,20,25,.95);border:1px solid #a69662;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 12px;width:200px;z-index:100;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.echo-details.visible{opacity:1;visibility:visible}.preview-echo:first-child .echo-details.visible{transform:translateX(-23%) scale(1)}.preview-echo:nth-child(2) .echo-details.visible{transform:translateX(-36.5%) scale(1)}.preview-echo:nth-child(3) .echo-details.visible{transform:translateX(-50%) scale(1)}.preview-echo:nth-child(4) .echo-details.visible{transform:translateX(-63.5%) scale(1)}.preview-echo:nth-child(5) .echo-details.visible{transform:translateX(-77%) scale(1)}.echo-header{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid rgba(166,150,98,.3);margin-bottom:2px}.echo-header h4{margin:0;color:#fff;font-size:14px;font-family:Gowun,sans-serif}.echo-intro{display:flex;flex-direction:column;align-items:flex-end}.echo-intro .echo-level{color:#a69662;font-size:12px!important}.echo-intro .cv-value{font-size:11px}.echo-stats{display:flex;flex-direction:column}.main-stat-row{display:flex;align-items:center;justify-content:space-between;color:#a69662;padding:2px 4px 0 0}.main-stat-row .stat-name span{color:#a69662;font-size:20px}.main-stat-row .stat-name{display:flex;align-items:center;gap:2px}.echo-details .main-stat-row .save-stat-icon{width:16px;height:auto;margin-left:2px}.echo-details .stat-row span{display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#ccc;padding-right:4px}.echo-details .stat-row{background-color:rgba(20,20,25,.6);display:flex;flex-direction:row;justify-content:space-between}.echo-details .stat-row:nth-child(odd){background-color:rgba(30,30,35,.6)}.stat-row .stat-name{display:flex;align-items:center;gap:4px}.echo-details .save-stat-icon{width:14px;height:auto;object-fit:contain;margin-left:2px}.echo-details .stat-row .sub{letter-spacing:1px}.echo-details .stat-row .sub.two{color:#00ff00}.echo-details .stat-row .sub.three{color:#00ffff}.echo-details .stat-row .sub.four{color:#bb86fc}.echo-details .stat-row .sub.five{color:#a69662}@media (max-width:600px){.echo-details{display:none!important}}.stats-section{width:20%;height:94%;padding:1.071% 0;flex-direction:column}.stat-row,.stats-section{position:relative;display:flex;justify-content:space-between}.stat-row{align-items:center;transition:background-color .2s ease;border-radius:8px;height:7.5%;width:100%;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.stat-left{display:flex;align-items:center;gap:10px;height:100%;max-width:80%}.stat-number{font-size:24px}.stat-name{color:#E2E8F0;font-size:22px;white-space:normal;word-wrap:break-word;line-height:1}#build-tab.downloading .stat-name,#build-tab.downloading .stat-number{font-size:24px}#build-tab.downloading .base-value,#build-tab.downloading .update-value{font-size:18px}.stat-icon{aspect-ratio:1;height:62%;width:auto;object-fit:contain}.stat-value-container{display:flex;flex-direction:column;align-items:flex-end;letter-spacing:.5px}.stat-breakdown{display:flex;text-align:right;font-size:14px;gap:2px;transform:scale(1);margin-right:5px;transition:transform .2s ease,font-size .2s ease;white-space:nowrap;flex-shrink:0;width:-moz-fit-content;width:fit-content}.update-value{-webkit-text-fill-color:#a69662}.stat-row.fusion .stat-icon{filter:brightness(0) saturate(100%) invert(62%) sepia(74%) saturate(2505%) hue-rotate(328deg) brightness(98%) contrast(93%)}.stat-row.aero .stat-icon{filter:brightness(0) saturate(100%) invert(85%) sepia(10%) saturate(2204%) hue-rotate(92deg) brightness(99%) contrast(103%)}.stat-row.electro .stat-icon{filter:brightness(0) saturate(100%) invert(56%) sepia(83%) saturate(3816%) hue-rotate(235deg) brightness(102%) contrast(100%)}.stat-row.healing .stat-icon{filter:brightness(0) saturate(100%) invert(98%) sepia(39%) saturate(5256%) hue-rotate(22deg) brightness(101%) contrast(74%)}.stat-row.spectro .stat-icon{filter:brightness(0) saturate(100%) invert(86%) sepia(48%) saturate(471%) hue-rotate(355deg) brightness(99%) contrast(97%)}.stat-row.havoc .stat-icon{filter:brightness(0) saturate(100%) invert(79%) sepia(93%) saturate(407%) hue-rotate(279deg) brightness(85%) contrast(90%)}.stat-row.glacio .stat-icon{filter:brightness(0) saturate(100%) invert(53%) sepia(66%) saturate(1335%) hue-rotate(183deg) brightness(105%) contrast(97%)}.echo-display{width:30.25%;height:94%;flex-direction:column;justify-content:space-between;padding:1.071% 0}.echo-display,.row-container{position:relative;display:flex}.row-container{height:20%;width:100%;align-items:center}.echo-row{width:88%;height:85%;display:flex;align-items:center;border-radius:8px;background:rgba(30,30,40,.8)}.connector-segment{position:relative;height:100%;width:6%;z-index:2}.connector-segment.start{border:none}.connector-segment.start:after{content:"";position:absolute;width:2px;height:50%;bottom:0;left:50%;border-left:2px solid;border-color:inherit}.connector-segment.start:before{content:"";position:absolute;width:50%;height:2px;top:50%;border-top:2px solid;border-color:inherit;border-radius:2px}.connector-segment.left.start{border-top-left-radius:8px}.connector-segment.right.start{border-top-right-radius:8px}.connector-segment.left.start:before{right:0}.connector-segment.right.start:before{left:0}.connector-segment.continue{border:none}.connector-segment.continue:after{content:"";position:absolute;left:50%;top:0;height:100%;border-left:2px solid;border-color:inherit}.connector-segment.continue.connect:before{content:"";position:absolute;width:50%;height:2px;top:50%;border-top:2px solid;border-color:inherit}.connector-segment.left.continue.connect:before{right:0}.connector-segment.right.continue.connect:before{left:0}.connector-segment.end{border:none}.connector-segment.end:after{content:"";position:absolute;width:2px;height:50%;top:0;left:50%;border-left:2px solid;border-color:inherit}.connector-segment.left.end:before{content:"";position:absolute;width:50%;height:2px;top:50%;border-top:2px solid;border-color:inherit;border-radius:2px}.connector-segment.right.end:before{content:"";position:absolute;width:50%;height:2px;bottom:50%;border-bottom:2px solid;border-color:inherit;border-radius:2px}.connector-segment.left.end:before{right:0}.connector-segment.right.end:before{left:0}.connector-segment.right.none{width:0}.connector-segment.left.end{border-bottom-left-radius:8px}.connector-segment.right.end{border-bottom-right-radius:8px}.row-container:nth-child(5) .connector-segment.end{border-radius:0}.connector-segment.aero{border-color:#98FB98}.connector-segment.er{border-color:white}.connector-segment.electro{border-color:#BA55D3}.connector-segment.spectro{border-color:#FFD700}.connector-segment.glacio{border-color:#87CEEB}.connector-segment.attack{border-color:#BC2514}.connector-segment.fusion{border-color:#D5740C}.connector-segment.havoc{border-color:#FF1493}.connector-segment.healing{border-color:#2FE32F}.connector-segment.empyrean{border-color:#4ba3ff}.connector-segment.frosty{border-color:#87CEEB}.connector-segment.midnight{border-color:#e086e0}.connector-segment.radiance{border-color:#ffd54f}.connector-segment.tidebreaking{border-color:white}.connector-segment.gust{border-color:#7CFC00}.connector-segment.windward{border-color:#98FB98}.connector-segment.flaming{border-color:#D5740C}.echo-left{width:25%;height:100%;display:flex;align-items:center;position:relative;overflow:hidden}.echo-display-icon{height:100%;border-radius:8px;padding-right:13.525%;mask:linear-gradient(90deg,black 30%,transparent 90%);-webkit-mask:linear-gradient(90deg,black 30%,transparent 90%)}.set{margin:3px 0;height:28px;width:auto}.main-stat-wrapper{position:absolute;right:0;display:flex;flex-direction:column;align-items:flex-end}.main-stat-icon{height:26px;width:auto;border-radius:8px 8px 0 0}#build-tab.downloading .main-stat-icon{height:30px}.main-stat-display{color:white;font-size:28px;text-shadow:-2px -2px 4px #000,2px -2px 4px #000,-2px 2px 4px #000,2px 2px 4px #000;border-radius:8px 0 8px 8px;padding-left:6px;padding-right:2px}#build-tab.downloading .main-stat-display{font-size:30px}.echo-level-indicator{position:absolute;top:0;left:1px;padding:2px 4px;font-size:24px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:4px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.echo-level-indicator.cv-value{font-size:16px}.echo-divider{width:2px;height:80%;background:rgba(255,255,255,.2);margin:0 6px 0 8px}.echo-right{flex:1 1;height:100%;position:relative;padding:8px;letter-spacing:1px}.substat-grid{width:100%;height:calc(100% - 20px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:43% 43%;grid-gap:14% 4%;gap:14% 4%;margin:10px 0}.substat-grid>:nth-child(4){grid-column:1/2;grid-row:2;transform:translateX(50%)}.substat-grid>:nth-child(5){grid-column:3/4;grid-row:2;transform:translateX(-50%)}.substat-container{display:flex;align-items:center;justify-content:center;gap:2px;border-radius:4px;position:relative}.substat-icon{height:26px;width:26px}.substat-value{color:white;font-size:24px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#build-tab.downloading .substat-value{font-size:28px}.site-watermark{left:35%;height:34px;text-align:center;letter-spacing:1px;font-size:26px;color:rgba(255,255,255,.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.5px 3.5px;text-shadow:0 0 8px rgba(255,255,255,.4);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);transition:opacity .3s ease}.site-watermark,.stats-footer{position:absolute;bottom:0;display:flex;align-items:center;font-family:Gowun,sans-serif}.stats-footer{right:0;width:100%;border-radius:8px;flex-direction:row;justify-content:space-evenly;z-index:10;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.cv-container,.set-info{display:flex;align-items:center;width:50%;justify-content:center}.cv-container{gap:5px;position:relative}.cv-text{color:#E2E8F0;font-size:12px}#build-tab.downloading .cv-text,.cv-value{font-size:14px}#build-tab.downloading .cv-value{font-size:16px}.cv-value.goat{color:#FF00FF}.cv-value.excellent{color:#00FFFF}.cv-value.high{color:#00FF00}.cv-value.good{color:#E6B800}.cv-value.decent{color:#FF8C00}.cv-value.low{color:#666}.set-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.set-info.left .set-row{border-radius:0 8px 8px 8px}.set-info.right .set-row{border-radius:8px 0 8px 8px}.set-name{color:#E2E8F0;font-family:Ropa,sans-serif;text-align:center;font-size:16px;text-shadow:-.75px -.75px 0 #000,.75px -.75px 0 #000,-.75px .75px 0 #000,.75px .75px 0 #000}#build-tab.downloading .set-name{font-size:18px}.set-count{font-size:14px;text-align:center;padding:0 8px;background:rgba(0,0,0,.5);border-radius:10px}.set-aero{border:2px solid #98fb98}.set-er{border:2px solid white}.set-electro{border:2px solid #ba55d3}.set-spectro{border:2px solid #ffd700}.set-glacio{border:2px solid #87ceeb}.set-attack{border:2px solid #bc2514}.set-fusion{border:2px solid #d5740c}.set-havoc{border:2px solid #ff1493}.set-healing{border:2px solid #2fe32f}.set-empyrean{border:2px solid #4ba3ff}.set-frosty{border:2px solid #87ceeb}.set-midnight{border:2px solid #e086e0}.set-radiance{border:2px solid #ffd54f}.set-tidebreaking{border:2px solid white}.set-gust{border:2px solid #7cfc00}.set-windward{border:2px solid #98fb98}.set-flaming{border:2px solid #d5740c}.set-row.aero .set-name{color:#98FB98}.set-row.er .set-name{color:white}.set-row.electro .set-name{color:#BA55D3}.set-row.spectro .set-name{color:#FFD700}.set-row.glacio .set-name{color:#87CEEB}.set-row.attack .set-name{color:#BC2514}.set-row.fusion .set-name{color:#D5740C}.set-row.havoc .set-name{color:#FF1493}.set-row.healing .set-name{color:#2FE32F}.set-row.empyrean .set-name{color:#4ba3ff}.set-row.frosty .set-name{color:#87CEEB}.set-row.midnight .set-name{color:#e086e0}.set-row.radiance .set-name{color:#ffd54f}.set-row.tidebreaking .set-name{color:white}.set-row.gust .set-name{color:#7CFC00}.set-row.windward .set-name{color:#98FB98}.set-row.flaming .set-name{color:#D5740C}.popuptext{visibility:hidden;width:92%;height:85%;background-color:rgba(0,0,0,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:red;font-size:50px;text-align:center;align-content:center;border-radius:6px;padding:8px;position:absolute;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.show{visibility:visible;animation:fadeIn 1s}.connector-segment:not(.none).hover-highlight,.main-stat-display.hover-highlight,.main-stat-icon.hover-highlight,.row-container:first-child .echo-display-icon.hover-highlight,.set-row.hover-highlight,.simplified-node.circle.active.hover-highlight,.stat-row.hover-highlight,.substat-container.hover-highlight,.weapon-passive.hover-highlight,.weapon-stat.weapon-attack.hover-highlight,.weapon-stat.weapon-main-stat.hover-highlight{background-color:rgba(17,194,238,1);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;-webkit-mask-image:none;mask-image:none}.stat-row:hover .stat-breakdown{transform:scale(1.2) translate(-5px,-2px);transition:transform .2s ease,font-size .2s ease;font-size:16px;letter-spacing:1px;filter:drop-shadow(-.3px -.3px 0 #000) drop-shadow(.3px -.3px 0 #000) drop-shadow(-.3px .3px 0 #000) drop-shadow(.3px .3px 0 #000);text-shadow:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.import-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.convert-content{width:62.5vw;background:rgba(26,26,26,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:2rem;display:flex;flex-direction:column;max-height:850px;cursor:default}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem}.convert-disclaimer{flex-grow:1;text-align:center;font-size:2rem;color:#ff6b6b;opacity:.8}.modal-actions .buttons{display:flex;gap:1rem}.modal-actions button{padding:.5rem 1rem;border-radius:4px;cursor:pointer}.modal-actions button:first-child{background:#333}.modal-actions button:last-child{background:#007bff}.import-row{display:flex;gap:1rem;height:auto}.import-row:first-of-type{height:37vh;margin-bottom:8px}.char-convert,.weap-convert{display:flex;flex-direction:column;align-items:center;letter-spacing:1px}.char-portrait-large,.weap-portrait-large{width:15vw;height:auto;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.2)}.import-content .char-sig,.import-content .weap{font-size:36px}.sequence-container{display:flex;height:90%;width:5%}.sequence-container .sequence-display{width:100%;gap:0}.sequence-container .sequence-count,.sequence-container .sequence-image{display:none}.sequence-container .sequence-medallion{position:relative}.sequence-container .sequence-node{height:calc((100%) / 6)}.forte-container{display:flex;height:80%;width:44%}.forte-container .simplified-forte{height:100%;width:100%;gap:4px}.forte-container .max{transform:translate(-46%,30%)}.echo-import{display:flex;justify-content:center;width:100%;position:relative;background:rgba(0,0,0,.3);border-radius:8px;gap:8px}.echo-import-column{display:flex;flex-direction:column}.echo-view{display:flex;justify-content:center;align-items:center;padding:8px;background:rgba(20,24,33,.7);border-radius:8px 8px 0 0}.echo-view img{width:60%;height:auto;border-radius:50%;background:rgba(0,0,0,.4);padding:4px;box-shadow:0 0 8px rgba(0,0,0,.5);transition:transform .2s ease}.echo-view img:hover{transform:scale(1.05)}.stat-import{width:75%;display:flex;flex-direction:column;background:rgba(0,0,0,.2);border-radius:8px;font-size:16px;margin:0 auto;letter-spacing:.5px}.convert-main,.convert-sub{display:flex;justify-content:space-between;align-items:center;padding:0 8px}.convert-main{color:#FFD700}.convert-sub:nth-child(odd){background:rgba(255,255,255,.05)}.convert-sub:nth-child(2n){background:rgba(255,255,255,.1)}.convert-sub:last-child{justify-content:center;gap:4px;padding:2px 0;background:none}@media (max-width:1068px){.convert-content{width:95vw;padding:1rem 0}.import-row:first-of-type{display:grid;grid-template-areas:"char seq weapon" "forte forte forte";grid-template-columns:40% 7.5% 40%;grid-template-rows:auto auto;justify-content:center;grid-gap:0 1rem;gap:0 1rem;height:auto;margin-bottom:.5rem}.convert-content .char-container{grid-area:char}.sequence-container{grid-area:seq;width:100%;height:100%;align-items:center}.convert-content .weap-container{grid-area:weapon}.forte-container{grid-area:forte;display:grid;grid-template-columns:5% 90% 5%;width:100%;height:180px;margin:.5rem 0}.forte-container .simplified-forte{grid-column:2;gap:8px}.forte-container .level-indicator{font-size:10px}.forte-container .max{transform:translate(-37%,30%);width:37.5%}.char-portrait-large,.weap-portrait-large{width:100%;max-width:150px}.import-content .char-sig,.import-content .weap{font-size:24px}.sequence-container .sequence-node{height:36px;width:36px}.echo-import{display:grid;grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;padding:.5rem}.echo-import-column:first-child,.echo-import-column:nth-child(2),.echo-import-column:nth-child(3){grid-row:1}.echo-import-column:nth-child(4){grid-row:2;grid-column:1}.echo-import-column:nth-child(5){grid-row:2;grid-column:2}.echo-import-column:nth-child(4),.echo-import-column:nth-child(5){transform:translateX(50%)}.echo-view img{width:50%}.stat-import{font-size:10px;width:90%;letter-spacing:.35px}.convert-main,.convert-sub{padding:0 4px}.convert-disclaimer{position:absolute;font-size:14px;margin-bottom:0;transform:translateY(50%)}.modal-actions{flex-direction:column;margin-top:0;gap:.5rem}.modal-actions .buttons{width:100%;justify-content:space-between}.modal-actions button{width:25%;padding:.5rem 0;font-size:14px}.cv-value{font-size:10px}}@media (max-height:700px){.convert-content{gap:0}.import-row .char-convert,.import-row .weap-convert{font-size:24px}.char-portrait-large,.weap-portrait-large{max-width:120px}.sequence-container .sequence-node{height:30px;width:30px}.forte-container{height:140px;margin:0}.forte-container .simplified-forte{gap:6px}.forte-container .level-indicator{font-size:7px;bottom:-35%;right:-35%}.forte-container .max{transform:translate(-38%,30%);width:30%}.echo-view{padding:2px}.echo-view img{width:40%}.stat-import{font-size:8px}.cv-value{display:none}}.build-section{width:100%;display:flex;overflow:hidden}.build-card,.build-section{justify-content:center;position:relative}.build-card{height:800px;width:90%;max-width:1920px;min-width:1800px;display:inline-flex;flex-direction:column;align-items:center;gap:20px;margin:0 auto}.card{width:100vw;overflow-x:auto;overflow-y:hidden;display:flex;justify-content:center;scrollbar-width:thin}#build-tab{position:relative;display:flex;align-items:center;width:1739px;min-width:1739px;height:620px;padding:0;margin-right:0;border-radius:8px;transition:opacity .3s ease,transform .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:fadeIn .3s forwards;background:#333;background-image:url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png);background-size:cover;background-position:50%}#build-tab.aero{background-image:linear-gradient(rgba(144,238,144,.25),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}#build-tab.spectro{background-image:linear-gradient(rgba(255,223,0,.2),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}#build-tab.electro{background-image:linear-gradient(rgba(138,43,226,.2),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}#build-tab.fusion{background-image:linear-gradient(rgba(213,116,12,.25),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}#build-tab.havoc{background-image:linear-gradient(rgba(255,20,147,.2),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}#build-tab.glacio{background-image:linear-gradient(rgba(0,206,209,.2),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}#build-tab.downloading{width:1920px;height:690px}.downloading-btn{background-color:#2a9d8f!important;cursor:progress;opacity:.9}.downloading-btn:hover{background-color:#2a9d8f!important;cursor:progress!important;opacity:1}.download-animation{display:flex;align-items:center;justify-content:center;gap:4px}.download-animation .dot{width:6px;height:6px;background-color:#e9f5db;border-radius:50%;display:inline-block;animation:bouncing 1.2s ease-in-out infinite}.download-animation .dot:first-child{animation-delay:0s}.download-animation .dot:nth-child(2){animation-delay:.2s}.download-animation .dot:nth-child(3){animation-delay:.4s}@keyframes bouncing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.options-container.visible{display:block}.options-container.hidden{display:none}.options-container{justify-content:flex-start;width:32%;height:37px;top:0;position:absolute;left:10%}.build-button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:80px;font-size:16px}#generateDownload{top:0;position:absolute}.button-group{position:relative;gap:10px;width:28%}.button-group,.character-dropzone{display:flex;justify-content:center}.character-dropzone{position:absolute;top:50%;left:50%;transform:translate(-50%,100%);width:50%;border:2px dashed rgba(166,150,98,.3);background:rgba(0,0,0,.4);align-items:center;cursor:pointer;transition:all .3s ease;z-index:3}.character-dropzone.dragover,.character-dropzone:hover{background:rgba(0,0,0,.8);border-color:#a69662}.character-dropzone span{color:#b4b2b2;font-size:36px;text-align:center;pointer-events:none;opacity:inherit}.build-character-icon.editable:hover+.character-dropzone{opacity:1;background:rgba(0,0,0,.8);border-color:#a69662}.image-controls{position:absolute;top:25px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:3}.image-control-button{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.3);border:2px solid rgba(233,8,8,.3);color:rgba(166,150,98,.3);font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.image-control-button:hover{background:#a69662;color:red}.image-zoom-controls{position:absolute;top:25px;right:10px;display:flex;flex-direction:column;gap:10px;z-index:4;transform:translateY(350px)}.image-zoom-button{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.3);border:2px solid rgba(233,8,8,.3);color:rgba(166,150,98,.3);font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.image-zoom-button:hover{background:#a69662;color:red}.fade-overlay{height:105%;opacity:.35;line-height:0}.fade-overlay path{opacity:1;mix-blend-mode:normal;fill:#000;fill-opacity:1;stroke:none;stroke-width:.214241;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#b)}.input-container{display:flex;width:100%;justify-content:space-between;position:absolute;align-items:center;margin:0 auto}#art-source,#build-uid,#build-username{border-radius:4px;padding:5px;width:100px;background-color:#333;-webkit-text-fill-color:white}input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #333;-webkit-text-fill-color:white}.checkbox-container{display:flex;align-items:center;justify-content:center;padding:5px 0}.roll-checkbox{width:18px;height:18px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid white;border-radius:2px}.roll-checkbox:checked{background-color:#a69662}.roll-label{color:white;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:24px;margin:0 0 0 2px}.watermark-container{top:2%;left:1.5%;display:flex;flex-direction:column;text-align:left;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.art-source,.watermark-container{position:absolute;font-size:24px;font-family:Ropa,sans-serif;z-index:2}.art-source{bottom:1%;right:2.5%;opacity:.4}.icon-container{position:absolute;left:0;width:25%;height:100%;display:flex;align-items:center;justify-content:center}.character-display{position:relative;display:flex;width:26%;height:100%;left:0;border-radius:0 16px 16px 0;overflow:hidden}.character-display.aero{border-right:1.8px solid #98fb98;box-shadow:4px 0 10px -4px #98FB98}.character-display.electro{border-right:1.8px solid #ba55d3;box-shadow:4px 0 10px -4px #BA55D3}.character-display.spectro{border-right:1.8px solid #ffd700;box-shadow:4px 0 10px -4px #FFD700}.character-display.glacio{border-right:1.8px solid #87ceeb;box-shadow:4px 0 10px -4px #87CEEB}.character-display.fusion{border-right:1.8px solid #d5740c;box-shadow:4px 0 10px -4px #D5740C}.character-display.havoc{border-right:1.8px solid #ff1493;box-shadow:4px 0 10px -4px #FF1493}.character-icon{position:absolute;height:100%;width:auto;object-fit:contain;transition:transform .1s ease,cursor .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;transform:translate(var(--tx),var(--ty)) scale(var(--scale));z-index:2}.character-icon.shadow{opacity:.15;pointer-events:none;transform:translate(calc(var(--tx) + 75px),calc(var(--ty) - 60px)) scale(var(--scale))}.character-icon.editable{cursor:move}.character-icon.dragging{transition:none}.sequence-display{position:relative;display:flex;flex-direction:column;gap:7px;height:100%;width:3.5%;margin:0 .25% 0 .45%}.sequence-node{height:calc((100% - 30px)/6);position:relative}.sequence-count{text-align:center;color:#ffffff;font-weight:700;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.4);border-radius:10px;box-shadow:0 0 6px rgba(166,150,98,.2),inset 0 0 4px rgba(255,255,255,.1);text-shadow:1px 1px 2px rgba(0,0,0,.8);width:-moz-fit-content;width:fit-content;padding:0 6px;margin:-5px auto 0}.sequence-medallion{position:absolute;width:100%;height:100%}.sequence-icon{width:40%;height:40%;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.element-fusion .sequence-medallion{color:#ff4500}.element-glacio .sequence-medallion{color:#00ced1}.element-aero .sequence-medallion{color:#90ee90}.element-electro .sequence-medallion{color:#8a2be2}.element-spectro .sequence-medallion{color:#ffd700}.element-havoc .sequence-medallion{color:#ff1493}.arc{opacity:.6}.accent,.spike-diamond{opacity:.4}.sequence-node.inactive .sequence-icon{filter:blur(1px) opacity(.3)}.sequence-node.inactive{filter:grayscale(100%)}.sequence-node.inactive .spike-border{opacity:.3}.lock{color:#ffffff;display:none}.sequence-node.inactive .lock{display:inline}.lock-key{color:#000000}.lower-spikes,.upper-spike{transform-origin:24.5px 24.5px}.sequence-node:first-child .upper-spike{transform:rotate(30deg)}.sequence-node:first-child .lower-spikes{transform:rotate(210deg)}.sequence-node:nth-child(2) .upper-spike{transform:rotate(60deg)}.sequence-node:nth-child(2) .lower-spikes{transform:rotate(240deg)}.sequence-node:nth-child(3) .upper-spike{transform:rotate(90deg)}.sequence-node:nth-child(3) .lower-spikes{transform:rotate(270deg)}.sequence-node:nth-child(4) .upper-spike{transform:rotate(120deg)}.sequence-node:nth-child(4) .lower-spikes{transform:rotate(300deg)}.sequence-node:nth-child(5) .upper-spike{transform:rotate(150deg)}.sequence-node:nth-child(5) .lower-spikes{transform:rotate(330deg)}.sequence-node:nth-child(6) .upper-spike{transform:rotate(180deg)}.sequence-node:nth-child(6) .lower-spikes{transform:rotate(0deg)}.sequence-image{width:100%;height:33%;background-image:url(/_next/static/media/Sequence.8b575455.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.char-intro{position:relative;height:100%;width:20.5%;gap:2%}.char-header,.char-intro{display:flex;flex-direction:column}.char-header{justify-content:space-between;font-family:Gowun,sans-serif;letter-spacing:2px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;padding:2% 2% 0;font-size:45px;line-height:1}.char-header-bottom{display:flex;align-items:center}.character-level{font-size:36px;margin-right:15px}.element-icon,.role-icon{height:50px;width:auto}.simplified-forte{height:39%}.simplified-branch,.simplified-forte{position:relative;display:flex;justify-content:flex-start}.simplified-branch{flex-direction:column;align-items:center;height:100%;flex-basis:16.5%}.simplified-branch:first-child{margin-right:1%}.simplified-branch:nth-child(2),.simplified-branch:nth-child(3){margin-right:3%}.simplified-branch:nth-child(4){margin-right:1%}.simplified-branch:first-child,.simplified-branch:nth-child(5){justify-content:flex-end}.simplified-branch:nth-child(2),.simplified-branch:nth-child(4),.simplified-node{justify-content:center}.simplified-node{aspect-ratio:1;height:13%;width:auto;border:2px solid rgba(255,255,255,.3);background:#222;display:flex;align-items:center;position:relative}.simplified-node.active{background:white;box-shadow:0 0 8px rgba(255,255,255,.5);border:2px solid rgba(0,0,0,.5)}.simplified-node.square .inner-diamond{position:absolute;width:70%;height:70%;background:#333;transform:rotate(45deg);border:2px solid rgba(255,255,255,.3);box-shadow:0 0 6px rgba(255,255,255,.3);z-index:1}.simplified-node.active .inner-diamond{background:white;border:2px solid rgba(0,0,0,.5);box-shadow:0 0 6px rgba(255,255,255,.5)}.simplified-node.circle{border-radius:50%}.simplified-node .node-image{width:60%;height:60%;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:brightness(0);z-index:2}.simplified-forte .skill-image{width:70%;height:70%;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);filter:invert(1)}.bottom-line,.top-line{width:2px;height:8%;background:rgba(255,255,255,.3)}.bottom-line{margin-bottom:2%}.simplified-base{aspect-ratio:1;height:14.24%;width:auto;background:white;transform:rotate(45deg);position:relative;box-shadow:0 0 10px rgba(255,255,255,.7);margin-bottom:15%}.level-indicator{bottom:-27%;right:-27%;height:54%;background:#a69662;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;font-size:14px;transform:rotate(-45deg)}.base,.level-indicator{position:absolute;aspect-ratio:1;width:auto}.base{height:11.15%;background:white;transform:rotate(45deg);box-shadow:0 0 10px rgba(255,255,255,.7);bottom:2%;margin-bottom:2%;border-radius:25%}.base .skill-image{width:90%;height:90%}.max{position:absolute;bottom:1%;width:42%;height:auto;left:45.25%;transform:translate(-50%,30%);z-index:.5}.weapon-display{position:relative;margin-top:7%;display:flex;flex-direction:column}.weapon-star-container{width:45%;left:0;display:flex;flex-direction:row;align-items:center;gap:2px}.star-icon{width:calc((100% - 8px)/5);height:auto;object-fit:contain;filter:drop-shadow(0 0 2px rgba(255,255,255,.8))}.weapon-container{display:flex;flex-direction:row;gap:2.5%}.weapon-icon{width:44.5%;height:auto;object-fit:contain;background:rgba(0,0,0,.1);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1)}.weapon-info{display:flex;flex-direction:column;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;width:65%}.weapon-stat.weapon-level,.weapon-stat.weapon-rank{display:flex;justify-content:center;align-items:center;height:30px;width:25%;font-size:25px;border-radius:10px;cursor:pointer;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.5);box-shadow:0 0 6px rgba(166,150,98,.2),inset 0 0 4px rgba(255,255,255,.1);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.weapon-stat.weapon-level{width:40%}.weapon-stat-row{display:flex;justify-content:flex-start;gap:7.5%;margin-bottom:5px}.weapon-stat{gap:4px;letter-spacing:1px}.weapon-stat.weapon-name{display:flex;width:100%;text-align:left;justify-content:flex-start;font-size:27px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;transform:translate(0);letter-spacing:0;line-height:1;margin-bottom:2px}.weapon-stat.weapon-attack,.weapon-stat.weapon-main-stat{display:flex;justify-content:center;align-items:center;height:30px;font-size:26px;border-radius:5px;cursor:pointer}.weapon-stat.weapon-main-stat{width:50%}.weapon-passive{display:flex;justify-content:flex-start;align-items:center;font-size:28px;white-space:pre-line;text-align:center;border-radius:8px}.stat-icon-img{width:20px;height:20px;object-fit:contain}@media (max-width:1200px){.build-card,.build-section{justify-content:flex-start;align-items:flex-start}.build-card{margin:20px 0}.card{justify-content:flex-start;margin-left:0;transform:translateY(75px)}.options-container{left:1%;width:75vw;transform:translateY(-10px)}.input-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;width:100%}.checkbox-container{grid-row:2}.checkbox-container:nth-of-type(3){grid-column:3}#generateDownload{transform:translate(65vw,-15px)}.button-group{position:absolute;bottom:0}}body{font-size:30px}h2{margin-bottom:20px}.card-builder,.cardPreview{margin-top:20px}.cardPreview{border:1px solid #ccc;padding:10px}.dropzone{width:40%;min-height:100px;border:2px dashed rgba(255,255,255,.2);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;transition:all .3s ease;margin:20px auto}.dropzone:hover{border-color:rgba(255,255,255,.4);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.dropzone.dragover{border-style:solid;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.06));transform:scale(1.02)}.dropzone.disabled{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.02);cursor:not-allowed}.dropzone span{font-size:30px;color:rgba(255,255,255,.8);font-weight:500}.dropzone.disabled span{color:rgba(255,255,255,.3)}.dropzone input[type=file]{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%}.upload{align-items:center;flex-direction:column}.file-preview,.upload{display:flex;justify-content:center}.file-preview{overflow:visible;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto}.processing-status{position:-webkit-sticky;position:sticky;top:0;text-align:center;animation:pulse 2s ease-in-out infinite;margin:8px auto;width:-moz-fit-content;width:fit-content}.delete-button{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#a10909;color:white;border:none;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:2}.image-container:hover .delete-button{opacity:1}.delete-button:hover{background:#cc0000}.image-container{margin:10px;text-align:center;position:relative;border-radius:4px;overflow:hidden}.preview-image,.preview-thumbnail{width:150px;height:auto;cursor:pointer;border:1px solid #000;padding:5px}.category-label{font-size:18px;color:#E0E0E0;border-radius:4px;display:flex;flex-direction:column;white-space:pre-line;gap:4px}.category-label .details{font-size:14px;color:#B0B0B0}.category-label.loading,.loading-container{display:flex;align-items:center;justify-content:center;gap:8px}.category-label.loading{opacity:.7}.loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.category-label.error{color:#e74c3c}#error-log{z-index:9999;max-width:300px;word-wrap:break-word;font-family:monospace;border:1px solid red}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.fullscreen-image{max-width:90%;max-height:90%;object-fit:contain;cursor:default}.modal-image{max-width:75vw;max-height:75vh;object-fit:contain}.scan-notice{background-color:rgba(255,204,0,.1);border:1px solid #ffc107;border-radius:6px;padding:12px;margin-bottom:16px;text-align:center;color:#ffc107;font-family:Gowun,sans-serif;font-weight:700;font-size:16px;display:flex;flex-direction:column;gap:4px}.scan-notice-detail{color:#aaa;font-size:14px;font-weight:400}.process-button{display:inline-block;position:absolute;width:108.22px;top:100px;left:calc(10% - 6.43px);padding:8px 16px;background:#4CAF50;color:white;border:none;border-radius:4px;cursor:pointer}.process-button:disabled{background:#cccccc;cursor:not-allowed}@media (max-width:1200px){.dropzone{font-size:20px}.scan-component:has(.scan-errors) .dropzone{margin:20px auto 20px 0}.dropzone span{font-size:18px}.image-container{margin:5px}}.results-container{padding:12px;color:#E0E0E0;display:flex;flex-direction:column;gap:12px;letter-spacing:.5px}.results-container h3{color:#a69662;font-size:20px;margin:0 0 8px}.results-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;grid-gap:12px;gap:12px}.results-actions h3{margin-bottom:0;font-size:32px;text-align:center}.results-actions>:last-child{display:flex;gap:12px;justify-content:flex-end;align-items:center}.save-checkbox{display:flex;justify-content:center;align-items:center;font-size:20px;margin:0!important}.save-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid rgba(255,255,255,.7);border-radius:3px;background:transparent;transition:all .2s ease;position:relative}.save-checkbox input[type=checkbox]:checked{background-color:#a69662;border-color:#a69662}.save-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;color:black;font-size:14px;left:2px;top:-2px}.save-checkbox input[type=checkbox]:hover{border-color:#a69662}.save-checkbox label{color:white;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.import-build-btn{padding:8px 16px;background:#a69662;color:#000;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.import-build-btn:hover{background:#c4b475;box-shadow:0 0 8px rgba(166,150,98,.3)}.import-build-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.import-build-btn:disabled{background:#666;border-color:#555}.results-header{display:flex;justify-content:space-between;gap:20px;background:#1E1E1E;padding:12px;border-radius:4px}.header-section{flex:1 1;text-align:center;background:#2a2a2a;padding:8px;border-radius:4px;display:flex;flex-direction:column;gap:4px;position:relative}.header-section h3{margin:0}.highlight-text{color:#E0E0E0;font-size:18px}.results-container .header-title{display:flex;align-items:center;flex-direction:row;gap:8px;justify-content:center}.edit-button{display:flex;align-items:center;transition:all .2s ease}.edit-button:hover{transform:scale(1.1)}.edit-button.saving{color:#7cba3d}.edit-button.saving:hover{color:#96d152}.highlight-text.editing{display:flex;flex-direction:column;gap:8px}.edit-inputs{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%}.edit-input{border:1px solid #a69662;color:#E0E0E0;padding:2px 4px;font-size:16px;width:40%;text-align:center}.edit-input,.fortes-section{background:#1E1E1E;border-radius:4px}.fortes-section{padding:12px}.fortes-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.forte{background:#2a2a2a;align-items:center;font-size:18px}.forte,.sequence-dots{padding:8px;border-radius:4px;display:flex;justify-content:center}.sequence-dots{gap:12px}.sequence-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#333;color:#666;border:2px solid #444;transition:all .2s ease}.sequence-dot.active{background:#a69662;color:#000;border-color:#e5d650;box-shadow:0 0 8px rgba(229,214,80,.3)}.echoes-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.echo-column{display:flex;flex-direction:column;gap:4px;background:#2a2a2a;padding:8px;border-radius:4px;overflow:hidden}.echo-names{text-align:center;font-size:24px;overflow:hidden;width:100%;white-space:nowrap}.echo-names .measure-span{visibility:hidden;position:absolute;white-space:nowrap}.echo-elements{display:flex;justify-content:center;gap:4px;margin-bottom:4px;color:black}.element{padding:2px 6px;border-radius:3px;font-size:12px;border:2px solid rgba(255,255,255,.4);box-shadow:0 0 12px rgba(255,255,255,.5);transform:scale(1.1)}.element.aero{background:#98FB98}.element.er,.element.tidebreaking{background:white}.element.electro{background:#BA55D3}.element.spectro{background:#FFD700}.element.frosty,.element.glacio{background:#87CEEB}.element.attack{background:#BC2514}.element.fusion{background:#D5740C}.element.havoc{background:#FF1493}.element.healing{background:#2FE32F}.element.empyrean{background:#4ba3ff}.element.midnight{background:#e086e0}.element.radiance{background:#ffd54f}.element.gust,.element.windward{background:#98FB98}.element.flaming{background:#D5740C}.echo-mainstat{color:#a69662;font-size:18px;padding-bottom:4px;margin-bottom:4px;border-bottom:1px solid #333}.echo-mainstat,.echo-substat{display:flex;justify-content:space-between;align-items:center}.echo-substat{font-size:16px;color:#E0E0E0;letter-spacing:1px}.import-sub{text-align:left}@media (max-width:700px){.results-actions{display:flex;flex-direction:column;gap:0;padding:0}.results-actions h3{font-size:24px;text-align:center;width:100%;margin:0}.results-actions>:last-child{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%}.save-checkbox{font-size:16px}.import-build-btn{padding:8px 16px;font-size:14px}.results-header{gap:10px}.highlight-text{font-size:14px}.forte{font-size:15px}.fortes-grid{grid-template-columns:repeat(3,1fr)}.sequence-dots{flex-wrap:wrap;gap:8px}.sequence-dot{width:32px;height:32px;font-size:16px}.echoes-grid{grid-template-columns:repeat(2,1fr)}.echoes-grid>div:nth-child(5),.fortes-grid>div:nth-child(4),.fortes-grid>div:nth-child(5){transform:translateX(50%)}.import-sub{max-width:65%}}.profile-expanded-section{display:flex;flex-direction:column;align-items:center;width:100%;gap:16px;padding:20px 0}.profile-expanded-card-container{width:100%;display:flex;justify-content:center;padding-bottom:80px;position:relative}.profile-expanded-controls{display:flex;justify-content:center;width:100%;margin-top:10px}#profile-download-wrapper{position:relative;width:1200px}#profile-download-wrapper.downloading{width:1920px}#profile-download-wrapper.downloading .profile-card{height:690px}.profile-card{position:relative;width:100%;height:431.25px;background:#333;background-image:url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png);background-size:cover;background-position:50%;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.profile-card.aero{background-image:linear-gradient(rgba(144,238,144,.25),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}.profile-card.spectro{background-image:linear-gradient(rgba(255,223,0,.2),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}.profile-card.electro{background-image:linear-gradient(rgba(138,43,226,.2),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}.profile-card.fusion{background-image:linear-gradient(rgba(213,116,12,.25),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}.profile-card.havoc{background-image:linear-gradient(rgba(255,20,147,.2),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}.profile-card.glacio{background-image:linear-gradient(rgba(0,206,209,.2),rgba(0,0,0,.45)),url(https://files.wuthery.com/p/GameData/UIResources/Common/Image/BgCg/T_Bg1_UI.png)}.profile-character-display{position:relative;display:flex;width:30%;height:100%;left:0;border-radius:0 16px 16px 0;overflow:hidden}.profile-character-icon{height:auto;width:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:scale(1.1)}.profile-echoes-section{position:absolute;width:90%;height:35%;bottom:-15%;left:50%;transform:translateX(-50%);display:flex;gap:10px;justify-content:center;z-index:10}.profile-echo-panel{width:18%;aspect-ratio:1;background:rgba(20,20,25,.8);border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .2s ease;position:relative;overflow:hidden}.profile-echo-panel.aero{border:1px solid rgba(144,238,144,.6)}.profile-echo-panel.spectro{border:1px solid rgba(255,223,0,.6)}.profile-echo-panel.electro{border:1px solid rgba(138,43,226,.6)}.profile-echo-panel.fusion{border:1px solid rgba(213,116,12,.6)}.profile-echo-panel.havoc{border:1px solid rgba(255,20,147,.6)}.profile-echo-panel.glacio{border:1px solid rgba(0,206,209,.6)}.profile-echo-panel.er{border:1px solid rgba(255,255,255,.6)}.profile-echo-panel.attack{border:1px solid rgba(188,37,20,.6)}.profile-echo-panel.healing{border:1px solid rgba(47,227,47,.6)}.profile-echo-panel.empyrean{border:1px solid rgba(75,163,255,.6)}.profile-echo-panel.frosty{border:1px solid rgba(135,206,235,.6)}.profile-echo-panel.midnight{border:1px solid rgba(224,134,224,.6)}.profile-echo-panel.radiance{border:1px solid rgba(255,213,79,.6)}.profile-echo-panel.tidebreaking{border:1px solid rgba(255,255,255,.6)}.profile-echo-panel.gust{border:1px solid rgba(124,252,0,.6)}.profile-echo-panel.windward{border:1px solid rgba(152,251,152,.6)}.profile-echo-panel.flaming{border:1px solid rgba(213,116,12,.6)}.profile-echo-icon{width:60%;height:auto;object-fit:cover;transition:transform .2s ease;mask:linear-gradient(90deg,black 80%,transparent);-webkit-mask:linear-gradient(90deg,black 80%,transparent)}.profile-echo-element{position:absolute;top:2px;right:5px;z-index:2}.profile-echo-set-icon{width:24px;height:24px;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}.profile-sequence-section,.profile-stats-section,.profile-weapon-section{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);box-sizing:border-box}.profile-watermark{position:absolute;top:10px;left:20px;display:flex;flex-direction:column;color:white;font-size:20px;font-family:Ropa,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;z-index:2}.profile-watermark-name{font-size:24px;font-weight:700}.profile-watermark-uid{font-size:18px;opacity:.8}.profile-site-watermark{position:absolute;bottom:5px;right:5px;color:white;font-size:12px;opacity:.6;font-family:Ropa,sans-serif;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000}#profile-download-wrapper.downloading .profile-site-watermark{font-size:20px}@keyframes profileSlide{0%{opacity:0;height:0}to{opacity:1;height:600px}}.import-page{overflow-x:hidden}.import-section{padding:0 20px 20px;margin:0 auto;text-align:center;color:white;width:60%}.instructions{font-size:40px;margin-bottom:40px}.tutorial-text{padding:20px;background:rgba(0,0,0,.5);border-radius:8px;color:white;text-align:center;font-size:24px}.tutorial-text h3{font-size:36px;margin:0 0 10px}.tutorial-text p{margin:0 0 10px}.tutorial-text img{width:100%;height:auto}.preview-container{position:relative;width:100%}.import-page .preview-thumbnail{width:100%}.loading-overlay{display:flex;justify-content:center}.import-button{font-size:20px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.button-content{display:flex;align-items:center;gap:8px}.import-page .button-container button:first-child{background:#ff3333;color:white}.import-page .button-container button:first-child:hover{background:#cc0000;transform:translateY(-1px)}.import-page .button-container button:last-child{background:#7cba3d;color:white}.import-page .button-container button:last-child:hover{background:#5a8c2d;transform:translateY(-1px)}.import-button.process:disabled{cursor:not-allowed;opacity:.7}.results-container{margin-top:20px;padding:20px;background:rgba(0,0,0,.5);border-radius:8px;color:white}@media (max-width:768px){.import-section{width:95%;padding:0}.fortes-section{padding:12px 6px}.forte{padding:4px}}.save-preview{background:#1E1E1E;border:1px solid #333;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;visibility:visible;transform:scale(1);opacity:1;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}.save-preview.animating{transform:scale(.95);opacity:0}.save-preview.appearing{animation:appearIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes appearIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.save-preview:hover{border-color:#a69662;transform:translateY(-2px);box-shadow:0 4px 12px rgba(166,150,98,.1)}.preview-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:98;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.save-preview-expanded{position:fixed;z-index:99;background:#1E1E1E;border:1px solid #a69662;border-radius:8px;padding:10px 20px 50px;box-shadow:0 8px 24px rgba(166,150,98,.2);transform:scale(1.8);transform-origin:var(--transform-origin,center);animation:expandIn .5s cubic-bezier(.175,.885,.32,1.275);cursor:default;will-change:transform}.preview-backdrop.fade-out{animation:fadeOut .3s cubic-bezier(.4,0,.2,1) forwards}.save-preview-expanded.collapse-out{animation:collapseOut .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes expandIn{0%{transform:scale(.95);opacity:0}50%{opacity:1}75%{transform:scale(1.85)}to{transform:scale(1.8)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes collapseOut{0%{transform:scale(1.8);opacity:1}25%{transform:scale(1.85)}50%{opacity:1}to{transform:scale(.95);opacity:0}}.save-preview-expanded .save-header{padding-bottom:2px;margin-bottom:4px}.save-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #333}.save-header h3{font-size:30px;font-family:Gowun,sans-serif;width:66.66%;margin:0;position:relative}.marquee-wrap{overflow:hidden;white-space:nowrap;position:relative;height:1.4em}.marquee-text{position:relative;display:inline-block}.save-date{font-size:16px;color:#666}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-row span{font-size:20px}.info-row span:first-child{font-size:28px}.char,.save-cv,.weap{font-weight:500;color:#a69662}.save-cv{color:#bfad7d}.save-sets{font-size:28px}.save-sets.aero{color:#98FB98}.save-sets.er,.save-sets.tidebreaking{color:white}.save-sets.electro{color:#BA55D3}.save-sets.spectro{color:#FFD700}.save-sets.frosty,.save-sets.glacio{color:#87CEEB}.save-sets.attack{color:#BC2514}.save-sets.fusion{color:#D5740C}.save-sets.havoc{color:#FF1493}.save-sets.healing{color:#2FE32F}.save-sets.empyrean{color:#4ba3ff}.save-sets.midnight{color:#e086e0}.save-sets.radiance{color:#ffd54f}.name-section{width:70%}.name-display,.name-section{display:flex;align-items:center}.name-display{width:100%;gap:4px}.name-display h3{margin:0 0 0 8px;flex:1 1;min-width:0;font-size:28px;overflow:hidden}.name-marquee{min-width:100%;max-width:100%}.name-marquee>div{min-width:unset!important;width:auto!important}.edit-button{background:none;border:none;color:#666;padding:4px;font-size:14px;cursor:pointer;transition:color .2s ease}.edit-button:hover{color:#a69662}.name-edit{display:flex;align-items:center;width:100%}.name-edit input{flex:1 1;background:transparent;border:none;border-bottom:1px solid #444;color:#E0E0E0;font-size:28px;font-family:inherit;padding:4px;margin-left:8px;min-width:0}.name-edit input:focus{outline:none;border-bottom-color:#a69662}.edit-actions{display:flex;gap:2px;margin-left:4px}.edit-actions button{background:transparent;border:none;color:#666;cursor:pointer;padding:4px;font-size:14px;transition:all .2s ease}.edit-actions button:first-child:hover{color:#4CAF50}.edit-actions button:last-child:hover{color:#f44336}.save-preview-expanded .save-date{color:#888}.save-preview-expanded .save-info{margin:8px 0}.save-preview-expanded .info-row{position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:0}.char-container,.weap-container{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.stats-menu{display:flex;flex-direction:column;width:30%;padding:0}.stats-menu .stat-row{display:flex;justify-content:space-between;align-items:center;padding:.01vh 0;background-color:rgba(20,20,25,.6)}.stats-menu .stat-row:nth-child(odd){background-color:rgba(30,30,35,.6)}.stats-menu .stat-type{display:flex;align-items:center;font-size:10px!important;color:#E0E0E0}.preview-values{display:flex;flex-direction:column;align-items:flex-end}.preview-value{font-size:7px!important;text-shadow:-.33px -.33px 0 #000,.33px -.33px 0 #000,-.33px .33px 0 #000,.33px .33px 0 #000;text-align:right}.preview-value.flat{color:#FFD700}.char-portrait,.weap-portrait{width:90px;height:auto;border-radius:8px;background:#2a2a2a}.save-preview-expanded .set-display{position:absolute;width:70%;left:50%;top:50%;transform:translate(-50%,100%);display:flex;flex-direction:column;align-items:center}.save-preview-expanded .save-sets{font-size:24px!important;text-align:center}@media (max-width:600px){.save-preview-expanded{transform:scale(1.95);padding:5px 5px 0}.save-preview-expanded h3{font-size:14px;width:60%}.save-preview-expanded .save-date{font-size:8px}.char-portrait,.weap-portrait{width:50px}.save-preview-expanded .weap{font-size:12px!important;height:17px;display:flex;align-items:center}.echo-cv,.main-stat{font-size:6px!important}.save-preview-expanded .info-row:first-of-type{display:grid;grid-template-columns:.75fr 1fr .5fr 2.75fr 0fr}.char-container{grid-column:2}.weap-container{grid-column:4}.stats-menu{display:none}.save-preview-expanded .set-display{transform:translate(-50%,70%);width:100%}.name-edit input{font-size:14px;padding:2px 4px}.edit-actions button{padding:2px 4px;font-size:12px}@keyframes expandIn{0%{transform:scale(.95);opacity:0}50%{opacity:1}75%{transform:scale(2.1)}to{transform:scale(1.95)}}}@media(min-width:2560px){.main-stat{font-size:11px!important}.save-preview-expanded .save-sets{font-size:20px!important}.save-preview-expanded .set-display{transform:translate(-50%,110%)}}.notification-overlay{position:fixed;bottom:20px;right:20px;z-index:1000;animation:slideIn .5s ease-out}.notification-card{background:#2a2a2a;color:white;padding:0 20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;gap:10px;align-items:center}.notification-card button{background:#444;border:none;padding:5px 10px;border-radius:4px;color:white;cursor:pointer}.notification-card button:hover{background:#555}.highlight-name{color:#00c8ff}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.restore-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000}.restore-card{background:#2a2a2a;padding:0 15px 10px;border-radius:8px;text-align:center}.button-container{display:flex;gap:10px;justify-content:center;margin-top:15px}.button-container button{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.button-container button:first-child{background:#00c8ff;color:white}.button-container button:first-child:hover{background:#33d4ff;transform:translateY(-1px)}.button-container button:last-child{background:#444;color:white}.button-container button:last-child:hover{background:#555;transform:translateY(-1px)}.button-container button:active{transform:translateY(0)}.build-expanded-content{padding:12px 16px;border-top:1px solid #333;background:#1a1a1a;border-bottom-left-radius:8px;border-bottom-right-radius:8px;animation:slideDown .2s ease forwards;display:flex;flex-direction:column;cursor:default}@keyframes slideDown{0%{opacity:0;height:0}to{opacity:1;height:260px}}.build-echoes{justify-content:space-between;gap:6px}.build-echo-slot,.build-echoes{display:flex;flex-direction:row;padding:8px}.build-echo-slot{gap:4px;background:rgba(0,0,0,.3);border-radius:4px;flex:1 1;border-width:1px;letter-spacing:1px;position:relative}.build-echo-info{display:flex;flex-direction:column;gap:4px;position:relative}.build-echo-cv{position:absolute;top:2px;left:2px;background:rgba(0,0,0,.8);padding:2px 6px;border-radius:4px;font-size:14px;z-index:1;transition:all .2s ease;cursor:pointer;border:1px solid transparent}.build-echo-cv:hover{background:rgba(0,0,0,.9);transform:translateY(-1px);border-color:#a69662}.build-set-icon{position:absolute;top:-20px;right:0;width:24px;height:24px;z-index:1}.build-echo-icon{width:130px;height:auto;border-radius:4px;object-fit:cover;mask:linear-gradient(90deg,black 70%,transparent);-webkit-mask:linear-gradient(90deg,black 70%,transparent)}.build-echo-stats{display:flex;flex-direction:column;justify-content:space-evenly;flex:1 1;gap:2px}.build-echo-mainstat{display:flex;align-items:center;gap:4px;padding:4px;border-radius:4px;justify-content:center;font-size:28px;color:#a69662;margin-right:4px}.build-echo-mainstat .build-stat-icon{width:28px}.build-echo-substat{display:flex;align-items:center;font-size:20px;border-radius:4px;transition:all .2s ease;margin-left:-12px;z-index:1}.build-echo-substat .build-stat-icon{margin-left:2px}.build-echo-substat-value{padding:2px 4px}.build-echo-substat-value.two-star{color:#4CAF50}.build-echo-substat-value.three-star{color:#2196F3}.build-echo-substat-value.four-star{color:#BA68C8}.build-echo-substat-value.five-star{color:#FFD700}.build-echo-substat.selected{background:rgba(255,215,0,.15);box-shadow:0 0 2px rgba(255,215,0,.3)}.build-echo-substat.selected .build-echo-substat-value{text-shadow:0 0 2px rgba(166,150,98,.6)}.build-echo-substat.selected .build-stat-icon{filter:brightness(1.2)}.build-breakdown-container{display:flex;padding:12px 6px 2px;justify-content:center;gap:8px}.build-breakdown{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.breakdown-stat{display:flex;align-items:center;gap:4px;padding:4px 5px;background:transparent;border:1px solid #444;border-radius:12px;font-size:18px;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.breakdown-stat.selected{background:rgba(166,150,98,.15);box-shadow:0 2px 8px rgba(166,150,98,.2)}.breakdown-stat.selected,.breakdown-stat:hover{border-color:#a69662;transform:translateY(-1px)}.breakdown-stat.total{background:#1a1a1a;border-color:#a69662;color:#a69662;cursor:help;position:relative}.breakdown-stat.total:hover{transform:none}.breakdown-stat.total[title]{text-decoration:none}.breakdown-stat.total:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-85%,-10%);padding:2px 6px;background:#1a1a1a;border-radius:8px;border:1px solid #a69662;color:#a69662;font-size:.9em;white-space:nowrap;visibility:hidden;opacity:0;transition:opacity .2s;pointer-events:none}.breakdown-stat.total:hover:after{visibility:visible;opacity:1}.lb-wrapper .build-expanded-content{animation:lbSlide .2s ease forwards}@keyframes lbSlide{0%{opacity:0;height:0}to{opacity:1;height:1030px}}.lb-wrapper .build-breakdown-container{padding:12px 6px}.moves-breakdown{margin:12px 0 0;padding:16px 16px 12px;background:rgba(26,26,26,.6);border-radius:8px;border:1px solid #333;width:100%;box-sizing:border-box}.legend-main{display:flex;align-items:center;gap:10px}.hit-details{margin-left:26px;display:flex;flex-direction:column;gap:6px}.hit-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;background:rgba(0,0,0,.2)}.hit-name{font-size:14px}.hit-stats{color:#888;font-size:12px}.move-tooltip-hits{margin-top:8px;padding-top:8px;border-top:1px solid #333}.hit-tooltip-item{display:flex;justify-content:space-between;color:#ccc;font-size:12px;margin-top:4px}.chart-section{display:flex;gap:32px;align-items:flex-start}.chart-container{flex:1 1;max-width:400px}.moves-legend{flex:1 1;display:flex;flex-direction:column;padding:8px 16px;background:rgba(0,0,0,.2);border-radius:4px;overflow-y:auto;margin:auto 0}.legend-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.legend-column{display:flex;flex-direction:column;padding:0 4px;gap:4px}.legend-column.left.shift-last>div:last-child{transform:translateX(50%);margin-top:8px}.legend-column.right.shift-last>div:last-child{transform:translateX(-50%);margin-top:8px}.legend-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:4px;transition:all .2s ease;cursor:pointer;background:rgba(0,0,0,.2)}.legend-item.active,.legend-item:hover{background:rgba(166,150,98,.1)}.legend-content{width:100%}.legend-name-section{display:flex;align-items:center;gap:10px}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-details{display:flex;flex-direction:column;gap:4px;width:100%}.legend-main-row{display:flex;justify-content:space-between;align-items:center;width:100%;line-height:1}.legend-name{color:#fff;font-size:18px}.legend-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.legend-damage{color:#a69662;font-size:15px}.legend-percentage{color:#999;font-size:14px}.move-tooltip{background:rgba(0,0,0,.9);border:1px solid #a69662;padding:12px;border-radius:4px}.move-tooltip-name{color:#fff;font-size:14px;margin-bottom:4px}.move-tooltip-stats{display:flex;gap:8px;align-items:center}.move-tooltip-damage{color:#a69662;font-size:16px}.move-tooltip-percentage{color:#999;font-size:14px}.move-tooltip-parent{font-size:12px;color:#888;margin-top:4px;padding-top:4px}.legend-hits,.move-tooltip-parent{border-top:1px solid rgba(166,150,98,.2)}.legend-hits{margin-top:8px;padding-top:8px;display:flex;flex-direction:column;gap:4px}.legend-hit-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:rgba(0,0,0,.2);border-radius:4px;transition:all .2s ease}.legend-hit-item:hover{background:rgba(166,150,98,.1)}.hit-name{color:#ccc;font-size:13px}.hit-damage{color:#a69662;font-size:13px}.stat-upgrades{margin:16px 0 0;padding:12px 16px;background:rgba(26,26,26,.6);border-radius:8px;border:1px solid #333;width:100%;box-sizing:border-box}.upgrade-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(166,150,98,.2);position:relative}.upgrade-header-top{display:flex;justify-content:space-between;align-items:center}.right-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hanging-weapons{position:absolute;top:40%;left:25%;transform:translateY(-50%);display:flex;gap:8px;z-index:5}.upgrade-header h3{color:#a69662;font-size:24px;margin:0 0 0 16px}.tier-selector{display:flex;gap:6px}.tier-button{padding:3px 6px;border:1px solid;border-radius:3px;cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:500;min-width:40px}.tier-button:hover{opacity:.8;transform:translateY(-1px)}.sequence-style-selector{display:flex;gap:16px;align-items:center;justify-content:flex-end}.substat-sequence-group{display:flex;align-items:center;gap:4px}.substat-sequence-label{color:#a69662;font-size:14px;font-weight:500;min-width:28px}.style-buttons{display:flex;gap:4px}.style-button{padding:4px 10px;border:1px solid #333;border-radius:4px;background:rgba(0,0,0,.3);color:#ccc;cursor:pointer;transition:all .2s ease;font-size:11px;line-height:1;font-weight:500}.style-button:hover{background:rgba(166,150,98,.1);border-color:rgba(166,150,98,.3);color:#fff;transform:translateY(-1px)}.style-button.selected{background:linear-gradient(180deg,rgba(166,150,98,.3),rgba(166,150,98,.2));border-color:#a69662;color:#fff;box-shadow:0 1px 4px rgba(166,150,98,.2)}.style-button.solo.selected{background:linear-gradient(180deg,rgba(255,107,107,.3),rgba(255,107,107,.2));border-color:#ff6b6b}.style-button.quickswap.selected{background:linear-gradient(180deg,rgba(78,205,196,.3),rgba(78,205,196,.2));border-color:#4ecdc4}.substat-weapon-option{display:flex;flex-direction:column;align-items:center;padding:8px 6px;border-radius:6px;background:rgba(0,0,0,.3);border:2px solid transparent;cursor:pointer;transition:all .2s ease;min-width:70px;max-width:120px}.substat-weapon-option:hover{background:rgba(0,0,0,.4);border-color:rgba(166,150,98,.3);transform:translateY(-1px)}.substat-weapon-option.selected{background:rgba(166,150,98,.2);border-color:#a69662;box-shadow:0 2px 8px rgba(166,150,98,.2)}.stat-upgrades .weapon-icon{width:24px;height:auto;object-fit:contain;margin-bottom:4px;border:none}.weapon-name{font-size:10px;color:#ccc;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.substat-weapon-option.selected .weapon-name{color:#fff}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:8px;gap:8px;align-items:start}.upgrade-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:rgba(0,0,0,.2);border-radius:6px;transition:all .2s ease;text-align:center;gap:8px;min-height:80px;border:1px solid transparent}.upgrade-item:hover{background:rgba(0,0,0,.3);transform:translateY(-1px);border-color:rgba(166,150,98,.2)}.upgrade-stat-name{color:#fff;font-size:13px}.damage-info{flex-direction:column;text-align:center;gap:4px;width:100%}.damage-info,.damage-numbers{display:flex;align-items:center}.damage-numbers{justify-content:center;gap:6px;color:#fff;font-size:14px;letter-spacing:.75px}.gain{color:#a69662}.sub-value{font-size:14px}.upgrade-disclaimer{margin:12px}.upgrade-disclaimer p{color:#999;font-size:12px;line-height:1.4;margin:0;text-align:center;font-style:italic}.build-filter{display:flex;justify-content:flex-start;align-items:center;background:linear-gradient(180deg,rgba(26,26,26,.95),rgba(20,20,20,.95));border-radius:8px;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.build-filter,.filter-input-container{padding:8px;border:1px solid #333;position:relative}.filter-input-container{width:100%;background:#222;border-radius:4px;cursor:text;transition:border-color .2s ease}.filter-input-container:focus-within{border-color:#a69662}.selected-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;align-items:center}.selected-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#333;border-radius:12px;height:28px}.selected-tag .build-stat-icon,.tag-icon{width:18px;height:auto}.selected-tag span{font-size:14px;color:#fff}.remove-icon{cursor:pointer;color:#666}.remove-icon:hover{color:#a69662}.filter-input{display:inline-block;min-width:60px;flex:1 1;border:none;background:transparent;padding:4px;font-size:14px;height:28px;color:white}.filter-input:focus{outline:none}.unified-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1a1a1a;border:1px solid #333;border-radius:4px;max-height:500px;overflow-y:auto;scroll-behavior:smooth;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,.2)}.filter-section{padding:8px 0}.section-header{padding:12px 16px;color:#a69662;font-size:24px;background:#222;margin-bottom:4px}.filter-option{display:flex;align-items:center;padding:6px 8px;gap:8px;cursor:pointer;transition:background-color .2s}.filter-option:hover{background:#a69662}.filter-option.focused{background:rgba(166,150,98,.7)}.filter-option span{font-size:18px}.filter-icon{width:30px;height:auto;object-fit:cover}.weapon-type-header{padding:8px 12px;color:#666;font-size:20px}.filter-weapon{display:flex;align-items:center;gap:6px}.weapon-rarity{color:#666;font-size:12px;margin-left:auto}.echo-count-header{padding:4px 8px 12px;color:#666;font-size:16px}.unified-dropdown::-webkit-scrollbar{width:4px}.unified-dropdown::-webkit-scrollbar-thumb:hover{background:#444}.filter-mainstat{display:flex;align-items:center;gap:4px}.filter-mainstat .build-stat-icon{width:24px}.selected-tag.mainstat{background:rgba(166,150,98,.1)}.filter-region{display:flex;align-items:center;gap:8px}.lb-wrapper,.overall-wrapper{width:100%;max-width:1250px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow-x:auto;margin:0 auto}.overall-wrapper .build-header-text{display:inline-block}.build-entry.disabled{opacity:.5;cursor:not-allowed}.build-entry.disabled:hover{background:transparent}.disabled{pointer-events:none;opacity:.5}.overall-wrapper .build-container{margin-bottom:50px}.overall-wrapper .build-header,.overall-wrapper .build-main-content{grid-template-columns:200px 125px 175px auto}.build-rank1{display:flex;flex-direction:column;align-items:center;gap:2px}.rank1-name{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.rank1-damage{font-size:14px;color:#a69662;font-weight:500}.lb-wrapper .build-header,.lb-wrapper .build-main-content{grid-template-columns:60px 140px 155px 95px 150px 375px 150px}.build-header span:last-child{display:flex;justify-content:center}.preview-grid{display:flex;gap:4px;align-items:center}.preview-icon{width:42.5px;height:auto;border-radius:4px;object-fit:cover}.build-team,.build-weapons{display:flex;align-items:center;min-width:120px;padding:0 8px}.build-damage{display:flex;justify-content:center;align-items:center;letter-spacing:.5px}.header-content{gap:10px;margin-bottom:20px}.header-content,.header-title{display:flex;flex-direction:column}.header-title{gap:5px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,80px);grid-gap:8px;gap:8px;justify-content:center}.team-member{display:flex;flex-direction:column;align-items:center;gap:5px}.team-portrait{width:64px;height:auto;border-radius:50%;border:2px solid #a69662}.team-name{font-size:18px;color:#999;text-align:center}.build-weapons-rank,.lb-entries{display:flex;justify-content:center;align-items:center}.build-weapons-rank{gap:12px;padding:0 8px}.weapon-rank-entry{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,0,0,.2);border-radius:4px;border:1px solid rgba(166,150,98,.1)}.weapon-rank-entry:hover{background:rgba(166,150,98,.1);border-color:rgba(166,150,98,.3)}.weapon-rank-entry .preview-icon{width:35px}.weapon-rank-info{display:flex;flex-direction:column;gap:2px}.sort-header-button{display:flex;align-items:center;gap:8px;width:100%;cursor:pointer}.build-selector{display:flex;flex-direction:column;gap:4px;padding:16px;background:rgba(26,26,26,.6);border-radius:8px;border:1px solid #333}.build-header-content{position:relative}.weapon-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;justify-content:center}.lb-weapon-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;padding:12px;border-radius:4px;border:1px solid transparent;background:rgba(0,0,0,.2)}.lb-weapon-option:hover{background:rgba(166,150,98,.1);border-color:rgba(166,150,98,.3);transform:translateY(-2px)}.lb-weapon-option.selected{background:linear-gradient(180deg,rgba(166,150,98,.2),rgba(166,150,98,.1));border-color:#a69662;box-shadow:0 4px 12px rgba(166,150,98,.1)}.lb-weapon-portrait{width:64px;height:64px;object-fit:contain}.lb-weapon-name{font-size:14px;color:#999;text-align:center;min-height:32px;display:flex;align-items:center}.weapon-damage{font-size:16px;color:#a69662;font-weight:500}.sequence-selector-grid{display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(166,150,98,.2)}.sequence-selector-item{display:flex;align-items:center;justify-content:center;min-width:120px;padding:8px 16px;border-radius:4px;background:rgba(0,0,0,.2);border:1px solid transparent;cursor:pointer;transition:all .2s ease;font-size:14px;color:#999}.sequence-selector-item:hover{background:rgba(166,150,98,.1);border-color:rgba(166,150,98,.3);transform:translateY(-1px)}.sequence-selector-item.selected{background:linear-gradient(180deg,rgba(166,150,98,.2),rgba(166,150,98,.1));border-color:#a69662;box-shadow:0 4px 12px rgba(166,150,98,.1);color:#fff}.style-group{display:flex;flex-direction:column;align-items:center;gap:6px}.style-label{font-size:14px;font-weight:600;color:rgba(255,255,255,.8);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.style-options{display:flex;background:rgba(255,255,255,.02);border-radius:4px;padding:1px}.style-option{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease;font-size:14px;color:#999;border-radius:0;border:1px solid transparent;border-right-color:rgba(255,255,255,.2);min-width:80px;white-space:nowrap}.style-option:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.style-option:last-child{border-right:none;border-top-right-radius:4px;border-bottom-right-radius:4px}.style-option:not(:first-child):not(:last-child){border-radius:0}.style-options .style-option:only-child{border-radius:4px;border-right:none;min-width:120px}.style-option:hover{background:rgba(166,150,98,.1);border-color:rgba(166,150,98,.3);transform:translateY(-1px);color:rgba(255,255,255,.9)}.style-option.selected{background:linear-gradient(180deg,rgba(166,150,98,.2),rgba(166,150,98,.1));border-color:#a69662;box-shadow:0 4px 12px rgba(166,150,98,.1);color:#fff}.style-option:last-child.selected{border-right:1px solid}.style-option.solo:last-child.selected{border-right:1px solid #ff6b6b}.style-option.quickswap:last-child.selected{border-right:1px solid #4ecdc4}.style-option.solo.selected{background:linear-gradient(180deg,rgba(255,107,107,.2),rgba(255,107,107,.1));border-color:#ff6b6b;box-shadow:0 4px 12px rgba(255,107,107,.1);color:#fff}.style-option.quickswap.selected{background:linear-gradient(180deg,rgba(78,205,196,.2),rgba(78,205,196,.1));border-color:#4ecdc4;box-shadow:0 4px 12px rgba(78,205,196,.1);color:#fff}.style-option[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:white;padding:6px 10px;border-radius:4px;white-space:nowrap;font-size:12px;z-index:1000;margin-bottom:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.3)}.expand-toggle{position:absolute;background:none;border:none;padding:0 8px;color:#999;cursor:pointer;bottom:0;right:0;transition:all .2s ease}.expand-toggle:hover{color:#a69662}.expand-toggle.expanded svg{transform:rotate(180deg)}.expand-toggle svg{transition:transform .2s ease}.build-details{margin-top:16px;padding-top:12px;border-top:1px solid rgba(166,150,98,.2);animation:details .2s ease-out}.details-section{margin-bottom:16px}.details-section:last-child{margin-bottom:0}.details-section h3{color:#a69662;font-size:24px;margin:0}.notes{font-size:16px;color:#999;line-height:1.25;margin:0;white-space:pre-line}.rotation-flow{flex-wrap:wrap;margin-top:8px}.rotation-flow,.rotation-step-container{display:flex;align-items:center}.rotation-step{background:rgba(166,150,98,.1);border:1px solid rgba(166,150,98,.2);border-radius:4px;padding:8px 16px;color:#fff;font-size:14px;white-space:nowrap}.rotation-arrow{color:#a69662}@keyframes details{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.lb-wrapper,.overall-wrapper{justify-content:flex-start}.build-selector{padding:16px 8px}.lb-weapon-option{padding:6px}.sequence-selector-item{min-width:100px}.rotation-step{padding:4px 8px}.rotation-step-container svg{width:20px;height:20px}}.page-wrapper{align-items:center;gap:16px}.build-wrapper,.page-wrapper{width:100%;display:flex;flex-direction:column}.build-wrapper{max-width:1250px;justify-content:center;position:relative;overflow-x:auto;margin:0 auto}.build-container{width:1250px;position:relative;margin:0 auto}.build-header,.build-main-content{display:grid;grid-template-columns:60px 120px 200px 55px 45px 95px 150px 375px;grid-gap:16px;gap:16px;padding:8px 16px}.build-table{min-height:830px}.build-table,.build-table-wrapper{position:relative}.table-loading-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.table-loading-overlay.active{opacity:1;pointer-events:all}.build-wrapper .loading-spinner{width:32px;height:32px;border:3px solid transparent;border-top-color:#a69662;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#a69662;font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}.build-header{background:#1a1a1a;border-radius:8px;margin-bottom:1rem;color:#a69662}.build-header-container{display:flex;flex-direction:column;text-align:center;max-width:600px;margin:0 auto 8px}.build-header-title{font-size:36px;color:#a69662;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.build-header-divider{height:2px;background:linear-gradient(90deg,transparent,#a69662,transparent);margin:1rem auto;width:250px}.build-header-text{color:#999;font-size:20px;display:flex;flex-direction:column;padding:0 16px 8px}.rank-link{color:#a69662;text-decoration:none;font-weight:600;transition:color .2s ease}.rank-link:hover{color:#d4c088;text-decoration:underline}.cv-info{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:4px}.cv-label{color:#a69662;font-size:24px;font-weight:500;letter-spacing:.5px}.cv-formula{color:#eee;font-size:22px;font-family:Fira Mono,Consolas,monospace;margin-left:6px}.cv-note{color:#888;font-size:14px;text-align:center;margin-top:2px;margin-bottom:8px;font-style:italic}.warning-overlay{position:absolute;inset:0;background:rgba(20,20,20,.92);z-index:30;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.warning-content{background:rgba(30,30,30,.95);border-radius:12px;padding:1rem;box-shadow:0 0 24px #000a;max-width:480px}.warning-content,.warning-content h2{color:#ffe082;text-align:center;width:100%}.warning-content h2{font-size:32px;margin:1rem auto;font-weight:700}.warning-content p{color:#e0d7b6;font-size:20px;margin:0;line-height:1.3}.warning-content a{color:#ffe082;font-weight:700;text-decoration:underline}.warning-content button{margin-top:1.5rem;background:none;border:none;color:#aaa;font-size:1rem;font-style:italic;cursor:pointer;transition:color .2s}.warning-content button:hover{color:#fff}.builds-warning-dismiss{margin-top:1.2rem;color:#888;font-size:13px;font-style:italic;letter-spacing:.2px}.sort-header{justify-content:center;gap:8px}.sort-button,.sort-header{display:flex;align-items:center}.sort-button{color:#888;transition:color .2s}.sort-icon{width:24px;height:24px;cursor:pointer;transition:transform .3s ease-in-out;transform:scaleX(-1)}.asc{transform:rotate(180deg)}.sort-dropdown{position:relative;cursor:pointer}.build-header .sort-dropdown:first-of-type .sort-options{width:100%}.sort-dropdown:hover .sort-options{display:block}.sort-options{display:none;position:absolute;background:#1a1a1a;border:1px solid #333;border-radius:4px;z-index:10}.sort-option{padding:3px 10px;transition:background-color .2s;font-size:24px;display:flex;justify-content:space-between}.sort-option:hover{background:#2a2a2a}.sort-option.active{background:black}.sort-dropdown.stats{position:relative;width:375px}.stats-grid{display:grid;grid-template-columns:repeat(4,93.75px);position:relative;height:100%}.stats-grid:after,.stats-grid:before{content:"";position:absolute;top:50%;width:65px;border-top:1px solid #a69662;opacity:.3}.stats-grid:before{left:9.375px}.stats-grid:after{right:9.375px}.stats-grid .sort-header{grid-column:span 4;display:flex;justify-content:center;align-items:center;gap:8px}.stats-hover-section{height:100%;width:93.75px;position:absolute;top:0;z-index:1}.stats-hover-section:first-child{left:0}.stats-hover-section:nth-child(2){left:93.75px}.stats-hover-section:nth-child(3){left:187.5px}.stats-hover-section:nth-child(4){left:281.25px}.sort-dropdown.stats .sort-options{width:187.5px;position:absolute;top:100%;z-index:10;pointer-events:all}.sort-options.left{left:0}.sort-options.center{left:93.75px}.sort-options.right{left:187.5px}.build-entries{gap:8px;position:relative}.build-entries,.build-entry{display:flex;flex-direction:column}.build-entry{background:rgba(30,30,35,.6);border-radius:8px;border:1px solid #333;transition:all .2s ease;cursor:pointer}.build-entry:nth-child(2n){background:rgba(20,20,25,.6)}.build-entry:hover{background:#303030;transform:translateY(-2px);box-shadow:0 4px 12px rgba(166,150,98,.1);border-color:#a69662}.build-main-content{align-items:center;cursor:pointer;padding:4px 16px}.build-rank{color:#a69662}.build-owner{display:flex;flex-direction:column;gap:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-name{font-size:24px;color:#999}.owner-uid{font-size:14px;color:#666}.build-character{display:flex;align-items:center;gap:8px}.build-portrait{width:45px;height:auto;object-fit:cover}.char-name.aero{color:#00E676}.char-name.er{color:#FFFFFF}.char-name.electro{color:#BA68C8}.char-name.spectro{color:#FFD740}.char-name.glacio{color:#40C4FF}.char-name.fusion{color:#FF9100}.char-name.havoc{color:#FF4081}.char-name.rover{color:#FF4500}.build-sequence{position:relative;width:50px;height:50%;border-radius:4px;overflow:hidden;font-size:18px;display:flex;align-items:center;padding:0 0 0 4px}.build-sequence:before{content:"";position:absolute;left:0;top:0;height:100%;transition:all .3s ease;border-radius:4px}.build-sequence.s0:before{width:27px;background:#666666}.build-sequence.s1:before{width:30px;background:#2196F3}.build-sequence.s2:before{width:35px;background:#1976D2}.build-sequence.s3:before{width:38px;background:#00BCD4}.build-sequence.s4:before{width:42px;background:#009688}.build-sequence.s5:before{width:46px;background:#4CAF50}.build-sequence.s6:before{width:50px;background:#a69662}.build-sequence span{position:relative;z-index:1;color:#E0E0E0;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.build-weapon{display:flex;align-items:flex-end;position:relative}.weapon-portrait{width:35px;height:auto;object-fit:contain}.build-weapon .weapon-rank{background:rgba(0,0,0,.8);padding:0 4px;border-radius:4px;font-size:12px;color:#fff;border:1px solid #444;margin-left:-6px}.build-sets{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:14px}.build-set{width:30px;height:auto}.build-set-container{padding:4px 6px;border-radius:4px;color:#E0E0E0}.build-cv{flex-direction:column;padding:4px 8px;border-radius:4px;font-size:24px}.build-cv,.build-cv-value{display:flex;align-items:center}.build-cv-value{font-size:18px}.cv-penalty{color:#666;font-size:14px;margin-left:4px;opacity:.8}.build-stats{flex-direction:row;justify-content:space-between;font-size:24px;margin:0 4px}.build-stat,.build-stats{display:flex;position:relative}.build-stat{align-items:center;gap:4px;transition:all .2s ease}.build-cv,.build-damage,.build-stats,.build-stats.active-column .build-stat:not(.highlighted){opacity:.5;transition:opacity .2s ease}.build-cv.active-column,.build-damage.active-column,.build-stats.active-column{opacity:1}.build-stats .build-stat.highlighted{color:#a69662;text-shadow:0 0 8px rgba(166,150,98,.4);background:linear-gradient(180deg,rgba(166,150,98,.1),rgba(166,150,98,.05));border-radius:4px;padding:2px 4px;margin:-2px -4px;box-shadow:inset 0 0 0 1px rgba(166,150,98,.2);z-index:1;opacity:1}.build-stat-icon{width:24px;height:auto;transition:all .2s ease}.build-stat-icon.fusion{filter:brightness(0) saturate(100%) invert(62%) sepia(74%) saturate(2505%) hue-rotate(328deg) brightness(98%) contrast(93%)}.build-stat-icon.aero{filter:brightness(0) saturate(100%) invert(85%) sepia(10%) saturate(2204%) hue-rotate(92deg) brightness(99%) contrast(103%)}.build-stat-icon.electro{filter:brightness(0) saturate(100%) invert(56%) sepia(83%) saturate(3816%) hue-rotate(235deg) brightness(102%) contrast(100%)}.build-stat-icon.spectro{filter:brightness(0) saturate(100%) invert(86%) sepia(48%) saturate(471%) hue-rotate(355deg) brightness(99%) contrast(97%)}.build-stat-icon.havoc{filter:brightness(0) saturate(100%) invert(79%) sepia(93%) saturate(407%) hue-rotate(279deg) brightness(85%) contrast(90%)}.build-stat-icon.glacio{filter:brightness(0) saturate(100%) invert(53%) sepia(66%) saturate(1335%) hue-rotate(183deg) brightness(105%) contrast(97%)}.build-stat-icon.healing{filter:brightness(0) saturate(100%) invert(98%) sepia(39%) saturate(5256%) hue-rotate(22deg) brightness(101%) contrast(74%)}@media (max-width:1200px){.build-wrapper{justify-content:flex-start}.build-container{margin:0;padding:16px}.build-header-container{width:95vw;position:-webkit-sticky;position:sticky;left:2.5vw}.info-item{gap:0}}.profile-main-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.profile-search-section{display:flex;flex-direction:column;gap:20px;width:100%}.profile-search-form,.recent-searches-container{width:100%;box-sizing:border-box;padding:24px;background:rgba(30,30,35,.6);border-radius:8px;border:1px solid #444}.profile-search-form{display:flex;flex-direction:column;gap:16px}.profile-search-wrapper{display:flex;gap:12px}.profile-search-input{flex:1 1;padding:12px 16px;font-size:16px;border-radius:6px;background:#2a2a2a;color:#E0E0E0;border:1px solid #444;transition:all .2s ease}.profile-search-input:focus{outline:none;border-color:#a69662;box-shadow:0 0 0 2px rgba(166,150,98,.2)}.profile-search-help{color:#999;font-size:14px}.recent-searches-title{font-size:18px;color:#a69662;margin-bottom:16px;font-weight:500}.recent-searches-list{display:flex;flex-direction:column;gap:8px}.recent-search-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(40,40,45,.6);border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid #333}.recent-search-item:hover{background:rgba(50,50,55,.8);transform:translateY(-2px);border-color:#a69662}.recent-search-uid{font-size:16px;color:#e0e0e0;font-weight:500}.recent-search-time{font-size:14px;color:#999}.build-button{padding:12px 24px;background:#a69662;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.build-button:hover{background:#c4b278}.saves-page{padding:20px;margin:0 auto;position:relative}.saves-header{margin-bottom:32px;text-align:center}.saves-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px;transition:all .2s ease-out;position:relative}.saves-grid.page-exit{opacity:0}.saves-grid.page-enter{opacity:1}.save-info{margin:16px 0;color:#E0E0E0}.save-actions{display:flex;gap:12px}.save-actions button{flex:1 1;padding:5.5px 5px;font-size:18px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.save-actions button:first-child{background:#a69662;color:#fff}.save-actions button:last-child{background:#333;color:#E0E0E0}.no-saves{text-align:center;grid-column:1/-1;color:#666;font-style:italic}.saves-controls{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-control,.sort-control{display:flex;align-items:center;gap:8px;background:#2a2a2a;border-radius:8px;padding:8px 16px;border:1px solid #333;transition:all .2s ease}.search-control:focus-within,.sort-control:focus-within{border-color:#a69662;box-shadow:0 0 0 2px rgba(166,150,98,.1)}.search-control{flex:1 1;max-width:300px}.search-control input{width:100%;background:none;border:none;color:#E0E0E0;font-size:18px;font-family:inherit}.search-control input:focus{outline:none}.sort-control select{background:#2a2a2a;border:none;color:#E0E0E0;font-size:18px;cursor:pointer;font-family:inherit;min-width:90px}.sort-control select:focus{outline:none}.search-icon,.sort-icon{color:#666;transition:color .2s ease}.search-control:focus-within .search-icon,.sort-control:focus-within .sort-icon,.sort-icon:hover{color:#a69662}.delete-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;animation:fadeIn .2s ease}.delete-confirm,.delete-overlay{display:flex;align-items:center;border-radius:8px}.delete-confirm{background:#2a2a2a;padding:24px;flex-direction:column;gap:16px;border:1px solid #444}.warning-icon{color:#dc2626;width:32px;height:32px}.delete-confirm p{margin:0;text-align:center}.delete-confirm .save-name{color:#a69662;font-weight:500}.confirm-actions{display:flex;gap:8px;margin-top:8px}.confirm-actions button{padding:8px 24px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s ease}.confirm-actions button:first-child{background:#dc2626;color:white}.confirm-actions button:first-child:hover{background:#ef4444}.confirm-actions button:last-child{background:#333;color:#E0E0E0}.confirm-actions button:last-child:hover{background:#444}.save-actions button.danger{background:#dc2626;animation:pulse 2s infinite}.delete-all{background:#2a2a2a;border:1px solid #333;border-radius:8px;color:#E0E0E0;padding:8px 16px;cursor:pointer;font-size:18px;transition:all .2s ease}.delete-all.danger,.delete-all:hover{border-color:#dc2626}.delete-all.danger{background:#dc2626;animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{background:#dc2626}50%{background:#ff6b2b}to{background:#dc2626}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.backup-controls{display:flex;gap:12px}.backup-button{background:#2a2a2a;border:1px solid #333;border-radius:8px;color:#E0E0E0;cursor:pointer;font-family:inherit;font-size:18px;padding:8px 16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.backup-button:hover{border-color:#a69662;box-shadow:0 0 0 2px rgba(166,150,98,.1)}.backup-button:active{background:#333}.backup-button input[type=file]{display:none}.pagination{display:flex;justify-content:center;gap:8px;margin:24px 0}.pagination button{padding:8px;min-width:40px;height:40px;cursor:pointer;transition:all .2s ease}.pagination .current-page,.pagination button{display:flex;align-items:center;justify-content:center;border:1px solid #333;border-radius:4px;background:#2a2a2a;color:#E0E0E0}.pagination .current-page{padding:0 16px}.pagination button:hover:not(:disabled){border-color:#a69662}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.saves-page{padding:10px}.saves-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.save-preview{padding:10px}.save-header h3{font-size:20px;width:55%}.info-row span:first-child{font-size:18px}.info-row span{font-size:14px}.save-date{font-size:12px}.save-sets{font-size:14px}.saves-controls{flex-wrap:wrap;gap:12px;padding:0}.search-control{flex:1 1;min-width:0;max-width:none;width:calc(100% - 160px)}.sort-control{width:150px}.backup-controls{order:1;width:100%;justify-content:stretch}.backup-button{flex:1 1;font-size:16px;padding:8px 10px}.delete-all,.search-control input,.sort-control select{font-size:16px}.weap{font-size:16px!important}}