@import url('./trophy-browser.css?v=achievements-100');
@import url('./trophy-navigation.css?v=hockey-public-94-final');

/* Basketball awards use their own art, collection points and saved unlocks. */
.nba-trophy-room{margin-bottom:56px;color:var(--bb-text)}
.nba-trophy-room [hidden]{display:none}
.nba-trophy-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.nba-trophy-heading h1{font:400 clamp(40px,5vw,60px)/1.12 var(--display);text-transform:uppercase;margin:0 0 12px;color:var(--bb-text)}
.nba-trophy-heading p{max-width:65ch;color:var(--bb-muted);font-size:17px;line-height:1.6;margin:0}
.nba-trophy-heading>.button{flex-shrink:0}
.nba-trophy-layout{display:grid;grid-template-columns:284px minmax(0,1fr);gap:24px;align-items:start}
.nba-trophy-layout>*{min-width:0}
.nba-trophy-identity{position:sticky;top:20px;padding:20px 24px 24px;border:1px solid var(--bb-rule);border-radius:4px;background:var(--bb-panel);color:var(--bb-text)}
.nba-achievement-art{display:block;width:112px;height:112px;object-fit:contain;flex-shrink:0}
.nba-achievement-art.is-locked{filter:saturate(.2);opacity:.55}
.nba-trophy-identity>.nba-achievement-art{width:160px;height:160px;margin:0 auto 12px}
.nba-trophy-identity>h2{font:400 34px/1.15 var(--display);text-align:center;margin:0 0 6px;color:var(--bb-accent-hover);text-transform:uppercase}
.nba-trophy-level{text-align:center;font-size:13px;color:var(--bb-muted);margin:0 0 20px}
.nba-trophy-totals{display:flex;justify-content:space-between;gap:16px;margin:0;padding:16px 0;border-block:1px solid var(--bb-rule)}
.nba-trophy-totals dt,.nba-trophy-facts dt{font-size:12px;line-height:1.5;color:var(--bb-muted)}
.nba-trophy-totals dd{font:700 25px/1.3 var(--body);margin:5px 0 0;color:var(--bb-text);font-variant-numeric:tabular-nums}
.nba-trophy-totals dd>span{font-size:14px;font-weight:400;color:var(--bb-muted)}
.nba-trophy-next-level{font-size:12px;line-height:1.6;color:var(--bb-muted);margin:12px 0 18px}
.nba-trophy-facts{display:grid;gap:12px;margin:0}
.nba-trophy-facts>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.nba-trophy-facts dd{font-weight:700;margin:0;color:var(--bb-text)}
.nba-trophy-ownership{border-top:1px solid var(--bb-rule);margin-top:20px;padding-top:16px}
.nba-trophy-ownership p,.nba-trophy-next p{font-size:13px;line-height:1.6;color:var(--bb-muted);margin:0 0 12px}
.nba-trophy-ownership .button{font-size:13px;min-height:44px;padding:10px 12px;width:100%}
.nba-trophy-next{margin-top:20px}
.nba-trophy-next h3{font-size:13px;margin:0 0 8px;color:var(--bb-text)}
.nba-trophy-next a{display:inline-flex;align-items:center;min-height:44px;font-weight:650;text-decoration:underline;color:var(--bb-accent-hover)}
.nba-trophy-collection{padding:24px;background:var(--bb-paper);color:var(--bb-ink);border-radius:4px}
.nba-trophy-collection-head h2{font:400 31px/1.2 var(--display);text-transform:uppercase;margin:0 0 10px;color:var(--bb-ink)}
.nba-trophy-collection-head p{font-size:14px;line-height:1.65;max-width:65ch;color:var(--bb-muted-ink);margin:0}
.nba-achievement-filters{display:flex;flex-wrap:wrap;gap:4px;margin:20px 0 24px;border-bottom:1px solid var(--bb-rule-paper)}
.nba-achievement-filters button{min-height:44px;padding:10px 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--bb-muted-ink);font:650 14px/1.3 var(--body);cursor:pointer}
.nba-achievement-filters button[aria-pressed="true"]{color:var(--bb-ink);border-bottom-color:var(--bb-muted-ink)}
.nba-achievement-filters button:hover{background:var(--bb-paper-hover);color:var(--bb-ink)}
.nba-achievement-filters button:focus-visible{outline:3px solid var(--bb-rule);outline-offset:2px}
.nba-achievement-shelf+.nba-achievement-shelf{margin-top:28px}
.nba-achievement-shelf-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--bb-rule-paper);padding-bottom:10px}
.nba-achievement-shelf-heading h3{font:400 25px/1.2 var(--display);text-transform:uppercase;margin:0}
.nba-achievement-shelf-heading>span{font-size:12px;color:var(--bb-muted-ink);white-space:nowrap}
.nba-achievement-shelf>ul{padding:0;margin:0;list-style:none}
.nba-achievement-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--bb-rule-paper)}
.nba-achievement-row>div{min-width:0}
.nba-achievement-row h4{font:700 17px/1.35 var(--body);color:var(--bb-ink);margin:0 0 6px}
.nba-achievement-row p{font-size:14px;line-height:1.6;max-width:65ch;color:var(--bb-muted-ink);margin:0}
.nba-achievement-row.is-earned h4{color:var(--bb-muted-ink)}
.nba-achievement-row.is-ready .nba-achievement-meta>span:first-child{color:var(--bb-ink);font-weight:700}
.nba-achievement-meta{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:8px;font-size:12px;line-height:1.5;color:var(--bb-muted-ink)}
.nba-achievement-progress{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:12px;color:var(--bb-muted-ink);font-variant-numeric:tabular-nums}
.nba-achievement-progress progress{width:100px;height:6px;accent-color:var(--bb-muted-ink);background:var(--bb-paper-hover);border:0}
.nba-achievement-progress progress::-webkit-progress-bar{background:var(--bb-paper-hover)}.nba-achievement-progress progress::-webkit-progress-value{background:var(--bb-muted-ink)}.nba-achievement-progress progress::-moz-progress-bar{background:var(--bb-muted-ink)}
.nba-awards-collect{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--bb-paper-hover);color:var(--bb-ink);padding:18px 24px;margin-bottom:24px;border-radius:4px}
.nba-awards-collect h2{font:400 28px/1.2 var(--display);text-transform:uppercase;margin:0 0 6px}
.nba-awards-collect p{font-size:14px;line-height:1.6;margin:0;max-width:65ch}
.nba-awards-collect .button{flex-shrink:0;min-height:44px}
.nba-achievement-feedback{padding:14px 18px;margin:0 0 20px;border-radius:4px;background:var(--bb-paper-hover);color:var(--bb-ink);line-height:1.6;font-size:14px}
.nba-achievement-feedback.is-error{background:var(--bb-paper-hover);color:var(--bb-ink)}
.nba-achievement-empty{padding:20px 0;color:var(--bb-muted-ink);font-size:14px;line-height:1.6}
.nba-award-rules{margin-top:24px;border-top:1px solid var(--bb-rule-paper);color:var(--bb-ink);font-size:14px;line-height:1.65}
.nba-award-rules>summary{min-height:48px;padding:14px 0;cursor:pointer;font-weight:650}
.nba-award-rules p{max-width:70ch;margin:0 0 14px}
.nba-result-awards{padding:24px;background:var(--bb-panel);color:var(--bb-text);border:1px solid var(--bb-rule);border-radius:4px;margin:24px 0}
.nba-result-awards>div{display:flex;align-items:center;gap:24px}
.nba-result-awards .nba-achievement-art{width:128px;height:128px}
.nba-result-awards h2{font:400 30px/1.2 var(--display);text-transform:uppercase;color:var(--bb-accent-hover);margin:0 0 10px}
.nba-result-awards p{max-width:65ch;line-height:1.6;color:var(--bb-muted);font-size:14px;margin:0 0 16px}
.nba-result-awards .button{font-size:14px;min-height:44px}
.nba-award-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;color:var(--bb-text);font-weight:650;margin-left:16px}
@media(max-width:960px){.nba-trophy-layout{grid-template-columns:244px minmax(0,1fr);gap:20px}.nba-trophy-identity{padding:20px}.nba-trophy-collection{padding:20px}.nba-achievement-row{grid-template-columns:88px minmax(0,1fr);gap:12px}.nba-achievement-row>.nba-achievement-art{width:88px;height:88px}.nba-awards-collect{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:700px){.nba-trophy-heading{display:block}.nba-trophy-heading h1{font-size:42px}.nba-trophy-heading p{font-size:16px}.nba-trophy-heading>.button{margin-top:16px}.nba-trophy-layout{display:block}.nba-trophy-identity{position:static;margin-bottom:24px}.nba-trophy-identity>.nba-achievement-art{width:128px;height:128px}.nba-trophy-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nba-trophy-facts>div{display:block}.nba-trophy-facts dd{margin-top:6px}.nba-trophy-ownership .button{width:auto}.nba-trophy-collection{padding:20px 16px}.nba-trophy-collection-head h2{font-size:28px}.nba-achievement-filters{flex-wrap:nowrap;justify-content:space-between}.nba-achievement-filters button{font-size:13px;padding:10px 8px}.nba-achievement-row h4{font-size:16px}.nba-achievement-shelf-heading{align-items:flex-start}.nba-achievement-shelf-heading h3{font-size:23px}.nba-achievement-shelf-heading>span{white-space:normal;text-align:right;flex:0 0 68px}.nba-awards-collect{padding:18px}.nba-awards-collect h2{font-size:27px}.nba-result-awards{padding:20px}.nba-result-awards>div{align-items:flex-start;gap:16px}.nba-result-awards .nba-achievement-art{width:80px;height:80px}.nba-result-awards h2{font-size:25px}.nba-award-link{margin-left:0;display:flex}}
@media(max-width:360px){.nba-achievement-row{grid-template-columns:64px minmax(0,1fr);gap:10px}.nba-achievement-row>.nba-achievement-art{width:64px;height:64px}.nba-trophy-collection{padding:18px 12px}.nba-achievement-filters button{padding:10px 6px}.nba-result-awards>div{display:block}.nba-result-awards .nba-achievement-art{margin-bottom:12px}}

.nba-award-rules>h3{font:650 18px/1.4 var(--body);margin:22px 0 12px}