.characters-view-toggle{display:flex;align-items:center;gap:10px;margin:0 10px 8px;flex-wrap:wrap}.view-toggle-group{display:flex}.chars-sort-group{display:inline-flex}.chars-sort-group.chars-sort-group-hidden{display:none}.chars-sort-btn{padding:6px 14px;border:1px solid #ccc;border-left:none;background:#f0f0f0;color:#555;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}.chars-sort-btn:first-child{border-left:1px solid #ccc;border-radius:6px 0 0 6px}.chars-sort-btn:last-child{border-radius:0 6px 6px 0}.chars-sort-btn.active{background:#eb259f;color:#fff;border-color:#eb259f}body.dark-mode .chars-sort-btn{background:#2a2a2a;color:#bbb;border-color:#444}body.dark-mode .chars-sort-btn.active{background:#67e8f9;color:#111;border-color:#67e8f9}.chars-expand-all-btn{padding:6px 14px;border:1px solid #ccc;border-radius:6px;background:#f0f0f0;color:#555;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}body.dark-mode .chars-expand-all-btn{background:#2a2a2a;color:#bbb;border-color:#444}.chars-expand-all-btn.chars-expand-all-btn-hidden{display:none}@media screen and (min-width: 769px){.chars-expand-all-btn{display:none}}.view-toggle-btn{padding:6px 18px;border:1px solid #ccc;background:#f0f0f0;color:#555;cursor:pointer;font-size:13px;font-weight:600}.view-toggle-btn:first-child{border-radius:6px 0 0 6px}.view-toggle-btn:last-child{border-radius:0 6px 6px 0;border-left:none}.view-toggle-btn.active{background:#eb259f;color:#fff;border-color:#eb259f}body.dark-mode .view-toggle-btn{background:#2a2a2a;color:#bbb;border-color:#444}body.dark-mode .view-toggle-btn.active{background:#67e8f9;color:#111;border-color:#67e8f9}.char-section-heading{width:100%;flex-basis:100%;box-sizing:border-box;font-size:16px;font-weight:700;color:#333;margin:14px 4px 6px;padding-bottom:4px;border-bottom:2px solid #eb259f}.char-section-heading.char-section-heading-sub{margin-top:14px}body.dark-mode .char-section-heading{color:#ddd;border-bottom-color:#67e8f9}.char-section-heading.char-section-heading-hidden{display:none}.characters-list{display:flex;flex-direction:column;gap:4px;padding:8px;background:#fafafa;border-radius:6px;align-items:stretch}body.dark-mode .characters-list{background:#1a1a1a}.characters-list .char-list-row{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;padding:7px 12px;border-radius:6px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:14.5px;color:#333;text-align:left}body.dark-mode .char-list-row{background:#242424;color:#ccc;border-color:#ffffff14}.characters-list .char-list-row.hidden{display:none}.char-list-row:hover{border-color:#eb259f}body.dark-mode .char-list-row:hover{border-color:#67e8f9}.characters-list .char-list-row[data-gacha_origin=コラボ]{background:#f3ecfc}.characters-list .char-list-row[data-gacha_origin=季節限定]{background:#fcecf4}body.dark-mode .characters-list .char-list-row[data-gacha_origin=コラボ]{background:linear-gradient(#602d962a,#26183638),#242424}body.dark-mode .characters-list .char-list-row[data-gacha_origin=季節限定]{background:linear-gradient(#8829572a,#3d1d2c38),#242424}.char-list-img{width:52px;height:52px;flex-shrink:0;border-radius:6px;background:#ddd center / auto 100% no-repeat;border:1px solid rgba(0,0,0,.1);cursor:pointer}.char-list-headline{display:contents}.char-list-name{flex:0 0 200px;width:200px;box-sizing:border-box;padding-right:16px;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-list-release{flex:1 1 auto;min-width:0;color:#555;font-size:14px}body.dark-mode .char-list-release{color:#b8b8b8}.char-list-release-main{white-space:nowrap}.char-list-rerun-toggle{color:#2563eb;cursor:pointer;white-space:nowrap;font-weight:600}body.dark-mode .char-list-rerun-toggle{color:#67e8f9}.char-list-rerun-dates{display:none;margin-top:3px;font-size:13px;color:#888}.char-list-row.show-rerun .char-list-rerun-dates{display:block}.char-list-origin{width:160px;flex-shrink:0;display:flex;gap:4px;flex-wrap:wrap}.char-list-origin .char-origin-badge{font-size:13px}.char-list-mold{width:130px;flex-shrink:0;display:flex;gap:4px;align-items:center}.char-list-mold .stat-icon.mold-quality{width:30px;height:30px}.char-list-mold .stat-icon.mold-company{width:34px;height:34px}.char-list-mold-none{color:#aaa;font-size:16px}.char-list-treasure{width:120px;flex-shrink:0}.char-list-treasure .treasure-status-badge{font-size:13px}.char-list-detail{display:contents}.char-list-expand-chevron{display:none}.char-origin-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;background:#eee;color:#555}.char-origin-badge.origin-permanent{background:#e3effb;color:#1d6fc0}.char-origin-badge.origin-seasonal{background:#fbe3f0;color:#c0407e}.char-origin-badge.origin-collab{background:#ece3fb;color:#6f40c0}.char-origin-badge.origin-free{background:#e3fbe8;color:#2e9e4f}.char-origin-badge.origin-distribution{background:#fbf3d8;color:#a6791b}body.dark-mode .char-origin-badge{background:#ffffff1a;color:#ccc}body.dark-mode .char-origin-badge.origin-permanent{background:#2d609659;color:#8fc2f0}body.dark-mode .char-origin-badge.origin-seasonal{background:#962d6059;color:#f0a8cc}body.dark-mode .char-origin-badge.origin-collab{background:#602d9659;color:#c2a8f0}body.dark-mode .char-origin-badge.origin-free{background:#2d783c59;color:#9fe0ac}body.dark-mode .char-origin-badge.origin-distribution{background:#8c6e1e59;color:#e3c878}.tier-filter-btn.tier-filter-btn-text{width:auto;min-width:40px;padding:0 10px;color:#ddd;font-size:12px;font-weight:600;white-space:nowrap}.tier-filters-extra{display:contents}.tier-filters-extra.collapsed{display:none}.tier-filters-toggle{align-self:flex-end;display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 12px;border:1px dashed #bbb;border-radius:8px;background:transparent;color:#666;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.tier-filters-toggle:hover{border-color:#eb259f;color:#eb259f}body.dark-mode .tier-filters-toggle{border-color:#555;color:#bbb}body.dark-mode .tier-filters-toggle:hover{border-color:#67e8f9;color:#67e8f9}.tier-filters-toggle .tier-filters-toggle-chevron{font-size:11px;transition:transform .15s}.tier-filters-toggle.expanded .tier-filters-toggle-chevron{transform:rotate(180deg)}.tier-filter-btn.origin-initial{background:#e8e8e8;color:#555}.tier-filter-btn.origin-permanent{background:#e3effb;color:#1d6fc0}.tier-filter-btn.origin-seasonal{background:#fbe3f0;color:#c0407e}.tier-filter-btn.origin-collab{background:#ece3fb;color:#6f40c0}.tier-filter-btn.origin-free{background:#e3fbe8;color:#2e9e4f}body.dark-mode .tier-filter-btn.origin-initial{background:#3a3a3a;color:#ddd}body.dark-mode .tier-filter-btn.origin-permanent{background:#2d609680;color:#bcdcf7}body.dark-mode .tier-filter-btn.origin-seasonal{background:#962d6080;color:#f5c2da}body.dark-mode .tier-filter-btn.origin-collab{background:#602d9680;color:#d4c2f5}body.dark-mode .tier-filter-btn.origin-free{background:#2d783c80;color:#b6ecc1}.tier-filter-btn img.mold-quality{width:128%;height:128%}.tier-filter-btn img.mold-company{width:150%;height:150%}@media screen and (max-width: 768px){.characters-list{overflow-x:visible}.characters-list .char-list-row{flex-wrap:wrap;width:100%;gap:4px 10px;cursor:pointer;padding:7px 10px}.char-list-row .char-list-img{width:46px;height:46px}.char-list-headline{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1 1 auto;min-width:0}.char-list-name{flex:0 0 auto;width:auto;min-width:0;max-width:100%;padding-right:0;font-size:14px}.char-list-release{flex:0 0 auto;width:100%;min-width:0;font-size:12px;color:#666}.char-list-release .char-list-release-main{overflow:hidden;text-overflow:ellipsis}.char-list-row .char-list-expand-chevron{display:inline-block;margin-left:4px;color:#aaa;font-size:14px;flex-shrink:0;transition:transform .15s}.char-list-row.expanded .char-list-expand-chevron{transform:rotate(180deg)}.char-list-detail{display:none}.char-list-row.expanded .char-list-detail{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;flex-basis:100%;width:100%;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(0,0,0,.12)}body.dark-mode .char-list-row.expanded .char-list-detail{border-top-color:#ffffff1f}.char-list-row.expanded .char-list-detail>div{width:auto;flex:0 0 auto}}