.case-page .case-contents-link { color: #aaa99f; font-size: 12px; text-decoration: none; }

.case-page .case-contents-link:hover { color: var(--gb-accent); }

.case-page #caseContents { scroll-margin-top: 100px; }

.case-page .case-catalog__head { gap: 16px; flex-wrap: wrap; align-items: center; }

.case-catalog-tools { display: flex; gap: 8px; flex-wrap: wrap; }

.case-page .case-catalog-tools :is(input,select) { min-height: 42px; min-width: 0; width: auto; max-width: 220px; background: #151513; border: 1px solid #34342e; border-radius: 10px; color: #eeeee7; padding: 0 12px; font: inherit; font-size: 12px; }

.case-page .case-catalog-tools :is(input,select):focus-visible { outline: 2px solid var(--gb-accent); outline-offset: 2px; }

.case-filter-empty { grid-column: 1/-1; text-align: center; padding: 36px 16px; color: #aaa99f; }
.case-stage[data-opening-state="error"] .case-opening-progress { color:#ff9f96; }
.case-stage[data-opening-state="done"] .case-opening-progress { color:#dfffa0; }

@media(max-width:600px) {

 .case-catalog-tools { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); width: 100%; }

 .case-page .case-catalog-tools :is(input,select) { width: 100%; max-width: none; padding: 0 8px; }

 .case-page .case-contents-link { font-size: 11px; }

 .case-page .case-stage__actions, .case-page .button-group { width:100%; }

 .case-page .button-group { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }

 .case-page .button-group .start { width:100%; min-width:0; white-space:normal; line-height:1.2; }

 .case-page .case-opening-progress { grid-column:1/-1; }

}

@media(max-width:350px) {
 .case-page .button-group { grid-template-columns:1fr; }
}