/* Compact summary toolbar; filters and presentation retain their existing state. */
.releases-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#panel-weekly .releases-compact { display:block; padding:0 0 8px; }
#panel-weekly .releases-toolbar, #panel-weekly #releasesTools { display:flex; align-items:center; gap:8px; width:100%; min-width:0; }
#panel-weekly .releases-toolbar #wkSearch { flex:1; width:0; min-width:0; }
#panel-weekly .releases-toolbar #wkSearchInput { width:0; min-width:0; flex:1; opacity:1; padding:0 8px 0 0; }
#panel-weekly .releases-toolbar .wk-search-toggle { flex:none; padding:0; }
#panel-weekly .releases-toolbar .wk-search-toggle::after { content:none; }
#panel-weekly .releases-toolbar #filterOpenBtn { width:auto; flex:none; display:inline-flex; gap:7px; }
#panel-weekly .releases-toolbar .filter-open-label { display:inline; }
#panel-weekly .releases-toolbar .filter-open-label::before { content:none; }
.release-presentation-row { display:flex; align-items:center; gap:8px; margin-top:6px; }
.release-filter-summary { display:flex; align-items:center; flex-wrap:wrap; gap:2px; flex:1; min-width:0; }
.release-filter-summary>div { min-width:0; }
#panel-weekly .release-filter-summary { --control-height:32px; --control-padding:6px; --control-padding-end:6px; --control-border:transparent; --control-surface:transparent; --control-radius:6px; --control-font:500 12px/1.35 'Inter',sans-serif; --control-caret-inset:5px; --control-caret-size:12px; }
.release-summary-filter { max-width:190px; }
.release-summary-filter>span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.release-summary-filter>.icon { width:12px; height:12px; flex:none; color:var(--text-dim); }
#panel-weekly #horizon { width:140px; --control-padding-end:23px; }
.release-filter-summary .has-selection { --control-ink:var(--accent); --control-surface:color-mix(in srgb,var(--accent) 10%,transparent); }
#panel-weekly .releases-view-tools, #panel-weekly .releases-view-mode-tools { display:flex; align-items:center; flex:none; }
#panel-weekly #releasesViewTools .wk-sort-select-wrap { height:var(--control-height); }
#panel-weekly #releasesViewTools .wk-sort-trigger { height:var(--control-height); min-height:var(--control-height); font-size:12px; }
#releasesViewTools .wk-sort-prefix { display:none; }
#releaseViewToggle .vt-btn { display:flex; align-items:center; justify-content:center; gap:6px; }
#releaseViewToggle .vt-btn .icon { width:14px; height:14px; }
#releaseViewToggle .vt-btn span { display:inline; }
#releaseResultSummary { margin:4px 0 0; color:var(--text-dim); font-size:11px; line-height:1.5; }
#releaseFilterChips .filter-bar { margin:6px 0 0; padding:0; border:0; background:none; }
.release-appearance { position:relative; flex:none; }
.release-appearance>summary { list-style:none; user-select:none; }
.release-appearance>summary::-webkit-details-marker { display:none; }
.release-appearance>summary>.icon { width:15px; height:15px; }
.release-appearance[open]>summary { --control-border:var(--accent); }
.release-appearance-panel { position:absolute; top:calc(100% + 8px); right:0; z-index:50; width:268px; max-width:calc(100vw - 32px); padding:16px; display:grid; gap:10px; border:1px solid var(--border-strong); border-radius:14px; background:var(--bg-elev); box-shadow:0 16px 40px #0005; }
.release-appearance-panel h2 { margin:0 0 2px; font:600 15px 'Inter',sans-serif; }
.release-appearance-panel p { margin:2px 0 0; color:var(--text-dim); font-size:12px; line-height:1.5; }
.release-appearance-panel .autoplay-toggle { justify-content:flex-start; }
.release-appearance-panel .autoplay-track { margin-left:auto; }
.release-appearance-panel .card-size-toggle { justify-content:flex-start; }
.release-appearance-panel .card-size-toggle::after { content:'Off'; margin-left:auto; color:var(--text-dim); }
.release-appearance-panel .card-size-toggle[aria-pressed=true]::after { content:'On'; color:var(--accent); }
.release-browse-select, #releaseMobileCatalog { max-width:100%; min-width:0; }
#releaseMobileSettings { display:grid; gap:8px; }
.release-priority-filters { display:grid; gap:18px; }
.release-priority-filters .precision-block { margin-bottom:0; }
#releaseMoreOptions { border-top:1px solid var(--border); margin-top:18px; }
#releaseMoreOptions>summary { padding:16px 0; font-size:13px; color:var(--text-dim); cursor:pointer; }
.release-more-body { display:grid; gap:16px; }
.release-more-body .filter-block { margin:0; }
@media(max-width:1100px) {
  .release-appearance>summary>span, .release-appearance>summary>.icon:last-child { display:none; }
  .release-appearance>summary { width:var(--control-height); --control-padding:0; }
}
@media(max-width:800px) {
  .release-presentation-row { display:grid; grid-template-columns:minmax(0,1fr) auto 44px; gap:5px 6px; margin-top:2px; }
  .release-filter-summary { grid-column:1/-1; grid-row:1; gap:0; }
  #panel-weekly .release-filter-summary { --control-height:44px; --control-font:500 11px/1.35 'Inter',sans-serif; --control-padding:4px; --control-padding-end:4px; }
  #panel-weekly #horizon { width:116px; }
  #panel-weekly .release-summary-filter { max-width:150px; gap:4px; }
  .release-summary-filter:not(.has-selection)>span { display:none; }
  .release-summary-filter:not(.has-selection)::before { content:attr(data-short-label); }
  #panel-weekly #releasesViewTools { min-width:0; }
  #panel-weekly #releasesViewTools .wk-sort-select-wrap { min-width:0; width:100%; }
  #panel-weekly #releasesViewTools .wk-sort-trigger { max-width:none; width:100%; --control-padding:10px; }
  #releasesViewTools .wk-sort-value { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #panel-weekly #releaseViewToggle .vt-btn { padding:0 8px; }
  #panel-weekly #releaseViewToggle .vt-btn span { display:inline; }
  #releaseResultSummary { font-size:10px; margin-top:5px; }
}

.card-size-toggle { white-space:nowrap; }
.card-size-toggle > .icon { width:14px; height:14px; flex:none; }
.card-size-toggle[aria-pressed=true] { --control-surface:color-mix(in srgb,var(--accent) 15%,var(--bg-elev)); --control-border:var(--accent); --control-ink:var(--accent); }
.autoplay-toggle { display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:none; min-height:36px; padding:0 8px; border:1px solid var(--border); border-radius:9px; background:transparent; color:var(--text-dim); font:500 11px 'Inter',sans-serif; cursor:pointer; white-space:nowrap; }
.autoplay-toggle:hover { background:var(--bg-elev); color:var(--text); border-color:var(--border-strong); }
.autoplay-toggle:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.autoplay-state { min-width:17px; }
.autoplay-mobile-icon { display:none; }
.autoplay-track { width:24px; height:14px; border-radius:8px; background:var(--text-dim); padding:2px; }
.autoplay-track::after { content:''; display:block; width:10px; height:10px; border-radius:50%; background:var(--bg); }
.autoplay-toggle[aria-checked="true"] .autoplay-track { background:var(--accent); }
.autoplay-toggle[aria-checked="true"] .autoplay-track::after { transform:translateX(10px); }
.wanted-tools { flex-wrap:wrap; align-items:center; gap:10px; }

/* The simplified refinement form uses the existing shared filter controls. */
#filtersSidebar.simple-release-filters {
  left:50%; top:calc(50% + var(--header-h)/2); bottom:auto; width:520px; max-width:calc(100vw - 32px);
  height:min(920px,calc(100dvh - var(--header-h) - 32px)); border:1px solid var(--border-strong);
  border-radius:20px; transform:translate(-50%,-50%); transition:visibility .15s;
}
.shell:not(.sidebar-collapsed):not(.no-sidebar) #filtersSidebar.simple-release-filters { transform:translate(-50%,-50%); }
.simple-release-filters .sidebar-head { padding:24px 28px 18px; border-bottom:0; flex:none; }
.simple-release-filters #filterDrawerTitle { font:600 32px/1.15 'Newsreader',serif; }
.simple-release-filters #sidebarActiveCount { display:none; }
.simple-release-filters #filterMaster>.sidebar-body { padding:12px 28px 14px; gap:0; }
.simple-filter-fields { display:grid; gap:13px; }
.simple-filter-field { display:flex; flex-direction:column; gap:7px; min-width:0; color:var(--text-dim); font-size:13px; }
.simple-filter-field>label { cursor:pointer; }
.simple-filter-field>label, .simple-filter-field>span { margin:0; line-height:18px; }
.simple-filter-field .filter-row, .simple-filter-field select, #releasePrecisionField>summary {
  display:flex; align-items:center; gap:10px; width:100%; min-height:46px; margin:0; padding:0 14px;
  border:1px solid var(--border-strong); border-radius:12px; background:var(--bg-elev);
  color:var(--text); font:500 14px 'Inter',sans-serif; cursor:pointer;
}
.simple-filter-field .filter-row:hover, #releasePrecisionField>summary:hover { border-color:var(--accent); background:var(--bg-hover); }
.simple-filter-field .filter-row-icon, .simple-filter-field .filter-row-label { display:none; }
.simple-filter-field .filter-row-val { flex:1; min-width:0; max-width:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; color:var(--text); font-size:14px; font-weight:500; }
.simple-filter-field .filter-row-chev { color:var(--text-dim); width:15px; height:15px; border:0; transform:none; display:flex; }
.simple-filter-field .filter-row-chev::before, .simple-filter-field .filter-row-chev::after { content:none; }
.simple-filter-field .filter-row-chev .icon, #releasePrecisionField>summary>.icon { width:15px; height:15px; flex:none; }
#releasePrecisionField>summary { list-style:none; justify-content:space-between; }
#releasePrecisionField>summary::-webkit-details-marker { display:none; }
#releasePrecisionValue { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#releasePrecisionField .precision-block { margin:8px 0 0; padding:12px; }
#releasePrecisionField .precision-block>.field-label { display:none; }
.simple-release-filters .sidebar-foot { display:flex; justify-content:space-between; align-items:center; flex:none; padding:18px 28px 24px; gap:16px; background:var(--bg-elev); border-top:1px solid var(--border); }
.simple-release-filters .sidebar-foot button { min-height:46px; padding:0 16px; border-radius:12px; font-size:14px; }
.simple-release-filters .sidebar-foot .reset-btn { border:1px solid var(--border-strong); background:transparent; color:var(--text); flex:none; }
.simple-release-filters .sidebar-foot .apply-btn { flex:none; max-width:65%; }
.simple-release-filters #releaseMoreOptions { margin-top:15px; border-top:0; }
.simple-release-filters #releaseMoreOptions>summary { padding:8px 0; font-size:12px; }
.simple-release-filters .release-more-body { padding-top:12px; }
.simple-filter-field select:focus-visible, #releasePrecisionField>summary:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media(max-width:640px) {
  #filtersSidebar.simple-release-filters { left:0; top:calc(var(--header-h) + 8px); width:100%; max-width:100%; height:calc(100dvh - var(--header-h) - 8px); transform:none; border-radius:20px 20px 0 0; }
  .shell:not(.sidebar-collapsed):not(.no-sidebar) #filtersSidebar.simple-release-filters { transform:none; }
  .simple-release-filters .sidebar-head { padding:22px 20px 16px; }
  .simple-release-filters #filterDrawerTitle { font-size:29px; }
  .simple-release-filters #filterMaster>.sidebar-body { padding:8px 20px 16px; }
  .simple-release-filters .sidebar-foot { padding:16px 20px max(16px,env(safe-area-inset-bottom)); gap:10px; }
  .simple-release-filters .sidebar-foot button { font-size:12px; padding:0 12px; }
}
.simple-release-filters [hidden] { display:none!important; }
.release-filter-section { border-top:1px solid var(--border); margin-top:12px; }
.release-filter-section>summary { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 12px; padding:16px 0; list-style:none; cursor:pointer; font-size:14px; color:var(--text); }
.release-filter-section>summary::-webkit-details-marker { display:none; }
.release-filter-section>summary>.icon { grid-column:2; grid-row:1/3; width:15px; height:15px; color:var(--text-dim); }
.release-filter-section[open]>summary>.icon { transform:rotate(180deg); }
.release-filter-section>summary>small { grid-column:1; font-size:11px; color:var(--accent); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.release-filter-section>summary>small:empty { display:none; }
.release-section-fields { display:grid; gap:14px; padding:0 0 16px; }
.release-section-fields>.option-pill { min-height:44px; justify-content:flex-start; padding:10px 12px; width:100%; }
.release-section-fields .filter-help { font-size:12px; line-height:1.5; }
.release-coverage { border-top:1px solid var(--border); padding-top:16px; margin-top:12px; }
.release-filter-section:has(#qualityBlock[hidden]) { display:none; }
.simple-release-filters #presetBlock { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; margin:0 0 18px; padding:0; border:0; background:none; }
.simple-release-filters #presetBlock>.field-label { grid-column:1/-1; }
.simple-release-filters #presetSaveItem { white-space:nowrap; }
.preset-empty { margin:0; padding:12px; color:var(--text-dim); font-size:12px; line-height:1.5; }
.simple-release-filters #presetBlock>.field-label { text-transform:none; letter-spacing:0; color:var(--text-dim); font-size:12px; }
.simple-release-filters #presetDropBtn { height:40px; }
.platform-shortcuts { display:flex; flex-wrap:wrap; gap:7px; padding:8px 0 14px; }
.platform-shortcuts button, .filter-alias-choice { border:1px solid var(--border-strong); border-radius:10px; background:var(--bg-elev); color:var(--text); font:inherit; cursor:pointer; padding:10px 12px; }
.platform-shortcuts button[aria-pressed=true], .filter-alias-choice[aria-pressed=true] { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,var(--bg-elev)); }
.filter-alias-choice { display:block; width:100%; text-align:left; margin-bottom:8px; }
.filter-alias-choice small { display:block; color:var(--text-dim); font-size:11px; margin-top:5px; }
.facet-count-help { font-size:11px; color:var(--text-dim); margin:8px 0; }
.release-lab {
  --panel:var(--bg-elev); --panel2:var(--bg-elev-2); --line:var(--border); --ink:var(--text); --muted:var(--text-dim); --lime:var(--accent); --blue:var(--accent-2-text); --amber:var(--warn);
  color:var(--text); padding-bottom:24px;
  button { font:inherit; color:inherit; background:var(--panel); border:1px solid var(--line); border-radius:6px; cursor:pointer; padding:8px 12px; }
  button:focus-visible, select:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
  button:disabled { opacity:.45; cursor:default; }
  .lab-controls { display:flex; flex-wrap:wrap; gap:10px 20px; align-items:center; margin:0 0 14px; }
  .lab-controls label { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
  .lab-controls select { font:inherit; color:var(--ink); background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:8px; }
  .lab-status { font-size:11px; color:var(--muted); line-height:1.6; margin:0 0 14px; }
  .empty { padding:32px 16px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:10px; }
  .eyebrow { color:var(--accent); }
  .count { border:1px solid var(--line); padding:3px 7px; border-radius:5px; font-size:10px; color:var(--muted); }
  .more { display:block; margin:16px auto; font-size:11px; }
  .art-fallback { display:grid; place-items:center; height:100%; color:var(--muted); font-size:28px; }
  .release { color:var(--amber); font-size:11px; }
  .release.day { color:var(--accent); }
  .detail-tags { display:flex; flex-wrap:wrap; gap:4px; }
  .detail-tags span { background:var(--panel2); border-radius:4px; }
.browse-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.browse-main{min-width:0}.browse-companion{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.awaiting{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.awaiting>header{display:flex;justify-content:space-between;align-items:center;padding:16px 13px 12px}.awaiting .eyebrow{font-size:10px;letter-spacing:1.5px;display:block;margin-bottom:7px}.awaiting h3{font-size:17px;font-weight:500;margin:0}.awaiting-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 10px;gap:4px}.awaiting-tabs button{padding:7px 2px;font-size:11px;border-color:transparent;background:var(--panel2)}.awaiting-tabs button span{display:block;color:var(--muted);margin-top:4px;font-size:11px}.awaiting-tabs button[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.awaiting-note{color:var(--muted);font-size:12px;line-height:1.6;margin:12px 13px}.awaiting-list{display:grid;grid-template-columns:1fr;padding:0 9px;gap:3px}.awaiting .browse-game{background:transparent;border-color:transparent;border-bottom-color:var(--line);border-radius:0;padding:8px 3px}.awaiting .browse-art{width:43px;height:59px}.awaiting .browse-copy b{color:var(--blue)}.awaiting .browse-copy>span{display:none}.awaiting .browse-copy i{display:none}.awaiting .more{font-size:12px;padding:9px 6px;margin:12px auto}.elapsed-link{margin:0 10px 12px;font-size:11px;line-height:1.5;color:var(--muted);background:transparent;border:0;text-align:left}.browse-mobile-switch{display:none}.browse-grid{display:grid;gap:8px}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.browse-game{padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--panel);display:flex;align-items:center;gap:10px;text-align:left;min-width:0;width:100%;transition:border-color .12s,background .12s}.browse-game:hover{border-color:var(--accent);background:var(--bg-hover)}.browse-art{width:50px;height:70px;flex-shrink:0;display:block;border-radius:4px;overflow:hidden;background:var(--panel2)}.browse-art img{width:100%;height:100%;object-fit:cover;object-position:center}.browse-copy{display:block;min-width:0;flex:1}.browse-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:600;line-height:1.4}.browse-copy>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:var(--muted);margin-top:4px}.browse-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px;margin-top:4px}.browse-copy b{display:flex;align-items:baseline;justify-content:space-between;gap:7px;font-size:9px;color:var(--lime);font-weight:400;margin-top:7px;line-height:1.3}.browse-copy i{font-size:8px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-intro{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px;margin:0 0 13px}.feed-intro strong{font-weight:500}.feed-intro>span{color:var(--muted);font-size:10px}.release-day{display:grid;grid-template-columns:63px minmax(0,1fr);gap:12px;margin-bottom:16px}.release-day>header{display:flex;align-items:center;flex-wrap:wrap;align-content:start;gap:5px;padding:9px 0;border-top:1px solid var(--line);position:sticky;top:12px;align-self:start}.release-day>header>b{font-size:26px;font-weight:400;letter-spacing:-1px}.release-day>header>span{font-size:9px;line-height:1.4;color:var(--muted)}.release-day>header>small{font-size:8px;color:var(--muted);flex-basis:100%}.week-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.week-navigation strong{font-size:12px;font-weight:500;display:block}.week-navigation span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.week-navigation button{padding:6px 12px;font-size:12px}.week-navigation>div:last-child{display:flex;gap:5px}.week-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}.week-column{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden}.week-column>header{padding:12px 10px;background:var(--panel2);border-bottom:1px solid var(--line);position:sticky;top:0}.week-column>header p{font-size:8px;letter-spacing:1px;color:var(--lime);margin:0 0 8px}.week-column>header h3{font-size:12px;font-weight:500;margin:0 0 6px}.week-column>header>span{font-size:10px;color:var(--muted)}.week-column .week-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:9px 7px;gap:7px}.week-card .browse-art{width:36px;height:50px}.week-card .browse-copy strong{font-size:10px}.week-card .browse-copy>span,.week-card .browse-copy small,.week-card .browse-copy i{display:none}.week-card .browse-copy b{font-size:9px;margin-top:5px}.week-column .more{font-size:9px;margin:10px 6px;padding:8px 5px}.week-picker{display:none}.date-strip{display:flex;gap:5px;overflow-x:auto;padding-bottom:9px;margin-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.date-strip button{flex-shrink:0;padding:8px 10px;border-radius:5px;position:relative;min-width:66px;text-align:left;overflow:hidden;background:transparent}.date-strip b{font-size:12px;font-weight:600;display:block;white-space:nowrap}.date-strip small{display:block;font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap}.date-strip i{position:absolute;bottom:0;left:0;height:2px;width:var(--fill);background:var(--accent)}.date-strip button[aria-pressed=true]{border-color:var(--lime);color:var(--lime);background:var(--panel2)}.cover-tile-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.cover-tile{padding:0;display:block;overflow:hidden;position:relative;align-self:stretch}.cover-tile .browse-art{width:100%;height:104px;border-radius:0}.cover-tile .browse-art img{object-position:center 30%}.cover-tile .browse-copy{padding:8px}.cover-tile .browse-copy strong{font-size:10px;min-height:28px}.cover-tile .browse-copy>span{display:none}.cover-tile .browse-copy small{font-size:8px;margin-top:4px}.cover-tile .browse-copy b{font-size:9px;margin-top:7px}.cover-tile .browse-copy i{display:none}.genre-controls{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.genre-controls button{font-size:10px;padding:6px 9px;background:transparent}.genre-controls button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.genre-axis,.genre-row{display:grid;grid-template-columns:90px repeat(var(--bands),minmax(0,1fr));gap:10px}.genre-axis{padding:10px 0;font-size:9px;color:var(--muted);border-bottom:1px solid var(--line)}.genre-axis>div strong{color:var(--ink);font-size:11px;font-weight:500;display:block}.genre-axis>div small{display:block;margin-top:6px;font-size:9px}.genre-row{border-bottom:1px solid var(--line);padding:14px 0;align-items:start}.genre-row>header h3{font-size:13px;font-weight:500;color:var(--lime);margin:6px 0 8px}.genre-row>header>span{font-size:9px;color:var(--muted)}.genre-cell{min-width:0}.genre-cell>h4{display:none}.genre-cell .browse-game{margin-bottom:6px;padding:7px;gap:7px}.genre-cell .browse-art{width:32px;height:45px}.genre-cell .browse-copy strong{font-size:10px}.genre-cell .browse-copy>span,.genre-cell .browse-copy small,.genre-cell .browse-copy i{display:none}.genre-cell .browse-copy b{margin-top:4px;font-size:9px}.genre-cell .more{font-size:9px;padding:7px 5px;margin:8px 0;width:100%}.release-index{border:1px solid var(--line);border-radius:7px;overflow:hidden}.index-row{width:100%;display:grid;grid-template-columns:54px 31px minmax(130px,1fr) 78px 120px 12px;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 11px;min-height:58px;background:var(--panel)}.index-row:last-child{border-bottom:0}.index-row.selected{background:var(--panel2);box-shadow:inset 3px 0 var(--lime)}.index-row>img{width:31px;height:42px;object-fit:cover;border-radius:3px}.index-date{font-size:10px;color:var(--lime)}.index-name{min-width:0}.index-name strong{font-size:11px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.index-name small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.index-genre,.index-platform{font-size:9px;color:var(--muted);line-height:1.5}.preview-placeholder{border:1px dashed var(--line);padding:20px 15px;border-radius:7px;font-size:12px;line-height:1.6;margin-bottom:16px}.preview-placeholder strong{font-weight:500}.preview-placeholder p{font-size:10px;color:var(--muted);margin:8px 0 0}.inline-preview{position:relative;border:1px solid var(--accent);border-radius:9px;overflow:hidden;background:var(--panel);margin-bottom:18px}.preview-art{height:150px;background:var(--panel2)}.preview-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.preview-copy{padding:14px}.preview-copy h3{font-size:19px;line-height:1.3;font-weight:500;margin:0 0 11px}.preview-copy>p{font-size:10px;line-height:1.7;color:var(--muted)}.inline-description{max-height:150px;overflow:auto;scrollbar-width:thin}.preview-copy>button{font-size:10px;padding:9px;width:100%;color:var(--lime)}.preview-copy .detail-tags{margin:12px 0}.preview-copy .detail-tags span{font-size:9px;padding:4px 6px}.preview-dismiss{position:absolute;right:8px;top:8px;border:1px solid var(--line);background:var(--panel);width:30px;height:30px;padding:0;font-size:20px}.browse-main .empty{font-size:12px;padding:30px 16px}
@media(min-width:1600px){.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cover-tile-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.browse-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1200px){main{padding-inline:20px}.browse-layout{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-tile-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.week-board{gap:6px}.week-card .browse-art{width:28px;height:40px}.week-card .browse-copy strong{font-size:9px}.week-column>header h3{font-size:10px}.index-row{grid-template-columns:49px 28px minmax(100px,1fr) 70px 12px;gap:8px}.index-platform{display:none}.genre-axis,.genre-row{grid-template-columns:75px repeat(var(--bands),minmax(0,1fr));gap:6px}.genre-cell .browse-art{width:27px;height:39px}.genre-cell .browse-copy strong{font-size:9px}.filters label{min-width:90px}}
@media(max-width:900px){.browse-layout{grid-template-columns:minmax(0,1fr) 215px;gap:13px}.cover-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.week-board{grid-template-columns:repeat(2,minmax(0,1fr))}.week-card .browse-art{width:33px;height:46px}.week-card .browse-copy strong{font-size:10px}.filters{flex-wrap:wrap}.filters label,.filters label.search{flex:1 1 25%}.catalog-pulse{max-width:210px;line-height:1.6}.concept-tabs button{font-size:10px;padding:12px 8px;gap:7px}.genre-cell .browse-art{display:none}.genre-row>header h3{font-size:11px}.release-day{grid-template-columns:48px minmax(0,1fr);gap:9px}.release-day>header>b{font-size:23px}}
@media(max-width:700px){.masthead{height:48px;padding-inline:16px}.masthead .back{font-size:10px}main{padding-inline:14px}.browse-lead{padding:17px 0 14px;display:block}.browse-lead h1{font-size:25px}.browse-lead p{font-size:11px;line-height:1.6;margin-top:5px}.catalog-pulse{display:none}.concept-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.concept-tabs button{padding:11px 8px;font-size:9px;gap:5px;border-bottom:1px solid var(--line)}.concept-tabs button:nth-child(3){border-right:0}.concept-tabs button:nth-child(n+4){border-bottom:0}.concept-tabs button:last-child{border-right:1px solid var(--line)}.concept-tabs button span{font-size:8px}.concept-head{padding:12px 0;align-items:start}.concept-head h2{font-size:13px;line-height:1.4}.concept-head #concept-desc{display:none}.concept-head .design-note{font-size:9px;max-width:85px}.design-note[open]{top:205px;right:14px;max-width:280px}.design-note[open] p{font-size:11px}.filters{padding:9px;gap:8px}.filters label,.filters label.search{flex:1 1 calc(33% - 8px);min-width:0}.filters label.search{flex-basis:calc(66% - 8px)}.filters input,.filters select{font-size:10px;padding:8px 5px}.filters label>span{font-size:7px;letter-spacing:.5px}.statusline{gap:8px;margin:10px 0}.statusline p{font-size:9px;line-height:1.6}.legend{display:none}.browse-layout{display:block}.browse-companion{position:static;max-height:none;overflow:visible}.browse-mobile-switch{display:flex;gap:6px;margin:11px 0 14px;position:sticky;top:0;z-index:5;background:var(--bg);padding:8px 0}.browse-mobile-switch button{font-size:11px;flex:1;text-align:center;padding:9px 6px;background:var(--panel)}.browse-mobile-switch button b{font-size:9px;font-weight:400;color:var(--muted);margin-left:4px}.browse-mobile-switch button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.pane-dated>.browse-companion{display:none}.pane-uncertain>.browse-main{display:none}.feed-intro{font-size:10px;flex-wrap:wrap;gap:5px}.feed-intro>span{font-size:9px}.release-day{grid-template-columns:36px minmax(0,1fr);gap:8px}.release-day>header{display:block;position:static}.release-day>header>b{display:block;font-size:26px;margin-bottom:5px}.release-day>header>span{font-size:9px}.release-day>header>small{display:block;font-size:7px;line-height:1.5;margin-top:6px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.browse-game.compact{padding:6px;gap:6px;align-items:start}.browse-game.compact .browse-art{width:32px;height:45px}.browse-game.compact .browse-copy strong{font-size:9px;line-height:1.4;-webkit-line-clamp:3}.browse-game.compact .browse-copy>span,.browse-game.compact .browse-copy small,.browse-game.compact .browse-copy i{display:none}.browse-game.compact .browse-copy b{font-size:8px;margin-top:5px}.awaiting .browse-game.compact{padding:10px 4px;align-items:center}.awaiting .browse-game.compact .browse-art{width:48px;height:65px}.awaiting .browse-game.compact .browse-copy strong{font-size:12px}.awaiting .browse-game.compact .browse-copy small{display:block;font-size:10px}.awaiting .browse-game.compact .browse-copy b{font-size:10px}.awaiting-tabs button{font-size:12px;padding:9px 3px}.awaiting-tabs button span{font-size:12px}.awaiting-note{font-size:13px}.week-navigation strong{font-size:11px}.week-navigation span{font-size:9px}.week-navigation button{padding:7px 10px}.week-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:12px}.week-picker button{padding:9px 4px;font-size:10px;background:transparent}.week-picker button small{display:block;font-size:8px;color:var(--muted);margin-top:6px}.week-picker button[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.week-board{display:block}.week-column{display:none}.week-column.mobile-active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 8px;padding:0 8px 8px}.week-column>header{grid-column:1/-1;margin:0 -8px 6px;position:static}.week-column>header h3{font-size:14px}.week-column .week-card{padding:9px 3px;gap:7px}.week-card .browse-art{width:35px;height:48px}.week-card .browse-copy strong{font-size:10px}.week-column .more{grid-column:1/-1;margin:10px auto}.date-strip button{min-width:64px;min-height:44px;padding:7px 10px}.cover-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cover-tile .browse-art{height:93px}.cover-tile .browse-copy{padding:7px}.cover-tile .browse-copy strong{font-size:9px;min-height:25px;line-height:1.4}.cover-tile .browse-copy small{font-size:7px}.cover-tile .browse-copy b{font-size:8px}.genre-axis{display:none}.genre-row{display:block;padding:0 0 15px;margin-bottom:15px}.genre-row>header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.genre-row>header h3{font-size:17px}.genre-row>header>span{font-size:10px}.genre-cell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.genre-cell>h4{display:block;grid-column:1/-1;font-size:11px;font-weight:500;color:var(--muted);margin:10px 0 3px}.genre-cell>h4 span{font-size:9px;margin-left:7px}.genre-cell .browse-game{margin:0;padding:7px}.genre-cell .browse-art{display:block;width:31px;height:44px}.genre-cell .more{grid-column:1/-1;margin:0 0 10px}.genre-controls{gap:5px}.genre-controls button{font-size:9px;padding:6px 8px}.index-row{grid-template-columns:41px 28px minmax(0,1fr) 12px;gap:7px;padding:8px;min-height:60px}.index-genre{display:none}.index-name strong{font-size:11px}.index-name small{font-size:9px}.index-date{font-size:9px}.index-layout.has-preview .browse-companion{display:block}.index-layout.has-preview .inline-preview{position:fixed;inset:12vh 12px auto;max-height:78vh;overflow:auto;z-index:10;box-shadow:0 0 0 100vmax #000b;margin:0}.index-layout.has-preview.pane-dated .awaiting{display:none}.preview-placeholder{display:none}.preview-art{height:180px}.preview-copy h3{font-size:22px}.preview-copy>p{font-size:12px}.preview-dismiss{width:38px;height:38px;position:sticky;float:right;top:8px;margin:8px 8px -46px 0;z-index:1}.inline-description{max-height:140px}.preview-copy>button{font-size:12px;padding:12px}.footnote>span{font-size:8px}.footnote p{font-size:9px}}
.browse-copy strong{font-size:12px}.cover-tile .browse-copy strong{font-size:11px}.week-card .browse-copy strong,.genre-cell .browse-copy strong{font-size:11px}
@media(max-width:700px){.browse-game.compact .browse-copy strong{font-size:11px}.browse-game.compact .browse-copy b{font-size:9px}.browse-game.compact .browse-art{width:36px;height:51px}.cover-tile .browse-copy strong{font-size:10px}.cover-tile .browse-copy b{font-size:9px}.week-card .browse-copy strong{font-size:11px}.index-layout.has-preview dialog.inline-preview{width:calc(100% - 24px);max-width:500px;inset:0;margin:auto;max-height:85vh;padding:0;box-shadow:0 15px 45px #000a}.inline-preview::backdrop{background:#000b}.genre-cell .browse-game.compact .browse-copy strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.browse-game{transition:none}}
.cover-tile{display:flex;flex-direction:column;align-items:stretch;gap:0}
.cover-tile .browse-art{height:auto;aspect-ratio:auto}
.cover-tile .browse-art img{display:block;width:100%;height:auto;object-fit:contain}
.cover-tile .browse-art:has(.art-fallback){aspect-ratio:2/3}
.cover-tile .browse-copy b{flex-wrap:wrap;gap:5px 8px}
.cover-tile .browse-copy i{display:block;white-space:normal;overflow:visible;font-size:9px}
@media(max-width:700px){.browse-lead{padding:11px 0}.browse-lead h1{font-size:21px}.browse-lead p{display:none}.concept-head{height:25px;padding:3px 0;justify-content:flex-end}.concept-head>div{display:none}.week-column>header{display:none}.week-column.mobile-active{padding-top:6px}.genre-controls{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.genre-controls button{white-space:nowrap;flex-shrink:0}}

  .browse-companion { top:calc(var(--header-h) + 16px); max-height:calc(100dvh - var(--header-h) - 32px); }
  .release-day>header { top:calc(var(--header-h) + 12px); }
  .browse-mobile-switch { top:var(--header-h); }
  dialog.inline-preview { color:var(--ink); }
  /* Give the wall's artwork more room while keeping its natural proportions. */
  .cover-tile-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
  .cover-tile .browse-copy { padding:10px; }
  .cover-tile .browse-copy strong { font-size:12px; min-height:34px; }
  .cover-tile .browse-copy small { font-size:9px; }
  .cover-tile .browse-copy b, .cover-tile .browse-copy i { font-size:10px; }
  @media(min-width:1600px) { .cover-tile-grid { grid-template-columns:repeat(7,minmax(0,1fr)); } }
  @media(max-width:1200px) { .cover-tile-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
  @media(max-width:900px) { .cover-tile-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
  @media(max-width:700px) {
    .cover-tile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .browse-companion { max-height:none; }
    .lab-controls { gap:8px; }
    .lab-controls label { font-size:11px; flex:1; flex-wrap:wrap; gap:5px; }
    .lab-controls select { width:100%; }
    .lab-status { font-size:10px; }
  }
}

/* Shared Balanced dense cards across catalog surfaces. */
.release-card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; align-items:stretch; }
.release-card { position:relative; display:flex; flex-direction:column; min-width:0; width:100%; padding:0; overflow:hidden; border:1px solid var(--border-strong); border-radius:12px; background:var(--bg-elev); color:var(--text); font-family:Inter,sans-serif; text-align:left; }
.release-card:hover { border-color:var(--accent); }
.release-card:has(:focus-visible) { outline:2px solid var(--accent); outline-offset:3px; }
.release-card button.release-card-open { display:block; min-width:0; width:100%; border:0; border-radius:0; padding:0; background:none; color:inherit; text-align:left; cursor:pointer; }
.release-card-media { position:relative; flex-shrink:0; }
.release-card .release-card-art { position:relative; display:block; width:100%; height:auto; aspect-ratio:auto; border-radius:0; overflow:hidden; background:var(--bg-elev-2); }
.release-card-art img { display:block; width:100%; height:auto; object-fit:contain; }
.release-card-art .card-clip { object-fit:contain; background:#0b0c10; }
.release-card-fallback { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:460/215; font-size:28px; color:var(--text-dim); }
.release-card-genre { position:absolute; z-index:2; left:7px; top:7px; max-width:calc(100% - 49px); padding:3px 6px; border:1px solid #ffffff35; border-radius:4px; background:#141521ed; color:#eadbff; font-size:11px; line-height:1.3; font-weight:600; pointer-events:none; }
.release-card-date { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:2px 6px; padding:5px 10px; background:#10121a; color:#d9c0ff; font-size:12px; line-height:1.3; font-weight:600; pointer-events:none; }
.release-card-date small { font-size:11px; color:#c0bfcd; font-weight:400; }
.release-card-date.window { color:#f2c881; }
.release-card-date.tba { color:#d0cdd9; }
.release-card-copy { display:flex; flex-direction:column; flex:1; min-width:0; padding:9px 10px; }
.release-card button.release-card-title { font:600 15px/1.3 'Space Grotesk',sans-serif; letter-spacing:-.2px; overflow-wrap:anywhere; }
.release-card-flag { display:inline-flex; vertical-align:middle; margin-left:5px; padding:2px 5px; border:1px solid var(--border-strong); border-radius:4px; font-size:11px; font-weight:500; letter-spacing:0; color:var(--text-dim); }
.release-card .release-card-developer { margin:3px 0 0; max-width:none; font-size:12px; line-height:1.3; color:var(--text-dim); }
.release-card-meta { margin:7px 0; font-size:12px; line-height:1.35; }
.release-card-label { margin-right:5px; color:var(--text-dim); font-size:11px; white-space:nowrap; }
.release-card-tags { margin-bottom:3px; }
.release-card-tag { display:inline-block; padding:1px 5px; margin:0 4px 3px 0; border:1px solid var(--border-strong); border-radius:4px; color:var(--text-dim); font-size:12px; line-height:1.3; }
.release-card-platform { display:inline-block; line-height:1.4; }
.release-card-platform:not(:last-child)::after { content:'\00b7'; margin:0 4px; color:var(--text-dim); }
.release-card-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:2px 6px; border-top:1px solid var(--border); padding-top:6px; margin-top:auto; font-size:12px; line-height:1.3; }
.release-card-interest { color:var(--text-dim); }
.release-card-interest strong { color:var(--text); font-weight:600; }
.release-card-price { display:inline-block; margin-left:auto; text-align:right; white-space:nowrap; color:var(--text); }
/* The price is an outbound store link: pad its hit area without moving it. */
a.release-card-price { padding:8px 0 8px 10px; margin:-8px 0 -8px -10px; text-decoration:underline; text-decoration-color:var(--border-strong); text-underline-offset:3px; }
a.release-card-price:hover { color:var(--accent); text-decoration-color:currentColor; }
.release-card > .cover-paw { position:absolute; top:7px; right:7px; bottom:auto; z-index:4; display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid #ffffff55; border-radius:50%; background:#11151fce; color:white; font-size:18px; line-height:1; cursor:pointer; opacity:1; }
.release-card > .cover-paw::before { content:''; position:absolute; left:50%; top:50%; width:16px; height:16px; transform:translate(-50%,-50%); background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M4 12h16M12 4v16'/%3E%3C/svg%3E") center/contain no-repeat; }
/* Keep a generous invisible hit area around the smaller visual button. */
.release-card > .cover-paw::after { content:''; position:absolute; inset:-7px; border-radius:50%; }
.release-card > .cover-paw.active { background:var(--accent); color:var(--bg); }
.release-card > .cover-paw.active::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E"); }
.release-card > button.clip-preview { top:7px; right:46px; width:34px; height:34px; padding:7px; }
.release-card:has(> .clip-preview:not([hidden])) .release-card-genre { max-width:calc(100% - 91px); }
.awaiting-list { display:grid; gap:10px; }
.wall-released { margin-top:22px; }
.dated-empty .awaiting-jump { display:none; margin:14px auto 0; }
@media(max-width:700px) { .dated-empty .awaiting-jump { display:block; } }
.wall-released-head { display:flex; align-items:baseline; gap:10px; margin:0 0 10px; font-size:16px; font-weight:600; }
.wall-released-head span { font-size:12px; font-weight:400; color:var(--text-dim); }
/* A finger needs about 44px: the watch button's ring and the price link grow
   on touch screens only, so a mouse keeps the denser card. */
@media (pointer:coarse) {
  .release-card > .cover-paw { width:34px; height:34px; }
  .release-card > .cover-paw::after { inset:-5px; }
  a.release-card-price { padding:14px 0 14px 14px; margin:-14px 0 -14px -14px; }
}
@media(max-width:700px) { .release-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } }
@media(max-width:700px) {
  #panel-weekly .browse-mobile-switch { margin:0 0 6px; padding:4px 0; }
  #panel-weekly .browse-mobile-switch button { min-height:44px; }
}
:root[data-card-size=large] .release-card-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr)); }
@media(max-width:700px) { :root[data-card-size=large] .release-card-grid { grid-template-columns:minmax(0,1fr); } }