/* FOUNTAIN+ FACE CARD LIVE™ v11.9.98 — Exit Guard Reset + Idle Reload Safety */
:root{--fcl-red:#ff2b2b;--fcl-ink:#090909;--fcl-gold:#efc86e;--fcl-paper:#fff8ea}
#fplus-face-card-live-root{font-family:Inter,Arial,Helvetica,sans-serif;position:relative;z-index:40;width:100%;box-sizing:border-box}
#fplus-face-card-live-root[hidden]{display:none!important}
.fcl-owner-strip{max-width:1180px;margin:12px auto;padding:12px 16px;border:1px solid rgba(239,200,110,.35);border-radius:18px;background:linear-gradient(135deg,rgba(17,17,17,.96),rgba(41,31,16,.94));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 15px 40px rgba(0,0,0,.18)}
.fcl-owner-mark{display:flex;align-items:center;gap:10px;min-width:0}.fcl-dot{width:10px;height:10px;border-radius:50%;background:var(--fcl-red);box-shadow:0 0 0 0 rgba(255,43,43,.55);animation:fclPulse 1.65s infinite}.fcl-owner-copy small{display:block;color:#d9c79e;font-size:9px;font-weight:900;letter-spacing:.18em}.fcl-owner-copy strong{display:block;font-size:14px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fcl-btn{appearance:none;border:0;border-radius:999px;min-height:44px;padding:0 18px;font:900 11px/1 Inter,Arial,sans-serif;letter-spacing:.08em;cursor:pointer;transition:transform .18s ease,opacity .18s ease;background:#fff;color:#111}.fcl-btn:active{transform:scale(.97)}.fcl-btn:disabled{opacity:.45;cursor:wait}.fcl-btn-live{background:var(--fcl-red);color:#fff}.fcl-btn-dark{background:#171717;color:#fff;border:1px solid rgba(255,255,255,.18)}.fcl-btn-gold{background:var(--fcl-gold);color:#17110a}.fcl-btn-ghost{background:transparent;color:inherit;border:1px solid currentColor}
.fcl-stage{max-width:1180px;margin:14px auto 22px;border-radius:28px;overflow:hidden;background:#050505;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.38)}
.fcl-stage-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(100deg,#080808,#1b0c0c)}
.fcl-live-lockup{display:flex;align-items:center;gap:10px}.fcl-live-lockup b{font-size:12px;letter-spacing:.13em}.fcl-live-lockup span{font-size:10px;color:#c7c7c7}.fcl-viewers{font-size:10px;font-weight:900;letter-spacing:.08em;color:#eee;white-space:nowrap}
.fcl-video-wrap{position:relative;aspect-ratio:16/9;background:radial-gradient(circle at 50% 30%,#252525,#050505 68%);display:grid;place-items:center;overflow:hidden}.fcl-video{width:100%;height:100%;object-fit:cover;background:#000;display:block}.fcl-poster{position:absolute;inset:0;z-index:5;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(239,200,110,.16),transparent 42%),#070707}.fcl-poster[hidden]{display:none}.fcl-poster-inner{max-width:600px}.fcl-poster-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--fcl-gold);margin-bottom:12px}.fcl-poster h2{font-family:Georgia,serif;font-size:clamp(28px,5vw,58px);line-height:.98;margin:0 0 12px}.fcl-poster p{color:#bdbdbd;line-height:1.55;margin:0 auto 20px;max-width:520px}.fcl-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;background:#0b0b0b}.fcl-title{min-width:0}.fcl-title small{display:block;font-size:9px;font-weight:900;letter-spacing:.16em;color:#9b9b9b}.fcl-title strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px}.fcl-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.fcl-modal{position:fixed;inset:0;z-index:2147482000;background:rgba(0,0,0,.78);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);display:grid;place-items:center;padding:18px}.fcl-modal[hidden]{display:none}.fcl-panel{width:min(720px,100%);max-height:92vh;overflow:auto;border-radius:28px;background:#0b0b0b;color:#fff;border:1px solid rgba(255,255,255,.17);box-shadow:0 30px 100px rgba(0,0,0,.6)}.fcl-panel-top{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.12)}.fcl-panel-top span{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--fcl-gold)}.fcl-close{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:22px;cursor:pointer}.fcl-preview{aspect-ratio:16/9;background:#000;position:relative}.fcl-preview video{width:100%;height:100%;object-fit:cover;background:#000}.fcl-preview-badge{position:absolute;top:14px;left:14px;border-radius:999px;background:rgba(0,0,0,.72);padding:9px 11px;font-size:9px;font-weight:900;letter-spacing:.13em}.fcl-form{padding:20px}.fcl-label{display:block;font-size:9px;font-weight:900;letter-spacing:.16em;color:#b7aa8c;margin-bottom:8px}.fcl-input{width:100%;box-sizing:border-box;background:#151515;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px 15px;font:700 15px/1.3 Inter,Arial,sans-serif;outline:none}.fcl-input:focus{border-color:var(--fcl-gold)}.fcl-tools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.fcl-tool{flex:1 1 140px}.fcl-destinations{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0;margin:8px 0 18px}.fcl-dest{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:12px}.fcl-dest b{letter-spacing:.05em}.fcl-connected{color:#7ce4a8;font-size:9px;font-weight:900;letter-spacing:.12em}.fcl-next{color:#8d8d8d;font-size:9px;font-weight:900;letter-spacing:.1em}.fcl-start-row{display:flex;gap:10px}.fcl-start-row .fcl-btn{flex:1}.fcl-note{font-size:10px;line-height:1.55;color:#8f8f8f;margin-top:13px}.fcl-error{margin:12px 0 0;color:#ff8f8f;font-size:11px;font-weight:800;line-height:1.45}.fcl-status-toast{position:fixed;z-index:2147482500;left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#111;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px 16px;font-size:10px;font-weight:900;letter-spacing:.06em;box-shadow:0 16px 40px rgba(0,0,0,.4);max-width:calc(100vw - 28px);text-align:center}.fcl-status-toast[hidden]{display:none}
.fcl-directory-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-left:8px!important;padding:5px 8px!important;border-radius:999px!important;background:#ff2b2b!important;color:#fff!important;font:900 8px/1 Inter,Arial,sans-serif!important;letter-spacing:.1em!important;vertical-align:middle!important;box-shadow:0 0 0 3px rgba(255,43,43,.12)!important}
@keyframes fclPulse{0%{box-shadow:0 0 0 0 rgba(255,43,43,.55)}70%{box-shadow:0 0 0 10px rgba(255,43,43,0)}100%{box-shadow:0 0 0 0 rgba(255,43,43,0)}}
@media(max-width:720px){.fcl-owner-strip,.fcl-stage{margin-left:10px;margin-right:10px}.fcl-owner-strip{border-radius:15px;padding:10px 11px}.fcl-owner-copy strong{font-size:12px}.fcl-owner-strip .fcl-btn{min-height:46px;padding:0 14px}.fcl-stage{border-radius:20px}.fcl-stage-head{padding:13px}.fcl-video-wrap{aspect-ratio:9/16;max-height:72vh}.fcl-stage-foot{align-items:flex-start;flex-direction:column;padding:14px}.fcl-actions{width:100%;justify-content:stretch}.fcl-actions .fcl-btn{flex:1}.fcl-panel{border-radius:20px}.fcl-preview{aspect-ratio:9/16;max-height:54vh}.fcl-form{padding:16px}.fcl-start-row{flex-direction:column}.fcl-tools .fcl-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.fcl-dot{animation:none}.fcl-btn{transition:none}}


/* V11.9.90 — Universal LIVE Stage / replay-ready shell */
.fplus-face-card-live-stage-anchor{display:block;width:100%;margin:0;padding:0;position:relative;z-index:39;box-sizing:border-box}
.fplus-face-card-live-stage-anchor:empty{display:none!important}
.fplus-face-card-live-stage-anchor>#fplus-face-card-live-root{width:100%}
.fcl-stage.fcl-replay-stage{background:#070707}
.fcl-replay-stage .fcl-stage-head{background:linear-gradient(100deg,#080808,#17130a)}
.fcl-replay-stage .fcl-live-lockup .fcl-dot{background:var(--fcl-gold);animation:none;box-shadow:none}
.fcl-offair{max-width:1180px;margin:14px auto 22px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(135deg,#0b0b0b,#17130c);color:#fff;padding:22px;box-sizing:border-box;box-shadow:0 18px 48px rgba(0,0,0,.24)}
.fcl-offair small{display:block;color:var(--fcl-gold);font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:8px}.fcl-offair h2{font:700 clamp(24px,4vw,42px)/1.02 Georgia,serif;margin:0 0 8px}.fcl-offair p{max-width:650px;margin:0 0 16px;color:#bdbdbd;line-height:1.5}.fcl-offair-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:720px){.fcl-offair{margin-left:10px;margin-right:10px;border-radius:20px;padding:18px}}


/* V11.9.91 — replay recording + owner LIVE Library */
.fcl-owner-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.fcl-replay-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;margin:4px 0 8px;border-top:1px solid rgba(255,255,255,.1)}
.fcl-replay-option>div{min-width:0}.fcl-replay-option b{display:block;font-size:11px;letter-spacing:.08em}.fcl-replay-option small{display:block;margin-top:5px;color:#929292;font-size:10px;line-height:1.45;max-width:500px}.fcl-replay-option .fcl-btn{flex:0 0 auto;min-width:112px}
.fcl-library-panel{width:min(820px,100%)}.fcl-library-body{padding:16px 20px 22px;min-height:180px}.fcl-library-loading{padding:40px 12px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.15em;color:#a89b80}
.fcl-library-empty{padding:28px 8px 34px}.fcl-library-empty small{display:block;color:var(--fcl-gold);font-size:9px;font-weight:900;letter-spacing:.17em;margin-bottom:8px}.fcl-library-empty h3{font:700 clamp(28px,5vw,44px)/1 Georgia,serif;margin:0 0 10px}.fcl-library-empty p{margin:0;color:#9b9b9b;line-height:1.55}.fcl-library-warning{margin-top:12px!important;color:#efc86e!important}
.fcl-library-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.fcl-library-row:last-child{border-bottom:0}.fcl-library-row>div:first-child{min-width:0}.fcl-library-row small{display:block;color:#989898;font-size:9px;font-weight:800;letter-spacing:.08em;margin-bottom:5px}.fcl-library-row strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.fcl-library-actions{display:flex;gap:8px;flex:0 0 auto}.fcl-library-actions .fcl-btn{min-height:40px;padding:0 14px;font-size:9px;text-decoration:none}
@media(max-width:720px){.fcl-owner-actions{width:100%;justify-content:stretch}.fcl-owner-actions .fcl-btn{flex:1}.fcl-owner-strip{flex-wrap:wrap}.fcl-replay-option{align-items:flex-start;flex-direction:column}.fcl-replay-option .fcl-btn{width:100%}.fcl-library-body{padding:12px 15px 18px}.fcl-library-row{align-items:flex-start;flex-direction:column}.fcl-library-actions{width:100%}.fcl-library-actions .fcl-btn{flex:1}.fcl-library-row strong{max-width:100%}}


/* V11.9.92 — FACE CARD LIVE™ GO WIDE + Phone Safe Framing Law
   Creator-only guide: the center 31.640625% is the conservative 9:16 portrait-safe slice of a 16:9 landscape frame.
   The overlay is DOM-only, never burned into the stream or replay. */
.fcl-framing-guide{position:absolute;inset:0;z-index:8;pointer-events:none;color:#fff;display:none}
.fcl-guide-grid{position:absolute;inset:0;opacity:.95;background-image:linear-gradient(to right,transparent calc(33.333% - .5px),rgba(255,255,255,.22) calc(33.333% - .5px),rgba(255,255,255,.22) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.22) calc(66.666% - .5px),rgba(255,255,255,.22) calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),rgba(255,255,255,.20) calc(33.333% - .5px),rgba(255,255,255,.20) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(255,255,255,.20) calc(66.666% - .5px),rgba(255,255,255,.20) calc(66.666% + .5px),transparent calc(66.666% + .5px))}
.fcl-crop-zone{position:absolute;top:0;bottom:0;width:34.1796875%;display:grid;place-items:center;background:rgba(0,0,0,.40);border-color:rgba(255,255,255,.14);transition:opacity .18s ease}.fcl-crop-left{left:0;border-right:1px dashed rgba(255,255,255,.28)}.fcl-crop-right{right:0;border-left:1px dashed rgba(255,255,255,.28)}.fcl-crop-zone span{font:900 10px/1.45 Inter,Arial,sans-serif;letter-spacing:.14em;text-align:center;color:rgba(255,255,255,.58);text-shadow:0 1px 4px rgba(0,0,0,.8)}
.fcl-phone-safe{position:absolute;top:0;bottom:0;left:34.1796875%;width:31.640625%;box-sizing:border-box;border-left:3px solid rgba(239,200,110,1);border-right:3px solid rgba(239,200,110,1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.fcl-phone-safe span{position:absolute;top:13px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:999px;background:rgba(10,10,10,.72);border:1px solid rgba(239,200,110,.42);color:var(--fcl-gold);padding:8px 11px;font:900 10px/1 Inter,Arial,sans-serif;letter-spacing:.13em}
.fcl-guide-tip{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);white-space:nowrap;border-radius:999px;background:rgba(0,0,0,.72);padding:9px 12px;font:900 10px/1 Inter,Arial,sans-serif;letter-spacing:.11em;color:#fff}
.fcl-guide-toggle{position:absolute;left:12px;right:auto;top:12px;z-index:10;pointer-events:auto;appearance:none;border:1px solid rgba(255,255,255,.28);background:rgba(8,8,8,.76);color:#fff;border-radius:999px;min-height:34px;padding:0 11px;font:900 8px/1 Inter,Arial,sans-serif;letter-spacing:.1em;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.fcl-framing-guide.is-off .fcl-guide-grid,.fcl-framing-guide.is-off .fcl-crop-zone,.fcl-framing-guide.is-off .fcl-phone-safe,.fcl-framing-guide.is-off .fcl-guide-tip{display:none}.fcl-framing-guide.is-off .fcl-guide-toggle{opacity:.7}
.fcl-go-wide{position:absolute;z-index:20;left:50%;bottom:22px;transform:translateX(-50%);width:min(94%,560px);box-sizing:border-box;border:2px solid rgba(239,200,110,.78);border-radius:24px;padding:18px 20px;background:rgba(5,5,5,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 54px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08) inset;text-align:left;color:#fff;pointer-events:auto;cursor:pointer;touch-action:manipulation}.fcl-go-wide[hidden]{display:none!important}.fcl-go-wide strong{display:block;font:1000 clamp(28px,8vw,44px)/.9 Inter,Arial,sans-serif;letter-spacing:-.055em;color:var(--fcl-gold);margin-bottom:8px}.fcl-go-wide span{display:block;font:900 clamp(12px,3.4vw,16px)/1.25 Inter,Arial,sans-serif;color:#fff}.fcl-go-wide em{display:block;margin-top:8px;font:800 10px/1.35 Inter,Arial,sans-serif;letter-spacing:.04em;color:#c9c9c9;font-style:normal}.fcl-go-wide-studio{bottom:50%;transform:translate(-50%,50%);pointer-events:auto;appearance:none;cursor:pointer;font:inherit}.fcl-go-wide-studio:active{transform:translate(-50%,50%) scale(.985)}

/* Broadcaster phone: portrait remains native. Landscape becomes a TV-style production studio with camera dominant and controls beside it. */
@media (orientation:landscape) and (pointer:coarse){
  .fcl-framing-guide{display:block}
  #fcl-studio.fcl-modal{padding:0;place-items:stretch;background:#050505}
  #fcl-studio .fcl-panel{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.75fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden}
  #fcl-studio .fcl-panel-top{grid-column:1/-1;padding:8px 12px;min-height:44px;box-sizing:border-box}
  #fcl-studio .fcl-close{width:34px;height:34px;font-size:19px}
  #fcl-studio .fcl-preview{grid-column:1;grid-row:2;height:100%;max-height:none;aspect-ratio:auto;min-height:0}
  #fcl-studio .fcl-form{grid-column:2;grid-row:2;overflow:auto;padding:12px 14px 18px;min-height:0}
  #fcl-studio .fcl-tools{margin:10px 0;gap:7px}.fcl-tool{min-height:38px!important;padding:0 10px!important;font-size:8px!important}
  #fcl-studio .fcl-replay-option{padding:10px 0;margin:3px 0 6px;gap:8px}#fcl-studio .fcl-destinations{padding:9px 0;margin:5px 0 10px}#fcl-studio .fcl-dest{padding:5px 0;font-size:10px}#fcl-studio .fcl-note{display:none}
  html.fcl-live-wide-active body{overflow:hidden!important}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-stage{position:fixed;inset:0;z-index:2147481500;width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#000}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-stage-head{padding:8px 12px;min-height:38px;box-sizing:border-box}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-video-wrap{aspect-ratio:auto;max-height:none;height:100%;min-height:0}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-video{object-fit:contain}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-stage-foot{padding:8px 12px;min-height:44px;box-sizing:border-box;flex-direction:row;align-items:center}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-title small{display:none}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-title strong{font-size:11px;max-width:42vw}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-actions{width:auto;flex-wrap:nowrap}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-actions .fcl-btn{min-height:34px;padding:0 10px;font-size:8px;flex:0 0 auto}
}
@media (orientation:portrait) and (pointer:coarse){.fcl-go-wide{display:block}.fcl-go-wide-studio{display:block}}
@media(prefers-reduced-motion:reduce){.fcl-crop-zone{transition:none}}


/* V11.9.93 — GO WIDE visibility reliability hardening */
@media (max-width:900px) and (orientation:portrait){
  .fcl-go-wide:not([hidden]){display:block!important}
}
html.fcl-touch-landscape #fcl-studio .fcl-framing-guide{display:block}
html.fcl-live-wide-active #fplus-face-card-live-root .fcl-go-wide{display:none!important}


/* V11.9.94 — WIDE BROADCAST SAFETY LAW
   Wide LIVE is a broadcast surface, not a navigation surface. The site dock sleeps completely
   while the creator/viewer is in wide mode so it can never cover END LIVE or playback controls. */
html.fcl-live-wide-active body:not(.fplus-account) nav.mobile-bottom-nav,
html.fcl-live-wide-active body:not(.fplus-account) [data-fplus-bottom-dock].mobile-bottom-nav,
html.fcl-studio-open body:not(.fplus-account) nav.mobile-bottom-nav,
html.fcl-studio-open body:not(.fplus-account) [data-fplus-bottom-dock].mobile-bottom-nav{
  transform:translateY(160%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
html.fcl-live-wide-active #fplus-face-card-live-root .fcl-stage{z-index:2147483200!important}
html.fcl-studio-open #fcl-studio{z-index:2147483300!important}

/* Creator emergency control remains visible over the live image at all times. */
.fcl-owner-live-hud{position:absolute;z-index:40;top:12px;right:12px;display:flex;align-items:center;gap:8px;pointer-events:auto}
.fcl-end-live-float{appearance:none;border:1px solid rgba(255,255,255,.34);background:#d80f24;color:#fff;border-radius:999px;min-height:46px;padding:0 18px;font:1000 11px/1 Inter,Arial,sans-serif;letter-spacing:.08em;box-shadow:0 10px 30px rgba(0,0,0,.48);cursor:pointer;touch-action:manipulation}
.fcl-end-live-float:active{transform:scale(.97)}

/* Framing guide is intentionally obvious in wide mode. JS adds fcl-touch-landscape using
   coarse pointer OR maxTouchPoints so iPhone/Android browsers are not missed. */
html.fcl-touch-landscape .fcl-framing-guide,
html.fcl-live-wide-active .fcl-stage-owner .fcl-framing-guide{display:block!important}
@media (orientation:landscape) and (max-width:1400px){
  #fcl-studio:not([hidden]) .fcl-framing-guide{display:block!important}
  .fcl-phone-safe{background:rgba(239,200,110,.045)}
  .fcl-guide-grid{filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}
}
@media (orientation:landscape) and (max-height:620px){
  .fcl-owner-live-hud{top:8px;right:8px}.fcl-end-live-float{min-height:42px;padding:0 15px;font-size:10px}
  .fcl-guide-toggle{top:8px;left:8px;min-height:32px}.fcl-guide-tip{bottom:9px}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-stage-owner{grid-template-rows:auto minmax(0,1fr)!important}
  html.fcl-live-wide-active #fplus-face-card-live-root .fcl-stage-owner .fcl-stage-foot{display:none!important}
}
@media (orientation:portrait) and (max-width:900px){
  #fcl-studio .fcl-go-wide-studio{width:94%;padding:22px 20px;border-radius:26px}
  #fcl-studio .fcl-go-wide-studio strong{font-size:clamp(34px,11vw,52px)}
  #fcl-studio .fcl-go-wide-studio span{font-size:clamp(13px,4vw,17px)}
}

/* V11.9.94 final dock suppression: later rule wins against universal dock !important laws. */
html.fcl-live-wide-active body nav.mobile-bottom-nav,
html.fcl-live-wide-active body [data-fplus-bottom-dock].mobile-bottom-nav,
html.fcl-studio-open body nav.mobile-bottom-nav,
html.fcl-studio-open body [data-fplus-bottom-dock].mobile-bottom-nav{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.fcl-go-wide-owner{z-index:35}


/* V11.9.95 — DESKTOP GO WIDE + UNIVERSAL FRAMING LAW */
/* The broadcaster always sees the framing guide in Studio and on their own live stage, desktop or mobile. */
#fcl-studio:not([hidden]) .fcl-framing-guide,
#fplus-face-card-live-root .fcl-stage-owner .fcl-framing-guide{display:block!important}

/* Desktop GO WIDE is a real full-screen control rather than a phone-only rotation hint. */
@media (pointer:fine){
  #fcl-studio .fcl-go-wide-studio{display:block!important;width:min(72%,620px);bottom:24px;transform:translateX(-50%);padding:16px 20px}
  #fcl-studio .fcl-go-wide-studio:active{transform:translateX(-50%) scale(.985)}
  .fcl-go-wide strong{font-size:clamp(28px,4vw,46px)}
  .fcl-go-wide span{font-size:14px}
}

/* Fullscreen Broadcast Studio: camera gets the room; controls remain available at the side. */
#fcl-studio:fullscreen{padding:0;place-items:stretch;background:#050505}
#fcl-studio:fullscreen .fcl-panel{width:100vw;height:100vh;max-height:100vh;border:0;border-radius:0;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.62fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden}
#fcl-studio:fullscreen .fcl-panel-top{grid-column:1/-1;grid-row:1;padding:10px 14px}
#fcl-studio:fullscreen .fcl-preview{grid-column:1;grid-row:2;height:100%;aspect-ratio:auto;min-height:0}
#fcl-studio:fullscreen .fcl-form{grid-column:2;grid-row:2;overflow:auto;min-height:0}
#fcl-studio:fullscreen .fcl-go-wide-studio{display:none!important}

/* Active LIVE or replay can itself enter fullscreen on desktop. */
.fcl-video-wrap:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#000}
.fcl-video-wrap:fullscreen .fcl-video{width:100%;height:100%;object-fit:contain}
.fcl-video-wrap:fullscreen .fcl-framing-guide{display:block!important}
.fcl-video-wrap:fullscreen .fcl-go-wide{display:none!important}

@media (max-width:720px){
  #fcl-studio:fullscreen .fcl-panel{display:block;overflow:auto}
}


/* V11.9.96 — END LIVE / REPLAY SAVE SHIELD LAW
   Ending a LIVE is a transaction: camera off first, replay safely published before normal UI resumes. */
html.fcl-ending-live body{overflow:hidden!important}
.fcl-end-shield{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.fcl-end-shield[hidden]{display:none!important}
.fcl-end-card{width:min(560px,100%);box-sizing:border-box;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(150deg,#0a0a0a,#16110a);color:#fff;padding:30px 26px;text-align:center;box-shadow:0 28px 90px rgba(0,0,0,.58)}
.fcl-end-card small{display:block;color:var(--fcl-gold);font:900 9px/1 Inter,Arial,sans-serif;letter-spacing:.18em;margin-bottom:18px}
.fcl-end-icon{width:62px;height:62px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#d80f24;color:#fff;font:1000 24px/1 Inter,Arial,sans-serif;box-shadow:0 0 0 10px rgba(216,15,36,.10)}
.fcl-end-card h2{margin:0 0 10px;font:900 clamp(30px,6vw,52px)/.95 Inter,Arial,sans-serif;letter-spacing:-.045em}
.fcl-end-card p{max-width:460px;margin:0 auto;color:#c4c4c4;font:700 13px/1.55 Inter,Arial,sans-serif}
.fcl-end-card>strong{display:block;margin-top:14px;color:var(--fcl-gold);font:900 9px/1.2 Inter,Arial,sans-serif;letter-spacing:.15em}
.fcl-end-progress{height:5px;margin:22px auto 0;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden}
.fcl-end-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:var(--fcl-gold);animation:fclSaveSweep 1.15s ease-in-out infinite alternate}
.fcl-end-shield[data-mode="success"] .fcl-end-icon{background:#187a49;box-shadow:0 0 0 10px rgba(24,122,73,.12)}
.fcl-end-shield[data-mode="success"] .fcl-end-progress i{width:100%;animation:none;background:#6ed59b}
.fcl-end-shield[data-mode="error"] .fcl-end-icon{background:#b67510;box-shadow:0 0 0 10px rgba(182,117,16,.12)}
.fcl-end-shield[data-mode="error"] .fcl-end-progress i{width:100%;animation:none;background:#d39c45}
.fcl-end-shield [data-fcl-end-done]{margin-top:18px;min-width:140px}
@keyframes fclSaveSweep{from{transform:translateX(-18%)}to{transform:translateX(155%)}}

/* The signed-in owner never becomes a viewer of their own active broadcast. */
.fcl-stage-owner-remote .fcl-video{visibility:hidden}
.fcl-stage-owner-remote .fcl-poster{background:radial-gradient(circle at 50% 20%,rgba(239,200,110,.17),transparent 42%),#070707}
.fcl-stage-owner-remote .fcl-poster p{color:#d0c7b3}

/* V11.9.95 desktop rules are now valid CSS; keep the guide clearly visible in Studio. */
#fcl-studio:not([hidden]) .fcl-framing-guide,
#fplus-face-card-live-root .fcl-stage-owner .fcl-framing-guide{display:block!important}
@media (pointer:fine){
  #fcl-studio .fcl-go-wide-studio:not([hidden]){display:block!important}
}
@media(max-width:720px){
  .fcl-end-card{border-radius:22px;padding:26px 18px}
  .fcl-end-card p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.fcl-end-progress i{animation:none;width:100%}}


/* V11.9.97 — owner self-monitor + compact remote control state */
.fcl-local-monitor-badge{position:absolute;left:14px;top:14px;z-index:19;padding:8px 10px;border:1px solid rgba(239,200,110,.5);border-radius:999px;background:rgba(5,5,5,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f5d985;font-size:9px;font-weight:950;letter-spacing:.14em;pointer-events:none}
.fcl-stage-owner .fcl-video{visibility:visible!important}
.fcl-stage-owner-remote .fcl-video-wrap{aspect-ratio:auto;min-height:280px;max-height:360px}
.fcl-stage-owner-remote .fcl-poster-inner{max-width:680px}
.fcl-stage-owner-remote .fcl-poster h2{font-size:clamp(32px,4vw,52px)}
@media(max-width:720px){.fcl-local-monitor-badge{left:10px;top:10px;font-size:8px;padding:7px 9px}.fcl-stage-owner-remote .fcl-video-wrap{min-height:240px;max-height:300px}}

/* V11.9.97 — signed-in owner monitor never counts as an audience viewer */
.fcl-owner-monitor-badge{position:absolute;left:14px;top:14px;z-index:19;padding:8px 10px;border:1px solid rgba(239,200,110,.42);border-radius:999px;background:rgba(5,5,5,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f5d985;font-size:9px;font-weight:950;letter-spacing:.14em;pointer-events:none}
.fcl-stage-owner-remote.is-monitoring .fcl-video{visibility:visible!important;object-fit:contain;background:#000}
.fcl-stage-owner-remote.is-monitoring .fcl-video-wrap{aspect-ratio:16/9;min-height:0;max-height:none}
.fcl-stage-owner-remote.is-monitoring .fcl-poster{display:none!important}
@media(max-width:720px){.fcl-owner-monitor-badge{left:10px;top:10px;font-size:8px;padding:7px 9px}.fcl-stage-owner-remote.is-monitoring .fcl-video-wrap{aspect-ratio:9/16;max-height:72vh}}


/* V11.9.148 — GO WIDE STUDIO CORE: simplified OBS / Restream production surface */
.fcl-go-wide-panel{width:min(1180px,calc(100vw - 24px));max-height:min(94vh,980px);overflow:auto;background:#11130f;border-color:rgba(221,171,79,.34);box-shadow:0 30px 110px rgba(0,0,0,.62)}
.fcl-go-wide-panel .fcl-panel-top{position:sticky;top:0;z-index:20;background:rgba(17,19,15,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.fcl-panel-top>div{display:flex;flex-direction:column;gap:2px}.fcl-panel-top strong{font-size:18px;letter-spacing:.04em;color:#fff6e6}.fcl-panel-top>div>span{font-size:9px;letter-spacing:.18em;color:#d9a64b;font-weight:900}
.fcl-studio-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px;padding:18px}.fcl-studio-program{position:sticky;top:76px;align-self:start}.fcl-program-preview{aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#090a08}.fcl-program-preview video{width:100%;height:100%;object-fit:cover;background:#090a08}.fcl-program-readout{display:flex;align-items:center;justify-content:space-between;padding:11px 4px 0;font-size:10px;letter-spacing:.09em}.fcl-program-readout span{display:flex;align-items:center;gap:8px;color:#d8cebf}.fcl-program-readout i{width:8px;height:8px;border-radius:50%;background:#40b57b;box-shadow:0 0 15px rgba(64,181,123,.55)}.fcl-program-readout em{font-style:normal;color:#d9a64b;font-weight:900}.fcl-studio-controls{padding:0!important;display:flex;flex-direction:column;gap:12px}.fcl-control-block{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:16px;padding:14px}.fcl-control-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.fcl-control-head b{font-size:10px;letter-spacing:.15em;color:#fff}.fcl-control-head span{font-size:8px;letter-spacing:.11em;color:#817b70;text-align:right}.fcl-scenes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.fcl-scenes button{min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:#1a1d17;color:#bfb5a6;font:900 8px/1.15 system-ui,sans-serif;letter-spacing:.07em;padding:7px;cursor:pointer}.fcl-scenes button.is-active{background:#d9a64b;color:#17140f;border-color:#d9a64b;box-shadow:0 8px 26px rgba(217,166,75,.18)}.fcl-brand-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.fcl-source-status{margin-top:9px;font-size:8px;font-weight:800;letter-spacing:.09em;color:#817b70}.fcl-go-wide-dests{grid-template-columns:repeat(2,minmax(0,1fr))}.fcl-go-wide-dests .fcl-dest{min-height:48px}.fcl-go-wide-dests .fcl-next{font-size:8px}.fcl-studio-float{border:1px solid rgba(217,166,75,.7);background:rgba(14,15,12,.82);color:#e7b557;border-radius:999px;padding:10px 13px;font:900 9px/1 system-ui,sans-serif;letter-spacing:.08em;cursor:pointer;margin-right:7px}.fcl-go-wide-studio-btn{z-index:12}.fcl-go-wide-studio .fcl-note b{color:#d9a64b}
@media(max-width:900px){.fcl-go-wide-panel{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0}.fcl-studio-grid{grid-template-columns:1fr;padding:10px 10px 90px}.fcl-studio-program{position:relative;top:auto}.fcl-program-preview{border-radius:14px}.fcl-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.fcl-brand-fields{grid-template-columns:1fr}.fcl-go-wide-dests{grid-template-columns:1fr}.fcl-studio-controls{gap:10px}.fcl-control-block{padding:12px}.fcl-control-head span{display:none}.fcl-owner-live-hud{display:flex;align-items:center;gap:6px}.fcl-studio-float{padding:9px 10px;font-size:8px}}
@media(max-width:560px){.fcl-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.fcl-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.fcl-go-wide-panel .fcl-panel-top{padding-left:14px;padding-right:12px}.fcl-panel-top strong{font-size:15px}}

/* V11.9.149 — GO WIDE Restream Relay */
.fcl-relay-system{border-bottom:1px solid rgba(217,166,75,.18);margin-bottom:4px;padding-bottom:11px!important}
.fcl-dest-manage{gap:10px;border-top:1px solid rgba(255,255,255,.055)}.fcl-dest-manage>div:first-child{min-width:0;display:flex;flex-direction:column;gap:4px}.fcl-dest-manage small{font-size:7px;line-height:1.2;letter-spacing:.09em;color:#777167;font-weight:800}.fcl-dest-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto}.fcl-dest-actions button{appearance:none;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#1a1d17;color:#c7bdaa;padding:7px 9px;font:900 7px/1 system-ui,sans-serif;letter-spacing:.08em;cursor:pointer}.fcl-dest-actions button[data-fcl-dest-toggle]{min-width:43px}.fcl-dest-actions button[data-fcl-dest-toggle].is-on{background:#d9a64b;color:#17140f;border-color:#d9a64b}.fcl-dest-actions button:disabled{opacity:.38;cursor:not-allowed}.fcl-relay-note{margin:-3px 0 0;padding:10px 12px;border-radius:12px;background:rgba(217,166,75,.08);border:1px solid rgba(217,166,75,.16);color:#bdad93;font:800 8px/1.45 system-ui,sans-serif;letter-spacing:.06em}
.fcl-destination-modal{z-index:2147482400}.fcl-destination-panel{width:min(570px,100%);background:#11130f;border-color:rgba(217,166,75,.32)}.fcl-destination-form{padding:20px}.fcl-destination-form>p{margin:0 0 18px;color:#9f9688;font-size:11px;line-height:1.55}.fcl-destination-form .fcl-label{margin-top:13px}.fcl-dest-enable{display:flex;gap:10px;align-items:center;margin:16px 0;color:#ddd1be;font:900 9px/1.35 system-ui,sans-serif;letter-spacing:.08em}.fcl-dest-enable input{width:18px;height:18px;accent-color:#d9a64b}.fcl-dest-save-row{display:flex;gap:8px;margin-top:18px}.fcl-dest-save-row .fcl-btn{flex:1}
@media(max-width:560px){.fcl-dest-actions button{padding:7px 8px}.fcl-destination-modal{padding:0}.fcl-destination-panel{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.fcl-destination-form{padding:18px}.fcl-relay-note{font-size:7px}}


/* V11.9.150 — GO WIDE STUDIO GEOMETRY REPAIR
   The studio modal shell must never inherit the legacy GO WIDE prompt/button transform.
   Keep the entire production console centered, viewport-contained and independently scrollable. */
#fcl-studio.fcl-studio-modal-shell{
  position:fixed!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  padding:18px!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  cursor:default!important;
  touch-action:auto!important;
}
#fcl-studio.fcl-studio-modal-shell[hidden]{display:none!important}
#fcl-studio.fcl-studio-modal-shell>.fcl-go-wide-panel{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0 auto!important;
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:1180px!important;
  max-height:calc(100dvh - 36px)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
#fcl-studio.fcl-studio-modal-shell .fcl-studio-grid{
  width:100%;
  box-sizing:border-box;
  min-width:0;
}
#fcl-studio.fcl-studio-modal-shell .fcl-studio-program,
#fcl-studio.fcl-studio-modal-shell .fcl-studio-controls{min-width:0}
#fcl-studio.fcl-studio-modal-shell .fcl-program-preview{width:100%;box-sizing:border-box}
@media(max-width:900px){
  #fcl-studio.fcl-studio-modal-shell{padding:0!important;place-items:stretch!important}
  #fcl-studio.fcl-studio-modal-shell>.fcl-go-wide-panel{
    width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;border-radius:0!important;
  }
}