/* Only the new content routes. Production components and tokens are unchanged. */
.directory-page .directory-nav{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.directory-page .directory-nav a{color:var(--primary)}
.directory-page .directory-nav [aria-current=page]{font-weight:600}
.directory-page .directory-controls,.directory-page .release-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}
.directory-page label{display:grid;gap:6px}
.directory-page input,.directory-page select{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font:inherit;padding:10px;max-width:100%;min-height:44px}
.directory-page .directory-table{border-collapse:collapse;width:100%;font-size:14px}
.directory-page .directory-table :is(th,td){padding:12px;text-align:left;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}
.directory-page .directory-table .numeric{text-align:right}
.directory-page .publisher-identity,.directory-page .publisher-heading{display:flex;gap:12px;align-items:center}
.directory-page .publisher-logo{width:40px;height:40px;object-fit:contain;flex:none}
.directory-page .publisher-monogram{display:grid;place-items:center;background:var(--muted);color:var(--muted-foreground)}
.directory-page .publisher-heading{margin-block:24px}
.directory-page .directory-facts{display:flex;gap:24px;flex-wrap:wrap}
.directory-page .directory-facts dd{margin:4px 0}
.directory-page .directory-method{margin-block:24px}
.directory-page .directory-method summary{cursor:pointer;color:var(--primary);padding-block:12px}
.directory-page .publisher-source-links,.directory-page .sale-event-current-links{display:flex;flex-wrap:wrap;gap:16px;margin-block:20px}
.directory-page .tag-cloud{display:flex;flex-wrap:wrap;gap:12px 20px;margin-block:16px 28px}
.directory-page .tag-cloud a{display:inline-flex;gap:8px;align-items:center;padding-block:6px;color:var(--primary)}
.directory-page .tag-cloud small,.directory-page .count-label{color:var(--muted-foreground);font-size:14px}
.directory-page .count-label{margin-left:12px}
.directory-page .tech-list{display:grid;gap:16px;margin-block:24px}
.directory-page .tech-list>a{display:flex;justify-content:space-between;gap:16px;padding-block:12px;border-bottom:1px solid var(--border)}
.directory-page .tech-list small{display:block;color:var(--muted-foreground);margin-top:6px}
.directory-page .release-toolbar nav{display:flex;gap:16px}
.directory-page .release-year-control{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.directory-page .release-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:20px}
.directory-page .release-month-grid>a,.directory-page .release-month-future{display:flex;gap:12px;justify-content:space-between;padding:12px;border:1px solid var(--border)}
.directory-page .release-month-grid i,.directory-page .release-bar{display:none}
.directory-page .seo-directory-group ul{columns:3;column-gap:28px;padding-left:20px}
.directory-page .seo-directory-group li{break-inside:avoid;margin-bottom:12px}
.directory-page .seo-directory-search-field{display:flex;gap:8px;align-items:center}
.directory-page .seo-directory-search-field>input{width:100%;max-width:450px}
.directory-page .seo-directory-search-field>button{background:transparent;border:0;color:var(--foreground);padding:10px;cursor:pointer}
.directory-page .sale-event-heading{margin-block:24px}
.directory-page .sale-event-heading img{width:100%;max-width:460px;height:auto;display:block}
.directory-page a{overflow-wrap:anywhere}
@media(max-width:700px){
 .directory-page .directory-controls{align-items:stretch}
 .directory-page .directory-controls label{width:100%}
 .directory-page input,.directory-page select{font-size:16px;width:100%}
 .directory-page .publisher-heading{align-items:start}
 .directory-page .publisher-heading>div{min-width:0}
 .directory-page .publisher-heading h1{overflow-wrap:anywhere}
 .directory-page .directory-table :is(th,td){padding:8px}
 .directory-page .release-month-grid{grid-template-columns:1fr 1fr}
 .directory-page .seo-directory-group ul{columns:1}
}

/* Directory upgrade, 16 Oct 2026. Existing STEAMB tokens and routes. */
.directory-page{min-width:0}
.directory-page .directory-nav{gap:4px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:24px}
.directory-page .directory-nav a{padding:8px 12px;border-radius:var(--radius);min-height:40px}
.directory-page .directory-nav a:hover,.directory-page .directory-nav a[aria-current=page]{background:var(--muted);color:var(--foreground)}
.directory-page .directory-scope,.directory-page .directory-footnote{color:var(--muted-foreground);font-size:14px;max-width:100ch;margin:16px 0;line-height:1.65}
.directory-page .directory-controls{gap:12px;margin:24px 0 16px}
.directory-page .directory-controls label{font-size:13px;font-weight:500;color:var(--body-secondary)}
.directory-page .directory-search-label{flex:1;min-width:210px;max-width:440px}
.directory-page input,.directory-page select{border-color:var(--control-border);font-size:14px}
.directory-page input[type=hidden]{display:none}
.directory-page select:focus-visible,.directory-page .directory-table-scroll:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.directory-page .directory-reset{min-height:44px;display:flex;align-items:center;padding:8px;color:var(--primary);font-size:14px}
.directory-page .company-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);margin:8px 0 20px}
.directory-page .company-tabs a{padding:12px 18px;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:15px;font-weight:500}
.directory-page .company-tabs a:hover{color:var(--foreground);background:var(--card)}
.directory-page .company-tabs a[aria-current=page]{border-color:var(--primary);color:var(--foreground)}
.directory-page .directory-table-scroll{border:1px solid var(--border);border-radius:var(--radius);max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.directory-page .directory-table{font-size:13px}
.directory-page .company-table{min-width:820px}
.directory-page .directory-games-table{min-width:1100px}
.directory-page .directory-table th{font-size:12px;font-weight:500;background:var(--card);color:var(--body-secondary);white-space:nowrap}
.directory-page .directory-table td{padding-block:13px}
.directory-page .directory-table tr:last-child td{border-bottom:0}
.directory-page .directory-table tbody tr:hover{background:var(--card)}
.directory-page .directory-table th a{display:inline-flex;align-items:center;gap:7px;min-height:24px}
.directory-page .sort-indicator{color:var(--muted-foreground);font-size:14px}
.directory-page th[aria-sort]{color:var(--primary)}
.directory-page .directory-rank{color:var(--muted-foreground);width:55px}
.directory-page .company-identity{display:flex;align-items:center;gap:12px;min-width:230px;max-width:410px;color:var(--primary);line-height:1.4}
.directory-page .company-identity strong{font-weight:500}
.directory-page .company-identity img{object-fit:cover;border-radius:2px;flex:none;background:var(--muted)}
.directory-page .directory-positive{color:var(--positive)}
.directory-page .directory-negative{color:var(--negative)}
.directory-page .review-coverage,.directory-page .directory-release-cell small{display:block;color:var(--muted-foreground);font-size:11px;margin-top:4px}
.directory-page .directory-release-cell{white-space:nowrap}
.directory-page .directory-facts{padding:20px 0;margin:0 0 24px;border-block:1px solid var(--border);gap:28px 44px}
.directory-page .directory-facts dt{font-size:13px;color:var(--muted-foreground)}
.directory-page .directory-facts dd{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}
.directory-page .directory-method{border-top:1px solid var(--border);padding-top:8px;margin-top:32px;max-width:100ch}
.directory-page .directory-method p{font-size:14px;line-height:1.7;margin:12px 0;color:var(--body-secondary)}
.directory-page .directory-search-count{font-size:13px;color:var(--muted-foreground);margin-bottom:18px}
.directory-page .directory-search-count strong{color:var(--foreground);font-weight:500}
.directory-page .tag-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;margin:24px 0}
.directory-page .tag-category{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--background)}
.directory-page .tag-category h2{font-size:15px;background:var(--card);padding:14px 16px;border-bottom:1px solid var(--border)}
.directory-page .tag-category .count-label{font-size:12px;font-weight:400}
.directory-page .tag-category ul,.directory-page .tech-category ul{padding:0;margin:0;list-style:none}
.directory-page .tag-category li+li{border-top:1px solid var(--border)}
.directory-page .tag-category a{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;font-size:13px;color:var(--primary)}
.directory-page .tag-category a:hover{background:var(--card)}
.directory-page .tag-category small{color:var(--muted-foreground);font-size:12px;font-variant-numeric:tabular-nums;flex:none}
.directory-page .tech-browser{display:grid;grid-template-columns:224px minmax(0,1fr);gap:28px;margin:24px 0 32px;align-items:start}
.directory-page .tech-category-nav{display:grid;gap:4px;position:sticky;top:20px}
.directory-page .tech-category-nav button{display:flex;align-items:center;gap:10px;text-align:left;color:var(--body-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:12px;font-size:13px;min-height:46px}
.directory-page .tech-category-nav button>span:last-child,.directory-page .tech-category-nav small{margin-left:auto;font-size:12px;color:var(--muted-foreground)}
.directory-page .tech-category-nav button[aria-pressed=true]{background:var(--muted);border-color:var(--border);color:var(--foreground);font-weight:500}
.directory-page .tech-category-nav button:hover{background:var(--card)}
.directory-page .tech-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.directory-page .tech-category{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.directory-page .tech-category>header{display:flex;gap:12px;padding:18px;background:var(--card);border-bottom:1px solid var(--border)}
.directory-page .tech-category>header>svg{color:var(--primary);margin-top:2px}
.directory-page .tech-category h2{font-size:16px}
.directory-page .tech-category header p{font-size:12px;color:var(--muted-foreground);margin-top:4px}
.directory-page .tech-category li+li{border-top:1px solid var(--border)}
.directory-page .tech-category li a{display:flex;align-items:center;gap:14px;padding:16px 18px;min-height:80px}
.directory-page .tech-category li a:hover{background:var(--card)}
.directory-page .tech-item-name{flex:1;min-width:0}
.directory-page .tech-item-name strong{font-size:14px;font-weight:500;color:var(--primary)}
.directory-page .tech-item-name small{display:block;color:var(--muted-foreground);font-size:12px;margin-top:5px;line-height:1.5}
.directory-page .tech-item-count{font-size:15px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.directory-page .tech-item-count small{display:block;color:var(--muted-foreground);font-size:11px;font-weight:400}
.directory-page .tech-category li a>svg{color:var(--muted-foreground)}
.directory-page .release-toolbar{justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:20px;margin-block:24px}
.directory-page .release-toolbar nav{gap:4px;background:var(--card);padding:4px;border:1px solid var(--border);border-radius:var(--radius)}
.directory-page .release-view-switch a{padding:9px 16px;min-height:40px;font-size:14px;color:var(--muted-foreground)}
.directory-page .release-view-switch a[aria-current=true]{background:var(--muted);color:var(--foreground);font-weight:500;border-radius:var(--radius)}
.directory-page .release-year-control{align-items:center;font-size:13px;gap:8px}
.directory-page .release-year-control label{margin-right:4px}
.directory-page .release-chart{border:1px solid var(--border);border-radius:var(--radius);margin:20px 0 28px;padding:20px 20px 14px;background:var(--card)}
.directory-page .release-chart-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}
.directory-page .release-chart-heading h3{font-size:15px;font-weight:500}
.directory-page .release-chart-heading>span{font-size:12px;color:var(--muted-foreground)}
.directory-page .release-chart-scroll{overflow-x:auto;overscroll-behavior-inline:contain}
.directory-page .release-chart svg{display:block;width:100%;height:auto;min-width:560px;overflow:visible}
.directory-page .chart-grid-line line{stroke:var(--border);stroke-width:1}
.directory-page .chart-grid-line text,.directory-page .chart-x-label{fill:var(--muted-foreground);font-size:13px;font-family:inherit}
.directory-page .chart-bar{fill:var(--chart-1)}
.directory-page .chart-bar.partial{stroke:var(--foreground);stroke-width:1.5;stroke-dasharray:4 3}
.directory-page .release-chart-line{fill:none;stroke:var(--chart-1);stroke-width:3;stroke-linejoin:round}
.directory-page .chart-dot{fill:var(--card);stroke:var(--chart-1);stroke-width:3}
.directory-page .chart-hit-area{fill:transparent}
.directory-page .release-chart-point:hover .chart-hit-area,.directory-page .release-chart-point:focus .chart-hit-area{fill:var(--foreground);fill-opacity:.07}
.directory-page .release-chart-point:focus{outline:2px solid var(--primary);outline-offset:3px}
.directory-page .release-chart-caption{font-size:12px;color:var(--muted-foreground);min-height:36px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding-top:12px;border-top:1px solid var(--border)}
.directory-page .release-chart-caption a{color:var(--primary)}
.directory-page .release-chart-caption strong{color:var(--foreground);font-weight:500}
.directory-page .release-data-heading{font-size:14px;font-weight:500;margin-top:24px}
.directory-page .release-month-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.directory-page .release-month-grid>a,.directory-page .release-month-future{display:grid;gap:8px;padding:16px;background:var(--card);font-size:13px;border-radius:var(--radius)}
.directory-page .release-month-grid>a:hover{border-color:var(--primary)}
.directory-page .release-month-grid strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}
.directory-page .release-month-grid>a span{text-transform:capitalize;color:var(--muted-foreground)}
.directory-page .release-month-future{color:var(--muted-foreground);background:transparent}
.directory-page .release-month-future strong{font-size:14px}
.directory-page .release-month-note{font-size:13px;max-width:90ch;line-height:1.6;margin:16px 0}
.directory-page .release-table{min-width:500px}
.directory-page .release-bar-value{color:var(--primary)}
@media(max-width:1050px){.directory-page .tech-browser{grid-template-columns:190px minmax(0,1fr);gap:20px}.directory-page .tech-group-grid{grid-template-columns:1fr}.directory-page .tag-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .directory-page .directory-nav{gap:0}.directory-page .directory-nav a{font-size:13px;padding:8px 10px}
 .directory-page .directory-controls label{width:auto}.directory-page .directory-controls .directory-search-label{width:100%;min-width:0;max-width:none;flex-basis:100%}
 .directory-page input,.directory-page select{font-size:16px}
 .directory-page .directory-controls button{min-height:44px}
 .directory-page .company-tabs a{font-size:13px;padding:12px}
 .directory-page .directory-table :is(td,th){padding:10px}
 .directory-page .tag-category-grid{grid-template-columns:1fr;gap:20px}
 .directory-page .tag-category a{min-height:44px;font-size:14px}
 .directory-page .tech-browser{display:block;margin-top:20px}
 .directory-page .tech-category-nav{position:static;display:flex;overflow-x:auto;gap:6px;margin-bottom:20px;padding-bottom:8px}
 .directory-page .tech-category-nav button{white-space:nowrap;flex:none;border-color:var(--border);padding:10px 12px;min-height:44px}
 .directory-page .tech-category-nav button>svg,.directory-page .tech-category-nav button small{display:none}
 .directory-page .tech-category-nav button>span:last-child{margin-left:4px}
 .directory-page .tech-group-grid{gap:20px}
 .directory-page .tech-category li a{padding:16px}.directory-page .tech-item-name small{font-size:13px}
 .directory-page .release-toolbar{gap:16px}
 .directory-page .release-year-control{width:100%;flex-wrap:wrap;align-items:center}.directory-page .release-year-control select{width:auto;flex:1}
 .directory-page .release-year-control label{width:100%}
 .directory-page .release-chart{padding:16px 12px 12px;margin-inline:0}
 .directory-page .release-chart-heading h3{font-size:14px}
 .directory-page .release-month-grid{grid-template-columns:1fr 1fr}
 .directory-page .release-chart-caption{font-size:13px;align-items:start}
 .directory-page .directory-facts{gap:20px 28px}
}
.directory-page .tech-category li a,.directory-page .tag-category a,.directory-page .company-identity{text-decoration:none}
.directory-page .tech-category li a:hover strong,.directory-page .tag-category a:hover span,.directory-page .company-identity:hover strong{text-decoration:underline;text-underline-offset:3px}
.directory-page .release-chart a{text-decoration:none}
.directory-page .tag-category-grid{display:block;columns:3;column-gap:24px}
.directory-page .tag-category{break-inside:avoid;margin-bottom:24px}
.directory-page .chart-scroll-hint{display:none}
@media(max-width:1050px){.directory-page .tag-category-grid{columns:2}}
@media(max-width:700px){.directory-page .tag-category-grid{columns:1}.directory-page .chart-scroll-hint{display:block;color:var(--muted-foreground);font-size:12px;line-height:1.6;margin-bottom:12px}}