:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}#root{background-image:linear-gradient(216deg,#4d4d4d0d 0% 25%,#2a2a2a0d 25% 38%,#dfdfdf0d 38% 75%,#2424240d 75% 100%),linear-gradient(44deg,#8080800d 0% 34%,#d4d4d40d 34% 57%,#1919190d 57% 89%,#8787870d 89% 100%),linear-gradient(241deg,#3737370d 0% 14%,#d1d1d10d 14% 60%,#f5f5f50d 60% 69%,#a4a4a40d 69% 100%),linear-gradient(249deg,#f8f8f80d 0% 32%,#9494940d 32% 35%,#cacaca0d 35% 51%,#b5b5b50d 51% 100%),linear-gradient(92deg,#1c1c1c,#1c1c1c);width:100vw;height:100vh;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}img,.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.body{display:flex;width:100%;height:100%;overflow:auto}.page-container{height:100%;width:100%;overflow-y:auto;display:flex;align-items:center;flex-direction:column;position:relative}.builder-wrapper{display:flex;width:100%;height:100%}.builder-container{display:flex;flex-direction:column;width:70%}@media(max-width:1100px){.builder-container{width:100%}}.court-container{position:relative;display:flex;justify-content:center;width:100%;min-width:300px;aspect-ratio:16 / 8.5}.court-bg{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%}.rotate{position:absolute;left:5%;bottom:15%;width:5%;border-radius:50%}.rotate,.bench-player-container{transition:transform .3s ease-in-out}.rotate:hover,.bench-player-container:hover,.headImageContainer:hover,.add-title svg:hover{cursor:pointer}.rotate:hover,.bench-player-container:hover{transform:scale(1.1)}.rotate:hover{box-shadow:0 0 10px 5px #fff}.pos1{transform:translate(42%)}.pos5{transform:translate(-42%)}.pos1:hover{transform:scale(1.1) translate(35%)}.pos5:hover{transform:scale(1.1) translate(-35%)}.team-container{display:flex;justify-content:space-around;flex-wrap:wrap-reverse;width:70%;height:100%;align-self:center;padding-bottom:3%}.cardContainer{display:flex;align-items:center;justify-content:center;position:relative;width:20%;margin:3% 1% 5%;cursor:grab}.cardContainer:active{cursor:grabbing}.bodyImg-wrapper{display:flex;position:absolute;left:49.7%;transform:translate(-51%);width:87%;height:85%;overflow:hidden;z-index:0;clip-path:polygon(50% 0,100% 11.7%,100% 90%,50% 100%,0 88%,0 11.7%);top:5.5%}.bodyImg{width:100%}.cardBottom{position:absolute;width:88%;bottom:7%;left:47.3%;transform:translate(-48%);z-index:1}.cardBg{position:absolute;width:100%;height:95%}.cardPos{position:absolute;z-index:1;right:8%;bottom:25%;width:20%}.specialties-container{display:flex;flex-direction:column;position:absolute;z-index:1;width:16%;left:7%;bottom:25%}.cardName{display:flex;justify-content:center;position:absolute;align-self:flex-end;font-family:Oswald,Helvetica Neue Condensed,Arial Narrow,sans-serif;color:#000;font-weight:700;z-index:2;white-space:pre-wrap;text-align:center;line-height:95%;height:18%;font-size:clamp(5px,.6vw,100px)}@media(max-width:1100px){.cardName{font-size:clamp(3px,.9vw,10px);transform:translateY(28%);bottom:5%}}.border{position:absolute;width:100%}.posNum{position:absolute;bottom:0;width:15%;transform:translateY(1.2vw)}.add-button{position:absolute;align-self:center;width:40%;border-radius:50%}.bench-container{display:flex;flex-direction:column;align-items:center;position:absolute;right:0;height:95%;width:10%}.bench-player-container{display:flex;position:relative;justify-content:center;align-items:center;width:70%;height:15%}.benchImg-wrapper{display:flex;align-items:center;justify-content:center;z-index:1;position:absolute;width:85%;height:85%;overflow:hidden;border-radius:50%}.bench-player{position:absolute;width:105%;border-radius:50%}.bench-rarity{width:90%;position:absolute}.bench-position{z-index:2;position:absolute;width:35%;right:15%;bottom:10%}.circle-bg{width:80%;opacity:.8;position:absolute;bottom:11%;left:11%}.circle-border{width:100%;height:100%;position:absolute;top:0;transform:scaleX(-1)}.circle-add{position:absolute;opacity:.5;width:40%}.add-menu{display:flex;flex-direction:column;position:absolute;background-color:#000;border-radius:1%;z-index:100;width:85%;height:85%}.navmenu{height:100%;background-color:#0d031b}.title{display:flex;align-items:center;width:95%;height:5%;min-height:30px;font-size:calc(12px + .8vw);z-index:50!important}.add-title{margin-top:1%;width:100%;height:6%;display:flex;justify-content:space-between;align-items:center}.add-title h2{height:100%;width:94%;padding-left:2%;font-size:clamp(10px,1.5vw,25px)}.add-title svg{transition:.3s ease-in-out;margin-right:1%;width:6%;min-height:30px;min-width:30px;height:100%}.add-title svg:hover{transform:rotate(90deg);color:red}@media(max-width:1100px){.court-container{width:100%}}.list-container{display:flex;align-items:flex-start;align-content:flex-start;flex-flow:row wrap;height:80%;overflow-y:auto;padding:10px}.headImageContainer{display:flex;position:relative;justify-content:center;overflow:hidden;width:10%;min-width:50px;margin:5px}.headImg{position:absolute;padding-top:4%;height:78%}.headBg{width:100%;height:100%}.headPosition{position:absolute;right:0;bottom:18%;width:25%}.headName{display:flex;align-items:flex-end;position:absolute;bottom:-6.5%;align-self:flex-end;font-family:Oswald,Helvetica Neue Condensed,Arial Narrow,sans-serif;color:#000;font-weight:700;font-size:.8vw;white-space:nowrap;animation:scroll-text 11s linear infinite}@media(max-width:1100px){.headName{bottom:-9%;font-size:clamp(6px,.9vw,10px)}}@keyframes scroll-text{0%{transform:translate(110%)}to{transform:translate(-140%)}}.filter-container{margin-top:1vw;display:flex;flex-direction:column}.filter-container>*{display:flex;flex-direction:column;margin-left:1vw;font-size:clamp(5px,.8vw,15px)}.filter-container p{margin:0 1vw}.filter-wrapper{display:flex;flex-wrap:wrap;margin:0 1vw}.filter{margin-right:.5vw;border:2px solid gray;background-color:#16033b;border-radius:10px;padding:0 .5vw;margin-bottom:3px;cursor:pointer;transition:background-color .3s ease-in-out}.active{background-color:#0ff;color:#000}.details-container{display:flex;flex-direction:column;width:100%;background-image:linear-gradient(116deg,#e8e8e808 0% 10%,#0e0e0e08 10% 66%,#e8e8e808 66% 72%,#2c2c2c08 72% 81%,#33333308 81% 100%),linear-gradient(109deg,#9b9b9b08 0% 23%,#1e1e1e08 23% 63%,#7c7c7c08 63% 73%,#c3c3c308 73% 84%,#bbbbbb08 84% 100%),linear-gradient(79deg,#fefefe08 0% 27%,#b4b4b408 27% 33%,#a7a7a708 33% 34%,#44444408 34% 63%,#ababab08 63% 100%),linear-gradient(109deg,#47474708 0% 3%,#61616108 3% 40%,#28282808 40% 55%,#05050508 55% 73%,#f2f2f208 73% 100%),linear-gradient(271deg,#46464608 0% 11%,#b2b2b208 11% 23%,#1c1c1c08 23% 72%,#98989808 72% 86%,#2b2b2b08 86% 100%),linear-gradient(90deg,#1b1b1b,#010101);height:100%}@media(max-width:1100px){.filter-container>*{font-size:clamp(9px,1vw,20px)}}.player-bank-container h2{color:#000;margin-bottom:0}.details-container h3,.player-bank-container h2{margin-left:1vw;font-size:1.3vw}@media(max-width:1100px){.details-container h3,.player-bank-container h2,.add-title h2{font-size:clamp(13px,3vw,20px)}}.player-list-container{display:flex;background-color:#222727;width:100%}.player-list-container h3{width:94%;padding-left:2%;font-size:calc(12px + .5vw)}.player-bank-container{position:relative;display:flex;flex-direction:column;width:30%;height:100%;background-image:url(/assets/hinata-wallpaper-CVBdt0CQ.png);background-size:cover;object-fit:cover;color:#000}.bank-text{font-size:clamp(5px,.7vw,15px);color:#fff;margin-right:.2vw}.bank-text.active{background-color:#0ff;color:#000}.player-bank-container .filter-container>*{margin-left:0}.bank-list-container{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;overflow-y:auto}.player-bank-container .headImageContainer{width:clamp(45px,19%,100px);margin-left:3.2%}@media(max-width:1017px){.player-bank-container .headImageContainer{min-width:44px}}.player-bank-container .headName{bottom:-10%;font-size:clamp(5px,.6vw,12px)}.remove-overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;z-index:30;background-color:gray;opacity:.9;height:100%;width:100%;color:#f5f5f5}.details-container{position:relative;display:flex;width:100%;height:100%;min-height:100px;overflow-y:auto}.details-container h3{margin-bottom:10px;margin-left:3.5vw}.bonds-container{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;justify-content:space-between;align-self:center;width:90%;height:100%;padding-top:5px;background-color:#0000004d;border-radius:25px;margin-bottom:20px;min-height:200px;overflow-y:auto}.bond-wrapper{position:relative;display:flex;align-items:center;width:45%;height:40px;background-color:#80808066;margin:5px 2%;border-radius:25px;cursor:pointer}.bond-wrapper p{margin-left:5px;font-size:clamp(8px,3vw,15px)}.bond-icon{height:100%;align-self:flex-start}@media(max-width:900px){.bonds-container{flex-direction:row;justify-content:center}.bond-wrapper{width:80%;height:30px}.bond-wrapper p{font-size:clamp(8px,2vw,15px)}.details-container h3{margin-left:6vw}}@media(max-height:700px){.bonds-container{flex-direction:row;justify-content:center}.bond-wrapper{width:80%;height:40px}}.bond-wrapper.inactive{filter:grayscale(100%)}