/* جولة 61: «سجل المنشأة» — لوحة أرقام نيون */
.st-page { max-width: 980px }
.st-body { position: relative; transition: opacity .2s }
.st-body.st-busy { opacity: .55 }
.st-empty { opacity: .7; text-align: center; padding: 30px 0 }
.st-tabs { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; margin: 4px 0 12px }
.st-tab { font: inherit; font-size: .85rem; font-weight: 700; color: #d9cfc4; background: #0b0b10cc; border: 1px solid #ffffff1f; padding: 6px 14px; border-radius: 999px; cursor: pointer }
.st-tab:hover { border-color: #ffffff44 } .st-tab.on { color: #fff; background: var(--accent); border-color: var(--accent); box-shadow: 0 0 14px var(--ma45t, #b7101a73) }
.st-head { text-align: center; margin-bottom: 14px }
.st-kick { display: inline-block; font-size: .78rem; font-weight: 700; color: #fff; background: #c4141f; padding: 3px 10px; border-radius: 6px }
.st-head h3 { font-size: clamp(1.4rem, 3.4vw, 2.2rem); margin: 6px 0 2px; color: #fff1e6; text-shadow: 0 0 18px #ff5a3299 }
.st-head p { margin: 0; color: #cfc4b8; font-size: .9rem }
.st-secs { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px }
.st-sec h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: .95rem; color: var(--sc) ; text-shadow: 0 0 10px color-mix(in srgb, var(--sc) 50%, transparent) }
.st-sec h4 i { flex: 1; height: 2px; background: linear-gradient(90deg, transparent, var(--sc)); opacity: .5 } .st-sec h4 i:last-child { background: linear-gradient(-90deg, transparent, var(--sc)) }
.st-row { display: flex; gap: 8px; margin-bottom: 8px; direction: rtl }
.st-ic { flex: none; width: 64px; height: 64px; display: grid; place-items: center; background: radial-gradient(circle, color-mix(in srgb, var(--c) 16%, #07070a) 0%, #07070a 70%); border: 1.5px solid color-mix(in srgb, var(--c) 40%, transparent); border-radius: 9px; color: var(--c) }
.st-ic svg { width: 38px; height: 38px; filter: drop-shadow(0 0 6px var(--c)) drop-shadow(0 0 2px var(--c)) }
.st-pan { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(#141419f5, #08080bf5); border: 1.5px solid #ffffff26; border-radius: 12px; box-shadow: inset 0 1px 0 #ffffff14, 0 6px 14px #0009; padding: 4px 8px }
.st-pan b { font-family: 'VT323', ui-monospace, Consolas, monospace; font-weight: 400; font-size: 2.1rem; line-height: 1; letter-spacing: 2px; color: #f6f2ea; text-shadow: 0 0 10px #ffffff80; direction: ltr; font-variant-numeric: tabular-nums }
.st-pan span { font-size: .82rem; font-weight: 700; color: #e9e2d8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100% }
.st-note { text-align: center; font-size: .75rem; opacity: .55; margin: 10px 0 0 }
@media (max-height: 500px), (max-width: 600px) {
  .st-secs { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px }
  .st-ic { width: 48px; height: 48px } .st-ic svg { width: 28px; height: 28px }
  .st-pan b { font-size: 1.6rem } .st-pan span { font-size: .72rem } .st-row { margin-bottom: 6px }
  .st-head h3 { font-size: 1.3rem }
}
/* جولة 69.2: مباريات البوتات — العلامة والفلتر */
.st-bf { display: flex; gap: 8px; align-items: center; justify-content: center; flex-wrap: wrap; margin: -4px 0 10px; font-size: .76rem; color: #d9cfc4 }
.st-bf small { opacity: .6 }
.st-bfb { font: inherit; font-size: .78rem; font-weight: 700; color: #d9cfc4; background: #0b0b10cc; border: 1px dashed #ffffff33; padding: 4px 12px; border-radius: 999px; cursor: pointer }
.st-bfb.on { color: #fff; border-style: solid; border-color: #9aa3b5; background: #2a2f3a }
.st-bot { font-style: normal; font-size: .66rem; font-weight: 700; color: #b9c0cf; background: #2a2f3acc; border: 1px solid #ffffff1f; border-radius: 6px; padding: 0 6px; margin-top: 2px; width: max-content; max-width: 100% }