:root{color-scheme:dark;--bg:#171715;--panel:#242420;--ink:#f4eedf;--muted:#bbb6a7;--line:#414138;--accent:#f2aa56}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:var(--accent)}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--ink)}.brand{font-weight:900;letter-spacing:.06em}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.8rem;letter-spacing:.15em}.hero{padding:58px 0 38px;max-width:820px}h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.08;margin:16px 0 24px;letter-spacing:-.045em}h2{font-size:1.9rem;margin:0}h3{margin:0 0 12px}p{color:var(--muted)}.lead{font-size:1.2rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}.card p{margin:10px 0}.section{padding:34px 0;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.pill{display:inline-block;padding:3px 10px;border:1px solid var(--line);border-radius:30px;font-size:.8rem;color:var(--muted)}.live{color:#a6d896}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.button,button{font:inherit;cursor:pointer;border:0;border-radius:7px;padding:10px 16px;background:var(--accent);color:#211a13;text-decoration:none;font-weight:700}.button[aria-disabled=true]{pointer-events:none;opacity:.45}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}input,select{font:inherit;padding:12px;border:1px solid var(--line);border-radius:7px;background:#171715;color:var(--ink);max-width:100%}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}input{flex:1;min-width:160px}.note{border-left:3px solid var(--accent);padding:12px 20px;background:#24221c}.small{font-size:.85rem;color:var(--muted)}details{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}summary{cursor:pointer;color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--line)}.error{color:#ffb4a2}.stats{display:flex;gap:24px;flex-wrap:wrap}.stats b{font-size:1.5rem;display:block}footer{border-top:1px solid var(--line);color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}header,main,footer{padding:18px}.hero{padding-top:30px}}
.collection-intro{max-width:790px}.collection-intro p{margin:12px 0}.collection-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 18px;padding:7px;background:#111210;border:1px solid var(--line);border-radius:12px}.collection-tabs button{flex:1;min-width:150px;background:transparent;color:var(--muted);border:1px solid transparent;padding:13px 16px}.collection-tabs button[aria-selected=true]{background:#372b20;color:#ffe1b3;border-color:#996b3d}.tab-count{font-size:.75rem;display:inline-block;margin-left:8px;opacity:.8}.filter-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:170px;font-size:.8rem;color:var(--muted)}.filter-field input,.filter-field select{width:100%;min-width:0}.filter-field.search-field{flex:2}.collection-filters{align-items:flex-end;margin:16px 0}.class-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.class-filters[hidden]{display:none}.class-filters button{font-size:.83rem;padding:7px 11px;background:#20221e;color:var(--muted);border:1px solid var(--line);font-weight:500}.class-filters button[aria-pressed=true]{color:var(--ink);background:#463421;border-color:#c18b4e}.catalog-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:15px 0}.catalog-caption p{margin:0}.collection-grid{align-items:start}.award-card{position:relative;padding:21px;background:linear-gradient(155deg,#2c2b25,#242420 70%);border-color:#4b473b;overflow:hidden}.award-card.earned{border-top:3px solid var(--tc,var(--accent))}.award-head{display:flex;gap:15px;align-items:center;margin:16px 0}.award-head h3{font-size:1.15rem;line-height:1.3;margin:0;overflow-wrap:anywhere}.award-art{width:76px;height:76px;flex:0 0 76px;border-radius:9px;object-fit:contain;padding:6px;border:2px solid #575143;background:#191915}.earned .award-art{border-color:var(--tc);box-shadow:0 0 12px color-mix(in srgb,var(--tc) 45%,transparent)}.award-card .award-description{font-size:.9rem;color:#d2ccbc;margin:12px 0;overflow-wrap:anywhere}.award-meta{display:flex;gap:6px;flex-wrap:wrap}.award-meta .pill{font-size:.7rem;padding:2px 8px}.award-classes{font-size:.76rem;color:#d0b48a;margin:6px 0 12px}.award-card .small{font-size:.77rem}.award-card .art-note{font-size:.69rem;color:#aaa18e}.tier-0{--tc:#4a4139}.tier-1{--tc:#B2B2B2}.tier-2{--tc:#FFD700}.tier-3{--tc:#4D7455}.tier-4{--tc:#476291}.tier-5{--tc:#CF6A32}.tier-6{--tc:#8847FF}.tier-7{--tc:#8650AC}.tier-8{--tc:#38F3AB}.tier-9{--tc:#D32CE6}.tier-10{--tc:#AA0000}.tier-11{--tc:#EB4B4B}.tier-12{--tc:#A50F79}.tier-13{--tc:#FFFFFF}.tier-strip{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.tier-chip{display:inline-flex;align-items:center;gap:6px;color:#f4eedf;background:#1b1c18;border:1px solid var(--tc);box-shadow:0 0 7px color-mix(in srgb,var(--tc) 28%,transparent);padding:3px 7px;border-radius:5px;font-size:.72rem;line-height:1.6}.tier-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--tc);box-shadow:0 0 6px var(--tc)}.tier-title{font-size:.9rem;color:var(--ink);margin:0 0 10px}.earned.tier-8 .award-art,.earned.tier-9 .award-art,.earned.tier-10 .award-art{box-shadow:0 0 10px var(--tc)}.earned.tier-11 .award-art,.earned.tier-12 .award-art{box-shadow:0 0 15px var(--tc)}.earned.tier-13 .award-art{box-shadow:0 0 12px #fff,0 0 20px #ff9d00,0 0 30px #ff5000}.tier-table th{font-weight:500;color:var(--muted);font-size:.7rem}.tier-table td{font-size:.77rem;vertical-align:middle}.tier-table .tier-chip{box-shadow:none;padding:2px 5px;white-space:nowrap}.tier-table td:nth-child(2),.tier-table td:nth-child(3){text-align:right}.tier-table th:nth-child(2),.tier-table th:nth-child(3){text-align:right}.tier-table caption{text-align:left;color:var(--muted);font-size:.76rem;margin-bottom:9px}.legend-list{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0}.legend-list .tier-chip{padding:5px 9px}.legend-help{margin:20px 0}.legend-help>summary{font-size:.88rem}.reward-rules{background:#211f19;border:1px solid #574632;padding:14px 17px;border-radius:9px;margin:12px 0 20px}.reward-rules p{margin:0;font-size:.85rem}.reward-rules[hidden]{display:none}.progress-label{display:flex;justify-content:space-between;gap:10px;color:var(--ink);font-size:.78rem;margin:14px 0 6px}.award-progress{display:block;width:100%;height:8px;border:0;border-radius:6px;overflow:hidden;background:#151612;accent-color:var(--accent)}.award-progress::-webkit-progress-bar{background:#151612}.award-progress::-webkit-progress-value{background:var(--accent)}.award-progress::-moz-progress-bar{background:var(--accent)}.collection-checks{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:13px 0 0;padding:0}.collection-checks li{font-size:.73rem;padding:3px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.collection-checks li.complete{border-color:#6b8c59;background:#25301f;color:#c4e2ab}.empty-state{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed var(--line);border-radius:10px}.profile-head{margin:25px 0 18px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.profile-head h3{font-size:1.4rem;margin-bottom:16px}.profile-history{margin-top:24px}.history-list{display:grid;gap:10px;padding-left:20px}.history-list p{margin:3px 0}.pagination{justify-content:center}.pagination button:disabled{cursor:default;opacity:.4}.collection-error{padding:20px;background:#33251f;border-radius:10px}button{transition:background .15s,border-color .15s}button:hover:not(:disabled){filter:brightness(1.12)}@media(max-width:560px){.collection-tabs{gap:5px;padding:5px}.collection-tabs button{min-width:0;padding:10px 7px;font-size:.82rem}.tab-count{display:block;margin:2px 0 0}.filter-field{min-width:140px}.award-card{padding:18px}.catalog-caption{align-items:flex-start;flex-direction:column;gap:5px}.pagination{gap:8px}.pagination button{font-size:.83rem;padding:9px 11px}.award-head h3{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.oneoff-earned{--tc:#d8af59}[hidden]{display:none!important}

/* Shared page navigation and the dedicated collection page. */
.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:var(--accent);color:#211a13;padding:12px 18px;border-radius:6px;font-weight:700}.skip-link:focus{top:14px}nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:18px 0;font-size:.9rem}.breadcrumbs{margin:18px 0 0;font-size:.82rem;color:var(--muted);gap:12px}.breadcrumbs a{color:var(--accent)}.collection-hero{padding:40px 0 24px;max-width:870px}.collection-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:20px}.collection-hero .lead{max-width:680px}.collection-intro{max-width:none}.collection-definition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.collection-definition p{margin:0;padding:17px 18px;border:1px solid var(--line);border-radius:9px;font-size:.9rem;background:#20211c}.collection-definition strong{display:inline-block;color:var(--ink);font-size:.95rem;margin-bottom:5px}.server-card{display:flex;flex-direction:column}.server-card h3{margin-top:16px}.server-card .server-address{margin-top:auto;padding-top:18px;color:#e4d2b7;font-size:.87rem}.server-state{min-height:93px}.server-state p{font-size:.9rem}.server-state .button{display:inline-block;margin-top:3px}.connection-help{margin-top:24px}.collection-grid{gap:20px}.award-art{width:88px;height:88px;flex-basis:88px;padding:3px;image-rendering:auto}.award-head h3{font-size:1.13rem;line-height:1.4}.award-card .award-description{font-size:.91rem;line-height:1.7}.award-card .small{font-size:.81rem}.award-meta .pill{font-size:.74rem}.award-classes{font-size:.81rem}.tier-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;line-height:1.6}.tier-table{table-layout:fixed}.tier-table th:first-child,.tier-table td:first-child{width:48%}.tier-table td{overflow-wrap:anywhere;font-size:.81rem}.tier-table .small{font-size:.76rem}.tier-table th{font-size:.74rem}.tier-table caption{font-size:.8rem}.tier-strip .tier-chip{min-width:37px;justify-content:center;min-height:27px}.tier-chip{font-size:.77rem}.award-card details summary{font-size:.87rem;min-height:30px}.progress-label{font-size:.84rem;align-items:baseline}.progress-label strong{white-space:nowrap;font-weight:600}.progress-remaining{font-size:.79rem!important;color:var(--muted)!important;margin:5px 0 0!important}.profile-search>label{display:block;font-weight:600;margin-bottom:8px}.profile-search .filters{margin:0}.profile-search input{min-width:200px}.profile-search .small{margin:9px 0 0}.profile-permalink{display:inline-block;margin-top:18px;font-size:.85rem}.account-help{padding-top:22px;margin-top:24px;border-top:1px solid var(--line);font-size:.9rem}.collection-faq{max-width:820px}.collection-faq h2{font-size:1.55rem;margin-bottom:22px}.collection-faq summary{padding:4px 0}.collection-faq details p{font-size:.93rem}.profile-head .stats{gap:20px 34px}.profile-head .stats span{font-size:.85rem}.empty-state p{margin:0 0 15px}.pagination{padding:16px 0}.pagination button{min-height:44px}.class-filters button{min-height:40px}.collection-tabs button{min-height:55px}.profile-search button{min-height:46px}.filter-field input,.filter-field select{min-height:46px}#profile-status.error{color:#ffc0b1}.award-card.inactive{border-style:dashed}.availability-note{border-left:2px solid #beae8f;padding-left:10px;font-size:.82rem!important;line-height:1.6}.profile-head h3{overflow-wrap:anywhere}.collection-grid:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-definition{gap:10px}.collection-definition p{padding:14px}.award-head{gap:12px}}
@media(max-width:650px){.collection-definition{grid-template-columns:1fr}.collection-definition p{padding:14px 17px}.collection-hero{padding-top:26px}.collection-hero .actions{align-items:stretch}.collection-hero .button{text-align:center}.collection-grid{grid-template-columns:1fr}.collection-filters .search-field{flex-basis:100%}.collection-filters .filter-field{min-width:0}.collection-filters input,.collection-filters select{font-size:.95rem}.award-art{width:88px;height:88px;flex-basis:88px}.award-head h3{font-size:1.2rem}.award-description{font-size:.95rem!important}.collection-tabs{gap:4px}.collection-tabs button{min-width:0;font-size:.82rem;padding:10px 6px}.collection-tabs .tab-count{display:block;margin:2px 0 0}.profile-search .filters{flex-direction:column;align-items:stretch}.profile-search input{min-width:0;width:100%;flex:auto}.profile-head .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.footer-links{flex-direction:column;gap:10px}.breadcrumbs{margin-top:10px}.profile-search .small{font-size:.8rem;line-height:1.7}header nav{gap:13px 18px;font-size:.9rem}.collection-hero h1{font-size:2.3rem}.catalog-caption{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:380px){header,main,footer{padding-left:14px;padding-right:14px}.brand{font-size:.88rem}.award-card{padding:15px}.collection-tabs button{font-size:.76rem}.class-filters button{font-size:.8rem;padding:7px 9px}.progress-label{flex-wrap:wrap;gap:3px}.collection-hero h1{font-size:2.05rem}.award-head h3{font-size:1.08rem}.award-art{width:78px;height:78px;flex-basis:78px}}
/* Valve achievement artwork is 64 px; the 2 px frame must not enlarge it. */
.award-art{width:68px;height:68px;flex-basis:68px;padding:0;border-radius:4px}.art-attribution{margin-top:12px;font-size:.76rem;color:var(--muted)}.art-attribution a{color:var(--muted);text-underline-offset:3px}