@font-face{font-family:'Fira Sans';src:url('fonts/fira-sans-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Fira Sans';src:url('fonts/fira-sans-latin-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Fira Sans';src:url('fonts/fira-sans-latin-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Fira Sans';src:url('fonts/fira-sans-latin-800.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}

body.page-player{--font-display:'Fira Sans',Arial,sans-serif;--font-body:'Fira Sans',Arial,sans-serif;background:#13171d;color:#e6e9ef;font-family:var(--font-body)}
.page-player .atmosphere{display:none}
.page-player #content{background:#13171d}
.page-player .header{background:#101318;border-color:#242a33}
.page-player .preview-bar{background:#1c222b;border-color:#303845;color:#b1bfce}
.page-player .preview-bar .status-dot{background:#aec6df}
.page-player .player-shell{max-width:1360px;min-height:75svh;padding:35px 40px 80px}
.page-player .player-back{display:inline-flex;align-items:center;gap:9px;color:#afc2da;font-size:.8rem;line-height:1.5;margin-bottom:26px}
.page-player .player-back:hover{color:#f0f6fc}
.page-player .player-back>span{font-size:1.05rem}
.page-player .player-preview{width:fit-content;margin:0 0 22px;padding:9px 12px;background:#272b2c;border-color:#595343;color:#ddd1b8;font-size:.73rem}
.page-player .player-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px;background:#1c222b;border:1px solid #303947;border-radius:7px}
.page-player .player-identity{display:flex;align-items:center;gap:26px;min-width:0}
.page-player .player-avatar{flex-shrink:0;padding:7px;background:#293342;border:1px solid #45556a;border-radius:7px;box-shadow:5px 5px 0 #10151c}
.page-player .player-avatar img{display:block;width:96px;height:96px;image-rendering:pixelated;border-radius:3px}
.page-player .player-name-group{min-width:0}
.page-player .player-kicker{margin:0 0 9px;color:#9aafc8;font-size:.61rem;line-height:1.5;letter-spacing:.12em;font-weight:700}
.page-player .player-name-group h1{font-size:clamp(1.8rem,3.5vw,2.85rem);font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:1.15;color:#f0f3f8;margin:0;overflow-wrap:anywhere}
.page-player .player-name-unknown{font-size:.8rem;line-height:1.5;color:#9aabc0;margin:12px 0 0}
.page-player .player-updated{flex-shrink:0;display:flex;flex-direction:column;gap:6px;text-align:right;font-size:.7rem;line-height:1.5;color:#aabbd0;margin:0}
.page-player .player-updated>span:first-child{font-size:.62rem;color:#889ab1}
.page-player .player-updated time{font-variant-numeric:tabular-nums}
.page-player .player-updated .player-stale{font-size:.65rem;color:#d8c18f}
.page-player .player-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:18px 0 40px}
.page-player .player-metric{min-width:0;padding:19px;background:#1c222b;border:1px solid #303947;border-radius:7px}
.page-player .player-metric dt{display:flex;align-items:center;gap:10px;color:#a6b7cc;font-size:.73rem;line-height:1.4}
.page-player .player-metric dt img{width:29px;height:29px;flex-shrink:0;object-fit:contain;image-rendering:pixelated}
.page-player .player-metric dd{font-size:clamp(1rem,1.65vw,1.4rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.4;color:#e7eef7;margin:18px 0 0;overflow-wrap:anywhere}
.page-player .player-collections-heading{margin:0 0 22px}
.page-player .player-collections-heading h2{font-size:1.35rem;font-weight:700;letter-spacing:-.025em;color:#edf2f8;margin:0 0 8px}
.page-player .player-collections-heading p{color:#98abc3;font-size:.83rem;line-height:1.6;margin:0}
.page-player .player-collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.page-player .collection{min-width:0;background:#1c222b;border:1px solid #303947;border-radius:7px;padding:23px 23px 5px}
.page-player .collection-heading{gap:15px;margin-bottom:21px}
.page-player .collection-heading h2{font-family:var(--font-display);font-size:1.06rem;line-height:1.35;font-weight:700;letter-spacing:-.02em;color:#e7eef7;margin:0}
.page-player .collection-total{font-size:.65rem;line-height:1.4;color:#97aac3;white-space:nowrap}
.page-player .collection-controls{gap:10px;margin-bottom:13px}
.page-player .collection-search{flex:1 1 150px}
.page-player .collection-search input{background:#131a23;border:1px solid #354256;border-radius:5px;padding:11px 12px;font:inherit;font-size:.77rem;line-height:1.4;color:#e5eef9}
.page-player .collection-search input::placeholder{color:#92a4bd}
.page-player .collection-filters{gap:5px;flex-wrap:wrap}
.page-player .collection-filters button{border:1px solid #354256;background:#202a37;color:#a9bbd2;border-radius:5px;padding:11px 10px;font-family:var(--font-body);font-size:.69rem;line-height:1.4}
.page-player .collection-filters button:hover{background:#2b3a4e;color:#f0f6fc}
.page-player .collection-filters button[aria-pressed=true]{background:#32445b;border-color:#647f9e;color:#eaf3fc}
.page-player .collection-list{grid-template-columns:1fr;gap:0}
.page-player .collection-list li{display:grid;grid-template-columns:20px 43px minmax(0,1fr) auto;gap:13px;min-height:66px;padding:10px 0;border-color:#303947;align-items:center}
.page-player .collection-list li:last-child{border-bottom:0}
.page-player .collection-list img{width:43px;height:43px;object-fit:contain;image-rendering:pixelated;filter:none}
.page-player .collection-rank{font-size:.69rem;color:#8fa1b9}
.page-player .collection-name{font-size:.85rem;line-height:1.45;color:#c9d6e7}
.page-player .collection-list strong{font-size:.82rem;font-weight:600;line-height:1.4;color:#b9cce4;text-align:right;max-width:150px;overflow-wrap:anywhere;white-space:normal}
.page-player .collection-bottom{margin:8px 0 10px;border-top:1px solid #303947;padding-top:12px;flex-wrap:wrap}
.page-player .collection-count{font-size:.66rem;color:#92a5bf}
.page-player .collection-bottom button{font-family:var(--font-body);font-size:.74rem;color:#bed6f1}
.page-player .collection-bottom button:hover{color:#f0f6fc}
.page-player .collection-empty{padding:30px 0;color:#9caec5;font-size:.85rem;line-height:1.6}
.page-player [hidden]{display:none!important}
.page-player :is(a,button,input):focus-visible{outline:2px solid #adcce9;outline-offset:4px}

@media(max-width:1100px){
  .page-player .player-shell{padding-left:25px;padding-right:25px}
  .page-player .player-metrics{gap:10px}
  .page-player .player-metric{padding:16px 14px}
  .page-player .player-metric dt{gap:8px;font-size:.69rem}
  .page-player .player-metric dt img{width:25px;height:25px}
  .page-player .collection{padding:20px 18px 5px}
  .page-player .collection-search{flex-basis:100%}
}
@media(max-width:850px){
  .page-player .player-hero{padding:25px;flex-wrap:wrap;gap:24px}
  .page-player .player-identity{gap:22px}
  .page-player .player-updated{text-align:left}
  .page-player .player-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:32px}
  .page-player .player-metric{grid-column:span 2;padding:18px}
  .page-player .player-metric:nth-child(n+4){grid-column:span 3}
  .page-player .player-metric dt{font-size:.75rem}
  .page-player .player-metric dd{font-size:1.25rem}
  .page-player .player-collections{grid-template-columns:1fr;gap:22px}
  .page-player .collection{padding:23px 23px 5px}
  .page-player .collection-search{flex-basis:150px}
}
@media(max-width:560px){
  .page-player .player-shell{padding:25px 18px 55px}
  .page-player .player-back{font-size:.76rem;margin-bottom:20px}
  .page-player .player-hero{padding:22px 20px;gap:22px}
  .page-player .player-identity{gap:18px;align-items:center;width:100%}
  .page-player .player-avatar{padding:5px;box-shadow:3px 3px 0 #10151c}
  .page-player .player-avatar img{width:64px;height:64px}
  .page-player .player-kicker{font-size:.53rem;letter-spacing:.09em;margin-bottom:6px}
  .page-player .player-name-group h1{font-size:1.7rem}
  .page-player .player-name-unknown{font-size:.73rem;margin-top:8px}
  .page-player .player-updated{border-top:1px solid #303947;padding-top:17px;width:100%;font-size:.69rem}
  .page-player .player-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
  .page-player .player-metric,.page-player .player-metric:nth-child(n+4){grid-column:auto;padding:16px}
  .page-player .player-metric:first-child{grid-column:1/-1}
  .page-player .player-metric dd{font-size:1.18rem;margin-top:13px}
  .page-player .player-collections-heading h2{font-size:1.2rem;line-height:1.35}
  .page-player .player-collections-heading p{font-size:.78rem}
  .page-player .collection{padding:19px 16px 4px}
  .page-player .collection-heading{gap:10px;flex-wrap:wrap;margin-bottom:17px}
  .page-player .collection-heading h2{font-size:1rem}
  .page-player .collection-total{font-size:.6rem}
  .page-player .collection-search{flex-basis:100%}
  .page-player .collection-list li{grid-template-columns:16px 36px minmax(0,1fr) auto;gap:9px;min-height:62px}
  .page-player .collection-list img{width:36px;height:39px}
  .page-player .collection-name{font-size:.79rem}
  .page-player .collection-list strong{font-size:.76rem;max-width:85px}
}