.ssavtb-team-builder{width:100%;min-width:0;padding:0;color:#e6e6e6;box-sizing:border-box;overflow-x:hidden}.ssavtb-layout{display:flex;gap:24px;align-items:flex-start;width:100%;min-width:0}.ssavtb-left{flex:0 0 36%;min-width:0;background-color:#1c1d21;border-radius:2px;padding:16px}.ssavtb-right{flex:1 1 64%;min-width:0;background-color:#1c1d21;padding:0}.ssavtb-left,.ssavtb-right,.ssavtb-formation-container,.ssavtb-roster-section,.ssavtb-team-management,.ssavtb-input-row,.ssavtb-buttons{box-sizing:border-box;max-width:100%}@media(max-width:900px){.ssavtb-layout{flex-direction:column;gap:16px}.ssavtb-left,.ssavtb-right{flex:1 1 auto;width:100%}.ssavtb-right{order:1}.ssavtb-left{order:2}}.ssavtb-main-title{position:relative;display:flex;align-items:center;font-weight:700;font-size:24px;margin:0 0 24px;color:#e6e6e6;text-shadow:1px 2px 1px rgb(0,0,0)}.ssavtb-main-title:before{content:"";display:inline-block;width:40px;height:20px;background-color:#7a5af8a1;clip-path:polygon(0 0,80% 0,100% 100%,20% 100%);margin-right:10px}.ssavtb-main-title:after{content:"";flex:1;height:4px;background-color:#7a5af8a1;margin-left:10px}.ssavtb-team-management{margin-bottom:24px}.ssavtb-input-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;background-color:#30303799}.ssavtb-input-row input{flex:1;min-width:140px;padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:2px;color:#fff;font-size:.95rem}.ssavtb-input-row input::placeholder{color:gray}.ssavtb-buttons{display:flex;gap:12px;flex-wrap:wrap}.ssavtb-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:2px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.ssavtb-btn.share-btn{background:linear-gradient(135deg,#7a5af8a1,#5a3fb8);color:#fff;border:1px solid rgba(255,255,255,.15)}.ssavtb-btn.share-btn:hover{background:linear-gradient(135deg,#8a6af9b8,#6a4fc8);color:#fff}.ssavtb-displayed-team-name{font-size:1.1rem;font-weight:600;color:#d0d0d0;margin:0 0 12px;padding:0;min-height:0;overflow:hidden;transition:min-height .2s,margin .2s,font-size .2s;text-align:center}.ssavtb-displayed-team-name:not(.has-text){min-height:0;margin:0;font-size:0;line-height:0;opacity:0}.ssavtb-displayed-team-name.has-text{font-size:1.5rem;margin-bottom:16px;color:#fff}.ssavtb-formation-container{display:block;padding:20px}.ssavtb-roster-section{margin-top:0}.ssavtb-roster-section .employees-filter-bar.lost{padding:6px 8px;gap:8px;margin-bottom:12px}.ssavtb-roster-section .filter-bar-element.search input.form-control{width:150px;height:36px;line-height:36px;font-size:.8rem}.ssavtb-roster-section .filter-bar-element.search .clear{right:8px;font-size:1rem}.ssavtb-roster-section .btn-group{border-radius:2px}.ssavtb-roster-section .employees-filter-bar.lost .btn{height:36px;min-width:36px;font-size:.8rem}.ssavtb-roster-section .employees-filter-bar.lost .btn img{width:16px;height:16px}.ssavtb-roster-section .character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;padding:8px;justify-items:center}.ssavtb-roster-section .character-grid-container{padding:0}.ssavtb-roster-section .ssavtb-roster-drag-wrapper{width:100%;max-width:156px;margin:0 auto}.ssavtb-roster-section .ssavtb-roster-drag-wrapper .ssavtb-roster-card,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-SR,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-SSR,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-1,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-2,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-3{width:100%!important;height:auto!important;aspect-ratio:140 / 200;position:relative;overflow:hidden;border-radius:2px}.ssavtb-roster-section .ssavtb-roster-card.Character-SR{background:linear-gradient(160deg,#2d2f4d,#7a5af8 65%)}.ssavtb-roster-section .ssavtb-roster-card.Character-SSR{background:linear-gradient(160deg,#6e4c42,#e0c870 65%)}.ssavtb-roster-section .ssavtb-roster-card .ssavtb-card-content{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.ssavtb-roster-section .ssavtb-roster-card .ssavtb-card-content img.character-image{width:100%;max-width:100%;height:120%;object-fit:cover;object-position:center top;transform:translateY(-5px)}.ssavtb-roster-section .ssavtb-roster-card .ssavtb-card-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 60%,transparent 100%);color:#fff;padding:20px 4px 6px;text-align:center;font-weight:700;font-size:.9rem;z-index:25;text-shadow:0 2px 4px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssavtb-roster-section .ssavtb-roster-card .ssavtb-card-icons-overlay{position:absolute;top:0;left:0;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:30;background:#000000bf;transform:scale(.9);transform-origin:top left}.ssavtb-roster-section .ssavtb-roster-card .ssavtb-card-content .ssavtb-card-icon{width:20px;height:20px;object-fit:contain}.ssavtb-roster-section .ssavtb-roster-drag-wrapper:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .ssavtb-roster-card:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-SR:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-SSR:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-1:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-2:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-3:hover{transform:none!important}.ssavtb-roster-section .ssavtb-roster-card .ssavtb-card-content img.character-image,.ssavtb-left .ssavtb-roster-section .character-image{transition:none!important}.ssavtb-roster-section .ssavtb-roster-drag-wrapper .character-image:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .ssavtb-roster-card .character-image:hover{transform:none!important;transition:none!important}.ssavtb-roster-section .ssavtb-roster-drag-wrapper .ssavtb-roster-card .character-image:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-SR .character-image:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-SSR .character-image:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-1 .character-image:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-2 .character-image:hover,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-3 .character-image:hover{filter:none!important;transform:none!important;transition:none!important}.ssavtb-roster-drag-wrapper{display:block;cursor:grab;text-decoration:none}.ssavtb-roster-drag-wrapper:active{cursor:grabbing}.ssavtb-roster-drag-wrapper.ssavtb-dragging{opacity:.5}.ssavtb-card-container[data-slot-id]{transition:box-shadow .2s}.ssavtb-card-container[data-slot-id].ssavtb-drag-over{box-shadow:0 0 0 2px #7a5af899}.ssavtb-formation-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;align-items:flex-start}.ssavtb-slot-wrapper{display:flex;flex-direction:column;align-items:center;width:140px;flex-shrink:0;gap:0;text-decoration:none;color:inherit;transition:transform .2s,opacity .2s}.ssavtb-slot-label{font-size:.8rem;font-weight:600;color:#d0d0d0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;white-space:nowrap}.ssavtb-card-container{position:relative;width:140px;height:200px;aspect-ratio:140 / 200;display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden;background-color:#30303799;color:#ffffff80;cursor:pointer;transition:background .2s}.ssavtb-formation-container .ssavtb-card-container.Character-SR,.ssavtb-formation-container .ssavtb-card-container.Character-SSR{width:140px!important;height:200px!important}.ssavtb-card-container:hover{background-color:#25262b}.ssavtb-card-container.Character-SR{background:linear-gradient(160deg,#2d2f4d,#7a5af8 65%)}.ssavtb-card-container.Character-SSR{background:linear-gradient(160deg,#6e4c42,#e0c870 65%)}.ssavtb-card-container.Character-Tier-1,.ssavtb-card-container.Character-Tier-2,.ssavtb-card-container.Character-Tier-3{background:linear-gradient(160deg,#2d2f4d,#7a5af8 65%)}.ssavtb-card-container.Character-Tier-3{background:linear-gradient(160deg,#6e4c42,#e0c870 65%)}.ssavtb-card-frame{position:absolute;inset:0;border:none;pointer-events:none}.ssavtb-add-button{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#30303799;cursor:pointer;transition:background .2s}.ssavtb-add-button svg{color:#ffffffb3;width:18px;height:18px}.ssavtb-add-button.hidden{display:none!important}.ssavtb-card-content{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.ssavtb-card-content img.character-image{width:100%;max-width:100%;height:120%;object-fit:cover;object-position:center top;transform:translateY(-5px)}.ssavtb-card-content .ssavtb-card-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 60%,transparent 100%);color:#fff;padding:20px 4px 6px;text-align:center;font-weight:700;font-size:.9rem;z-index:25;text-shadow:0 2px 4px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssavtb-card-content .ssavtb-card-icons-overlay{position:absolute;top:0;left:0;padding:4px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:2px;z-index:30;overflow:hidden;border-radius:0;background:#000000bf;transform:scale(.9);transform-origin:top left}.ssavtb-card-content .ssavtb-card-icon{width:20px;height:20px;object-fit:contain}@media(max-width:768px){.ssavtb-formation-container .ssavtb-card-content .ssavtb-card-name-overlay{font-size:.825rem!important;padding:9px 3px 6px!important}.ssavtb-formation-container .ssavtb-card-content .ssavtb-card-icon{width:16px;height:16px}}.ssavtb-remove-char{position:absolute;top:0;right:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:0 0 0 2px;color:#fff;font-size:1rem;line-height:1;cursor:pointer;z-index:50;pointer-events:auto;transition:background .2s}.ssavtb-remove-char:hover{background:#000000e6}.ssavtb-character-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000c;backdrop-filter:blur(4px);padding:0}.ssavtb-character-popup[hidden]{display:none}body.ssavtb-modal-open .top-nav{visibility:hidden!important}.ssavtb-popup-content{background-color:#1c1d21;border:1px solid rgba(122,90,248,.35);border-radius:2px;max-width:560px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.ssavtb-popup-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.ssavtb-popup-header h2{font-size:1rem;color:#fff}.ssavtb-close-btn{position:absolute;top:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:2px;color:#d0d0d0;font-size:1.8rem;line-height:1;cursor:pointer;z-index:10;transition:background .2s,color .2s}.ssavtb-close-btn:hover{background:#7a5af840;color:#fff}.ssavtb-popup-filters{padding:12px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ssavtb-search-input{flex:1;min-width:120px;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:2px;color:#fff}.ssavtb-filter-buttons{display:flex;flex-wrap:wrap;gap:6px}.ssavtb-filter-btn{padding:6px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:2px;color:#a0a0a0;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ssavtb-filter-btn:hover,.ssavtb-filter-btn.active{background:#7a5af833;border-color:#7a5af866;color:#fff}.ssavtb-filter-icon{width:20px;height:20px;object-fit:contain}.ssavtb-filter-asterisk{font-size:12px;color:currentColor}.ssavtb-chars-grid{padding:16px 20px;overflow-y:auto;max-height:360px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.ssavtb-char-grid-item{flex:1 1 calc((100% - 24px)/4);min-width:calc((100% - 24px)/4);max-width:calc((100% - 24px)/4);aspect-ratio:140 / 200;box-sizing:border-box;border-radius:2px;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 2px 4px #0000004d}.ssavtb-char-grid-item.Character-SR{background:linear-gradient(160deg,#2d2f4d,#7a5af8 65%)}.ssavtb-char-grid-item.Character-SSR{background:linear-gradient(160deg,#6e4c42,#e0c870 65%)}.ssavtb-char-grid-item.Character-Tier-1,.ssavtb-char-grid-item.Character-Tier-2{background:linear-gradient(160deg,#2d2f4d,#7a5af8 65%)}.ssavtb-char-grid-item.Character-Tier-3{background:linear-gradient(160deg,#6e4c42,#e0c870 65%)}.ssavtb-char-grid-item:hover:not(.ssavtb-char-disabled){opacity:.9}.ssavtb-char-grid-item.ssavtb-char-disabled{opacity:.45;filter:grayscale(.8);cursor:not-allowed;pointer-events:none}.ssavtb-char-grid-item.ssavtb-char-disabled:hover{transform:none}.ssavtb-char-grid-item.selected{outline:2px solid #7a5af8;outline-offset:1px}.ssavtb-char-grid-item img{width:100%;height:100%;object-fit:cover}.ssavtb-char-grid-item .character-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,#000000e6);font-size:.75rem;font-weight:600;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssavtb-popup-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px}.ssavtb-popup-btn{padding:10px 24px;border-radius:2px;font-size:.95rem;font-weight:600;cursor:pointer;border:none}.ssavtb-popup-btn.cancel-btn{background:#ffffff14;color:#a0a0a0;border:1px solid rgba(255,255,255,.15)}.ssavtb-popup-btn.confirm-btn{background:linear-gradient(135deg,#7a5af8,#5b4ac4);color:#fff}.ssavtb-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);padding:12px 24px;background:#1a1d24;border:1px solid rgba(255,255,255,.1);border-radius:2px;color:#fff;font-size:.9rem;z-index:99999;opacity:0;transition:transform .3s,opacity .3s}.ssavtb-notification.show{transform:translate(-50%) translateY(0);opacity:1}.ssavtb-notification.success{border-color:#4ade8080}.ssavtb-notification.error{border-color:#f8717180}@media(min-width:901px){.ssavtb-formation-container .ssavtb-formation-row{gap:24px}.ssavtb-formation-container .ssavtb-slot-wrapper{width:140px}.ssavtb-formation-container .ssavtb-card-content img.character-image{height:100%}}@media(min-width:1400px){.ssavtb-layout{gap:32px}.ssavtb-left{flex-basis:34%}.ssavtb-right{flex-basis:66%}.ssavtb-roster-section .character-grid{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px}.ssavtb-formation-container .ssavtb-formation-row{gap:28px}.ssavtb-formation-container .ssavtb-slot-wrapper{width:150px}.ssavtb-formation-container .ssavtb-card-container{width:150px;height:214px}.ssavtb-formation-container .ssavtb-card-container.Character-SR,.ssavtb-formation-container .ssavtb-card-container.Character-SSR{width:150px!important;height:214px!important}}@media(min-width:1700px){.ssavtb-left{flex-basis:32%}.ssavtb-right{flex-basis:68%}.ssavtb-roster-section .character-grid{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}.ssavtb-formation-container .ssavtb-slot-wrapper{width:160px}.ssavtb-formation-container .ssavtb-card-container{width:160px;height:229px}.ssavtb-formation-container .ssavtb-card-container.Character-SR,.ssavtb-formation-container .ssavtb-card-container.Character-SSR{width:160px!important;height:229px!important}}@media(max-width:768px){.ssavtb-team-builder{overflow-x:clip}.ssavtb-main-title{font-size:20px;margin-bottom:16px}.ssavtb-main-title:before{width:24px;height:14px;margin-right:8px}.ssavtb-main-title:after{margin-left:8px}.ssavtb-left{display:none}.ssavtb-right{width:100%}.ssavtb-formation-container{padding:10px 0}.ssavtb-team-management{margin-bottom:16px}.ssavtb-input-row input{min-width:0;width:100%}.ssavtb-buttons{width:100%}.ssavtb-btn{width:100%;justify-content:center}.ssavtb-roster-section .employees-filter-bar.lost{padding:4px 0;gap:6px}.ssavtb-roster-section .filter-bar-element{max-width:100%}.ssavtb-roster-section .filter-bar-element.search{width:100%;margin-right:0}.ssavtb-roster-section .filter-bar-element.search input.form-control{width:100%;max-width:100%}.ssavtb-roster-section .character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 0}.ssavtb-roster-section .ssavtb-roster-drag-wrapper{width:100%;max-width:none}.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-SR,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-SSR,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-1,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-2,.ssavtb-roster-section .ssavtb-roster-drag-wrapper .Character-Tier-3{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:140 / 200}.ssavtb-formation-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;justify-items:center}.ssavtb-slot-wrapper{width:105px;max-width:105px}.ssavtb-formation-container .ssavtb-card-container{width:105px;height:150px}.ssavtb-formation-container .ssavtb-card-container.Character-SR,.ssavtb-formation-container .ssavtb-card-container.Character-SSR{width:105px!important;height:150px!important}.ssavtb-formation-container .ssavtb-card-content{inset:0;width:100%;height:100%}.ssavtb-formation-container .ssavtb-card-content img.character-image{width:100%;height:100%;max-width:none;transform:none}}@media(max-width:768px){.ssavtb-character-popup:not([hidden])~* .hamburger,body:has(.ssavtb-character-popup:not([hidden])) .hamburger{display:none!important}.ssavtb-character-popup{padding:0;align-items:stretch;justify-content:stretch}.ssavtb-popup-content{max-width:none;width:100%;max-height:none;height:100dvh;min-height:100dvh;border-radius:0;border:none}.ssavtb-chars-grid{max-height:none;flex:1 1 auto;overflow-y:auto;padding:10px 12px;gap:6px}.ssavtb-char-grid-item{flex:1 1 calc((100% - 18px)/4);min-width:calc((100% - 18px)/4);max-width:calc((100% - 18px)/4)}.ssavtb-char-grid-item.Character-SR,.ssavtb-char-grid-item.Character-SSR,.ssavtb-char-grid-item.Character-Tier-1,.ssavtb-char-grid-item.Character-Tier-2,.ssavtb-char-grid-item.Character-Tier-3{width:100%!important;height:auto!important;aspect-ratio:140 / 200}.ssavtb-close-btn{width:44px;height:44px;font-size:1.8rem;top:14px;right:14px}}@media(max-width:480px){.ssavtb-main-title{font-size:18px}.ssavtb-main-title:before{width:18px;height:12px;margin-right:6px}.ssavtb-main-title:after{height:3px;margin-left:6px}.ssavtb-left{padding:8px}.ssavtb-roster-section .employees-filter-bar.lost .btn{padding:0 8px}.ssavtb-roster-section .character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}}