@layer components{.missionhub-modal-frame{border-radius:0!important}.mission-access-page,.mission-access-frame,.missionflow-shell{--mh-text-primary:var(--color-mh-creme-light);--mh-text-secondary:var(--color-mh-creme-dim);--mh-text-muted:var(--color-mh-muted);--mh-accent-300:var(--color-mh-copper-200);--mh-accent-400:var(--color-mh-copper-300);--mh-accent-500:var(--color-mh-copper-400);--mh-surface-soft:color-mix(in srgb, var(--color-mh-petrol-900) 68%, transparent);--mh-surface-strong:color-mix(in srgb, var(--color-mh-petrol-900) 82%, transparent);--mh-surface-elevated:color-mix(in srgb, var(--color-mh-petrol-950) 90%, transparent);--mh-border-glass:color-mix(in srgb, var(--color-mh-copper-400) 28%, transparent);--mh-border-strong:color-mix(in srgb, var(--color-mh-copper-400) 50%, transparent);--mh-shadow-floating:0 40px 85px color-mix(in srgb, var(--color-mh-petrol-900) 60%, transparent), 0 18px 38px color-mix(in srgb, var(--color-mh-petrol-950) 45%, transparent), 0 4px 12px color-mix(in srgb, var(--color-mh-copper-500) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-mh-copper-300) 18%, transparent);--mh-shadow-card:0 20px 40px color-mix(in srgb, var(--color-mh-petrol-900) 48%, transparent), 0 8px 16px color-mix(in srgb, var(--color-mh-petrol-950) 32%, transparent), 0 0 0 1px #94b2d424;--mission-flow-shell-background:radial-gradient(ellipse at top center, color-mix(in srgb, var(--color-mh-petrol-700) 58%, transparent) 0%, transparent 62%), linear-gradient(180deg, var(--color-mh-petrol-900) 0%, var(--color-mh-petrol-950) 100%);--mission-flow-ink:var(--mh-text-primary);--mission-flow-copy:color-mix(in srgb, var(--mh-text-secondary) 78%, transparent);--mission-flow-muted:color-mix(in srgb, var(--mh-text-muted) 58%, transparent);--mission-flow-line:color-mix(in srgb, var(--mh-border-glass) 62%, transparent);--mission-flow-line-strong:color-mix(in srgb, var(--mh-accent-400) 38%, transparent);--mission-flow-accent:var(--mh-accent-400);--mission-flow-accent-soft:color-mix(in srgb, var(--mh-accent-400) 12%, transparent);--mission-flow-surface:color-mix(in srgb, var(--mh-surface-elevated) 96%, transparent)}.mission-access-page{background:var(--mission-flow-shell-background);isolation:isolate}.mission-access-page:before,.missionflow-shell:before{z-index:0;pointer-events:none;content:"";background-image:linear-gradient(color-mix(in srgb, var(--color-mh-copper-400) 2.8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-mh-copper-400) 2.8%, transparent) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 84%);mask-image:linear-gradient(#000000b8,#0000 84%)}.mission-access-page:after,.missionflow-shell:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-mh-copper-400) 5%, transparent) 50%, transparent 100%) 50% 12% / min(76vw, 1100px) 1px no-repeat, radial-gradient(ellipse at 50% 105%, color-mix(in srgb, var(--color-mh-copper-500) 12%, transparent), transparent 52%);position:absolute;inset:0}.mission-access-frame{color:var(--mission-flow-ink);background-color:var(--mission-flow-surface);background-blend-mode:normal, luminosity;border:1px solid color-mix(in srgb, var(--mh-border-glass) 72%, transparent);box-shadow:var(--mh-shadow-floating);isolation:isolate}.mission-access-frame:before{content:"";background:linear-gradient(90deg, transparent, var(--mission-flow-accent), transparent);width:clamp(5rem,18vw,12rem);height:1px;box-shadow:0 0 24px color-mix(in srgb, var(--mh-accent-400) 48%, transparent);position:absolute;top:-1px;left:clamp(1.5rem,8vw,7rem)}.mission-access-frame:after{z-index:0;content:"A&A / SECURE ACCESS";color:color-mix(in srgb, var(--mh-text-muted) 18%, transparent);letter-spacing:.24em;pointer-events:none;font-family:Orbitron,sans-serif;font-size:.55rem;position:absolute;bottom:.8rem;right:1.25rem}.mission-access-frame>*{z-index:1}@media (width>=1024px){.mission-access-modal-layout{min-height:min(780px,100dvh - 3rem)}.mission-access-compact-layout{min-height:min(620px,100dvh - 3rem)}}.mission-access-code:before{content:"";background:var(--mission-flow-accent);width:.35rem;height:.35rem;box-shadow:0 0 14px color-mix(in srgb, var(--mh-accent-400) 72%, transparent);border-radius:999px;margin-right:.7rem}.mission-access-option-list{gap:.25rem;display:grid}.mission-access-option{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;padding:1.25rem .25rem;transition:color .22s,padding .28s cubic-bezier(.16,1,.3,1),background-color .22s;display:grid;position:relative;overflow:hidden}.mission-access-option:before{z-index:-1;content:"";opacity:0;background:linear-gradient(90deg, var(--mission-flow-accent-soft), transparent 72%);transition:opacity .22s,transform .42s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-12%)}.mission-access-option:hover,.mission-access-option:focus-visible{outline:none;padding-left:.75rem;padding-right:.75rem}.mission-access-option:hover:before,.mission-access-option:focus-visible:before{opacity:1;transform:translate(0)}.mission-access-option__index{color:var(--mission-flow-muted);letter-spacing:.2em;align-self:start;padding-top:.25rem;font-family:Orbitron,sans-serif;font-size:.58rem}.mission-access-option__icon{color:var(--mission-flow-accent);transition:transform .28s cubic-bezier(.16,1,.3,1)}.mission-access-option:hover .mission-access-option__icon,.mission-access-option:focus-visible .mission-access-option__icon{transform:translate(.25rem)}.missionflow-shell{background:var(--mission-flow-shell-background);isolation:isolate}.missionflow-stage{border:1px solid color-mix(in srgb, var(--mh-border-glass) 72%, transparent);background:color-mix(in srgb, var(--mh-surface-elevated) 97%, transparent);box-shadow:var(--mh-shadow-floating)}.missionflow-stage:before{content:"";background:linear-gradient(90deg, transparent, var(--mission-flow-accent), transparent);width:22%;height:1px;box-shadow:0 0 24px color-mix(in srgb, var(--mh-accent-400) 52%, transparent);position:absolute;top:-1px;left:7%}.missionflow-rail{border-color:var(--mission-flow-line);background:linear-gradient(180deg, color-mix(in srgb, var(--mh-surface-strong) 92%, transparent), color-mix(in srgb, var(--mh-surface-elevated) 54%, transparent))}.missionflow-rail-step{color:var(--mission-flow-muted);transition:color .26s}.missionflow-rail-step[data-active=true]{color:var(--mission-flow-ink)}.missionflow-rail-dot{border:1px solid color-mix(in srgb, var(--mh-border-strong) 48%, transparent);background:var(--mh-surface-strong);transition:background .26s,box-shadow .26s}.missionflow-rail-step[data-active=true] .missionflow-rail-dot{border-color:var(--mission-flow-accent);background:var(--mission-flow-accent);box-shadow:0 0 15px color-mix(in srgb, var(--mh-accent-400) 58%, transparent)}.missionflow-progress{background:linear-gradient(90deg, var(--mh-accent-300), var(--mh-accent-400) 52%, var(--mh-accent-500));box-shadow:0 0 18px color-mix(in srgb, var(--mh-accent-400) 38%, transparent)}.missionflow-content{scrollbar-color:color-mix(in srgb, var(--mh-accent-400) 28%, transparent) transparent}.missionflow-cinematic-player{border:1px solid color-mix(in srgb, var(--mh-border-glass) 62%, transparent);background:var(--mh-surface-elevated);box-shadow:var(--mh-shadow-card)}.missionflow-realtime-choices{gap:.625rem;display:grid}.missionflow-realtime-choice{border:1px solid color-mix(in srgb, var(--mh-border-glass) 58%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--mh-surface-soft) 74%, transparent), color-mix(in srgb, var(--mh-surface-elevated) 48%, transparent));min-width:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--mh-text-primary) 4%, transparent), 0 .75rem 2rem color-mix(in srgb, var(--mh-surface-elevated) 32%, transparent);position:relative;overflow:hidden}.missionflow-realtime-choice:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mh-accent-300) 56%, transparent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.missionflow-realtime-intro{justify-content:center;align-items:center;gap:.75rem;display:flex}.missionflow-realtime-intro:before,.missionflow-realtime-intro:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mh-accent-300) 54%, transparent));width:100%;max-width:3.5rem;height:1px}.missionflow-realtime-intro:after{transform:rotate(180deg)}.missionflow-realtime-choice-separator{justify-content:center;align-items:center;width:100%;height:1.25rem;display:flex;position:relative}.missionflow-realtime-choice-separator:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mh-accent-300) 42%, transparent), transparent);height:1px;position:absolute;left:0;right:0}.missionflow-realtime-choice-separator:after{z-index:1;content:"ODER";color:var(--mission-flow-muted);background:var(--mission-flow-surface);letter-spacing:.2em;padding-inline:.65rem;font-family:Orbitron,sans-serif;font-size:.52rem}@media (width>=640px){.missionflow-realtime-choices{grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr);align-items:stretch;gap:.75rem}.missionflow-realtime-choice-separator{width:2rem;height:auto}.missionflow-realtime-choice-separator:before{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--mh-accent-300) 42%, transparent), transparent);width:1px;height:auto;top:0;bottom:0;left:50%}.missionflow-realtime-choice-separator:after{padding:.5rem 0}}@media (width>=1024px) and (height<=760px){.missionflow-main{padding-top:1.5rem!important;padding-bottom:1.25rem!important}.missionflow-header{padding-bottom:.5rem!important}.missionflow-content-shell{margin-top:.75rem!important}.missionflow-footer{margin-top:.5rem!important;padding-top:.5rem!important}.missionflow-footer>:not([hidden])~:not([hidden]){margin-top:.75rem!important}.missionflow-realtime-detail{grid-template-columns:minmax(18rem,.78fr) minmax(0,1.22fr);align-items:start;gap:1rem 2.5rem;display:grid!important}.missionflow-realtime-quote{grid-area:1/1}.missionflow-realtime-timer{grid-area:2/1}.missionflow-realtime-intro{grid-area:1/2;padding-block:0!important}.missionflow-realtime-expert{grid-area:3/1}.missionflow-realtime-choices{grid-area:2/2/span 2}.missionflow-realtime-note{grid-area:4/2}.missionflow-difficulty-details{grid-template-columns:minmax(0,1fr) minmax(20rem,.72fr);align-items:start;gap:.75rem 2.5rem;display:grid}.missionflow-difficulty-summary{grid-area:1/1}.missionflow-difficulty-facts{grid-area:2/1}.missionflow-difficulty-detail-footer{grid-area:3/1}.missionflow-difficulty-realtime{grid-area:1/2;padding-top:0}.missionflow-difficulty-ranking{grid-area:2/2/span 2;padding-top:0}.missionflow-device-layout{grid-template-columns:minmax(16rem,.72fr) minmax(0,1.4fr);align-items:start;gap:1.5rem 2.5rem;display:grid}.missionflow-device-copy{grid-area:1/1;text-align:left!important}.missionflow-device-table{grid-area:1/2/span 2}.missionflow-device-note{grid-area:2/1;padding-top:0}}@media (width<=639px){.mission-access-frame:after{display:none}.mission-access-option{grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;padding-block:1.1rem}}@media (prefers-reduced-motion:reduce){.mission-access-option,.mission-access-option:before,.mission-access-option__icon{transition:none}}.mh-theme-light .mission-modal-card{--mh-text-primary:var(--color-mh-petrol-900);--mh-text-secondary:var(--color-mh-petrol-800);--mh-text-muted:var(--color-mh-petrol-800);color:var(--mh-text-primary)!important;border-color:color-mix(in srgb, var(--color-mh-petrol-900) 15%, transparent)!important;box-shadow:0 32px 90px color-mix(in srgb, var(--color-mh-petrol-800) 10%, transparent)!important;background:#fff!important}.mh-theme-light .mission-modal-card .mh-text-primary{color:var(--color-mh-petrol-900)!important}.mh-theme-light .mission-modal-card .mh-text-secondary,.mh-theme-light .mission-modal-card .mh-text-muted{color:var(--color-mh-petrol-800)!important}.mh-theme-light .mission-modal-card img.brightness-0.invert{-webkit-filter:none!important}.mh-theme-light .mission-modal-card .bg-white\/10{background-color:color-mix(in srgb, var(--color-mh-petrol-900) 8%, transparent)!important}}