.ftr-motion-dialog{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#030507!important;color:#f6f7f9!important;box-shadow:none!important;overflow:hidden!important;font-family:inherit;isolation:isolate}
.ftr-motion-dialog::backdrop{background:#030507!important;backdrop-filter:none!important}
.ftr-motion-dialog *{box-sizing:border-box}
.ftr-motion-dialog button{font:inherit;cursor:pointer}
.ftr-motion-dialog button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.ftr-motion-dialog [hidden]{display:none!important}
.fmc-visual{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#030507}
.fmc-stage{position:absolute;left:50%;top:50%;width:max(100vw,177.684dvh);aspect-ratio:1672/941;transform:translate(-50%,-50%)}
.fmc-cabin{position:absolute;inset:0;background:url('./assets/cockpit.webp') center/100% 100% no-repeat}
.fmc-outside{position:absolute;inset:0;background:#030507;clip-path:polygon(4% 4%,41% 1%,45% 7%,56% 7%,60% 1%,99% 4%,98% 18%,86% 47.8%,14.5% 47.8%,4% 17%)}
.fmc-window-scene{position:absolute;inset:0 0 52%;background:url('./assets/cockpit.webp') center top/100% auto no-repeat;transform-origin:50% 84%;will-change:transform}
.fmc-trails{position:absolute;left:9%;right:9%;top:32%;height:16%;opacity:0;background:repeating-conic-gradient(from 178deg at 50% -60%,transparent 0deg 8deg,#e4edf51c 8.1deg 8.4deg,transparent 8.5deg 16deg);filter:blur(2px);transform-origin:center top;mix-blend-mode:screen}
.fmc-vapor{position:absolute;top:24%;width:60%;height:27%;opacity:0;filter:blur(18px);background:radial-gradient(ellipse at 32% 70%,#e9f0f1b3,transparent 59%),radial-gradient(ellipse at 66% 45%,#cedbe783,transparent 63%);mix-blend-mode:screen}
.fmc-vapor-left{left:-14%}.fmc-vapor-right{right:-12%}
.fmc-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0008 0,transparent 29%,transparent 44%,#020405b8 64%,#030507 100%)}
.fmc-header{position:absolute;top:max(27px,env(safe-area-inset-top));left:4.3%;right:4.3%;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.fmc-eyebrow{font-size:10px;letter-spacing:2.4px;color:#d9dbdf}
.ftr-motion-dialog .fmc-header h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,4vw,62px);font-weight:600;line-height:1.05;letter-spacing:-.6px;margin:12px 0 8px;color:#fff}
.ftr-motion-dialog .fmc-header p{font-size:13px;line-height:1.6;color:#c2c7cf;margin:0}
.fmc-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:#05070985;color:#fff;font-size:30px!important;line-height:1}
.fmc-close:hover{background:#2a2d32}
.fmc-playing{position:absolute;top:28%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;white-space:nowrap;color:white;text-shadow:0 2px 12px #000}
.fmc-playing-label{font-size:12px;letter-spacing:1.8px;text-transform:uppercase}
.fmc-stop{min-height:44px;padding:10px 15px;border:0;color:#fff;background:#080b0eaf;font-size:12px!important}
.fmc-controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:4.3%;right:4.3%;max-width:1280px;margin:auto;transition:opacity .25s}
.fmc-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,4vw,70px)}
.fmc-option{padding:8px 0 0;min-width:0}
.fmc-option-top{display:flex;align-items:center;gap:12px;min-height:34px}
.fmc-letter{font-size:11px;color:#939ca8}
.ftr-motion-dialog .fmc-option h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:500;line-height:1.2;color:#fff;letter-spacing:.2px;margin:0}
.fmc-saved{font-size:8px;letter-spacing:1.3px;color:#ff5a61;margin-left:auto}
.ftr-motion-dialog .fmc-option p{font-size:12px;color:#adb5c0;line-height:1.65;margin:10px 0 15px;max-width:31ch;min-height:40px}
.fmc-preview{display:flex;width:100%;min-height:44px;justify-content:space-between;align-items:center;padding:12px 15px;color:#fff;background:#f1f3f30d;border:0;font-size:13px!important}
.fmc-preview:hover{background:#ffffff1c}
.fmc-option-active .fmc-letter{color:#ff4a53}
.fmc-option-active .fmc-preview{background:#fc3945;color:#fff}
.fmc-option-active .fmc-preview:hover{background:#ff505a}
.fmc-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:26px}
.ftr-motion-dialog .fmc-status{font-size:11px;line-height:1.6;color:#b0b8c4;margin:0;max-width:65ch}
.fmc-choose{display:flex;gap:32px;justify-content:space-between;align-items:center;min-height:46px;padding:12px 20px;color:#fff;background:#ffffff12;border:0;font-size:12px!important;white-space:nowrap}
.fmc-choose:hover:not(:disabled){background:#ffffff24}
.fmc-choose:disabled{opacity:.35;cursor:default}
.fmc-is-playing .fmc-header p{opacity:.6}
.fmc-is-playing .fmc-controls{opacity:.6}
.fmc-is-playing .fmc-controls:hover,.fmc-is-playing .fmc-controls:focus-within{opacity:1}
@media(max-width:700px){
 .fmc-header{left:6%;right:6%;top:max(21px,env(safe-area-inset-top));gap:15px}
 .fmc-eyebrow{font-size:8px;letter-spacing:1.6px}
 .ftr-motion-dialog .fmc-header h2{font-size:36px;max-width:9ch;margin-top:10px}
 .ftr-motion-dialog .fmc-header p{font-size:11px;max-width:22ch}
 .fmc-close{flex-basis:40px;width:40px;height:40px}
 .fmc-shade{background:linear-gradient(180deg,#0009 0,transparent 29%,#03050750 44%,#030507ed 65%,#030507 100%)}
 .fmc-controls{left:6%;right:6%;bottom:max(17px,env(safe-area-inset-bottom))}
 .fmc-options{grid-template-columns:1fr;gap:8px}
 .fmc-option{display:grid;grid-template-columns:1fr 102px;align-items:center;gap:0 16px;padding:0}
 .fmc-option-top{gap:10px;min-height:33px}
 .ftr-motion-dialog .fmc-option h3{font-size:24px}
 .fmc-saved{font-size:7px;letter-spacing:.6px;margin-left:0}
 .ftr-motion-dialog .fmc-option p{font-size:10px;line-height:1.45;margin:2px 0 7px;min-height:0;max-width:30ch}
 .fmc-preview{grid-column:2;grid-row:1/3;padding:11px 12px;font-size:11px!important;min-height:44px;gap:10px}
 .fmc-footer{margin-top:15px;display:flex;flex-direction:column-reverse;align-items:stretch;gap:11px}
 .fmc-choose{min-height:44px;font-size:12px!important}
 .ftr-motion-dialog .fmc-status{font-size:9px;line-height:1.5;min-height:27px}
 .fmc-playing{top:31%;gap:12px;max-width:90vw}
 .fmc-playing-label{font-size:10px;letter-spacing:1px}
 .fmc-stop{font-size:11px!important;padding:10px 12px}
}
@media(max-height:620px) and (min-width:701px){
 .fmc-header{top:18px}
 .ftr-motion-dialog .fmc-header h2{font-size:35px;margin:6px 0}
 .ftr-motion-dialog .fmc-header p{font-size:11px}
 .fmc-controls{bottom:16px}
 .ftr-motion-dialog .fmc-option h3{font-size:25px}
 .ftr-motion-dialog .fmc-option p{font-size:11px;margin:6px 0 10px;min-height:35px}
 .fmc-footer{margin-top:14px}
 .fmc-playing{top:29%}
}
@media(max-height:700px) and (max-width:700px){
 .fmc-header{top:14px}
 .ftr-motion-dialog .fmc-header h2{font-size:29px;max-width:none}
 .ftr-motion-dialog .fmc-header p{display:none}
 .fmc-option p{display:none}
 .fmc-option{min-height:47px}
 .fmc-options{gap:5px}
 .fmc-preview{grid-row:auto}
 .fmc-playing{top:27%}
}
@media(prefers-reduced-motion:reduce){
 .ftr-motion-dialog *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
 .fmc-window-scene{will-change:auto}
}
