/* Octonova oynatıcı — 1920×1080 yatay (Samsung QB24C). Ölçüler vw/vh ile her çözünürlüğe uyar. */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; overflow: hidden; background: #0F1B3D; color: #fff; cursor: none;
  font-family: "Samsung One", "SamsungOne", "Segoe UI", Roboto, system-ui, Arial, sans-serif; user-select: none; }
.view { position: fixed; inset: 0; display: none; align-items: center; justify-content: center;
  background: radial-gradient(120% 140% at 85% 0%, #2A3B70 0%, #0F1B3D 55%, #0A132C 100%); }
.view.is-on { display: flex; }
.view--black { background: #000; }

.pair { text-align: center; }
.pair__logo { width: 22vw; margin-bottom: 5vh; }
.pair__lead { font-size: 2.1vw; opacity: .85; max-width: 60vw; margin: 0 auto 4vh; line-height: 1.35; }
.pair__code { font-size: 10vw; font-weight: 700; letter-spacing: .12em; line-height: 1; color: #fff;
  font-variant-numeric: tabular-nums; padding: 2vh 4vw; border-radius: 2vw; background: rgba(255,255,255,.06);
  border: .3vw solid #FF5A1F; display: inline-block; }
.pair__row { display: flex; align-items: center; justify-content: center; gap: 4vw; }
.pair__qr { background: #fff; border-radius: 1.6vw; padding: 1.4vw; border: .3vw solid #FF5A1F; }
.pair__qr img { display: block; width: 15vw; height: 15vw; }
.pair__qr img:not([src]) { visibility: hidden; }
.pair__meta { margin-top: 4vh; font-size: 1.5vw; opacity: .6; }

/* Reklam ver ekranı (1920×1080 yatay) */
.view--promo { background:
  radial-gradient(70% 90% at 100% 0%, rgba(255,90,31,.22) 0%, rgba(255,90,31,0) 60%),
  radial-gradient(120% 140% at 85% 0%, #2A3B70 0%, #0F1B3D 55%, #0A132C 100%); }
.promo { width: 88vw; display: flex; align-items: center; justify-content: space-between; gap: 5vw; }
.promo__text { flex: 1; min-width: 0; }
.promo__logo { width: 15vw; margin-bottom: 4.5vh; }
.promo__title { font-size: 5.2vw; line-height: 1.05; font-weight: 800; letter-spacing: -.02em; }
.promo__lead { font-size: 1.9vw; line-height: 1.4; opacity: .82; margin-top: 3vh; max-width: 48vw; }
.promo__facts { list-style: none; display: flex; gap: 2.2vw; margin-top: 5vh; }
.promo__facts li { background: rgba(255,255,255,.07); border: .12vw solid rgba(255,255,255,.14); border-radius: 1.2vw; padding: 1.6vh 1.8vw; }
.promo__facts b { display: block; font-size: 2.6vw; line-height: 1.1; color: #FF7A45; }
.promo__facts span { font-size: 1.15vw; opacity: .75; }
.promo__contact { margin-top: 5vh; display: flex; gap: 2.5vw; align-items: center; font-size: 1.9vw; font-weight: 600; }
.promo__phone:empty { display: none; }
.promo__phone::before { content: "☎ "; color: #FF7A45; }
.promo__web { opacity: .8; font-weight: 500; }
.promo__qr { flex: none; }
.qr-card { background: #fff; border-radius: 2vw; padding: 2.2vw 2.2vw 1.6vw; text-align: center; box-shadow: 0 2vw 5vw rgba(0,0,0,.35); border: .35vw solid #FF5A1F; }
.qr-card img { display: block; width: 22vw; height: 22vw; }
.qr-card p { color: #0F1B3D; font-size: 1.7vw; font-weight: 800; margin-top: 1.4vw; }
.promo__tag { position: fixed; left: 6vw; right: 6vw; bottom: 4vh; display: flex; justify-content: space-between; font-size: 1.25vw; opacity: .5; }
#clock { font-variant-numeric: tabular-nums; }

.ad { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: none; background: #000; }
.ad.is-on { display: block; }

.boot { text-align: center; }
.boot img { width: 20vw; opacity: .9; }
.boot p { margin-top: 3vh; font-size: 1.6vw; opacity: .6; }

.hud { position: fixed; right: 1.2vw; bottom: 1.2vh; font-size: .95vw; opacity: .45; font-family: Consolas, monospace; text-align: right; }
.hud.is-warn { opacity: 1; color: #FFB199; }
.hud:empty { display: none; }