/* Scoped to camera cards; does not change maps, news, SEO or Wi-Fi. */
.ki-player{min-width:0;width:100%;background:#0d1421;color:#fff;border-radius:12px 12px 0 0;overflow:hidden;text-align:left}
.ki-screen{width:100%;aspect-ratio:16/9;position:relative;background:#0d1421;display:grid;place-items:center}
.ki-screen:empty:before{content:'▶';font-size:36px;color:#fff;opacity:.7}
.ki-screen video,.ki-screen iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0;object-fit:contain;background:#000}
.ki-screen:fullscreen{aspect-ratio:auto;width:100vw;height:100vh}
.ki-controls{display:flex;align-items:center;gap:6px;padding:7px 9px;flex-wrap:wrap}
.ki-controls button,.ki-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:0;border-radius:8px;padding:6px 11px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;color:#fff;background:#27344a;cursor:pointer}
.ki-controls .ki-play{background:#c71f39;color:#fff;min-width:76px}.ki-controls a{margin-inline-start:auto;background:transparent;color:#e8edf6}
.ki-controls button:focus-visible,.ki-controls a:focus-visible,.kt-card-detail:focus-visible{outline:3px solid #ffd166;outline-offset:-3px}
.ki-status{display:block;min-height:22px;padding:0 10px 9px;font-size:12px;line-height:1.55;color:#e7edf8;overflow-wrap:anywhere}
.ki-status.is-live{color:#ff7185;font-weight:800}.ki-status.is-live:before{content:'● ';color:#ff4c61}
.ki-toolbar{display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center;margin:12px 0;padding:10px 12px;border:1px solid #d9e1ed;border-radius:10px;background:var(--surface,#fff);color:var(--text,#172033)}
.ki-toolbar label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;cursor:pointer;min-height:32px}.ki-toolbar input{width:18px;height:18px;accent-color:#c71f39}.ki-toolbar small{font-size:12px;line-height:1.5}
article.kt-card{padding:0;display:flex;flex-direction:column;cursor:default;text-align:left;min-width:0}
.kt-card-detail{background:transparent;color:inherit;border:0;padding:0;width:100%;text-align:left;cursor:pointer;font:inherit;flex:1}
.kt-card-detail .kt-card-body{height:100%;box-sizing:border-box}.kt-card .ki-player{border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
.kw-world-card>.ki-player{border-radius:12px 12px 0 0}.kw-world-card>.kw-world-open{width:100%;min-width:0}.kw-world-open .kw-country-flag{width:24px;height:24px;vertical-align:middle}
.ki-unavailable{padding:20px 12px;min-height:100px;background:#0d1421;color:#fff;margin:0;font-size:13px}
.kn-card>.ki-player+.kn-cap{padding-top:12px}.ki-detail{font:inherit;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.ki-controls{gap:4px;padding:5px}.ki-controls button,.ki-controls a{padding:5px 8px;min-height:40px;font-size:11px}.ki-controls .ki-play{min-width:58px}.ki-status{font-size:11px;padding:0 7px 7px}.ki-toolbar{gap:4px}.ki-toolbar small{font-size:11px}}

/* Clock and poster controls also apply to national camera directories. */
.ki-screen>.kt-preview{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.ki-poster-play{position:absolute;right:12px;bottom:16px;z-index:3;width:47px;height:47px;border-radius:50%;border:3px solid white;background:#039eaf;color:white;font-size:20px;cursor:pointer}.ki-thai-clock{position:absolute;right:8px;top:8px;z-index:3;padding:4px 7px;border-radius:7px;background:#0c2545d9;color:white;font-size:10px;pointer-events:none;font-variant-numeric:tabular-nums}.ki-thai-clock:before{content:"เวลาไทย "}.ki-player[data-day=night] .ki-thai-clock:after{content:" ☾"}.ki-player[data-day=day] .ki-thai-clock:after{content:" ☀"}

.ki-player .ki-thai-clock{z-index:5}