#navbar-body{display:flex;position:fixed;top:0;width:100vw;height:80px;justify-content:space-between;background:linear-gradient(0deg,transparent,#000000dd);z-index:1001}#navbar-body .item-slot{display:flex;width:fit-content;min-width:20px;height:100%;gap:1.5rem;margin:0 1.5rem;align-items:center;z-index:1000}#navbar-body a{display:flex;width:fit-content;height:fit-content;gap:.5rem;align-items:center;filter:drop-shadow(0 0 2px #000);transform:scale(1);transition:transform .3s ease-out}#navbar-body a:hover{transform:scale(1.1)}#navbar-body .navbar-icon{height:35px;aspect-ratio:1/1;object-fit:contain}#navbar-body .navbar-icon.title{height:3.25rem}#navbar-body .item-slot p{color:#fff;font-size:1rem;font-weight:300;white-space:nowrap}#navbar-body .item-slot p.title{font-size:1.5rem;font-weight:600}#navbar-body button{border:0;display:none}#navbar-sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:-14.2rem;width:14rem;height:calc(100vh - 200px);gap:1rem;padding:100px 0;background:#666;box-shadow:2px 0 4px #000;transition:left .3s ease-out;z-index:500}#navbar-sidebar a{display:flex;width:85%;height:3rem;gap:.5rem;padding:0 7.5%;align-items:center;color:#fff;font-size:1rem;font-weight:600;white-space:nowrap;transform:scale(1);transition:transform .3s ease-out}#navbar-sidebar a:hover{transform:scale(1.1)}#navbar-sidebar .navbar-icon{width:2.5rem;height:2.5rem}@media(max-width:780px){#navbar-body a{display:none}#navbar-body a.title{display:flex}#navbar-body button{display:block;background:transparent;padding:0;-webkit-tap-highlight-color:transparent}#navbar-body button:hover{border:0}#navbar-body button:focus,#navbar-body button:focus-visible,#navbar-body button:active{outline:0}#navbar-body button::-moz-focus-inner{outline:0}#navbar-sidebar.active{left:0}}#footer-body{display:flex;position:fixed;bottom:0;width:calc(100vw - .6rem);padding:0 .3rem;height:60px;justify-content:space-between;border-top:1px #000 solid;background:linear-gradient(0deg,#ccc,#aaa 40% 60%,#ccc);z-index:1001}#footer-body .item-slot{display:flex;width:fit-content;min-width:20px;height:100%;gap:1rem;margin:0 1rem;color:#000;align-items:center;white-space:pre-line;line-height:1rem;font-size:.7rem}#footer-body a{display:flex;width:fit-content;height:fit-content;align-items:center}#footer-body .footer-icon{height:35px;aspect-ratio:1/1;object-fit:contain;border-radius:50%}#main-container{display:flex;flex-direction:column;width:100vw;height:fit-content;min-height:100vh;padding-top:100px;padding-bottom:120px;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-color:#ccc}body.page-home{background-image:url(/bg.png)}body.page-characters{background-image:url(/cardBg.jpg)}body.page-card{background-image:url(/cardBg.jpg)}body.page-card:before{content:"";position:fixed;inset:0;mix-blend-mode:overlay;opacity:.25;pointer-events:none;background:url(test.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}#page-slot{display:flex;flex-direction:column;width:80%;max-width:1500px;height:fit-content;min-height:100%;margin:0 auto;align-items:center;justify-content:flex-start;background-color:#f001}@media(max-width:780px){#page-slot{width:95%}}.article-slot{display:flex;flex-direction:column;width:100%;height:fit-content;align-items:flex-start;padding:1rem}.article-slot .title{font-size:1.75rem;margin:0 1rem}.article-slot .article{display:flex}.image-picker-slot{position:relative;width:100%;height:100%;overflow:hidden}.image-picker-slot img{position:absolute;top:50%;left:50%;transform-origin:center center}.stat-slot-body{display:flex;width:95%;aspect-ratio:12 / 1;gap:2.5%;background-color:#fff2;overflow:hidden;align-items:center;justify-content:space-between}.stat-slot-body .container{display:flex;width:79%;height:100%;gap:2.5%;color:#fff;align-items:center}.stat-slot-body .container img{width:auto;height:90%;aspect-ratio:1/1;margin-left:1%}.stat-slot-body .container span{position:relative;font-size:min(.925vw,.925rem);white-space:nowrap;transform:translateY(-3%)}.stat-slot-body .container p{margin:0 0 0 auto;font-size:min(1vw,1rem)}.stat-slot-body .container p.blank{margin-right:1%}.stat-slot-body em{margin:0 auto 0 0;color:#fa0;padding-right:2.5%;font-size:min(.7vw,.7rem);transform:translateY(15%) scaleX(.95)}.echo-slot-body{display:flex;flex-direction:column;width:calc(19.5% - 2px);height:calc(100% - 2pxs);border:1px solid #ccc;align-items:center;justify-content:flex-start}.echo-slot-body.select{border:1px solid #f00}.echo-slot-body .echo-image-slot{display:flex;position:relative;flex-direction:column;margin-top:2.5%;width:95%;aspect-ratio:1 / 1;align-items:center}.echo-slot-body .echo-image-slot .echo-image{position:absolute;width:calc(min(4.8vw,4.4rem) - 2px);top:50%;left:50%;border:1px solid #ffffff33;transform:translate(-50%,-50%)}.echo-slot-body .echo-image-slot .harmony-image{position:absolute;width:min(2vw,1.2rem);bottom:0;left:50%;transform:translate(-50%,50%);z-index:250}.echo-slot-body .stat-container{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;margin-top:2%}.echo-slot-body .stat-container .echo-stat-slot{display:flex;width:85%;aspect-ratio:3.5 / 1;margin:3% 0;overflow:hidden;align-items:center;justify-content:space-between}.echo-slot-body .stat-container.main{margin-top:10%;margin-bottom:2%}.echo-slot-body .echo-stat-slot img{height:90%}.echo-slot-body .echo-stat-slot span{color:#f0f0f0;font-size:min(1vw,1rem);transform:scaleX(.925)}.echo-slot-body .score-container{display:flex;position:relative;flex-direction:column;width:100%;height:fit-content;margin-top:auto;margin-bottom:2.5%;color:#f0f0f0;align-items:center}.echo-slot-body .score-container .slot{display:flex;width:85%;height:fit-content;align-items:flex-end;justify-content:space-between;font-size:min(.7vw,.7rem)}.echo-slot-body .score-container img{position:absolute;bottom:32.5%;left:50%;height:min(2.15vw,2.15rem);transform:translate(-50%,-50%)}.echo-slot-body .score-container span{white-space:nowrap}.echo-slot-body .score-container em{text-decoration:underline}.echo-slot-body .divider{width:100%;height:1px;background-color:#888}.echo-slot-body .divider.echo{position:absolute;bottom:0;transform:translateY(50%)}.echo-slot-body .divider.stat{width:85%}.echo-select-wrapper{display:flex;flex-direction:column;height:100%;align-items:center;justify-content:space-between}.echo-select-wrapper .divider{width:90%;min-height:1px;background-color:#fff}.echo-select-wrapper .drop-slot{display:flex;width:100%;height:8%;align-items:center;justify-content:center;gap:2.5%}.echo-select-wrapper .drop-slot.large{height:12%}.echo-select-wrapper .drop-slot .main-stat-icon{width:10%;aspect-ratio:1 / 1}.echo-select-wrapper .drop-slot .main-stat-span{width:26%;margin:0 2%;font-size:min(1.5vw,1.5rem);font-weight:700;color:#fff}#card-page-slot{display:flex;flex-direction:row;width:95%;min-width:780px;max-width:1500px;height:fit-content;min-height:100%;gap:0;margin:0 auto;margin-top:1rem;align-items:flex-start;justify-content:space-between}#card-page-slot .card-section{display:flex;flex-direction:column;height:fit-content;min-height:10vh;align-items:center}#card-page-slot .card-section.left{min-width:600px;width:77.5%;gap:2rem}#card-page-slot .card-section.right{width:20%;gap:.4rem}#card-page-slot .card-section.right button{display:flex;width:calc(100% - 2px);height:2rem;margin:0;padding:0;align-items:center;justify-content:center;color:#ccc;border:1px solid #ccc;border-radius:0;font-size:1rem;overflow:hidden;background-color:#fff1;transition:all .3s ease-out}#card-page-slot .card-section.right button.active{color:#000;font-size:1.1rem;background-color:#fff5}#card-page-slot .card-section.right button:hover{color:#000;font-size:1.1rem;background-color:#fff9}#card-page-slot .card-section.right .card-slot{display:flex;flex-wrap:wrap;width:calc(100% - 2px);height:0;gap:5% 0;align-items:flex-start;align-content:flex-start;justify-content:space-evenly;border:1px solid transparent;transition:all .3s ease-out;overflow-x:hidden;overflow-y:hidden}#card-page-slot .card-section.right .card-slot.active{height:min(20vw,22.2rem);padding:5% 0;border:1px solid #ccc;transform:translateY(-1rem);transition:all .3s ease-in;overflow-y:auto}#card-page-slot .card-section.right .card-slot.echo.active{height:min(35vw,33.3rem)}#card-page-slot .card-section.right .card-slot.echo .echo-slot{display:flex;flex-direction:column;width:90%;height:87.5%;gap:3%}#card-page-slot .card-section.right .card-slot.echo .echo-slot .dropdown{display:flex;height:16px;align-items:center;justify-content:space-between}#card-page-slot .card-section.right .card-slot.echo .echo-slot .stats{display:flex;flex-direction:column;height:1rem;justify-content:space-between}#card-page-slot .card-section.right .filter-slot{display:flex;width:90%}#card-page-slot .card-section.right .filter-item{display:flex;width:20%;aspect-ratio:1 / 1}#card-page-slot .card-section.right .filter-item img{width:100%}#card-page-slot .card-section.right .card-preview{display:flex;width:calc(100% - 2px);height:0;overflow:hidden;align-items:center;justify-content:center;color:transparent;border:1px solid transparent;pointer-events:none;white-space:nowrap;transform:translateY(-.5rem);transition:all .3s ease-out}#card-page-slot .card-section.right .card-preview.active{color:#fff;border:1px solid #fff;height:min(5vw,5.55rem);pointer-events:auto;background-color:#0006}#card-page-slot .card-section.right .card-preview.echo.active{height:min(4vw,4.44rem)}#card-page-slot .card-section.right .card-preview img{width:100%;filter:brightness(.5)}#card-page-slot .card-section.right .card-preview.echo img{width:20%;filter:brightness(1)}#card-page-slot .card-section.right .card-preview span{position:absolute;inset:auto;text-decoration:underline;font-size:min(2vw,2.2rem);filter:drop-shadow(0 0 min(.25vw,.275rem) #ffffffaa)}#card-page-slot .card-section.right .card-preview:active,#card-page-slot .card-section.right .card-preview:focus,#card-page-slot .card-section.right .card-preview:focus-visible{border:1px solid transparent;outline:0}#card-page-slot .card-section.right .filter-slot{display:flex;width:100%;height:fit-content;align-items:center;justify-content:space-evenly}#card-page-slot .card-section.right .filter-item{display:flex;position:relative;width:min(2.5vw,2.25rem);height:min(2.5vw,2.25rem);outline:0;padding:0;overflow:hidden;border:1px solid transparent;background:linear-gradient(0deg,#336,#0b0b44,#336)}#card-page-slot .card-section.right .filter-item:hover{border:1px solid #fff;background:linear-gradient(0deg,#66a,#3e3e77,#66a)}#card-page-slot .card-section.right .filter-item img{height:100%;aspect-ratio:1 / 1;filter:brightness(.5)}#card-page-slot .card-section.right .filter-item.active img{filter:brightness(1)}#card-page-slot .card-section.right .filter-item.active:after{content:"";position:absolute;inset:0;background-color:#fff;mix-blend-mode:overlay;opacity:.5;z-index:0;transition:opacity .1s ease-out}#card-page-slot .card-section.right .card-item{display:flex;position:relative;flex-direction:column;width:27.5%;min-width:2.5rem;aspect-ratio:5 / 6;align-items:center;justify-content:space-evenly;overflow:hidden;color:#fff;white-space:nowrap;border:1px solid #aaa;background:linear-gradient(#4d4d4d,#d8d8d8,#fff,#d8d8d8,#4d4d4d,#2f2f2f);transition:transform .3s ease-out;font-size:min(.8vw,.65rem)}#card-page-slot .card-section.right .card-item.weapon{background:linear-gradient(45deg,#4d4d4d,#d8d8d8,#fff,#d8d8d8,#4d4d4d);flex-direction:row;padding:0 2.5%;width:85%;gap:5%;aspect-ratio:4 / 1;justify-content:flex-start;color:#000;font-size:min(1.2vw,.975rem)}#card-page-slot .card-section.right .card-item.weapon span{transform:translate(min(4.8vw,4.8rem))}#card-page-slot .card-section.right .card-item:after{content:"";position:absolute;inset:0;mix-blend-mode:multiply;opacity:.5;pointer-events:none}#card-page-slot .card-section.right .card-item:hover{transform:scale(1.1)}#card-page-slot .card-section.right .card-item.selected{border:1px solid rgb(255,255,100);filter:drop-shadow(0 0 .5vw rgb(255,255,100))}#card-page-slot .card-section.right .card-item img{width:90%;aspect-ratio:1 / 1;background-color:#0006;overflow:hidden;border:1px solid #666;z-index:5}#card-page-slot .card-section.right .card-item.weapon img{position:absolute;width:25%}#card-page-slot .card-section.right .card-item span{z-index:5}#card-page-slot .card-section.right .card-item.aero:after{background:#41a33a}#card-page-slot .card-section.right .card-item.fusion:after{background:#f66}#card-page-slot .card-section.right .card-item.electro:after{background:#83c}#card-page-slot .card-section.right .card-item.glacio:after{background:#6cf}#card-page-slot .card-section.right .card-item.spectro:after{background:#ff6}#card-page-slot .card-section.right .card-item.havoc:after{background:#c39}.card-header{display:flex;flex-direction:column;width:100%;height:fit-content;min-height:10px;gap:1rem;align-items:center}.card-header .header-slot{display:flex;width:100%;justify-content:space-between}.card-contents{display:flex;flex-direction:column;width:100%;height:fit-content;align-items:center}.card-contents .card-contents-slot.header,.card-contents .card-contents-slot.footer{display:flex;width:97%;min-width:480px;height:min(2.75vw,3rem);justify-content:space-between;z-index:99}.card-contents .card-contents-slot.main{display:flex;position:relative;width:calc(100% - 2px);aspect-ratio:2140 / 940;border:1px solid #888;box-shadow:0 5px 10px #0008;z-index:100}.card-page-button{display:flex;position:relative;width:fit-content;gap:1vw;outline:0;border:1px solid transparent;padding:0;overflow:hidden;align-items:center;justify-content:center;color:#fff;font-size:min(1.2vw,1.1rem);font-weight:500;text-align:center;border-radius:4px;background:linear-gradient(0deg,#336,#0b0b44,#336)}.card-page-button span{padding:0 1vw}.card-page-button:hover{border:1px solid #fff;background:linear-gradient(0deg,#66a,#3e3e77,#66a)}.card-page-button:active,.card-page-button:focus,.card-page-button:focus-visible{outline:0}.card-page-button::-moz-focus-inner{outline:0}.card-page-button:after{content:"";position:absolute;inset:0;background-color:#fff;mix-blend-mode:overlay;opacity:0;z-index:0;transition:opacity .1s ease-out}.card-page-button.active:after{opacity:.8}.card-page-button.filter{width:fit-content;min-width:35px;height:35px}.card-page-button.content{width:fit-content;height:100%;font-size:min(1.1vw,1rem);border:1px solid #888;border-radius:0}.card-page-button.content.top{border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px}.card-page-button.content.bottom{border-bottom:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.card-page-button img{height:100%;z-index:1}.card-header .item-slot,.card-contents .item-slot{display:flex;flex-direction:row;width:fit-content;height:100%;gap:min(.5vw,1rem)}@media(max-width:780px){#card-page-slot{width:100%;min-width:400px;flex-direction:column;gap:2rem;align-items:center}#card-page-slot .card-section.left,#card-page-slot .card-section.right{min-width:480px;width:95%}.card-contents .card-contents-slot.header,.card-contents .card-contents-slot.footer{height:2rem}.card-header .item-slot.filter{flex-direction:column}.card-page-button,.card-page-button.content{font-size:.7rem}.card-header .item-slot,.card-contents .item-slot{gap:.5rem}}.card-contents .card-contents-slot.main{background:url(/temp/result.png);background:url(/cardBg.jpg);background-size:contain;background-repeat:no-repeat;background-position:center}.card-contents .card-contents-slot.main .main-item-slot{display:flex;flex-direction:column;position:absolute}.card-contents .card-contents-slot.main .main-item-slot.character{width:30.75%;height:96.25%;top:2.5%;left:1%}.card-contents .card-contents-slot.main .main-item-slot.weapon{flex-direction:row;width:28%;height:20%;top:2.5%;left:32.75%;background-color:transparent}.card-contents .card-contents-slot.main .main-item-slot.stats{align-items:center;gap:2.5%;padding-top:.7%;padding-bottom:.75%;width:28%;height:72.5%;bottom:1.5%;left:32.75%;background-color:#0003}.card-contents .card-contents-slot.main .main-item-slot.description{flex-direction:row;width:37.5%;height:5.5%;top:1.75%;right:.8%}.card-contents .card-contents-slot.main .main-item-slot.namecard{flex-direction:row;width:37.5%;height:23.5%;top:7.5%;right:.8%;align-items:center;justify-content:space-evenly;background-color:#ffffff19}.card-contents .card-contents-slot.main .main-item-slot.echos{flex-direction:row;width:37.5%;height:66.25%;right:.8%;bottom:1.5%;justify-content:space-between}.main-item-slot.character .card-character-slot{width:calc(99% - 2px);height:calc(88% - 2px);border:1px solid #bbb;border-top-left-radius:1.25vw;box-shadow:.2vw .2vw #000;object-fit:contain;overflow:hidden}.main-item-slot.character .card-character-slot .constell-overlay{position:absolute;top:0;left:0;width:99%;height:88%;pointer-events:none}.main-item-slot.character .card-character-slot .constell-overlay img{width:100%;height:100%;pointer-events:none}.main-item-slot.character .card-character-slot .constell-overlay .constell-button{display:flex;position:absolute;width:min(2.5vw,2.8rem);aspect-ratio:1 / 1;border:0;outline:0;margin:0;padding:0;border-radius:0;background:transparent;overflow:hidden;transform:translate(-50%,-50%);pointer-events:all!important}.main-item-slot.character .card-character-slot .constell-overlay .constell-button:active,.main-item-slot.character .card-character-slot .constell-overlay .constell-button:focus,.main-item-slot.character .card-character-slot .constell-overlay .constell-button:focus-visible{border:0;outline:0}.main-item-slot.character .card-character-slot .constell-overlay .constell-button img{width:50%;height:50%;margin:25%;opacity:.5;transition:transform .3s ease-out;filter:drop-shadow(0 0 0 #00000088)}.main-item-slot.character .card-character-slot .constell-overlay .constell-button.active img{width:70%;height:70%;margin:15%;opacity:1}.main-item-slot.character .card-character-slot .constell-overlay .constell-button:hover img{transform:scale(1.25)}.main-item-slot.character .card-character-slot .account-info{position:absolute;left:1%;color:#fff;font-size:min(.7vw,.8rem);font-weight:500;white-space:nowrap}.main-item-slot.character .card-character-slot .account-info.region{bottom:7%}.main-item-slot.character .card-character-slot .account-info.player-name{bottom:3.5%}.main-item-slot.character .card-character-slot .account-info.player-uid{bottom:0}.main-item-slot.character .card-character-slot .character-name{position:absolute;right:1%;bottom:-.5%;color:#fff;font-size:min(1.75vw,2rem);font-weight:500;white-space:nowrap}.main-item-slot.character .card-character-slot .character-icon{position:absolute;bottom:6.5%;height:min(1.1vw,1.3rem);aspect-ratio:1 / 1}.main-item-slot.character .card-character-slot .character-icon.element{height:min(1.3vw,1.5rem);bottom:calc(6.5% - .05vw);aspect-ratio:1 / 1;right:calc(19% - .1vw)}.main-item-slot.character .card-character-slot .character-icon.stat-type{right:13%}.main-item-slot.character .card-character-slot .character-icon.attack-type{right:7%}.main-item-slot.character .card-character-slot .character-icon.weapon-type{right:1%}.main-item-slot.weapon .weapon-info-slot{position:absolute;bottom:0;width:100%;height:72.5%;background-color:#ffffff19}.main-item-slot.weapon .weapon-info-img{position:absolute;left:2%;width:calc(25% - 2px);aspect-ratio:1 / 1;border:1px solid #bbb;overflow:hidden;z-index:250;background:linear-gradient(30deg,#0b0b44,#336)}.main-item-slot.weapon .weapon-info-img img{width:100%;height:100%}.main-item-slot.weapon .weapon-stat,.main-item-slot.weapon .weapon-name{position:absolute;color:#fff}.main-item-slot.weapon .weapon-name{font-size:min(1vw,.98rem);bottom:40%;left:30%;width:70%;white-space:nowrap;transform:translateY(-50%)}.main-item-slot.weapon .weapon-stat-icon{position:absolute;top:77.5%;width:8%;height:auto;transform:translateY(-50%)}.main-item-slot.weapon .weapon-stat{font-size:min(1.3vw,1.274rem);top:77.5%;transform:translateY(-50%)}.main-item-slot.weapon .weapon-stat em{font-size:min(1vw,.98rem)}.main-item-slot.weapon .weapon-stat-icon.main{left:29%}.main-item-slot.weapon .weapon-stat-icon.sub{left:62.5%}.main-item-slot.weapon .weapon-stat.main{right:45%}.main-item-slot.weapon .weapon-stat.sub{right:5%}.main-item-slot.stats .harmony-slot{display:flex;position:absolute;flex-direction:column;bottom:2.75%;left:50%;width:100%;height:min(3.75vw,3.7rem);gap:min(.5vw,.55rem);align-items:center;justify-content:center;color:#fff;white-space:nowrap;transform:translate(-50%,-50%)}.main-item-slot.stats .harmony-slot .container{display:flex;width:fit-content;max-width:90%;height:40%;gap:min(.22vw,.242rem);padding:0 min(.2vw,.2rem);align-items:center;background-color:#ffffff19;font-size:min(1vw,.9rem)}.main-item-slot.stats .harmony-slot .container img{width:min(1.1vw,1.1rem);height:min(1.1vw,1.1rem)}.main-item-slot.stats .score-slot{display:flex;width:100%;height:fit-content;color:#fff;font-size:min(1.2vw,1.2rem);margin-top:auto;justify-content:space-evenly}.main-item-slot.stats .score-slot em{text-decoration:underline;font-size:min(1.3vw,1.365rem)}.main-item-slot.description span{position:absolute;color:#bbb;white-space:nowrap}.main-item-slot.description span.kuro{left:0;bottom:0;font-size:min(.78vw,.85rem)}.main-item-slot.description span.powered{right:0;bottom:60%;font-size:min(.65vw,.71rem)}.main-item-slot.description span.link{right:0;bottom:0;font-size:min(.78vw,.85rem)}.main-item-slot.description span.link em{text-decoration:underline}.main-item-slot.description span.link img.link-image{position:absolute;height:70%;transform:translate(-120%,10%)}.main-item-slot.namecard .namecard-score{position:relative;width:31%;height:90%}.main-item-slot.namecard .namecard-score img{position:absolute;width:125%;top:40%;left:50%;transform:translate(-50%,-50%)}.main-item-slot.namecard .namecard-score span{position:absolute;bottom:0;left:50%;color:#fff;white-space:nowrap;transform:translate(-52%,20%);font-size:min(1.2vw,1.2rem)}.main-item-slot.namecard .namecard-score em{text-decoration:underline;font-size:min(1.3vw,1.3rem)}.main-item-slot.namecard .namecard-image{display:flex;width:65%;height:90%;border:1px solid #fff}.character-slot{display:flex;position:relative;flex-direction:column;width:180px;min-width:180px;height:240px;min-height:240px;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(#4d4d4d,#d8d8d8,#fff,#d8d8d8,#4d4d4d);border-top-left-radius:1.5rem;border-bottom-right-radius:1.5rem;filter:drop-shadow(4px 6px 4px #00000055);transition:transform .3s ease-out}.character-slot:hover,.character-slot:focus{border:0;outline:none;text-decoration:none;transform:scale(1.05)}.character-slot.elite{background:linear-gradient(45deg,#a47a1e,#d3a84c,#ffec94,#e6be69,#ffd87c,#b58f3e,#956d13)}.character-slot .character-image-slot{display:flex;position:absolute;width:calc(100% - 2.5px);height:calc(100% - 2.5px);align-items:center;justify-content:center;margin:1.25px;object-fit:cover;overflow:hidden;border-top-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.character-slot .character-image-slot:hover{border:0;outline:none}.character-slot .overlay{position:absolute;width:100%;height:100%;border-top-left-radius:1.5rem;opacity:.75;background:linear-gradient(0deg,#000,transparent 50%);z-index:3}.character-slot .card-bg{position:absolute;width:220px;height:280px;background:url(/ui/card_bg.png);background-size:cover;background-repeat:no-repeat;background-position:center}.character-slot .card-bg.empty{background:linear-gradient(#4d4d4d,#d8d8d8,#fff,#d8d8d8,#4d4d4d);filter:saturate(.1)}.character-slot .card-bg:after{content:"";position:absolute;inset:0;mix-blend-mode:multiply;opacity:.5;pointer-events:none;background:url(/ui/card_bg.png);background-size:cover;background-repeat:no-repeat;background-position:center}.character-slot .card-bg.aero:after{mix-blend-mode:overlay;background:#41a33a}.character-slot .card-bg.fusion:after{mix-blend-mode:overlay;background:#f66}.character-slot .card-bg.electro:after{mix-blend-mode:overlay;background:#83c}.character-slot .card-bg.glacio:after{mix-blend-mode:overlay;background:#6cf}.character-slot .card-bg.spectro:after{mix-blend-mode:overlay;background:#ff6}.character-slot .card-bg.havoc:after{mix-blend-mode:overlay;background:#c39}.character-slot .character-image-slot .character-image{width:auto;height:105%;z-index:2;filter:drop-shadow(0 0 5px #000000aa)}.character-slot .character-image-slot .character-image.Empty{filter:saturate(.1)}.character-slot .character-image-slot .character-image:hover{border:0;outline:none}.character-slot .rank-icon{position:absolute;width:auto;height:3.25rem;bottom:2rem;right:50%;align-items:center;justify-content:center;overflow:hidden;transform:translate(50%);filter:drop-shadow(0 0 10px #fff) brightness(1.2);z-index:11}.character-slot .character-info-slot{display:flex;position:absolute;width:95%;height:100%;align-items:flex-start;justify-content:flex-end;color:#fff;border-top-left-radius:1.5rem;border-bottom-right-radius:1.5rem;filter:saturate(1.5) contrast(1.5) drop-shadow(0 0 10px #000000cc);z-index:10}.character-slot .character-info-slot{border:0;outline:none}.character-slot .character-info-slot .name{position:absolute;bottom:.5rem;right:50%;width:120%;font-size:1.25rem;font-weight:600;white-space:nowrap;margin-right:auto;text-align:center;filter:drop-shadow(0 0 5px #00000099);transform:translate(50%)}.character-slot .character-info-slot img{margin-top:1px;width:auto;height:1.3rem}.character-slot .character-info-slot img.bigger{width:auto;height:2.75rem;filter:saturate(2)}#page-slot{gap:2rem}#page-slot .page-header{display:flex;width:100%;height:3rem;gap:1rem;align-items:flex-end}#page-slot .page-header .header-button{display:flex;width:fit-content;min-width:3rem;height:3rem;gap:.5rem;border:0;outline:0;padding:0;align-items:center;justify-content:center}#page-slot .page-header .button-icon{width:2.5rem;height:2.5rem}#page-slot .page-header .search-bar{display:flex;width:30%;max-width:250px;height:80%;gap:.25rem;margin-left:auto;border:2px #444 solid;border-radius:10px;background-color:#fff;align-items:center;overflow:hidden}#page-slot .page-header .search-bar img{height:80%;aspect-ratio:1 / 1;padding-left:4px}#page-slot .page-header .search-bar input{width:100%;border:0}#page-slot .page-header .search-bar input:focus,#page-slot .page-header .search-bar input:focus-visible,#page-slot .page-header .search-bar input:active{outline:0}#page-slot .page-header .search-bar input::-moz-focus-inner{outline:0}#page-slot .slot-container{display:flex;width:100%;gap:1.5rem;flex-wrap:wrap;justify-content:space-evenly}#page-slot .item{width:23.5%;aspect-ratio:16 / 9;background:#ddd;border-radius:6px}@font-face{font-family:krFont;src:url(/assets/PretendardVariable-Bh9nN6Cq.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:enFont;src:url(/assets/Roboto-Medium-B-WQFzlZ.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:numFont;src:url(/assets/SUITE-Medium-Bok22Xmj.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}.kr-font{font-family:krFont,sans-serif}.en-font{font-family:enFont,sans-serif}.num-font{font-family:numFont,sans-serif;transform:scaleX(.9)}:root{display:flex;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}