.tab-navigation{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:2px solid #22282f}.tab-button{background-color:transparent;color:#888;border:none;padding:1rem 2rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;border-bottom:3px solid transparent}.tab-button:hover{color:#fff;background-color:#2024424d}.tab-button.active{color:#fff;border-bottom-color:#ebed63;background-color:#20244280}.tab-content{display:none}.tab-content.active{display:block}.saved-teams{text-align:center;max-width:1200px;margin:0 auto}.saved-teams h3,.teams>h3{font-weight:300;margin-bottom:2rem}.teams>h3{margin-bottom:.5rem}.no-saved-teams{color:#888;font-style:italic;padding:2rem;text-align:center}.saved-team-card{background-color:#14181d;border:1px solid #22282f;margin-bottom:1.5rem;padding:1rem;text-align:left;position:relative;cursor:pointer;transition:all .2s ease}.saved-team-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.saved-team-header,.comparison-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #22282f}.comparison-header{align-items:center}.saved-team-info{flex:1}.saved-team-date{color:#aaa;font-size:.9rem;margin-bottom:.25rem}.load-team-btn{background-color:#4caf50;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.load-team-btn:hover{background-color:#45a049}.remove-team-btn,.clear-comparison-btn{background-color:#d32f2f;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.remove-team-btn:hover,.clear-comparison-btn:hover{background-color:#b71c1c}.saved-team-section,.comparison-teams-section{margin-bottom:1.5rem}.saved-team-label,.comparison-teams-section h4{color:#fff;font-weight:500;margin-bottom:.75rem;font-size:.95rem}.comparison-teams-section h4{margin:0 0 .75rem}.saved-team-characters,.comparison-team-characters{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;max-width:500px}.saved-character,.comparison-character{text-align:center}.saved-character img,.comparison-character img{width:80px;height:80px;object-fit:cover;border:1px solid #22282f}.saved-character-name,.comparison-character-name{font-size:.75rem;color:#ccc;margin-top:.25rem;height:32px;line-height:1.2}.character .margin,.character .margin .content,.character .character-name,.character .character-name h2,.character .character-notes{pointer-events:none}.teams .character{opacity:1;background-color:#14181d;overflow:hidden}.teams .character .bg,.teams .character .img-wrapper{pointer-events:none}.character:hover{cursor:move}.teams{position:sticky;top:0;background-color:#0d1116;z-index:100;margin-bottom:.5rem;text-align:center;padding:1rem 0;border-bottom:1px solid #22282f}@media (max-width: 768px){.teams{padding:.5rem 0;margin-bottom:1rem}.teams>h3{font-size:1.1rem;margin-bottom:.25rem}.teams .characters .character,.teams .characters .character.nomargin{height:75px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;position:relative!important;min-width:0!important;overflow:hidden!important}.teams .characters .character .bg,.teams .characters .character.nomargin .bg{height:65px!important;position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:0!important}.teams .characters .character .img-wrapper,.teams .characters .character.nomargin .img-wrapper{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:65px!important;z-index:2!important;overflow:hidden!important}.teams .characters .character .img-wrapper img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}[data-source=dragontraveler] .teams .characters .character .img-wrapper img,[data-source=dragontraveler] .teams .characters .character.nomargin .img-wrapper img,[data-source=dragontraveler] .teams .characters .character img,[data-source=dragontraveler].team-builder .teams .characters .character img{object-position:center top!important;top:-15px!important}.teams .characters .character .margin,.teams .characters .character.nomargin .margin{width:100%!important;background-color:#14181d!important;text-align:center!important;position:relative!important;z-index:10!important;flex-shrink:0!important}.teams .characters .character .margin .content h2,.teams .characters .character.nomargin .margin .content h2{font-size:.7rem!important;margin:.25rem!important;padding:0 .25rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;font-weight:400!important}.teams .characters .character .content,.teams .characters .character .character-name,.teams .characters .character.nomargin .character-name{display:block!important;width:100%!important;background-color:#14181d!important;text-align:center!important;position:relative!important;z-index:10!important;flex-shrink:0!important}.teams .characters .character .content h2,.teams .characters .character .character-name h2,.teams .characters .character.nomargin .character-name h2{font-size:.7rem!important;margin:.25rem!important;padding:0 .25rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;font-weight:400!important}.teams .characters{display:flex;flex-wrap:nowrap;gap:.25rem;justify-content:center;max-width:100%;padding:0 .5rem}.teams .characters .character{width:calc((100vw - 3rem) / (var(--characters-per-team, 5) + 1));min-width:50px;max-width:70px;flex-shrink:1}.team-switch span{padding:.15rem .5rem;font-size:.8rem;margin-right:.25rem}#toggle-view,#copy-url,#save-team{padding:.4rem .8rem;font-size:.85rem;margin:.5rem .25rem .5rem 0}}.teams .characters{max-width:600px;margin:0 auto}[data-source=trickcal] .teams .characters{max-width:950px}.teams .characters .character.notSelected,.teams .characters .character.nomargin.notSelected{display:none!important}#toggle-view,#copy-url,#save-team{background-color:#202442;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;margin:1rem .5rem 1rem 0}#toggle-view:hover,#copy-url:hover,#save-team:hover{background-color:#14181d}#save-team{background-color:#4caf50}#save-team:hover{background-color:#45a049}.teams .characters{display:grid;grid-template-columns:repeat(var(--characters-per-team, 5),1fr);gap:1rem;margin-top:.5rem;justify-content:center;max-width:600px}.teams .characters .character,.teams .characters .character.nomargin{height:130px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;position:relative!important;min-width:0!important;overflow:hidden!important}.teams .characters .character .bg,.teams .characters .character.nomargin .bg{height:120px!important;position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:0!important}.teams .characters .character .img-wrapper,.teams .characters .character.nomargin .img-wrapper{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:100px!important;z-index:2!important;overflow:hidden!important}.teams .characters .character .img-wrapper img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}[data-source=dragontraveler] .teams .characters .character .img-wrapper img,[data-source=dragontraveler] .teams .characters .character.nomargin .img-wrapper img,[data-source=dragontraveler] .teams .characters .character img,[data-source=dragontraveler].team-builder .teams .characters .character img{object-position:center top!important;top:-20px!important}.teams .characters .character .margin,.teams .characters .character.nomargin .margin{width:100%!important;background-color:#14181d!important;text-align:center!important;position:relative!important;z-index:10!important;flex-shrink:0!important}.teams .characters .character .margin .content h2,.teams .characters .character.nomargin .margin .content h2{font-weight:400!important;font-size:.8rem!important;color:#fff!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:.375rem!important;padding:0 .25rem!important;white-space:nowrap!important}.teams .characters .character .character-name,.teams .characters .character.nomargin .character-name{width:100%!important;background-color:#14181d!important;text-align:center!important;position:relative!important;z-index:10!important;flex-shrink:0!important}.teams .characters .character .character-name h2,.teams .characters .character.nomargin .character-name h2{font-weight:400!important;font-size:.8rem!important;color:#fff!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:.375rem!important;padding:0 .25rem!important;white-space:nowrap!important}.team-switch{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin-bottom:.5rem}.team-switch span{text-transform:uppercase;font-size:.9rem;margin-right:.5rem;background-color:#14181d;padding:.25rem .75rem;min-width:30px;cursor:pointer}.team-switch span.active{background-color:#202442}#team-warnings{max-width:100%;text-align:left;font-size:.95rem;width:100%}#team-warnings .error,#team-warnings .warning{padding:.75rem;margin:.5rem;border-left:4px solid;display:inline-block}#team-warnings .error{background-color:#2c0b0e;color:#ffb3b3;border-left-color:#ff4d4d}#team-warnings .warning{background-color:#2a2500;color:#ffe97f;border-left-color:#ffe97f}@media (max-width: 768px){#team-warnings{margin:.5rem auto;font-size:.85rem}#team-warnings .error,#team-warnings .warning{padding:.5rem;margin:.25rem 0}}.character-notes{font-size:.8rem;color:#a0a0a0;margin-top:.5rem;padding:.25rem;background-color:#0000004d}.comparison-controls,.comparison-team,.team-by-team-comparison{background-color:#14181d;border:1px solid #22282f;padding:1rem;text-align:left}.comparison-controls{margin-bottom:2rem}.comparison-team{background-color:#0f1419}.comparison-header h3,.saved-teams-header h3{margin:0;color:#fff;font-weight:300}.comparison-header h3{color:#007bff}.comparison-view{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.comparison-team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #22282f}.comparison-team-title{font-weight:500;font-size:1.1em;color:#fff}.comparison-difference{grid-column:1 / -1;padding:1rem;background-color:#202442;border-left:4px solid #007bff}.comparison-difference h4,.team-by-team-comparison h4{margin:0 0 .5rem;font-weight:500;color:#fff}.team-by-team-comparison h4{margin-bottom:1rem;border-bottom:1px solid #22282f;padding-bottom:.5rem}.saved-teams-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.saved-teams-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.export-import-btn{background-color:#202442;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.export-import-btn:hover{background-color:#14181d}.export-btn{background-color:#4caf50}.export-btn:hover{background-color:#45a049}.import-btn{background-color:#2196f3}.import-btn:hover{background-color:#1976d2}.comparison-instructions{color:#888;font-style:italic;font-size:.9rem}.saved-team-card.selected-for-comparison{border:2px solid #ebed63!important;background-color:#ebed630d!important}#comparison-controls{border:2px solid #007bff!important;background:#007bff0d!important}.comparison-checkbox{position:absolute;top:23px;right:190px;width:20px;height:20px;cursor:pointer;background-color:#22282f;border:1px solid #888;transition:all .3s ease}.saved-team-card.selected-for-comparison .comparison-checkbox{background-color:#ebed63;border-color:#ebed63}.saved-team-card.selected-for-comparison .comparison-checkbox:after{content:"✓";color:#000;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px}.individual-team-comparison{margin-top:1.5rem;background-color:#14181d}.individual-team-comparison h5{color:#ebed63;margin:0;font-weight:500;font-size:.95rem}.personality-warning{background-color:#1a2330!important;border-left-color:#64b5f6!important;color:#fff!important}.personality-warning-vivacious{background-color:#ffb34826!important;border-left-color:#fff457!important;color:#fff457!important}.personality-warning-depressed{background-color:#7028e426!important;border-left-color:#9759fa!important;color:#9759fa!important}.personality-warning-innocence{background-color:#00820226!important;border-left-color:#008202!important;color:#008202!important}.personality-warning-madness{background-color:#ba070726!important;border-left-color:#f01919!important;color:#f01919!important}.personality-warning-composed{background-color:#0090ff26!important;border-left-color:#0090ff!important;color:#0090ff!important}.race-warning{background-color:#2a2500!important;border-left-color:#ffe97f!important;color:#ffe97f!important}.personality-vivacious{color:#fff457;font-weight:500}.personality-depressed{color:#9759fa;font-weight:500}.personality-innocence{color:#008202;font-weight:500}.personality-madness{color:#f01919;font-weight:500}.personality-composed{color:#0090ff;font-weight:500}.weapon-selectors-grid{display:grid;grid-template-columns:repeat(var(--characters-per-team, 5),1fr);gap:1rem;max-width:600px;margin:.5rem auto 0;padding:0}.weapon-selector{width:50px;height:50px;background-color:#000c;border:2px solid #22282f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin:0 auto}.weapon-selector:empty:hover{border-style:solid;background-color:#000c}.weapon-selector.notSelected{display:none}.weapon-selector.no-character{cursor:not-allowed;opacity:.4;border-color:#444;background-color:#0000004d}.weapon-selector.no-character:hover{background-color:#0000004d;border-color:#666;transform:none}.weapon-icon{width:35px;height:35px;object-fit:cover}.weapon-icon.selected{width:40px;height:40px}@media (max-width: 768px){.weapon-selector{width:40px;height:40px}.weapon-selectors-grid{margin:.25rem auto 0}.weapon-icon{width:30px;height:30px}.weapon-icon.selected{width:35px;height:35px}}[data-source=lostsword] .weapon-selector{width:80px;height:80px}[data-source=lostsword] .weapon-selectors-grid{gap:.5rem;margin:.5rem auto 0}[data-source=lostsword] .weapon-icon{width:70px;height:70px}[data-source=lostsword] .weapon-icon.selected{width:75px;height:75px}.buff-display-container{max-width:600px;margin:.75rem auto 0;padding:0}.buff-display-list{display:flex;flex-direction:column;gap:.5rem}.buff-display-list.notSelected{display:none}.buff-item{display:flex;align-items:flex-start;gap:.6rem;background-color:#14181dcc;border:1px solid #22282f;padding:.6rem}.buff-character-icon{width:50px;height:50px;object-fit:cover;flex-shrink:0;border:1px solid #22282f}.buff-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex:1}.buff-tag{font-size:.85rem;color:#d4d4df;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.3rem .6rem;font-weight:500;line-height:1.2;white-space:nowrap}.no-buffs-message{font-size:.75rem;color:#666;font-style:italic;text-align:center;padding:1rem}@media (max-width: 768px){.buff-display-container{margin:.5rem auto 0}.buff-display-list{gap:.4rem}.buff-item{padding:.5rem;gap:.5rem}.buff-character-icon{width:40px;height:40px}.buff-tags-container{gap:.4rem}.buff-tag{font-size:.75rem;padding:.25rem .5rem}.no-buffs-message{font-size:.7rem;padding:.75rem}}@media (max-width: 768px){[data-source=lostsword] .weapon-selector{width:60px;height:60px}[data-source=lostsword] .weapon-icon{width:50px;height:50px}[data-source=lostsword] .weapon-icon.selected{width:55px;height:55px}}.ultimate-toggles-grid{display:grid;grid-template-columns:repeat(var(--characters-per-team, 6),1fr);gap:1rem;max-width:600px;margin:1rem auto 0;padding:0}.ultimate-toggle-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:1;transition:opacity .2s ease}.ultimate-toggle-wrapper.notSelected{display:none}.ultimate-toggle-wrapper.no-character{opacity:.3;pointer-events:none}.ultimate-toggle-wrapper .toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.ultimate-toggle-wrapper .toggle-switch input{opacity:0;width:0;height:0}.ultimate-toggle-wrapper .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.3s;border-radius:24px}.ultimate-toggle-wrapper .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.ultimate-toggle-wrapper .toggle-switch input:checked+.toggle-slider{background-color:#81c784}.ultimate-toggle-wrapper .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label-ult{color:#fff;font-size:.75rem;user-select:none;text-align:center}@media (max-width: 768px){.ultimate-toggles-grid{gap:.5rem;margin:.75rem auto 0}.toggle-label-ult{font-size:.65rem}.ultimate-toggle-wrapper .toggle-switch{width:38px;height:20px}.ultimate-toggle-wrapper .toggle-slider:before{height:14px;width:14px}.ultimate-toggle-wrapper .toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}}[data-source=dragontraveler] .ultimate-toggles-grid{grid-template-columns:repeat(6,1fr)}.saved-character,.comparison-character{display:flex;flex-direction:column;align-items:center;gap:4px}.saved-character-weapon,.comparison-character-weapon{background:#000c;border-radius:4px;padding:2px;display:flex;align-items:center;justify-content:center}.saved-character-weapon{border:none}.weapon-preview{width:40px;height:40px;object-fit:cover;border-radius:2px}.saved-teams .saved-character-weapon .weapon-preview,.comparison-character-weapon .weapon-preview{width:40px;height:40px}.saved-team-actions{display:flex;gap:.5rem}.team-builder .filtered{display:none!important}#current-teams-content>.character-filters,#current-teams-content>.filters,#current-teams-content>.character-skills{display:none!important}.teams{position:relative!important}.character-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:10000;align-items:center;justify-content:center;padding:2rem}.character-popup .popup-content{background:#14181d;width:100%;max-width:1400px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.character-popup .popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#0d1116}.character-popup .popup-header h2{margin:0;color:#fff;font-weight:300}.character-popup .close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.character-popup .close-btn:hover{background-color:#ffffff1a}.character-popup .popup-filters{padding:1rem 2rem 0}.character-popup .popup-filters .character-filters{margin-bottom:.5rem}.character-popup .popup-filters .filters{margin-bottom:0}.character-popup .popup-filters .character-skills,.character-popup .popup-filters .advanced-filters,.character-popup .popup-filters .reset-filters{display:none!important}.character-popup .selected-chars-preview{display:flex;flex-wrap:nowrap;gap:.5rem;min-height:40px;padding:.75rem 2rem;background:#0a0d10;margin:1rem 2rem 0;border:1px solid #22282f;align-items:center}.character-popup .selected-chars-preview .placeholder{color:#666;font-style:italic;font-size:.9rem}.character-popup .current-char-label{color:#fff;font-size:.9rem}.character-popup .current-char-label strong{color:#4caf50}.character-popup .chars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:1.5rem 2rem;overflow-y:auto;flex:1;min-height:0}.character-popup .char-grid-item{display:flex;flex-direction:column;align-items:center;padding:0;cursor:pointer;border:2px solid transparent;background:#0f1419;transition:all .15s;position:relative;overflow:hidden;min-height:135px}.character-popup .char-grid-item:hover{background:#202442;border-color:#3a3f6a}.character-popup .char-grid-item.already-in-team{opacity:.5}.character-popup .char-grid-item.already-in-team:hover{opacity:.7}.character-popup .char-grid-item img{width:100%;height:100px;object-fit:cover;object-position:center center;display:block;position:relative;z-index:1}.character-popup .char-grid-item .char-bg{position:absolute;top:0;left:0;right:0;height:100px;z-index:0}.character-popup .char-grid-item .char-bg.ssr{background-image:linear-gradient(to top,#ffb348cc,#fff457cc)}.character-popup .char-grid-item .char-bg.sr{background-image:linear-gradient(to top,#7028e4cc,#e5b2cacc)}.character-popup .char-grid-item .char-bg.r{background-image:linear-gradient(to top,#0090ffcc,#9acbf0cc)}.character-popup .char-grid-item .char-bg.n{background-image:linear-gradient(to top,#008202cc,#9af0aacc)}.character-popup .char-grid-item .char-bg.ur{background-image:linear-gradient(to top,#ba0707cc,#f09a9acc)}.character-popup .char-grid-item .char-bg.vivacious{background-image:linear-gradient(to top,#ffb348cc,#fff457cc)}.character-popup .char-grid-item .char-bg.depressed{background-image:linear-gradient(to top,#7028e4cc,#e5b2cacc)}.character-popup .char-grid-item .char-bg.innocence{background-image:linear-gradient(to top,#008202cc,#9af0aacc)}.character-popup .char-grid-item .char-bg.madness{background-image:linear-gradient(to top,#ba0707cc,#f09a9acc)}.character-popup .char-grid-item .char-bg.composed{background-image:linear-gradient(to top,#0090ffcc,#9acbf0cc)}.character-popup .char-grid-item .char-bg.resonance{background:conic-gradient(from 0deg,#ffd12f,#fc7d40,#afe276,#2addff,#8478e0,#ffd12f 360deg)}.character-popup .char-grid-item.selected{border-color:#4caf50;background:#4caf5026}.character-popup .selected-check{position:absolute;top:.25rem;left:.25rem;background:#4caf50;color:#fff;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.8rem;z-index:2}.character-popup .char-grid-name{font-size:.7rem;text-align:center;padding:.4rem .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:#fff;position:relative;z-index:2;min-height:1.5em;background:#0f1419}.character-popup .in-team-badge{position:absolute;top:.25rem;right:.25rem;background:#ffc107e6;color:#000;font-size:.6rem;padding:.1rem .3rem;font-weight:600;z-index:3}.character-popup .popup-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 2rem;background:#0d1116;border-top:1px solid #22282f}.character-popup .popup-btn{background-color:#202442;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.character-popup .popup-btn:hover{background-color:#14181d}.character-popup .popup-btn.reset-btn{background-color:#f44336}.character-popup .popup-btn.reset-btn:hover{background-color:#d32f2f}.character-popup .popup-btn.cancel-btn{background-color:#202442}.character-popup .popup-btn.confirm-btn{background-color:#4caf50}.character-popup .popup-btn.confirm-btn:hover{background-color:#45a049}.character-popup .selected-char-tag{background:#202442;padding:.25rem .75rem;font-size:.85rem;color:#fff;border:1px solid #4CAF50;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.character-popup .selected-char-tag:hover{background:#f44336;border-color:#f44336}.character-popup .selected-char-tag i{font-size:.9rem}.character-popup .selection-count{margin-left:auto;font-size:.85rem;color:#888}@media (max-width: 768px){.character-popup{padding:0}.character-popup .popup-content{max-height:100vh;height:100vh}.character-popup .popup-header{padding:1rem}.character-popup .popup-filters{padding:.5rem 1rem 0}.character-popup .selected-chars-preview{margin:.5rem 1rem 0;padding:.5rem 1rem}.character-popup .chars-grid{padding:1rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;max-height:calc(100vh - 420px)}.character-popup .char-grid-item{min-height:100px}.character-popup .char-grid-item img{height:70px}.character-popup .char-grid-name{font-size:.6rem;padding:.25rem .15rem}.character-popup .popup-footer{padding:1rem}}.load-team-confirmation-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:10001;align-items:center;justify-content:center}.confirmation-popup-content{background:#14181d;padding:2rem;max-width:400px;text-align:center;border:1px solid #22282f}.confirmation-popup-message{color:#fff;font-size:1.1rem;margin-bottom:1.5rem;line-height:1.5}.confirmation-popup-actions{display:flex;gap:1rem;justify-content:center}.confirmation-btn{padding:.75rem 1.5rem;border:none;cursor:pointer;font-size:.95rem;transition:background-color .3s ease}.confirmation-btn.cancel-btn{background-color:#d32f2f;color:#fff}.confirmation-btn.cancel-btn:hover{background-color:#b71c1c}.confirmation-btn.confirm-btn{background-color:#4caf50;color:#fff}.confirmation-btn.confirm-btn:hover{background-color:#45a049}