/* ======================================================
   BULLFROG — MISSIONS V3
   VERIFIED OPERATIONS BOARD
====================================================== */

:root{
    --ms-bg:#010604;
    --ms-panel:rgba(3,15,10,.78);
    --ms-panel2:rgba(6,25,16,.72);

    --ms-text:#f5fff7;
    --ms-muted:#7d9084;

    --ms-lime:#c8ff4d;
    --ms-green:#6dff9b;
    --ms-aqua:#59ead5;
    --ms-gold:#e8c76c;

    --ms-line:rgba(194,255,105,.13);
    --ms-line2:rgba(255,255,255,.055);
}

body.missions-v3-loaded{
    background:#010604 !important;
}

/* ======================================================
   AMBIENT GRID
====================================================== */

#missionsV3Grid{
    position:fixed;
    inset:0;

    z-index:-29;

    pointer-events:none;

    opacity:.065;

    background-image:
        linear-gradient(
            rgba(198,255,105,.55) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(198,255,105,.55) 1px,
            transparent 1px
        );

    background-size:56px 56px;

    mask-image:
        linear-gradient(
            180deg,
            #000,
            transparent 82%
        );
}

#missionsV3Glow{
    position:fixed;
    inset:0;

    z-index:-30;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 75% 16%,
            rgba(200,255,77,.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 15% 76%,
            rgba(79,235,202,.05),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            rgba(1,8,5,.15),
            rgba(1,5,3,.90) 72%,
            #010403
        );
}

/* ======================================================
   HERO
====================================================== */

.missions-v3-hero{
    width:min(1340px,calc(100% - 28px));

    min-height:min(730px,calc(100vh - 105px));

    margin:112px auto 14px;

    position:relative;

    overflow:hidden;

    display:flex;
    align-items:flex-end;

    border-radius:34px;

    border:
        1px solid
        rgba(194,255,105,.15);

    background:#020c08;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 55px 150px rgba(0,0,0,.55);
}

.missions-v3-hero-bg{
    position:absolute;
    inset:0;

    background-size:cover;
    background-position:center;

    opacity:.54;

    filter:
        brightness(.46)
        saturate(.78)
        contrast(1.13);
}

.missions-v3-hero-bg:after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(1,7,4,.88) 0%,
            rgba(1,7,4,.62) 43%,
            rgba(1,7,4,.31) 73%,
            rgba(1,7,4,.52)
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.04),
            rgba(1,6,4,.92) 88%,
            #010403
        );
}

.missions-v3-hero-grid{
    position:relative;
    z-index:3;

    width:100%;

    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:24px;

    align-items:end;

    padding:clamp(28px,5vw,60px);
}

.missions-v3-kicker{
    color:var(--ms-lime);

    font-size:9px;
    font-weight:950;
    letter-spacing:.20em;
}

.missions-v3-title{
    margin:15px 0 17px;

    color:#fff;

    font-size:clamp(67px,8.5vw,118px);
    line-height:.77;
    letter-spacing:-.085em;
}

.missions-v3-title span{
    color:var(--ms-lime);
}

.missions-v3-copy{
    max-width:680px;

    margin:0;

    color:#a1b2a7;

    font-size:clamp(14px,1.4vw,17px);
    line-height:1.7;
}

.missions-v3-actions{
    display:flex;
    flex-wrap:wrap;

    gap:8px;

    margin-top:25px;
}

.missions-v3-action{
    min-height:51px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 18px;

    border-radius:14px;

    text-decoration:none;

    color:#fff;

    border:1px solid rgba(194,255,105,.14);

    background:rgba(2,12,7,.56);

    backdrop-filter:blur(15px);

    font-size:9px;
    font-weight:950;
    letter-spacing:.10em;

    transition:
        transform .18s ease,
        border-color .18s ease;
}

.missions-v3-action:hover{
    transform:translateY(-2px);
    border-color:rgba(194,255,105,.32);
}

.missions-v3-action.primary{
    color:#041006;

    border:0;

    background:
        linear-gradient(
            135deg,
            var(--ms-lime),
            var(--ms-green)
        );
}

/* ======================================================
   CONTROL TERMINAL
====================================================== */

.missions-v3-terminal{
    padding:20px;

    border-radius:23px;

    border:
        1px solid
        rgba(255,255,255,.07);

    background:
        rgba(0,10,6,.69);

    backdrop-filter:
        blur(28px)
        saturate(145%);

    -webkit-backdrop-filter:
        blur(28px)
        saturate(145%);
}

.missions-v3-terminal-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}

.missions-v3-terminal-head span{
    color:#7b8e82;

    font-size:8px;
    font-weight:950;
    letter-spacing:.14em;
}

.missions-v3-terminal-head strong{
    color:var(--ms-lime);

    font-size:8px;
    letter-spacing:.10em;
}

.missions-v3-radar{
    position:relative;

    width:245px;
    height:245px;

    margin:16px auto;

    border-radius:50%;

    border:1px solid rgba(194,255,105,.13);

    background:
        radial-gradient(
            circle,
            rgba(194,255,105,.07),
            rgba(0,0,0,.18) 70%
        );

    overflow:hidden;
}

.missions-v3-radar:before,
.missions-v3-radar:after{
    content:"";

    position:absolute;

    inset:50% auto auto 50%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    border:1px solid rgba(194,255,105,.08);
}

.missions-v3-radar:before{
    width:165px;
    height:165px;
}

.missions-v3-radar:after{
    width:90px;
    height:90px;
}

.missions-v3-radar-cross-x,
.missions-v3-radar-cross-y{
    position:absolute;

    background:
        rgba(194,255,105,.07);
}

.missions-v3-radar-cross-x{
    left:0;
    right:0;
    top:50%;

    height:1px;
}

.missions-v3-radar-cross-y{
    top:0;
    bottom:0;
    left:50%;

    width:1px;
}

.missions-v3-radar-sweep{
    position:absolute;

    inset:0;

    border-radius:50%;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            rgba(194,255,105,.19) 22deg,
            transparent 60deg
        );

    animation:
        missionsSweep
        4s linear
        infinite;
}

@keyframes missionsSweep{
    to{
        transform:rotate(360deg);
    }
}

.missions-v3-radar-core{
    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:58px;
    height:58px;

    display:grid;
    place-items:center;

    border-radius:50%;

    color:var(--ms-lime);

    border:
        1px solid
        rgba(194,255,105,.18);

    background:
        rgba(194,255,105,.05);

    box-shadow:
        0 0 35px
        rgba(194,255,105,.10);

    font-size:9px;
    font-weight:950;
    letter-spacing:.08em;
}

.missions-v3-terminal-grid{
    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    gap:7px;
}

.missions-v3-stat{
    padding:13px;

    border-radius:13px;

    border:
        1px solid
        var(--ms-line2);

    background:
        rgba(255,255,255,.021);
}

.missions-v3-stat span{
    display:block;

    color:#718479;

    font-size:7px;
    font-weight:950;
    letter-spacing:.12em;
}

.missions-v3-stat strong{
    display:block;

    margin-top:6px;

    color:#f4fff5;

    font-size:10px;
}

/* ======================================================
   OPERATIONS BOARD
====================================================== */

.missions-v3-board{
    width:min(1340px,calc(100% - 28px));

    margin:0 auto 14px;

    padding:clamp(22px,4vw,38px);

    border-radius:30px;

    border:1px solid var(--ms-line);

    background:
        rgba(2,13,8,.77);

    backdrop-filter:
        blur(26px)
        saturate(140%);
}

.missions-v3-section-head{
    display:flex;

    align-items:end;
    justify-content:space-between;

    gap:20px;

    margin-bottom:20px;
}

.missions-v3-section-head span{
    color:var(--ms-lime);

    font-size:8px;
    font-weight:950;
    letter-spacing:.17em;
}

.missions-v3-section-head h2{
    margin:6px 0 0;

    color:#fff;

    font-size:clamp(38px,5vw,65px);
    letter-spacing:-.06em;
}

.missions-v3-section-head p{
    max-width:540px;

    margin:0;

    color:#7e9185;

    font-size:11px;
    line-height:1.6;
}

.missions-v3-grid{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:8px;
}

.missions-v3-card{
    min-height:330px;

    display:flex;
    flex-direction:column;

    padding:19px;

    border-radius:19px;

    border:
        1px solid
        var(--ms-line2);

    background:
        radial-gradient(
            circle at 82% 12%,
            rgba(194,255,75,.07),
            transparent 35%
        ),
        rgba(255,255,255,.018);

    transition:
        transform .18s ease,
        border-color .18s ease;
}

.missions-v3-card:hover{
    transform:translateY(-3px);

    border-color:
        rgba(194,255,105,.22);
}

.missions-v3-card-top{
    display:flex;

    justify-content:space-between;

    gap:10px;
}

.missions-v3-card-index{
    color:var(--ms-lime);

    font-size:8px;
    font-weight:950;
    letter-spacing:.13em;
}

.missions-v3-card-state{
    padding:5px 7px;

    border-radius:999px;

    border:
        1px solid
        var(--ms-line2);

    color:#9aa89f;

    font-size:7px;
    font-weight:950;
}

.missions-v3-card h3{
    margin:
        24px 0
        8px;

    color:#fff;

    font-size:24px;
    letter-spacing:-.04em;
}

.missions-v3-card p{
    margin:0;

    color:#7b8e82;

    font-size:10px;
    line-height:1.6;
}

.missions-v3-proof{
    margin-top:auto;
    padding-top:18px;
}

.missions-v3-proof-row{
    display:flex;

    justify-content:space-between;

    gap:12px;

    padding:7px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.04);

    font-size:8px;
}

.missions-v3-proof-row span{
    color:#708278;
}

.missions-v3-proof-row strong{
    color:#dfeae2;
    text-align:right;
}

.missions-v3-proof-badge{
    margin-top:14px;

    width:max-content;

    padding:
        7px 9px;

    border-radius:9px;

    border:
        1px solid
        rgba(194,255,105,.12);

    color:var(--ms-lime);

    background:
        rgba(194,255,105,.035);

    font-size:7px;
    font-weight:950;
    letter-spacing:.10em;
}

/* ======================================================
   VERIFICATION PIPELINE
====================================================== */

.missions-v3-pipeline{
    width:min(1340px,calc(100% - 28px));

    margin:0 auto 18px;

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:8px;
}

.missions-v3-step{
    min-height:195px;

    padding:18px;

    border-radius:18px;

    border:
        1px solid
        var(--ms-line);

    background:
        rgba(2,13,8,.76);
}

.missions-v3-step b{
    display:block;

    color:var(--ms-lime);

    font-size:23px;
}

.missions-v3-step strong{
    display:block;

    margin-top:14px;

    font-size:12px;
}

.missions-v3-step p{
    margin:7px 0 0;

    color:#7d9084;

    font-size:10px;
    line-height:1.55;
}

/* ======================================================
   V2 POLISH
====================================================== */

body.missions-v3-loaded
.glass,

body.missions-v3-loaded
.mission,

body.missions-v3-loaded
.rule,

body.missions-v3-loaded
.mission-terminal{
    border-color:
        rgba(194,255,105,.10) !important;
}

/* ======================================================
   MOBILE
====================================================== */

@media(max-width:1000px){

    .missions-v3-hero-grid{
        grid-template-columns:1fr;
    }

    .missions-v3-grid,
    .missions-v3-pipeline{
        grid-template-columns:
            repeat(2,1fr);
    }

}

@media(max-width:650px){

    .missions-v3-hero,
    .missions-v3-board,
    .missions-v3-pipeline{
        width:
            calc(100% - 18px);
    }

    .missions-v3-hero{
        margin-top:95px;
    }

    .missions-v3-title{
        font-size:
            clamp(
                58px,
                20vw,
                88px
            );
    }

    .missions-v3-grid,
    .missions-v3-pipeline,
    .missions-v3-terminal-grid{
        grid-template-columns:1fr;
    }

    .missions-v3-section-head{
        align-items:flex-start;
        flex-direction:column;
    }

}

/* ======================================================
   BULLFROG MISSIONS V3.1 TOP GAP FIX
   CSS ONLY
====================================================== */

/*
 * Pull Mission Control upward beneath the ecosystem
 * header while retaining a small intentional gap.
 */

/* Primary V3 hero candidates */

body .missions-v3-hero,
body .missions-v3-world,
body .missions-v3-stage,
body .missions-v3-shell,
body .missions-v3-control{
    margin-top:8px !important;
}

/* Remove legacy wrapper spacing */

body main{
    margin-top:0 !important;
    padding-top:0 !important;
}

body main > :first-child{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Direct header-to-hero spacing */

header + .missions-v3-hero,
header + .missions-v3-world,
header + .missions-v3-stage,
header + section{
    margin-top:8px !important;
}

/* Collapse inherited hero padding */

.missions-v3-hero{
    padding-top:0 !important;
}

/* First child inside V3 hero */

.missions-v3-hero > :first-child,
.missions-v3-world > :first-child,
.missions-v3-stage > :first-child{
    margin-top:0 !important;
}

/* Verification panel should stay vertically aligned */

.missions-v3-radar,
.missions-v3-verification,
.missions-v3-terminal{
    margin-top:0 !important;
}

/* Tablet */

@media(max-width:1000px){

    body .missions-v3-hero,
    body .missions-v3-world,
    body .missions-v3-stage{
        margin-top:6px !important;
    }

}

/* Mobile */

@media(max-width:650px){

    body .missions-v3-hero,
    body .missions-v3-world,
    body .missions-v3-stage{
        margin-top:4px !important;
    }

    body main{
        margin-top:0 !important;
        padding-top:0 !important;
    }

}


/* ======================================================
   BULLFROG MISSIONS V3.2 INTERNAL HERO LIFT

   The remaining blank space is INSIDE the hero.
   This pulls the actual Mission Control presentation
   upward without touching navigation or mission logic.
====================================================== */


/* ------------------------------------------------------
   HERO OUTER SHELL
------------------------------------------------------ */

.missions-v3-hero{
    margin-top:8px !important;

    padding-top:22px !important;
    padding-bottom:32px !important;

    min-height:0 !important;

    align-items:flex-start !important;
}


/* ------------------------------------------------------
   COMMON V3 INNER GRID / CONTENT WRAPPERS

   Earlier spacing rules affected the outer hero only.
   These selectors target the vertically-centered content.
------------------------------------------------------ */

.missions-v3-hero-inner,
.missions-v3-hero-grid,
.missions-v3-grid,
.missions-v3-content,
.missions-v3-layout,
.missions-v3-stage-inner,
.missions-v3-control-grid,
.missions-v3-command-grid{
    margin-top:0 !important;
    padding-top:0 !important;

    align-items:start !important;
    align-content:start !important;
}


/* ------------------------------------------------------
   LEFT MISSION CONTROL COPY
------------------------------------------------------ */

.missions-v3-copy,
.missions-v3-hero-copy,
.missions-v3-intro,
.missions-v3-control-copy,
.missions-v3-left{
    margin-top:0 !important;

    align-self:start !important;

    transform:
        translateY(-115px) !important;
}


/* ------------------------------------------------------
   RIGHT VERIFICATION RADAR
------------------------------------------------------ */

.missions-v3-radar,
.missions-v3-verification,
.missions-v3-terminal,
.missions-v3-engine,
.missions-v3-right{
    margin-top:0 !important;

    align-self:start !important;

    transform:
        translateY(-115px) !important;
}


/* ------------------------------------------------------
   FALLBACK

   If the V3 implementation uses a single inner wrapper
   instead of separate left/right classes, lift that
   wrapper as one unit.
------------------------------------------------------ */

.missions-v3-hero >
.missions-v3-inner,

.missions-v3-hero >
.missions-v3-container{
    transform:
        translateY(-115px) !important;
}


/* ------------------------------------------------------
   REDUCE HERO HEIGHT TO MATCH THE LIFTED CONTENT
------------------------------------------------------ */

.missions-v3-hero,
.missions-v3-world,
.missions-v3-stage{
    min-height:
        clamp(
            570px,
            68vh,
            680px
        ) !important;
}


/* ------------------------------------------------------
   TABLET
------------------------------------------------------ */

@media(max-width:1000px){

    .missions-v3-copy,
    .missions-v3-hero-copy,
    .missions-v3-intro,
    .missions-v3-control-copy,
    .missions-v3-left,

    .missions-v3-radar,
    .missions-v3-verification,
    .missions-v3-terminal,
    .missions-v3-engine,
    .missions-v3-right,

    .missions-v3-hero >
    .missions-v3-inner,

    .missions-v3-hero >
    .missions-v3-container{
        transform:
            translateY(-70px) !important;
    }

}


/* ------------------------------------------------------
   MOBILE

   Do NOT aggressively lift stacked mobile content.
------------------------------------------------------ */

@media(max-width:650px){

    .missions-v3-hero{
        padding-top:12px !important;
        min-height:0 !important;
    }

    .missions-v3-copy,
    .missions-v3-hero-copy,
    .missions-v3-intro,
    .missions-v3-control-copy,
    .missions-v3-left,

    .missions-v3-radar,
    .missions-v3-verification,
    .missions-v3-terminal,
    .missions-v3-engine,
    .missions-v3-right,

    .missions-v3-hero >
    .missions-v3-inner,

    .missions-v3-hero >
    .missions-v3-container{
        transform:none !important;
    }

}

/* BULLFROG FINAL V3 TOP SPACING NORMALIZER START */

/* ======================================================
   MISSIONS — FINAL HERO SPACING NORMALIZATION

   This intentionally overrides every earlier experimental
   spacing patch on this page.

   Goal:
   - hero close to header
   - hero content starts near top
   - no giant empty vertical dead zone
   - retain enough breathing room for premium layout
====================================================== */

/* ------------------------------------------------------
   PAGE WRAPPER
------------------------------------------------------ */

body main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body main > :first-child {
    margin-top: 0 !important;
}


/* ------------------------------------------------------
   MAJOR V3 HERO CONTAINERS
------------------------------------------------------ */

body :is(
    .missions-v3-hero,
    .missions-v3-world,
    .missions-v3-stage,
    .missions-v3-shell,
    .missions-v3-arena,
    .missions-v3-command,
    .missions-v3-terminal,
    .missions-v3-championship
) {
    margin-top: 10px !important;

    padding-top: 22px !important;
    padding-bottom: 28px !important;

    min-height: 0 !important;
    height: auto !important;

    align-items: start !important;
    align-content: start !important;

    justify-items: stretch;
}


/* ------------------------------------------------------
   DIRECT HERO CONTENT
------------------------------------------------------ */

body :is(
    .missions-v3-hero,
    .missions-v3-world,
    .missions-v3-stage,
    .missions-v3-shell,
    .missions-v3-arena
) > * {
    margin-top: 0 !important;

    align-self: start !important;
}


/* ------------------------------------------------------
   COMMON INNER V3 WRAPPERS
------------------------------------------------------ */

body :is(
    .missions-v3-hero-inner,
    .missions-v3-inner,
    .missions-v3-container,
    .missions-v3-grid,
    .missions-v3-hero-grid,
    .missions-v3-layout,
    .missions-v3-content,
    .missions-v3-stage-inner,
    .missions-v3-command-grid,
    .missions-v3-terminal-grid
) {
    margin-top: 0 !important;
    padding-top: 0 !important;

    min-height: 0 !important;
    height: auto !important;

    align-items: start !important;
    align-content: start !important;
}


/* ------------------------------------------------------
   LEFT-SIDE HERO COPY
------------------------------------------------------ */

body :is(
    .missions-v3-copy,
    .missions-v3-hero-copy,
    .missions-v3-intro,
    .missions-v3-left,
    .missions-v3-content-left
) {
    margin-top: 0 !important;
    padding-top: 0 !important;

    align-self: start !important;

    transform: none !important;
}


/* ------------------------------------------------------
   RIGHT-SIDE HERO PANEL
------------------------------------------------------ */

body :is(
    .missions-v3-right,
    .missions-v3-core,
    .missions-v3-panel,
    .missions-v3-vault,
    .missions-v3-radar,
    .missions-v3-telemetry,
    .missions-v3-terminal,
    .missions-v3-identity,
    .missions-v3-trophy
) {
    margin-top: 0 !important;

    align-self: start !important;

    transform: none !important;
}


/* ------------------------------------------------------
   HEADER TO FIRST PRODUCT AREA
------------------------------------------------------ */

header + main,
header + section,
header + div {
    margin-top: 10px !important;
}


/* ------------------------------------------------------
   PREVENT OLD HUGE HERO MIN-HEIGHTS
------------------------------------------------------ */

body [class*="missions-v3-hero"] {
    min-height: 0 !important;
}

body [class*="missions-v3-world"] {
    min-height: 0 !important;
}

body [class*="missions-v3-stage"] {
    min-height: 0 !important;
}


/* ------------------------------------------------------
   IMPORTANT:
   Hero cards should size from their actual content,
   not viewport height.
------------------------------------------------------ */

body :is(
    .missions-v3-hero,
    .missions-v3-world,
    .missions-v3-stage,
    .missions-v3-arena,
    .missions-v3-shell
) {
    max-height: none !important;
}


/* ------------------------------------------------------
   TABLET
------------------------------------------------------ */

@media(max-width: 1000px) {

    body :is(
        .missions-v3-hero,
        .missions-v3-world,
        .missions-v3-stage,
        .missions-v3-shell,
        .missions-v3-arena
    ) {
        margin-top: 8px !important;

        padding-top: 18px !important;
        padding-bottom: 24px !important;

        min-height: 0 !important;
    }

}


/* ------------------------------------------------------
   MOBILE
------------------------------------------------------ */

@media(max-width: 650px) {

    body main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body :is(
        .missions-v3-hero,
        .missions-v3-world,
        .missions-v3-stage,
        .missions-v3-shell,
        .missions-v3-arena
    ) {
        margin-top: 6px !important;

        padding-top: 14px !important;
        padding-bottom: 20px !important;

        min-height: 0 !important;
        height: auto !important;
    }

    body :is(
        .missions-v3-copy,
        .missions-v3-hero-copy,
        .missions-v3-intro,
        .missions-v3-left,
        .missions-v3-right,
        .missions-v3-core,
        .missions-v3-panel,
        .missions-v3-vault,
        .missions-v3-radar,
        .missions-v3-telemetry,
        .missions-v3-terminal
    ) {
        transform: none !important;
    }

}

/* BULLFROG FINAL V3 TOP SPACING NORMALIZER END */

/* BULLFROG FINAL TINY HEADER GAP START */

/* ======================================================
   MISSIONS — FINAL TINY HEADER GAP
====================================================== */

/*
 * Previous cleanup removed excessive dead space.
 * This restores only a small intentional separation
 * so hero cards do not visually collide with header.
 */

body :is(
    .missions-v3-hero,
    .missions-v3-world,
    .missions-v3-stage,
    .missions-v3-shell,
    .missions-v3-arena,
    .missions-v3-command,
    .missions-v3-terminal,
    .missions-v3-championship
) {
    margin-top: 16px !important;
}

/* Direct first content after header */

header + main,
header + section,
header + div {
    margin-top: 16px !important;
}

/* Tablet */

@media(max-width:1000px) {

    body :is(
        .missions-v3-hero,
        .missions-v3-world,
        .missions-v3-stage,
        .missions-v3-shell,
        .missions-v3-arena
    ) {
        margin-top: 12px !important;
    }

    header + main,
    header + section,
    header + div {
        margin-top: 12px !important;
    }

}

/* Mobile */

@media(max-width:650px) {

    body :is(
        .missions-v3-hero,
        .missions-v3-world,
        .missions-v3-stage,
        .missions-v3-shell,
        .missions-v3-arena
    ) {
        margin-top: 10px !important;
    }

    header + main,
    header + section,
    header + div {
        margin-top: 10px !important;
    }

}

/* BULLFROG FINAL TINY HEADER GAP END */


/* ======================================================
   BULLFROG MISSIONS FINAL HEADER CLEARANCE
   PAGE-SPECIFIC OVERRIDE

   IMPORTANT:
   This neutralizes the earlier V3.2 -115px hero lift.
====================================================== */

body :is(
    .missions-v3-hero,
    .missions-v3-world,
    .missions-v3-stage,
    .missions-v3-shell,
    .missions-v3-control
){
    margin-top:34px !important;

    transform:none !important;

    min-height:0 !important;
}

/* ------------------------------------------------------
   REMOVE ALL OLD MANUAL UPWARD TRANSLATION
------------------------------------------------------ */

body :is(
    .missions-v3-copy,
    .missions-v3-hero-copy,
    .missions-v3-intro,
    .missions-v3-control-copy,
    .missions-v3-left,
    .missions-v3-right,
    .missions-v3-radar,
    .missions-v3-verification,
    .missions-v3-terminal,
    .missions-v3-engine,
    .missions-v3-inner,
    .missions-v3-container,
    .missions-v3-grid,
    .missions-v3-hero-grid,
    .missions-v3-content,
    .missions-v3-layout,
    .missions-v3-stage-inner,
    .missions-v3-control-grid,
    .missions-v3-command-grid
){
    transform:none !important;

    margin-top:0 !important;

    align-self:start !important;
}

/* ------------------------------------------------------
   HERO WRAPPER
------------------------------------------------------ */

body main{
    margin-top:0 !important;
    padding-top:0 !important;
}

body main > :first-child{
    margin-top:34px !important;
}

/*
 * Keep content high inside the hero,
 * but NOT above the hero.
 */

.missions-v3-hero{
    padding-top:24px !important;
    padding-bottom:28px !important;

    align-items:start !important;
    align-content:start !important;
}

/* ------------------------------------------------------
   TABLET
------------------------------------------------------ */

@media(max-width:1000px){

    body :is(
        .missions-v3-hero,
        .missions-v3-world,
        .missions-v3-stage,
        .missions-v3-shell
    ){
        margin-top:28px !important;
    }

    body main > :first-child{
        margin-top:28px !important;
    }

}

/* ------------------------------------------------------
   MOBILE
------------------------------------------------------ */

@media(max-width:650px){

    body :is(
        .missions-v3-hero,
        .missions-v3-world,
        .missions-v3-stage,
        .missions-v3-shell
    ){
        margin-top:20px !important;
    }

    body main > :first-child{
        margin-top:20px !important;
    }

    .missions-v3-hero{
        padding-top:18px !important;
    }

}