/* ===== RETRO ARTİKEL AVCISI =====
   Kapaktaki oyun kutusu araç kutularıyla aynı çerçeveyi kullanır. En üst
   satırda tek başına, sola yaslı durur (geniş ekranda iki sütun genişliğinde,
   dar ekranda tam satır); altında ölçer ve araç kutuları durur. */
.araclar .oyun{gap:8px;padding:10px 12px 11px;align-content:start}
.oyun-ust{display:flex;align-items:center;gap:10px}
.oyun-ust .spacer{flex:1}
.oyun-not{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--cover-dim)}
.oyun-ses{
  font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cover-dim);background:none;cursor:pointer;
  border:1px solid rgba(232,240,237,.25);border-radius:2px;padding:3px 8px;
  transition:color .25s,border-color .25s;
}
.oyun-ses:hover,.oyun-ses[aria-pressed="true"]{color:var(--cover-ink);border-color:rgba(214,164,74,.65)}
.oyun-ses:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}
.oyun-ekran{display:block;width:100%;height:140px;border-radius:2px;cursor:crosshair;touch-action:manipulation;background:#07262A}
.oyun-ekran:focus{outline:none}
.oyun-ekran:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}
html:not(.js) .oyun{display:none}
.araclar .oyun{grid-column:1 / -1}
@media (min-width:1180px){
  .araclar .oyun{justify-self:start;width:calc((100% - 24px) * 2 / 3.25 + 12px)}
}

/* sürüm etiketi: kitap kurgusunda alt çubukta, telif satırından sonra */
.kitap-surum{display:none}
html.kitap .kitap-surum{display:inline;order:1}
html.kitap .kitap-kontrol #theme{order:2}
@media (max-width:620px){html.kitap .kitap-surum{display:none}}