.emulator-section-nav { display:flex; gap:6px; margin:0 0 22px; padding:5px; border:1px solid #eceaf2; background:#f7f6fa; width:fit-content; border-radius:12px }
.emulator-section-nav a { padding:10px 20px; color:#778196; border-radius:8px; font-size:13px; text-decoration:none }
.emulator-section-nav a[aria-current=page] { color:#6152a2; background:#fff; box-shadow:0 2px 7px #2630440b; font-weight:600 }
.emulator-catalog { border:1px solid #ebeaf0; background:#fff; border-radius:16px; overflow:hidden }
.emulator-catalog-toolbar { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; padding:20px 24px; border-bottom:1px solid #f0eef4 }
.emulator-catalog-filters,.emulator-catalog-tools { display:flex; align-items:center; gap:8px }
.emulator-catalog-filters button { padding:8px 12px; background:none; border:0; border-radius:7px; color:#8c95a5; cursor:pointer; font-size:12px; white-space:nowrap }
.emulator-catalog-filters button[aria-pressed=true] { color:#7060a3; background:#f1edf8; font-weight:600 }
.emulator-catalog-tools input { width:200px; padding:9px 12px; font-size:12px; border-radius:8px }
.emulator-catalog-error { margin:18px 24px }
.emulator-game-card { display:flex; align-items:center; gap:22px; padding:24px; border-bottom:1px solid #f0eef4 }
.emulator-game-card:last-child { border-bottom:0 }
.emulator-game-cover { width:168px; flex:0 0 168px; aspect-ratio:16/9; overflow:hidden; background:linear-gradient(135deg,#eeebf5,#e5eaf3); border-radius:10px; display:grid; place-items:center }
.emulator-game-cover>img { width:100%; height:100%; object-fit:cover }
.emulator-game-cover>span { color:#aaa0bd; font-size:27px; font-weight:600 }
.emulator-game-info { min-width:0; flex:1 }
.emulator-game-title { display:flex; flex-wrap:wrap; align-items:center; gap:10px }
.emulator-game-title h2 { margin:0; font-size:16px; font-weight:600; color:#3b4860; line-height:1.7; overflow-wrap:anywhere }
.emulator-game-state { padding:3px 8px; border-radius:5px; font-size:10px; white-space:nowrap }
.emulator-game-state.is-published { color:#4d8a78; background:#edf7f2 }
.emulator-game-state.is-draft { color:#987e4e; background:#faf5e9 }
.emulator-game-state.is-archived { color:#9099a8; background:#f2f3f7 }
.emulator-game-summary { margin:7px 0; color:#8b94a5; font-size:12px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere }
.emulator-game-meta,.emulator-game-checks { display:flex; flex-wrap:wrap; gap:5px 15px; font-size:11px; line-height:1.8; color:#8a94a6 }
.emulator-game-checks { margin-top:6px; color:#a1a9b7; font-size:10px }
.emulator-game-checks .is-ready { color:#70a292 }
.emulator-game-actions { display:flex; gap:8px; flex:0 0 auto }
.emulator-package-facts { display:grid; grid-template-columns:1fr 1fr; gap:15px 24px; font-size:12px; line-height:1.8 }
.emulator-package-facts>div { min-width:0 }
.emulator-package-facts dt { color:#98a0ae; margin-bottom:3px }
.emulator-package-facts dd { color:#637089; margin:0; overflow-wrap:anywhere }
.emulator-game-dialog .image-editor { margin:16px 0 }
.emulator-game-dialog .editor-actions { justify-content:flex-end }
.emulator-section-nav a:focus-visible,.emulator-catalog button:focus-visible { outline:2px solid #a799cf; outline-offset:3px }
@media(max-width:1000px) {
  .emulator-game-card { flex-wrap:wrap; gap:16px }
  .emulator-game-actions { width:100%; justify-content:flex-end }
}
@media(max-width:600px) {
  .emulator-catalog-toolbar { padding:16px; gap:12px }
  .emulator-catalog-filters { width:100%; justify-content:space-between; gap:1px }
  .emulator-catalog-tools { width:100% }
  .emulator-catalog-tools input { min-width:0; flex:1; width:auto }
  .emulator-game-card { padding:18px 16px; gap:12px }
  .emulator-game-cover { width:100%; flex-basis:100% }
  .emulator-game-title h2 { font-size:15px }
  .emulator-game-actions { width:auto; flex-basis:100% }
  .emulator-package-facts { grid-template-columns:1fr }
}
