.dc-intro{padding:2px 16px 12px;font-size:12px;color:var(--ink-2)}
.dc-platform-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 16px 10px;font-size:11px;color:var(--muted)}
.dc-platform-heading button{background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:11px}.dc-platform-heading button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
.dc-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 16px 17px}
.dc-platforms button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 3px;min-height:54px;background:var(--raised);border:1px solid var(--line);border-radius:8px;text-align:left;min-width:0;font-size:11px;font-weight:600}
.dc-platforms button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 .5px var(--accent)}
.dc-platforms small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}
.discover-page .seg{gap:6px}.discover-page .seg button{padding:0 11px;gap:5px;font-size:12px}
.dc-project-list{display:grid;gap:14px;margin:12px 16px 22px}.dc-project{border:1px solid var(--line);border-radius:12px;background:var(--raised);overflow:hidden}
.dc-main{display:grid;grid-template-columns:49px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 13px 10px}
.dc-poster{width:49px;height:66px;object-fit:cover;border-radius:6px;background:var(--raised-2)}
.dc-heading{min-width:0}.dc-heading strong{display:block;font-size:16px;line-height:1.25;overflow-wrap:anywhere;font-weight:650;letter-spacing:-.3px}
.dc-heading>span{display:block;font-size:10px;color:var(--ink-2);margin-top:5px;line-height:1.5}.dc-heading>small{display:block;font-size:9px;color:var(--muted);margin-top:4px;line-height:1.5}
.dc-main>.stage{font-size:9px;height:21px;padding:0 6px;align-self:start;margin-top:2px;white-space:nowrap}
.dc-platform-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:9px;color:var(--muted);padding:0 13px 12px}
.dc-platform-name{color:var(--ink-2);padding:3px 5px;background:var(--raised-2);border-radius:4px}.dc-platform-line>small{font-size:9px;margin-left:auto;color:var(--muted)}
.dc-status{display:block;padding:12px 13px 13px;border-top:1px solid var(--line)}
.dc-lifecycle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:0;margin:0 0 15px;font-size:10px;color:var(--muted)}
.dc-lifecycle li{display:flex;align-items:center;gap:6px;position:relative}.dc-lifecycle li:not(:last-child)::after{content:'';height:1px;background:var(--line);flex:1;margin-left:3px}
.dc-lifecycle i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--raised-2);font-style:normal;font-size:9px}.dc-lifecycle .current{color:var(--ink);font-weight:600}.dc-lifecycle .current i{background:var(--accent);color:#fff}.dc-lifecycle .past i{background:var(--accent-soft);color:var(--accent)}
.dc-metric{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink-2);line-height:1.5}.dc-metric b{font-size:20px;font-weight:650;color:var(--ink);letter-spacing:-.5px}.dc-metric small{font-size:10px;color:var(--muted)}.dc-metric strong{font-size:13px;color:var(--accent)}
.dc-status>.track,.dc-status>.segbar{margin-top:9px}.dc-next{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-top:10px;line-height:1.6}.dc-next>span:last-child{flex:none;color:var(--accent);display:flex;align-items:center}.dc-next .ic{height:12px;width:12px}
.dc-release{font-size:10px;color:var(--muted);margin-top:7px}.dc-live-date{font-size:10px;color:var(--signal)}
.dc-large .dc-main{grid-template-columns:minmax(0,1fr) auto;padding-top:0}.dc-large .dc-poster{grid-column:1 / -1;width:calc(100% + 26px);max-width:none;height:auto;aspect-ratio:16/9;margin:0 -13px 5px;border-radius:0;object-fit:cover}
@media(max-width:350px){.dc-platforms{gap:6px;margin-left:12px;margin-right:12px}.dc-platforms button{font-size:10px;gap:5px}.dc-platforms .hm-platform-mark{height:20px;width:20px}.dc-project-list{margin-left:12px;margin-right:12px}.dc-main{grid-template-columns:42px minmax(0,1fr) auto;gap:8px;padding-left:11px;padding-right:11px}.dc-poster{width:42px;height:58px}.dc-heading strong{font-size:14px}.discover-page .seg{padding:0 12px;gap:5px}.discover-page .seg button{padding:0 9px;font-size:11px;gap:4px}.dc-metric b{font-size:18px}}

/* Keep all genre choices visible; sorting gets its own row above them. */
.discover-page .seg {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
.discover-page .seg button {min-width:0;padding:0 4px;justify-content:center;gap:4px;white-space:nowrap}
.dc-genre-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 16px 0;min-height:44px;color:var(--ink-2);font-size:12px}
.discover-page .dc-genre-toolbar .sort-btn {height:44px;min-width:44px;padding:0 0 0 12px;border-left:0;white-space:nowrap}
.discover-page .toolrow {display:block;margin:0;padding:0 16px}
.discover-page .chips {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible}
.discover-page .chips button {width:100%;min-width:0;height:auto;min-height:44px;padding:8px 4px;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
@media(max-width:350px){.dc-genre-toolbar{margin-left:12px;margin-right:12px}.discover-page .toolrow{padding:0 12px}.discover-page .chips{gap:6px}.discover-page .seg button{padding:0 2px;gap:3px}}