.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}.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}.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{padding:.4rem .8rem;font-size:.85rem;margin:.5rem .25rem .5rem 0}}.teams .characters{display:grid;grid-template-columns:repeat(var(--characters-per-team, 5),minmax(0,1fr))!important;gap:1rem;margin:.5rem auto 0;justify-content:center;max-width:600px}.teams .characters .character.notSelected,.teams .characters .character.nomargin.notSelected{display:none!important}#toggle-view,#copy-url{background-color:#202442;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;margin:1rem .5rem 1rem 0}#toggle-view:hover,#copy-url:hover{background-color:#14181d}.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}.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}.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}.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}.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-stats-section{display:flex;flex-direction:column;gap:.4rem}.buff-stats-row{display:flex;flex-wrap:wrap;gap:.4rem}.stat-pill{font-size:.9rem;font-weight:600;padding:.4rem .85rem;cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:all .15s;user-select:none}.stat-pill.buff-tag-green{color:#6fcf97;background:#6fcf9714;border-color:#6fcf974d}.stat-pill.buff-tag-green:hover,.stat-pill.buff-tag-green.active{background:#6fcf9733;border-color:#6fcf97}.stat-pill.buff-tag-red{color:#eb5757;background:#eb575714;border-color:#eb57574d}.stat-pill.buff-tag-red:hover,.stat-pill.buff-tag-red.active{background:#eb575733;border-color:#eb5757}.buff-breakdown-panel{background:#14181de6;border:1px solid #22282f;padding:.75rem}.breakdown-title{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}.breakdown-bars{display:flex;flex-direction:column;gap:.5rem}.breakdown-row{display:flex;align-items:center;gap:.6rem}.breakdown-char-info{display:flex;align-items:center;gap:.5rem;width:160px;flex-shrink:0}.breakdown-char-text{display:flex;flex-direction:column;text-align:left;gap:.1rem;min-width:0}.breakdown-char-icon{width:44px;height:44px;object-fit:cover;flex-shrink:0;border:1px solid #22282f}.breakdown-char-name{font-size:.8rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breakdown-skill-source{font-size:.7rem;color:#ebed63;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breakdown-bar-track{flex:1;height:20px;background:#ffffff0a;border:1px solid #22282f;min-width:0}.breakdown-bar-fill{height:100%;transition:width .3s ease}.breakdown-bar-fill.green,.breakdown-bar-fill.red{background:linear-gradient(to right,#2a3544,#3a4556)}.breakdown-value{font-size:.85rem;font-weight:600;width:60px;text-align:right;flex-shrink:0;color:#ccc}.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}.stat-pill{font-size:.8rem;padding:.35rem .65rem}.breakdown-char-info{width:120px}.breakdown-char-icon{width:36px;height:36px}.breakdown-char-name{font-size:.7rem}.breakdown-skill-source{font-size:.6rem}.breakdown-bar-track{height:16px}.breakdown-value{font-size:.75rem;width:50px}.no-buffs-message{font-size:.7rem;padding:.75rem}}@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)}}.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:9999;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 .popup-mode-toggle{display:flex;align-items:center;padding:.75rem 2rem 0}.character-popup .toggle-item{display:flex;align-items:center;gap:.75rem}.character-popup .toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.character-popup .toggle-switch input{opacity:0;width:0;height:0}.character-popup .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.3s;border-radius:24px}.character-popup .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.character-popup .toggle-switch input:checked+.toggle-slider{background-color:#81c784}.character-popup .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.character-popup .toggle-label{color:#fff;font-size:.95rem;user-select:none}.character-popup .treasure-badge{position:absolute;top:0;right:0;background:#b41e1ee6;color:#fff;font-size:.55rem;padding:.1rem .3rem;font-weight:700;z-index:3;text-transform:uppercase;letter-spacing:.03em}.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.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}}