.collection-section-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:6px; border:1px solid rgba(186,112,255,.25); border-radius:14px; background:#110e17; }
.collection-section-tabs button { min-height:46px; border:1px solid transparent; border-radius:10px; background:transparent; color:var(--muted,#b9afc8); font-weight:850; }
.collection-section-tabs button[aria-selected="true"] { color:white; border-color:#a945ed; background:linear-gradient(145deg,#4e1c76,#22132e); box-shadow:inset 0 -3px #9b2dff; }
.collection-book-panel { display:grid; gap:16px; min-width:0; }
.personal-usage-panel { width:min(900px,100%); min-width:0; margin-inline:auto; padding:clamp(12px,2.5vw,24px); border:1px solid rgba(186,112,255,.25); border-radius:16px; background:linear-gradient(155deg,rgba(45,22,66,.5),#100d16 45%); }
.personal-usage-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:18px; }
.personal-usage-heading > div { min-width:0; }
.personal-usage-heading h2 { margin:5px 0 8px; font-size:clamp(23px,5vw,32px); }
.personal-usage-heading p,.personal-usage-footnote,.personal-usage-filters p { margin:0; color:var(--muted,#b9afc8); font-size:12px; line-height:1.5; }
.personal-usage-heading button { flex:none; min-height:44px; }
.personal-usage-primary-filters,.personal-usage-filter-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.personal-usage-panel label { display:grid; min-width:0; gap:6px; font-size:12px; font-weight:750; color:#d4c7e1; }
.personal-usage-panel input,.personal-usage-panel select { min-width:0; width:100%; min-height:44px; margin:0; padding:10px; border:1px solid #483651; border-radius:9px; background:#17111e; color:white; font:inherit; font-size:16px; box-sizing:border-box; }
.personal-usage-panel select { appearance:none; -webkit-appearance:none; padding-right:32px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23e5caff' stroke-width='2'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:12px 8px; background-position:right 10px center; }
.personal-usage-panel :is(input,select,button,summary):focus-visible,.collection-section-tabs button:focus-visible { outline:2px solid #dcaaff; outline-offset:3px; }
.personal-usage-filters { margin:14px 0; padding:12px; border:1px solid #403047; border-radius:10px; }
.personal-usage-filters summary { color:#e5caff; font-size:12px; font-weight:800; cursor:pointer; min-height:22px; line-height:1.5; }
.personal-usage-filter-grid { margin:14px 0 10px; align-items:end; }
.personal-usage-filter-grid button { min-height:44px; }
.personal-usage-results-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px; margin:16px 0 10px; font-size:13px; }
.personal-usage-results-heading span { color:var(--muted,#b9afc8); font-size:12px; }
.personal-usage-list { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.personal-usage-row { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; align-items:center; padding:14px 12px 10px; border:1px solid #403047; border-radius:12px; background:rgba(255,255,255,.025); }
.personal-usage-row.is-top { border-color:rgba(242,194,70,.45); background:linear-gradient(110deg,rgba(168,96,23,.11),rgba(105,29,151,.1)); }
.personal-usage-rank { color:var(--gold,#ffd769); font-weight:900; font-size:18px; }
.personal-usage-player { min-width:0; display:grid; gap:4px; }
.personal-usage-player strong { overflow-wrap:anywhere; font-size:16px; line-height:1.25; }
.personal-usage-player span { font-size:11px; line-height:1.4; color:var(--muted,#b9afc8); overflow-wrap:anywhere; }
.personal-usage-points { display:grid; gap:4px; text-align:right; }
.personal-usage-points strong { color:var(--gold,#ffd769); font-size:19px; white-space:nowrap; }
.personal-usage-points small { font-size:11px; }
.personal-usage-points > span { font-size:10px; color:var(--muted,#b9afc8); }
.personal-usage-metrics { grid-column:2 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:3px 0 0; padding-top:10px; border-top:1px solid #33253e; gap:6px; }
.personal-usage-metrics div { min-width:0; }
.personal-usage-metrics dt { color:var(--muted,#b9afc8); font-size:10px; }
.personal-usage-metrics dd { margin:4px 0 0; color:white; font-size:14px; font-weight:850; }
.personal-usage-notice,.personal-usage-empty { margin:12px 0; padding:14px; border:1px solid rgba(242,194,70,.35); border-radius:10px; background:rgba(174,116,22,.07); font-size:13px; line-height:1.5; }
.personal-usage-empty p { color:var(--muted,#b9afc8); }
.personal-usage-pagination { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:16px; font-size:12px; }
.personal-usage-pagination button { min-height:44px; }
.personal-usage-footnote { margin-top:18px; font-size:11px; }
.personal-card-history .collection-player-stat-total strong { overflow-wrap:anywhere; }
@media (max-width:420px) {
  .collection-book-panel { gap:8px; }
  .personal-usage-heading { gap:8px; }
  .personal-usage-heading button { padding:8px 10px; font-size:11px; }
  .personal-usage-primary-filters { grid-template-columns:1fr; }
  .personal-usage-row { grid-template-columns:28px minmax(0,1fr); padding:12px 10px; gap:8px; }
  .personal-usage-rank { font-size:16px; }
  .personal-usage-points { grid-column:2; display:flex; align-items:baseline; text-align:left; gap:8px; }
  .personal-usage-metrics { grid-column:1 / -1; }
}