:root{--navy:#142c52;--blue:#2168d7;--blue-dark:#1758b8;--pale:#edf5ff;--page:#eef4fb;--paper:#fff;--line:#d7e2ef;--muted:#66758a;--shadow:0 16px 38px rgba(31,57,93,.1);font-family:Inter,"Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;color:var(--navy);background:var(--page)}*{box-sizing:border-box}body{min-width:320px;margin:0;background:var(--page)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(33,104,215,.35);outline-offset:2px}.builder-shell{max-width:1580px;margin:0 auto;padding:22px 28px 106px}.builder-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;color:var(--muted)}.builder-header p{margin:0}.builder-brand{display:flex;align-items:center;gap:8px;color:var(--navy);font-weight:900;text-decoration:none}.builder-brand span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--blue);color:#fff;font-size:10px}.back-link{justify-self:end;border:1px solid #a8c5e9;border-radius:7px;background:#fff;color:var(--blue);padding:8px 11px;font-weight:800;text-decoration:none}.builder-intro{padding:31px 0 22px}.builder-intro h1{margin:0;font-size:32px;letter-spacing:-.055em}.builder-intro p{max-width:720px;margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.catalog-status{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.catalog-status span{border-left:3px solid var(--blue);padding:4px 9px;background:#e5f0ff;color:#355170;font-size:11px;font-weight:800}.mobile-stage-nav{display:none}.workspace{display:grid;grid-template-columns:320px minmax(380px,.87fr) minmax(480px,1.2fr);gap:18px;align-items:start}.panel{min-width:0;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.panel-heading h2{margin:0;font-size:18px;letter-spacing:-.035em}.panel-heading p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.panel-count{flex:0 0 auto;border-radius:999px;background:#e7f1ff;color:var(--blue);padding:4px 7px;font-size:10px;font-weight:900}.selected-enemy{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center;margin:15px 0 13px;padding:11px;border:1px solid #a9c7ee;border-radius:10px;background:#f7fbff}.enemy-art,.enemy-thumb{display:grid;place-items:center;border-radius:7px;object-fit:contain;background:#f4f7fb;color:#708096;font-size:9px;font-weight:800;line-height:1.2;text-align:center}.enemy-art{width:64px;height:64px}.enemy-thumb{width:36px;height:36px}.selected-enemy img,.enemy-row img{object-fit:contain}.selected-enemy b{display:block;margin-bottom:3px;font-size:14px}.selected-enemy small{display:block;color:var(--muted);font-size:10px;line-height:1.55}.search-label{display:grid;gap:6px;margin:12px 0 9px;color:var(--muted);font-size:11px;font-weight:800}.search{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px 11px;color:var(--navy);font-size:13px}.search:focus{border-color:var(--blue);outline:2px solid #a9cef9}.list-meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;color:var(--muted);font-size:10px;font-weight:800}.enemy-list{display:grid;gap:5px;max-height:610px;overflow:auto;padding-right:3px}.enemy-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;width:100%;border:1px solid transparent;border-radius:7px;background:transparent;padding:7px;text-align:left;color:var(--navy)}.enemy-row:hover{background:#f4f8fd}.enemy-row.selected{border-color:#98c0f3;background:var(--pale)}.enemy-row strong,.enemy-row small{display:block}.enemy-row strong{font-size:12px}.enemy-row small{margin-top:2px;color:var(--muted);font-size:10px}.troop-filters,.rarity-filters{display:flex;gap:5px;overflow:auto;margin:15px 0 9px;padding-bottom:3px}.filter{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:5px 8px;font-size:10px;font-weight:800}.filter.active{border-color:var(--blue);background:var(--blue);color:#fff}.bulk-button,.quiet-button{border:1px solid #9dbfea;border-radius:7px;background:#fff;color:var(--blue);padding:9px 10px;font-size:12px;font-weight:800;white-space:nowrap}.bulk-button{border-color:var(--blue);background:var(--blue);color:#fff}.character-list,.style-list{display:grid;gap:6px;max-height:610px;overflow:auto;padding-right:3px}.character-row{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;text-align:left;color:var(--navy)}.character-row:hover,.style-row:hover{border-color:#9dc3f4;background:#f8fbff}.character-row.selected,.style-row.selected{border-color:var(--blue);background:#f3f8ff;box-shadow:inset 3px 0 0 var(--blue)}.character-row strong,.character-row small{display:block}.character-row strong{font-size:12px}.character-row small{margin-top:2px;color:var(--muted);font-size:10px}.troop-label{border-radius:4px;background:#eef2f7;color:#536276;padding:3px 5px;font-size:9px;font-weight:900}.check{display:grid;place-items:center;width:19px;height:19px;border:1px solid #b2c2d6;border-radius:50%;color:transparent;font-size:12px;font-weight:900}.selected .check{border-color:var(--blue);background:var(--blue);color:#fff}.style-list{max-height:596px}.style-row{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;gap:10px;align-items:center;width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px;text-align:left;color:var(--navy)}.style-row img{width:48px;height:48px;border-radius:6px;object-fit:cover;background:#edf1f6}.style-row strong,.style-row small{display:block}.style-row strong{margin-top:3px;font-size:12px}.style-row small{margin-top:2px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.rarity,.role{display:inline-block;border-radius:3px;padding:2px 4px;font-size:9px;font-weight:900}.rarity{margin-right:4px;background:#fff0c8;color:#9c6500}.rarity.rare-ssr{background:#f1eaff;color:#7253a7}.rarity.rare-s{background:#e3f7f3;color:#05716b}.rarity.rare-a{background:#edf1f6;color:#536276}.rarity.rare-special{background:#ffe9f1;color:#b7295a}.role{background:#edf1f6;color:#4a5870}.role.Breaker{background:#dff8f5;color:#05716b}.role.Buffer{background:#fff2cf;color:#866000}.role.Debuffer{background:#f0e8ff;color:#7350a9}.role.Attacker,.role.Blaster{background:#ffe9f1;color:#b7295a}.empty{margin:0;padding:38px 13px;color:var(--muted);font-size:13px;line-height:1.7;text-align:center}.selection-bar{position:fixed;z-index:8;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;gap:28px;min-height:76px;background:#112e58;color:#fff;box-shadow:0 -7px 24px rgba(20,44,82,.15)}.selection-bar div{display:flex;gap:8px;align-items:baseline}.selection-bar span{color:#cad9ee;font-size:11px;font-weight:800}.selection-bar strong{font-size:28px}.selection-bar small{color:#cad9ee;font-size:12px}.selection-bar button{border:1px solid #8ba9d5;border-radius:7px;background:transparent;color:#fff;padding:10px 13px;font-size:12px;font-weight:800}.selection-bar .primary{border-color:var(--blue);background:var(--blue);padding-inline:18px}.selection-bar .primary:hover,.bulk-button:hover{background:var(--blue-dark)}.selection-bar .primary span{margin-left:10px;color:#fff}.loading{color:var(--muted)}
@media(max-width:1180px){.builder-shell{max-width:980px}.workspace{grid-template-columns:300px 1fr}.style-panel{grid-column:1/-1}.style-list{max-height:440px}.character-list{max-height:440px}}@media(max-width:700px){body{overflow-x:hidden}.builder-shell{padding:18px 14px 112px}.builder-header{grid-template-columns:1fr auto}.builder-header p{display:none}.builder-intro{padding:28px 0 18px}.builder-intro h1{font-size:25px}.builder-intro p{font-size:13px}.catalog-status{margin-bottom:12px}.catalog-status span{font-size:10px}.mobile-stage-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 12px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#fff}.stage-button{border:0;border-radius:6px;background:transparent;color:var(--muted);padding:9px 4px;font-size:11px;font-weight:800}.stage-button.active{background:var(--blue);color:#fff}.workspace{display:block}.panel{padding:15px}.workspace[data-stage="enemy"] .character-panel,.workspace[data-stage="enemy"] .style-panel,.workspace[data-stage="character"] .enemy-panel,.workspace[data-stage="character"] .style-panel,.workspace[data-stage="style"] .enemy-panel,.workspace[data-stage="style"] .character-panel{display:none}.enemy-list,.character-list,.style-list{max-height:calc(100vh - 420px);min-height:270px}.panel-heading{display:block}.panel-heading .bulk-button{margin-top:10px}.selection-bar{justify-content:flex-start;gap:7px;padding:8px;overflow:hidden}.selection-bar div{flex:0 1 auto;gap:3px;min-width:0}.selection-bar span{font-size:9px;white-space:nowrap}.selection-bar strong{font-size:20px}.selection-bar small{font-size:10px}.selection-bar button{flex:0 0 auto}.selection-bar [data-reset]{display:none}.selection-bar .primary{margin-left:auto;padding:10px 9px;font-size:11px}.selection-bar .primary span{margin-left:4px;font-size:11px}.selected-enemy{grid-template-columns:56px 1fr}.enemy-art{width:56px;height:56px}.back-link{padding:7px 9px;font-size:11px}.rarity-filters{margin-top:12px}}