/* Cinematic overlay fits the existing app surface in portrait and landscape. */
#falco-match-speelscherm .fc-story{position:absolute;inset:0;z-index:1500;overflow:hidden;isolation:isolate;color:#fff4cb;font-family:inherit;display:flex;flex-direction:column;justify-content:center;padding:calc(18px + env(safe-area-inset-top)) clamp(12px,4vw,42px) calc(24px + env(safe-area-inset-bottom));box-sizing:border-box}
#falco-match-speelscherm .fc-story[hidden]{display:none}
#falco-match-speelscherm .fc-story-shade{position:absolute;inset:0;background:linear-gradient(180deg,#071a16dc,#071a16e8 85%);z-index:-1}
#falco-match-speelscherm .fc-story-top{position:absolute;top:calc(18px + env(safe-area-inset-top));left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:12px}
#falco-match-speelscherm .fc-story-kicker{font-size:clamp(16px,3.5vw,25px);color:#ffe188;text-shadow:0 2px #0d211b}
#falco-match-speelscherm .fc-story-skip{min-height:44px;padding:9px 17px;border:2px solid #e4bf63;border-radius:22px;color:#fff2c4;background:#174b35;font:inherit;cursor:pointer;white-space:nowrap}
#falco-match-speelscherm .fc-story-cast{position:relative;display:flex;align-items:flex-end;justify-content:center;height:min(52vh,470px);width:100%;max-width:1050px;margin:24px auto 0;gap:0}
#falco-match-speelscherm .fc-story-cast img{display:block;width:50%;height:100%;object-fit:contain;object-position:center bottom;transform:translate3d(0,0,0);animation:fc-story-enter .7s cubic-bezier(.17,.82,.24,1) both;transition:opacity .35s ease}
#falco-match-speelscherm .fc-story-cast .fc-story-nox{--entrance:32vw;animation-delay:.12s}
#falco-match-speelscherm .fc-story-cast .fc-story-falco{--entrance:-32vw}
#falco-match-speelscherm .fc-story[data-speaker="nox"] .fc-story-falco,#falco-match-speelscherm .fc-story[data-speaker="falco"] .fc-story-nox{opacity:.55}
#falco-match-speelscherm .fc-story-vs{position:absolute;top:38%;left:50%;transform:translateX(-50%) rotate(-8deg);font-size:clamp(35px,8vw,75px);color:#ffd059;text-shadow:0 4px #7b3e13}
#falco-match-speelscherm .fc-story:not([data-kind="intro"]) .fc-story-vs{display:none}
#falco-match-speelscherm .fc-story-dialogue{position:relative;box-sizing:border-box;width:min(680px,100%);margin:12px auto 0;background:linear-gradient(#fff6d8,#ebd695);color:#173d2a;border:4px solid #d8ad56;border-radius:26px;padding:16px 22px;box-shadow:0 6px #80592a;min-height:110px}
#falco-match-speelscherm .fc-story-dialogue strong{display:block;color:#79500e;font-size:clamp(18px,4vw,24px);margin-bottom:6px}
#falco-match-speelscherm .fc-story-dialogue p{margin:0;font-size:clamp(18px,4.4vw,26px);line-height:1.3}
@keyframes fc-story-enter{from{opacity:0;transform:translate3d(var(--entrance),0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(orientation:landscape){#falco-match-speelscherm .fc-story-cast{height:min(57vh,450px);margin-top:25px}#falco-match-speelscherm .fc-story-dialogue{min-height:80px;padding:10px 20px}#falco-match-speelscherm .fc-story-dialogue p{font-size:clamp(18px,2.4vw,24px)}#falco-match-speelscherm .fc-story-top{top:calc(8px + env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){#falco-match-speelscherm .fc-story-cast img{animation:none;transition:none}}