:root{--bg-primary: #0a0e17;--bg-secondary: #131b2c;--bg-tertiary: #1e293b;--bg-glass: rgba(19, 27, 44, .7);--text-primary: #f8fafc;--text-secondary:#94a3b8;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--elem-red: #ef4444;--elem-red-glow: rgba(239,68,68,.3);--elem-blu: #3b82f6;--elem-blu-glow: rgba(59,130,246,.3);--elem-grn: #22c55e;--elem-grn-glow: rgba(34,197,94,.3);--elem-yel: #eab308;--elem-yel-glow: rgba(234,179,8,.3);--elem-pur: #a855f7;--elem-pur-glow: rgba(168,85,247,.3);--elem-lgt: #f8fafc;--elem-lgt-glow: rgba(248,250,252,.3);--rarity-hero: #94a3b8;--rarity-extreme: #3b82f6;--rarity-sparking:#eab308;--rarity-ultra: #ef4444;--rarity-legend: #a855f7;--font-main: "Outfit", sans-serif;--nav-h: 64px;--content-max: 1560px;--rail-w: 160px;--shell-gap: 1.5rem;--shell-pad: 2rem;--shell-max: calc(var(--content-max) + 2 * (var(--rail-w) + var(--shell-gap)))}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.08),transparent 25%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.layout-container{min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:50;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-content{max-width:var(--shell-max);margin:0 auto;padding:0 var(--shell-pad);display:flex;justify-content:space-between;align-items:center;height:var(--nav-h)}.nav-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.2rem;color:var(--text-primary)}.nav-logo-mark{transition:filter .2s}.nav-brand:hover .nav-logo-mark{filter:drop-shadow(0 0 10px rgba(253,224,71,.35))}.nav-links{display:flex;gap:1.5rem}.nav-link{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .15s,background .15s}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff0f}button.nav-link{background:none;border:none;cursor:pointer;font-family:inherit}.account-menu{display:flex;align-items:center;gap:.5rem;margin-left:.25rem}.account-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.account-avatar-fallback{display:grid;place-items:center;background:var(--bg-tertiary);color:var(--text-primary);font-size:.8rem;font-weight:700}.account-name{font-size:.85rem;color:var(--text-secondary);max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.nav-content{padding:0 1rem}.nav-links{gap:.25rem}.nav-link-label{display:none}}.page-shell{flex:1;width:100%;max-width:var(--shell-max);margin:0 auto;padding:0 var(--shell-pad);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--shell-gap);align-items:start}.ad-rail{display:none}@media (min-width: 1700px){.page-shell{grid-template-columns:var(--rail-w) minmax(0,1fr) var(--rail-w)}.ad-rail{display:block;position:sticky;top:calc(var(--nav-h) + 1.75rem);margin-top:1.75rem}}.main-content{min-width:0;padding:1.75rem 0;animation:fadeIn .35s ease-out forwards}.site-footer{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:2rem;padding:1.5rem var(--shell-pad) 2rem;border-top:1px solid rgba(255,255,255,.06);background:#00000026}.footer-content{width:100%;max-width:var(--shell-max);display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.footer-brand{display:flex;align-items:center;gap:.6rem;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.footer-disclaimer{max-width:52rem;font-size:.72rem;line-height:1.55;color:var(--text-muted)}.ad-slot{max-width:100%;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.14);border-radius:8px;background:#ffffff05;color:var(--text-muted);font-size:.7rem;letter-spacing:.05em}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:1.5rem}.text-gradient{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.search-input,.filter-select{width:100%;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:.55rem .875rem;font-size:.875rem;outline:none;transition:border-color .15s}.search-input:focus,.filter-select:focus{border-color:var(--accent-primary)}.btn-primary{background:var(--accent-primary);color:#fff;padding:.5rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:background .15s}.btn-primary:hover{background:#2563eb}.home-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem;padding:4rem 0}.home-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.25rem}.home-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:44rem;margin-inline:auto}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:52rem}.home-card{display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.home-card:hover{transform:translateY(-6px)}.home-card.blue:hover{box-shadow:0 0 28px var(--elem-blu-glow);border-color:#3b82f640}.home-card.purple:hover{box-shadow:0 0 28px var(--elem-pur-glow);border-color:#a855f740}.home-icon-wrap{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s}.home-card:hover .home-icon-wrap{transform:scale(1.1)}.home-icon-wrap.blue{background:#3b82f61a;color:var(--elem-blu)}.home-icon-wrap.purple{background:#a855f71a;color:var(--elem-pur)}.filter-bar{margin-bottom:1.5rem;position:relative;z-index:5}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.85rem}.loader-wrap{display:flex;justify-content:center;padding:5rem 0}.spinner{width:3rem;height:3rem;border:2px solid rgba(255,255,255,.1);border-bottom-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.builder-layout{--builder-side-l: 220px;--builder-side-r: 400px;--sticky-top: calc(var(--nav-h) + 1.75rem);display:grid;grid-template-columns:var(--builder-side-l) minmax(0,1fr) var(--builder-side-r);gap:1.25rem;align-items:start}.saved-sidebar{position:sticky;top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - 1.75rem);overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;background:var(--bg-glass);border:1px solid rgba(255,255,255,.07);border-radius:16px}.saved-sidebar-top{display:flex;justify-content:space-between;align-items:center}.saved-sidebar-title{font-size:1rem;font-weight:700}.btn-new-team{font-size:.75rem;font-weight:700;padding:.3rem .65rem;border-radius:6px;background:#3b82f626;color:var(--accent-primary);border:1px solid rgba(59,130,246,.3);transition:background .15s}.btn-new-team:hover{background:#3b82f647}.saved-empty{font-size:.78rem;color:var(--text-muted);line-height:1.5}.saved-error{font-size:.75rem;color:var(--elem-red);line-height:1.45;margin-bottom:.5rem}.saved-signin-hint{font-size:.72rem;color:var(--text-muted);line-height:1.5;margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.google-signin{min-height:32px;color-scheme:light}.link-btn{background:none;border:none;padding:0;font:inherit;color:var(--accent-primary);cursor:pointer;text-decoration:underline}.saved-teams-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.saved-team-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .12s,border-color .12s}.saved-team-item:hover{background:#ffffff12}.saved-team-item.active{background:#3b82f61a;border-color:#3b82f659}.saved-team-name{font-size:.82rem;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.saved-team-delete{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#ef44441f;color:var(--elem-red);font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s}.saved-team-item:hover .saved-team-delete{opacity:1}.saved-team-delete:hover{background:#ef444459}.builder-center{min-width:0;display:flex;flex-direction:column;gap:1.25rem}.team-name-bar{display:flex;gap:.75rem;align-items:center}.team-name-input{flex:1;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:.55rem .875rem;font-size:.875rem;outline:none;transition:border-color .15s}.team-name-input:focus{border-color:var(--accent-primary)}.team-name-input::placeholder{color:var(--text-muted)}.team-section{display:flex;flex-direction:column;gap:0}.roster-section{display:flex;flex-direction:column;gap:.75rem}.roster-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.roster-header h2{font-size:1.1rem;font-weight:700;flex-shrink:0}.roster-header .search-input{flex:1;max-width:280px}.synergy-sidebar{position:sticky;top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - 1.75rem);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:2px}.synergy-hint{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.82rem;line-height:1.5}@media (max-width: 1350px){.builder-layout{--builder-side-l: 190px;--builder-side-r: 350px}}@media (max-width: 1000px){.builder-layout{grid-template-columns:minmax(0,1fr)}.builder-center{order:-1}.saved-sidebar,.synergy-sidebar{position:static;max-height:none;overflow:visible}}.slot-group{margin-bottom:1.25rem}.slot-group:last-child{margin-bottom:0}.slot-group-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.6rem}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.team-slot{position:relative;width:100%;height:132px;border-radius:10px;border:2px dashed rgba(255,255,255,.18);display:flex;align-items:stretch;justify-content:stretch;cursor:pointer;transition:border-color .15s;overflow:hidden}.team-slot:not(.empty){border-style:solid;border-color:transparent}.team-slot.empty{align-items:center;justify-content:center}.team-slot.empty:hover{border-color:#fff6}.team-slot-label{color:var(--text-muted);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.slot-remove-x{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000a6;color:#fff;font-size:1rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;z-index:12;opacity:0;transition:opacity .15s,background .15s}.team-slot:hover .slot-remove-x{opacity:1}.team-slot .roster-card{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;cursor:pointer}.roster-card.slot{padding:.9rem 1rem}.roster-card.slot .roster-card-art{width:min(48%,8.25rem)}.roster-card.slot .roster-card-art img{object-fit:contain;object-position:right center}.roster-card.slot .roster-card-text{max-width:max(55%,calc(100% - 7rem))}.roster-card.slot .roster-card-name{font-size:.95rem}.roster-card.slot .roster-card-flags{top:auto;bottom:6px}.slot-remove-x:hover{background:var(--elem-red)}.team-help{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:1rem}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;padding-right:2px}.roster-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.5rem}.page-btn{width:32px;height:32px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background .12s}.page-btn:hover:not(:disabled){background:#ffffff24}.page-btn:disabled{opacity:.3;cursor:default}.page-info{font-size:.78rem;color:var(--text-secondary);min-width:3rem;text-align:center}.roster-card{background:#ffffff08;border:1px solid;border-radius:10px;padding:.7rem .75rem;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background .12s;position:relative;min-height:92px}.roster-card:hover{background:#ffffff14}.roster-card-art{position:absolute;top:0;bottom:0;right:0;width:50%;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%);mask-image:linear-gradient(to right,transparent 0%,#000 35%)}.roster-card-text{position:relative;max-width:58%}.roster-card-text .roster-card-name{text-shadow:0 1px 3px rgba(0,0,0,.9);-webkit-line-clamp:3}.roster-card.large{min-height:128px;padding:1rem 1.1rem;cursor:pointer}.roster-card.large .roster-card-name{font-size:1rem;-webkit-line-clamp:3}.roster-card.large .roster-card-color{font-size:.75rem}.roster-card.large .roster-card-rarity{font-size:.7rem}.roster-card:active{cursor:grabbing}.roster-card.on-team{opacity:.28;pointer-events:none}.roster-card-color{font-size:.7rem;font-weight:800;letter-spacing:.06em;display:block;margin-bottom:.35rem}.roster-card-name{font-size:.85rem;font-weight:600;line-height:1.25;color:var(--text-primary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem}.roster-card-rarity{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.roster-empty{color:var(--text-muted);font-size:.875rem;padding:1rem 0;text-align:center;grid-column:1 / -1}.roster-card-flags{position:absolute;top:6px;right:6px;display:flex;gap:3px}.rc-flag{font-size:.55rem;font-weight:800;letter-spacing:.04em;padding:.08rem .3rem;border-radius:3px;border:1px solid;line-height:1.1;background:#0006}.rc-flag.lf{color:var(--elem-yel);border-color:var(--elem-yel)}.rc-flag.ultra{color:var(--elem-red);border-color:var(--elem-red)}.rc-flag.zk{color:#ffb347;border-color:#ffb347}.synergy-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.synergy-panel-header h2{font-size:1.25rem;font-weight:700}.coverage-pill{display:flex;align-items:center;gap:.875rem;background:#0003;border-radius:12px;padding:.625rem 1rem}.coverage-svg{width:52px;height:52px;display:block}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray .8s ease-out}.circle.low{stroke:var(--elem-red)}.circle.medium{stroke:var(--elem-yel)}.circle.high{stroke:var(--elem-grn)}.percentage{fill:#fff;font-family:inherit;font-size:10px;font-weight:700;text-anchor:middle}.coverage-label{font-weight:700;font-size:.9rem}.coverage-sub{font-size:.78rem;color:var(--text-secondary)}.synergy-body{display:flex;flex-direction:column;gap:1.5rem}.synergy-sidebar .glass-panel{padding:1.25rem}.synergy-subtitle{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-weight:700;margin-bottom:.75rem}.matrix-container{overflow-x:auto;background:#0000002e;border-radius:10px;padding:.35rem}.synergy-matrix{width:100%;border-collapse:separate;border-spacing:3px}.matrix-header{padding:.35rem;text-align:center;font-weight:400}.matrix-corner{font-size:.56rem;color:var(--text-muted);width:48px;line-height:1.3}.matrix-char-icon{width:34px;height:34px;border-radius:6px;border:2px solid;overflow:hidden;margin:0 auto .2rem;background:var(--bg-tertiary)}.matrix-char-icon img,.matrix-char-icon>div{width:100%;height:100%;object-fit:cover}.matrix-cell{background:#ffffff08;border-radius:6px;text-align:center;height:34px;cursor:help;transition:background .12s}.matrix-cell:hover{background:#ffffff1a}.matrix-indicator{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px}.matrix-indicator.z-ability{background:#22c55e26;color:var(--elem-grn)}.matrix-indicator.zenkai{background:#ffb34726;color:#ffb347}.matrix-indicator.both{background:#3b82f62e;color:var(--accent-primary)}.matrix-indicator.none{background:transparent}.cell-label{font-size:.5rem;font-weight:800}.self-cell{opacity:.45}.zenkai-indicator{font-size:.45rem;font-weight:800;color:#ffb347;background:#ffb34726;border-radius:3px;padding:1px 3px;margin-left:2px}.matrix-legend{display:flex;gap:.75rem;font-size:.62rem;flex-wrap:wrap;margin-bottom:.5rem}.legend-item{display:flex;align-items:center;gap:.2rem}.legend-item.z-ability{color:var(--elem-grn)}.legend-item.zenkai{color:#ffb347}.legend-item.both{color:var(--accent-primary)}.warning-banner{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.6rem .75rem;border-radius:8px;font-size:.78rem;margin-top:.5rem}.tag-list{display:flex;flex-direction:column;gap:.4rem}.tag-overlap-item{background:#0000002e;padding:.6rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.tag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.tag-name{font-weight:600;font-size:.8rem}.tag-count{background:var(--bg-tertiary);padding:.1rem .35rem;border-radius:4px;font-size:.68rem;font-weight:700;color:var(--accent-primary)}.tag-chars-row{display:flex;gap:.25rem;flex-wrap:wrap}.mini-char-icon{width:22px;height:22px;border-radius:4px;border:1px solid;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0}.mini-char-icon img,.mini-char-icon>div{width:100%;height:100%;object-fit:cover}.boost-summary-list{display:flex;flex-direction:column;gap:.6rem}.boost-card{background:#0000002e;border-radius:8px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.boost-card.warning{border-color:#ef44444d}.boost-card-header{display:flex;align-items:center;gap:.6rem;padding:.6rem;border-bottom:1px solid rgba(255,255,255,.05)}.boost-card-title{display:flex;flex-direction:column;gap:.15rem;min-width:0}.boost-char-name{font-weight:700;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boost-count-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--elem-grn)}.boost-count-badge.zero{color:var(--elem-red)}.boost-card-body{padding:.6rem;font-size:.78rem;color:var(--text-secondary)}.no-boost-text{color:#fca5a5}.boost-effects-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.provider-name{font-weight:700}.boost-type-label{font-size:.66rem;color:var(--elem-grn);font-weight:700}.zenkai-label{color:#ffb347}.boost-pct{color:var(--elem-grn);font-weight:600}.matching-tags{color:var(--text-muted);font-size:.68rem}.zenkai-badge{margin-left:.35rem;font-size:.56rem;background:#ffb34726;color:#ffb347;border-radius:3px;padding:1px 4px;font-weight:700}.detail-panel{display:flex;flex-direction:column;padding:1.25rem}.detail-panel-heading{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.detail-portrait{width:56px;height:56px;flex-shrink:0;border-radius:8px;border:1px solid;overflow:hidden;background:#ffffff0a}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.85rem;margin-bottom:1.1rem;border-bottom:2px solid rgba(255,255,255,.08)}.detail-name{font-size:.95rem;font-weight:700;margin-bottom:.4rem;line-height:1.2}.detail-sub{display:flex;gap:.35rem;flex-wrap:wrap}.detail-pill{font-size:.6rem;font-weight:800;letter-spacing:.05em;padding:.18rem .45rem;border-radius:4px;background:#0006;border:1px solid rgba(255,255,255,.1);text-transform:uppercase}.detail-pill.rarity{color:var(--text-secondary)}.detail-pill.lf{color:var(--elem-yel);border-color:var(--elem-yel)}.detail-pill.zk{color:#ffb347;border-color:#ffb347}.detail-buff-count{flex-shrink:0;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .45rem;border-radius:5px;white-space:nowrap;background:#22c55e26;color:var(--elem-grn);border:1px solid rgba(34,197,94,.3)}.detail-buff-count.zero{background:#ef44441f;color:var(--elem-red);border-color:#ef44444d}.detail-section{margin-bottom:1.5rem}.detail-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:700;margin-bottom:.6rem}.detail-empty{color:var(--text-muted);font-size:.8rem;font-style:italic}.detail-tag-row{display:flex;flex-wrap:wrap;gap:.3rem}.detail-tag-pill{font-size:.7rem;font-weight:600;padding:.25rem .55rem;border-radius:999px;background:#3b82f61f;color:#93c5fd;border:1px solid rgba(59,130,246,.25)}.detail-buff-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.detail-buff-item{background:#00000038;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.55rem .7rem}.buff-row-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem}.buff-row-head .provider-name{font-weight:700;font-size:.82rem}.buff-type{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .4rem;border-radius:3px}.buff-type.z{background:#22c55e26;color:var(--elem-grn)}.buff-type.zk{background:#ffb34726;color:#ffb347}.buff-stats{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.3rem}.buff-stat{font-size:.72rem;color:var(--elem-grn);font-weight:600;background:#22c55e14;padding:.1rem .4rem;border-radius:4px}.buff-stats-empty{font-size:.72rem;color:var(--text-muted);font-style:italic;margin-bottom:.3rem}.buff-via{font-size:.68rem;color:var(--text-muted)}.team-slot.selected{outline:2px solid var(--accent-primary);outline-offset:2px}.cf{display:flex;flex-direction:column;gap:.85rem}.cf-top{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.cf-search{position:relative;flex:1;min-width:12rem}.cf-search svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.cf-search .search-input{padding-left:2.25rem}.cf-sort{width:auto}.cf-toggle{display:flex;align-items:center;gap:.4rem;padding:.55rem .875rem;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:.875rem;font-weight:600;transition:background .12s,border-color .12s}.cf-toggle:hover{background:#ffffff1a}.cf-toggle.open{border-color:var(--accent-primary)}.cf-badge{background:var(--accent-primary);color:#fff;border-radius:999px;font-size:.68rem;min-width:1.2rem;height:1.2rem;padding:0 .3rem;display:inline-flex;align-items:center;justify-content:center}.cf-panel{display:flex;flex-direction:column;gap:.7rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.06);animation:fadeIn .15s ease-out}.cf-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;align-items:center}.cf-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.cf-controls{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.cf-sep{width:1px;height:1.2rem;background:#ffffff1a;margin:0 .2rem}.cf-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:.78rem;font-weight:600;transition:background .12s,border-color .12s,color .12s}.cf-chip:hover{background:#ffffff17;color:var(--text-primary)}.cf-chip.on{background:#3b82f62e;border-color:var(--accent-primary);color:var(--text-primary)}.cf-chip.color{color:var(--chip);font-weight:800;letter-spacing:.05em}.cf-chip.color.on{background:color-mix(in srgb,var(--chip) 20%,transparent);border-color:var(--chip);color:var(--chip)}.cf-chip.removable{padding-right:.35rem;cursor:default}.cf-chip.removable button{display:flex;color:inherit;opacity:.7;border-radius:50%;padding:1px}.cf-chip.removable button:hover{opacity:1;background:#ffffff1f}.cf-mode{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:999px;overflow:hidden}.cf-mode button{padding:.25rem .65rem;font-size:.72rem;font-weight:700;color:var(--text-muted)}.cf-mode button.on{background:var(--accent-primary);color:#fff}.cf-picker{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;flex:1;min-width:0}.cf-picker-input{position:relative;flex:1;min-width:10rem;max-width:16rem}.cf-picker-input .search-input{padding:.35rem .7rem;font-size:.8rem}.cf-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;max-height:16rem;overflow-y:auto;list-style:none;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 8px 24px #0006;padding:.25rem}.cf-dropdown li{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem .55rem;border-radius:5px;font-size:.8rem;cursor:pointer}.cf-dropdown li:hover{background:#ffffff14}.cf-count{color:var(--text-muted);font-size:.72rem}.cf-footer{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-secondary)}.cf.compact .cf-row{grid-template-columns:minmax(0,1fr);gap:.35rem}.cf.compact .cf-chip{padding:.25rem .6rem;font-size:.74rem}@media (max-width: 640px){.cf-row{grid-template-columns:minmax(0,1fr);gap:.35rem}}.legal-page{max-width:48rem;margin:0 auto;padding:2rem 2.25rem;line-height:1.65;color:var(--text-secondary);font-size:.92rem}.legal-page h1{font-size:1.8rem;color:var(--text-primary);margin-bottom:.25rem}.legal-page h2{font-size:1.15rem;color:var(--text-primary);margin:1.75rem 0 .5rem}.legal-page h3{font-size:.95rem;color:var(--text-primary);margin:1.1rem 0 .35rem}.legal-page p,.legal-page ul{margin-bottom:.75rem}.legal-page ul{padding-left:1.25rem}.legal-page li{margin-bottom:.35rem}.legal-page a{color:var(--accent-primary)}.legal-page strong{color:var(--text-primary)}.legal-updated{font-size:.78rem;color:var(--text-muted)}@media (max-width: 600px){.legal-page{padding:1.5rem 1.1rem}}.footer-link{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.footer-link:hover{color:var(--text-primary)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:flex;align-items:flex-end;animation:sheetFade .18s ease-out}.sheet{width:100%;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:16px 16px 0 0;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 40px #00000080;animation:sheetUp .22s ease-out}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem .7rem;border-bottom:1px solid rgba(255,255,255,.06)}.sheet-title{font-size:1.05rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-close{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff12;color:var(--text-primary)}.sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom))}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}.m-builder{display:flex;flex-direction:column;gap:.9rem}.m-teambar{position:sticky;top:var(--nav-h);z-index:30;margin:-1rem calc(-1 * var(--shell-pad)) 0;padding:.7rem var(--shell-pad) .55rem;background:#0a0e17eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}.m-slots{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.m-slot-group{display:flex;flex-direction:column;gap:.3rem;min-width:0}.m-slot-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.m-slot-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.m-slot{aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid;background:#ffffff0a;padding:0;display:grid;place-items:center}.m-slot.empty{border:2px dashed rgba(255,255,255,.18);background:transparent}.m-slot-plus{color:var(--text-muted);font-size:1.2rem;line-height:1}.m-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:.45rem;margin-top:.6rem}.m-action{min-height:38px;padding:0 .6rem;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:.82rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-action-name{display:block;overflow:hidden;text-overflow:ellipsis}.m-save{min-height:38px;padding:0 1.1rem}.m-hint{margin-top:.45rem;font-size:.68rem;color:var(--text-muted);text-align:center}.m-sheet-stack{display:flex;flex-direction:column;gap:.85rem}.m-sheet-subtitle{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:.4rem}.m-new-team{align-self:flex-start}.m-remove{min-height:42px;border-radius:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.45);color:#fca5a5;font-size:.88rem;font-weight:600}.sheet .glass-panel{padding:1rem}.sheet .saved-team-item{min-height:44px}.sheet .saved-team-delete{opacity:1;width:32px;height:32px}.sheet .team-name-bar .btn-primary{white-space:nowrap}@media (max-width: 700px){:root{--shell-pad: 1rem;--nav-h: 56px}.nav-content{padding:0 .75rem}.nav-links{gap:.1rem;align-items:center}.nav-link{padding:.5rem .55rem}.nav-link-label{display:none}.account-menu{margin-left:.15rem;gap:.15rem}.main-content{padding:1rem 0 1.5rem}.home-title{font-size:2.1rem;line-height:1.15}.char-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.char-grid .roster-card,.roster-grid .roster-card{min-height:0;aspect-ratio:3 / 4;padding:.5rem;display:flex;flex-direction:column;justify-content:flex-end}.char-grid .roster-card{aspect-ratio:4 / 5;padding:.65rem}.char-grid .roster-card-art,.roster-grid .roster-card-art{width:100%;-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 92%);mask-image:linear-gradient(to bottom,#000 45%,transparent 92%)}.char-grid .roster-card-text,.roster-grid .roster-card-text{max-width:100%}.char-grid .roster-card-color,.roster-grid .roster-card-color{margin-bottom:.1rem;text-shadow:0 0 3px #000,0 1px 4px #000,0 0 8px rgba(0,0,0,.9)}.roster-grid .roster-card-name{font-size:.72rem;-webkit-line-clamp:2;margin-bottom:0}.roster-grid .roster-card-color{font-size:.6rem}.roster-grid .roster-card-rarity{display:none}.char-grid .roster-card-name{font-size:.85rem}.roster-grid .roster-card-flags{top:4px;right:4px}.roster-section{padding:.9rem;scroll-margin-top:calc(var(--nav-h) + 170px)}.page-btn{width:44px;height:40px}.team-name-bar .team-name-input{min-height:42px;font-size:16px}.cf input,.cf select{font-size:16px}.cf-chip{padding:.35rem .7rem}.footer-disclaimer{font-size:.68rem}}@media (max-width: 359px){.nav-brand span{display:none}}.leader-badge{position:absolute;top:6px;left:6px;z-index:11;padding:.1rem .45rem;border-radius:999px;background:#eab3082e;border:1px solid rgba(234,179,8,.6);color:#fde047;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.team-slot:has(.leader-badge) .roster-card-text{padding-top:1.1rem}.m-slot{position:relative}.m-leader-badge{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#eab308;color:#0a0e17;font-size:.55rem;font-weight:800}.star-picker{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.star-row{display:flex;flex-wrap:wrap}.star-btn{width:18px;height:24px;padding:0;background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;line-height:1;cursor:pointer;color:#ffffff2e;transition:color .1s,transform .1s}.star-btn.unlock{border-bottom-color:#ffffff1f}.star-btn.gold.on{color:#facc15}.star-btn.red.on{color:#f87171}.star-btn:hover{transform:scale(1.15)}.star-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px;border-radius:3px}.star-num{font-size:.8rem;font-weight:700;color:var(--text-primary);min-width:2.4rem}.detail-zability{font-size:.78rem;line-height:1.5;color:var(--text-secondary);white-space:pre-line}.detail-note{font-size:.7rem;color:var(--text-muted);margin-top:.4rem}.detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem 1rem}.detail-stat{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem}.detail-stat dt{color:var(--text-secondary)}.detail-stat dd{font-weight:700;font-variant-numeric:tabular-nums}.slot-stars{position:absolute;bottom:6px;right:6px;z-index:11;padding:.05rem .4rem;border-radius:999px;background:#0009;color:#facc15;font-size:.62rem;font-weight:800}.m-slot-stars{position:absolute;bottom:2px;right:2px;padding:0 .25rem;border-radius:4px;background:#000000b3;color:#facc15;font-size:.55rem;font-weight:800;line-height:1.4}.char-browser{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}.char-browser.has-panel{grid-template-columns:minmax(0,1fr) 400px}.char-browser.has-panel .char-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.char-info-sidebar{position:sticky;top:calc(var(--nav-h) + 1.75rem);max-height:calc(100vh - var(--nav-h) - 3.5rem);overflow-y:auto;padding:1.25rem}@media (max-width: 1100px){.char-browser.has-panel{grid-template-columns:minmax(0,1fr) 340px}}.roster-card.large.selected{background:#ffffff1a;box-shadow:0 0 0 2px var(--accent-primary)}.roster-card.large:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.info-panel .detail-header{position:relative}.info-card-id{margin-top:.35rem;font-size:.68rem;color:var(--text-muted);letter-spacing:.04em}.info-close{flex-shrink:0;align-self:flex-start;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer}.info-close:hover{color:var(--text-primary);background:#ffffff1f}.info-ability{padding:.6rem 0;border-top:1px solid rgba(255,255,255,.06)}.info-ability:first-of-type{border-top:none;padding-top:0}.info-ability-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.info-ability-name{font-size:.82rem;font-weight:700;margin-top:.15rem}.info-ability-effect{font-size:.76rem;line-height:1.5;color:var(--text-secondary);margin-top:.2rem;white-space:pre-line}.z-tiers{list-style:none;display:flex;flex-direction:column;gap:.5rem}.z-tier{padding:.6rem .7rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.z-tier.active{border-color:#3b82f699;background:#3b82f614}.z-tier.locked{opacity:.45}.z-tier-head{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.3rem}.z-tier-name{font-size:.75rem;font-weight:700;margin-right:auto}.z-tier-badge{font-size:.6rem;font-weight:800;padding:.08rem .4rem;border-radius:4px;background:#00000059;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.z-tier-badge.on{color:#93c5fd;border-color:#3b82f680}.z-tier-badge.zk{color:#ffb347;border-color:#ffb347}.z-tier-effect{font-size:.74rem;line-height:1.5;color:var(--text-secondary);white-space:pre-line}@media (max-width: 700px){.star-row{flex:1 1 100%;flex-wrap:nowrap}.star-btn{flex:1;width:auto;height:36px;font-size:1.1rem}}