:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#101813;color:#fff}
#rkd-screen,#rkd-stage{position:fixed;inset:0;overflow:hidden}
.rkd-slide{position:absolute;inset:0;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(circle at 75% 25%,#375a43,#112016 65%);opacity:0;transition:opacity .7s ease;isolation:isolate}
.rkd-slide.is-visible{opacity:1}
.rkd-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.rkd-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,18,13,.13) 20%,rgba(8,18,13,.34) 52%,rgba(5,13,8,.94) 100%)}
.rkd-content{position:relative;width:100%;padding:0 6vw max(11vh,90px);text-shadow:0 2px 16px rgba(0,0,0,.58)}
.rkd-label{display:inline-block;margin-bottom:1.1rem;padding:.42rem .8rem;border-radius:999px;background:#1b5437;color:#fff;font-size:clamp(.9rem,1.2vw,1.3rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:none}
.rkd-title{display:block;max-width:88vw;margin:0;padding-bottom:.12em;font-size:clamp(2.4rem,5.4vw,6.6rem);font-weight:850;line-height:1.15;letter-spacing:-.045em;overflow:visible;overflow-wrap:anywhere}
.rkd-article .rkd-title,.rkd-breaking .rkd-title{display:block;max-width:90vw;font-size:clamp(2.1rem,4.3vw,5rem);overflow-wrap:anywhere}
.rkd-excerpt{display:block;max-width:82vw;margin:1.15rem 0 0;font-size:clamp(1.15rem,1.85vw,2.1rem);font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.rkd-police .rkd-excerpt{max-width:86vw;font-size:clamp(1.1rem,1.75vw,2rem)}
.rkd-intro .rkd-content,.rkd-outro .rkd-content{padding-bottom:max(18vh,140px)}
.rkd-intro .rkd-title,.rkd-outro .rkd-title{display:block;overflow:visible;padding-bottom:.09em;line-height:1.15;font-size:clamp(3.2rem,7.5vw,9rem);max-width:90vw}
.rkd-intro .rkd-subtitle,.rkd-outro .rkd-subtitle{margin:1.2rem 0 0;font-size:clamp(1.15rem,2.2vw,2.5rem);font-weight:600}
.rkd-clock{position:absolute;z-index:2;top:5vh;right:5vw;display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;padding:.8rem 1.1rem;border-radius:12px;background:rgba(8,24,16,.78);box-shadow:0 2px 16px rgba(0,0,0,.2);text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}
.rkd-clock-date{font-size:clamp(.9rem,1.25vw,1.35rem);font-weight:650}
.rkd-clock-time{font-size:clamp(1.8rem,3.3vw,3.8rem);font-weight:800;line-height:1}
.rkd-logo-wrap{display:inline-flex;max-width:min(60vw,700px);margin-bottom:2rem}
.rkd-logo{display:block;max-width:100%;max-height:140px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(255,255,255,.95)) drop-shadow(0 0 4px rgba(255,255,255,.7))}
.rkd-outro .rkd-logo{max-height:190px}
.rkd-outro .rkd-title{font-size:clamp(2.5rem,5.5vw,6rem)}
.rkd-slide.is-visible .rkd-label{animation:rkd-reveal .45s ease-out .08s both}
.rkd-slide.is-visible .rkd-title{animation:rkd-reveal .55s ease-out .18s both}
.rkd-slide.is-visible .rkd-excerpt,.rkd-slide.is-visible .rkd-subtitle{animation:rkd-reveal .6s ease-out .65s both}
.rkd-slide.is-visible .rkd-logo-wrap{animation:rkd-reveal .55s ease-out .08s both}
@keyframes rkd-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.rkd-breaking{background:#4a1018}
.rkd-breaking .rkd-shade{background:linear-gradient(180deg,rgba(70,0,12,.26),rgba(48,0,8,.95))}
.rkd-breaking .rkd-label{background:#c1142b;animation:rkd-pulse 2.5s ease-in-out infinite}
@keyframes rkd-pulse{50%{box-shadow:0 0 0 14px rgba(193,20,43,0)}}
.rkd-ad{align-items:center;justify-content:center;background:#112016}
.rkd-ad .rkd-ad-image{display:block;width:auto;max-width:90vw;max-height:70vh;height:auto;object-fit:contain;margin:auto}
.rkd-ad-content{width:100%;padding:6vh 5vw 10vh;text-align:center}
.rkd-ad .rkd-label{position:absolute;top:4vh;left:5vw;background:#fff;color:#17261a}
.rkd-ad-title{margin:1.6rem auto 0;font-size:clamp(1.2rem,2.4vw,2.5rem);font-weight:700}
.rkd-widget{align-items:stretch;background:#13241b}
.rkd-widget-content{width:100%;padding:5vh 5vw 11vh;display:flex;flex-direction:column;gap:1rem}
.rkd-widget-title{margin:0;font-size:clamp(1.5rem,3vw,3rem)}
.rkd-widget iframe{width:100%;flex:1;min-height:0;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#fff}
.rkd-footer{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 5vw max(1.1rem,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.45));color:#fff;font-size:clamp(.8rem,1.1vw,1.15rem);font-weight:700;text-shadow:0 1px 5px #000;pointer-events:none}
.rkd-progress{position:absolute;left:0;bottom:0;z-index:35;width:100%;height:5px;background:#83c46a;transform-origin:left;animation:rkd-fill linear forwards}
@keyframes rkd-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (orientation:portrait){.rkd-content{padding:0 6vw max(15vh,90px)}.rkd-title{max-width:90vw;font-size:clamp(2.2rem,8vw,5rem)}.rkd-article .rkd-title,.rkd-breaking .rkd-title{font-size:clamp(2rem,6vw,4.2rem)}.rkd-excerpt,.rkd-police .rkd-excerpt{max-width:88vw;font-size:clamp(1.1rem,3.5vw,1.8rem)}.rkd-intro .rkd-title,.rkd-outro .rkd-title{font-size:clamp(3rem,11vw,6rem)}.rkd-logo-wrap{max-width:76vw}.rkd-logo{max-height:110px}.rkd-outro .rkd-logo{max-height:145px}.rkd-ad .rkd-ad-image{max-width:92vw;max-height:74vh}.rkd-footer{font-size:.8rem}}
@media (max-width:650px){.rkd-footer span:last-child{display:none}.rkd-label{letter-spacing:.05em}.rkd-content{padding-bottom:75px}}
@media (max-width:650px){.rkd-clock{top:3vh;right:4vw;padding:.55rem .75rem}.rkd-clock-date{font-size:.75rem}.rkd-clock-time{font-size:1.5rem}.rkd-intro .rkd-content,.rkd-outro .rkd-content{padding-bottom:max(18vh,100px)}}
@media (max-height:600px){.rkd-content{padding-bottom:65px}.rkd-article .rkd-title,.rkd-breaking .rkd-title{font-size:clamp(1.8rem,4vw,3.5rem)}.rkd-excerpt,.rkd-police .rkd-excerpt{font-size:clamp(1rem,1.65vw,1.6rem);margin-top:.6rem}}
@media (prefers-reduced-motion:reduce){.rkd-slide{transition:none}.rkd-breaking .rkd-label,.rkd-slide.is-visible .rkd-label,.rkd-slide.is-visible .rkd-title,.rkd-slide.is-visible .rkd-excerpt,.rkd-slide.is-visible .rkd-subtitle,.rkd-slide.is-visible .rkd-logo-wrap{animation:none}}
