/* Tampilan papan iklan (dipakai overlay OBS, demo beranda, dan pratinjau pesanan). Kanvas 1080 x 1920. */
.pk-akar { position: relative; overflow: hidden; aspect-ratio: 9 / 16; }
.pk { position: absolute; left: 0; top: 0; width: 1080px; height: 1920px; transform-origin: 0 0;
  font-family: "Instrument Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.pk * { box-sizing: border-box; }
.pk .slot { position: absolute; overflow: hidden; border-radius: 20px; background: rgba(10, 10, 24, .66);
  border: 3px solid var(--warna, #ffd54a); box-shadow: 0 6px 18px rgba(0, 0, 0, .35); }
.pk .pk-gold { --warna: #ffd54a; }
.pk .pk-silver1, .pk .pk-silver2 { --warna: #cfd8dc; }
.pk .pk-bronze { --warna: #cd7f32; position: absolute; overflow: hidden; background: rgba(10, 10, 24, .74);
  border-top: 3px solid var(--warna); border-bottom: 3px solid var(--warna); }

.pk .strip { position: absolute; left: 0; top: 0; display: flex; will-change: transform; }
.pk .strip.v { flex-direction: column; }
.pk .strip.h { flex-direction: row; }
.pk .sel { position: relative; flex: none; overflow: hidden; }
.pk .sekat { flex: none; background: var(--warna); }
.pk .strip.v .sekat { width: 100%; height: 3px; }
.pk .strip.h .sekat { width: 3px; height: 100%; }
.pk .isi { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.pk .gambar { width: 100%; height: 100%; object-fit: cover; display: block; }

.pk .tulisan { text-align: center; padding: 0 16px; width: 100%; max-width: 100%; color: #fff; text-shadow: 0 2px 6px rgba(0, 0, 0, .6); }
.pk .tulisan.kosong { opacity: .8; }
.pk .judul { font-weight: 700; line-height: 1.1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
  -webkit-line-clamp: 2; line-clamp: 2; word-break: break-word; }
.pk .sub { margin-top: 8px; font-weight: 500; opacity: .9; line-height: 1.15; display: -webkit-box; -webkit-box-orient: vertical;
  overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; }
.pk .pk-gold .judul { font-size: 76px; }
.pk .pk-gold .sub { font-size: 42px; }
.pk .pk-silver1 .judul, .pk .pk-silver2 .judul { font-size: 56px; }
.pk .pk-silver1 .sub, .pk .pk-silver2 .sub { font-size: 32px; }

.pk .track { display: flex; flex-wrap: nowrap; width: max-content; height: 100%; will-change: transform; }
.pk .set { display: flex; flex: none; height: 100%; }
.pk .pk-bronze .sel { height: 100%; }
.pk .pk-bronze .sekat { width: 3px; height: 100%; }
.pk .pk-bronze .judul { font-size: 28px; -webkit-line-clamp: 1; line-clamp: 1; }
.pk .pk-bronze .sub { font-size: 20px; margin-top: 2px; }
.pk .pk-bronze .tulisan { padding: 0 14px; }
.pk .pk-bronze .logo { height: 50px; max-width: 45%; width: auto; object-fit: contain; margin-left: 14px; }
.pk .pk-bronze .logo.solo { max-width: 92%; margin-left: 0; }
@keyframes pk-geser { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.pk .zona { position: absolute; border: 3px dashed #29d3ff; color: #29d3ff; font-size: 28px; padding: 6px 10px; }
/* Slot kosong di Silver: ajakan satu baris, keterangan slot tidak terpotong */
.pk .pk-silver1 .kosong .judul, .pk .pk-silver2 .kosong .judul { font-size: 42px; white-space: nowrap; }
.pk .pk-silver1 .kosong .sub, .pk .pk-silver2 .kosong .sub { font-size: 26px; white-space: nowrap; }