/* MEGAKURTZ RADIO — ISOLATED 8-SCENE CINEMATIC BOARDING — 2026-08-19
   Scope: boarding intro only. Final command console intentionally untouched. */
html.mk-boarding-open,body.mk-boarding-open{overflow:hidden!important}
#mkBoardingMovie{position:fixed;inset:0;z-index:2147483000;overflow:hidden;background:#000;color:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;opacity:1;visibility:visible;isolation:isolate}
#mkBoardingMovie.done{opacity:0;visibility:hidden;pointer-events:none}
#mkBoardWorld{position:absolute;inset:0;z-index:1;background:#000;pointer-events:none}
.mk-board-scene{position:absolute;inset:0;display:block!important;visibility:visible!important;opacity:0;overflow:hidden;background:#000;pointer-events:none;will-change:opacity}
.mk-board-scene.s1{opacity:1}
.mk-board-scene img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;border:0;filter:brightness(1.06) saturate(1.08) contrast(1.06);transform:scale(1.005);transform-origin:center center;backface-visibility:hidden;will-change:transform,filter;pointer-events:none}

/* ENTRY always sits above every movie frame until the user boards. */
#mkBoardEntry{position:absolute;inset:0;z-index:2147483001;display:block;visibility:visible;opacity:1;pointer-events:auto}
#mkBoardCardBox{position:absolute;right:clamp(18px,6vw,90px);bottom:clamp(24px,8vh,90px);width:min(360px,84vw);padding:16px;border-radius:18px;background:rgba(4,11,15,.68);border:1px solid rgba(185,255,61,.64);backdrop-filter:blur(6px);box-shadow:0 12px 45px rgba(0,0,0,.55);pointer-events:auto}
#mkBoardBrand{font-size:.7rem;letter-spacing:.2em;font-weight:1000;color:#b9ff3d;margin-bottom:10px}
#mkBoardScan{position:relative;z-index:2147483002;width:100%;min-height:60px;border-radius:13px;border:1px solid #b9ff3d;background:rgba(185,255,61,.17);color:#b9ff3d;font-weight:1000;letter-spacing:.1em;cursor:pointer;pointer-events:auto;touch-action:manipulation}
#mkBoardScan:hover,#mkBoardScan:focus-visible{background:#b9ff3d;color:#071000;outline:none}
#mkBoardingMovie.running #mkBoardEntry{opacity:0;visibility:hidden;pointer-events:none}
#mkBoardProgress{display:none!important}

/* One authority for all eight scenes. 2.0s spacing + 3.25s scene duration = 1.25s cinematic overlap. */
#mkBoardingMovie.running .mk-board-scene{opacity:0;animation:mkScenePass 3.25s linear both}
#mkBoardingMovie.running .s1{animation-name:mkSceneFirst;animation-delay:0s}
#mkBoardingMovie.running .s2{animation-delay:2s}
#mkBoardingMovie.running .s3{animation-delay:4s}
#mkBoardingMovie.running .s4{animation-delay:6s}
#mkBoardingMovie.running .s5{animation-delay:8s}
#mkBoardingMovie.running .s6{animation-delay:10s}
#mkBoardingMovie.running .s7{animation-delay:12s}
#mkBoardingMovie.running .s8{animation-name:mkSceneLast;animation-delay:14s;animation-duration:4s}
#mkBoardingMovie.running .mk-board-scene img{animation:mkCameraPush 3.25s cubic-bezier(.18,.65,.22,1) both}
#mkBoardingMovie.running .s1 img{animation-delay:0s}
#mkBoardingMovie.running .s2 img{animation-delay:2s}
#mkBoardingMovie.running .s3 img{animation-delay:4s}
#mkBoardingMovie.running .s4 img{animation-delay:6s}
#mkBoardingMovie.running .s5 img{animation-delay:8s}
#mkBoardingMovie.running .s6 img{animation-delay:10s}
#mkBoardingMovie.running .s7 img{animation-delay:12s}
#mkBoardingMovie.running .s8 img{animation-delay:14s;animation-duration:4s}
@keyframes mkSceneFirst{0%{opacity:1}62%{opacity:1}100%{opacity:0}}
@keyframes mkScenePass{0%{opacity:0}18%{opacity:1}68%{opacity:1}100%{opacity:0}}
@keyframes mkSceneLast{0%{opacity:0}16%{opacity:1}100%{opacity:1}}
@keyframes mkCameraPush{0%{transform:scale(1.005) translate3d(0,0,0);filter:brightness(1.04) saturate(1.06) contrast(1.05)}100%{transform:scale(1.15) translate3d(0,-.7%,0);filter:brightness(1.09) saturate(1.1) contrast(1.07)}}

@media(max-width:700px){#mkBoardCardBox{left:14px;right:14px;width:auto;bottom:max(18px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#mkBoardingMovie.running .mk-board-scene img{animation-timing-function:linear}}