/* ======================================================
   BULLFROG — THE SWAMP V3
   PROTOCOL TELEMETRY TERMINAL
====================================================== */

:root{
    --sw-bg:#010604;
    --sw-panel:rgba(3,15,10,.76);
    --sw-panel2:rgba(5,25,16,.72);

    --sw-text:#f5fff7;
    --sw-muted:#74877c;

    --sw-lime:#c8ff4d;
    --sw-green:#6dff9b;
    --sw-aqua:#57ead5;
    --sw-gold:#e8c76c;
    --sw-red:#ff796e;

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

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

/* ======================================================
   WORLD
====================================================== */

#swampV3Grid{

    position:fixed;

    inset:0;

    z-index:-28;

    pointer-events:none;

    opacity:.075;

    background-image:

        linear-gradient(
            rgba(197,255,105,.5) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(197,255,105,.5) 1px,
            transparent 1px
        );

    background-size:
        64px 64px;

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

}

#swampV3Scan{

    position:fixed;

    inset:0;

    z-index:-27;

    pointer-events:none;

    overflow:hidden;

}

#swampV3Scan:before{

    content:"";

    position:absolute;

    left:0;
    right:0;

    height:180px;

    top:-200px;

    background:

        linear-gradient(
            180deg,
            transparent,
            rgba(194,255,105,.035),
            transparent
        );

    animation:
        swampScan
        9s linear
        infinite;

}

@keyframes swampScan{

    to{
        transform:
            translateY(
                calc(100vh + 400px)
            );
    }

}

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

.swamp-v3-hero{

    width:
        min(
            1340px,
            calc(100% - 28px)
        );

    min-height:
        min(
            740px,
            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:#020b07;

    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.06),

        0 55px 150px
        rgba(0,0,0,.56);

}

.swamp-v3-hero-bg{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

    opacity:.62;

    filter:
        brightness(.50)
        saturate(.74)
        contrast(1.14);

}

.swamp-v3-hero-bg:after{

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            90deg,
            rgba(1,7,4,.84) 0%,
            rgba(1,7,4,.55) 42%,
            rgba(1,7,4,.25) 70%,
            rgba(1,7,4,.48) 100%
        ),

        linear-gradient(
            180deg,
            rgba(0,0,0,.05),
            rgba(1,6,4,.90) 87%,
            #010403
        );

}

.swamp-v3-hero-grid{

    position:relative;

    z-index:3;

    width:100%;

    display:grid;

    grid-template-columns:
        .92fr
        1.08fr;

    gap:24px;

    align-items:end;

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

}

.swamp-v3-kicker{

    color:var(--sw-lime);

    font-size:9px;

    font-weight:950;

    letter-spacing:.20em;

}

.swamp-v3-title{

    margin:
        15px 0
        17px;

    color:#fff;

    font-size:
        clamp(
            67px,
            8.5vw,
            120px
        );

    line-height:.77;

    letter-spacing:-.085em;

}

.swamp-v3-title span{
    color:var(--sw-lime);
}

.swamp-v3-copy{

    max-width:670px;

    margin:0;

    color:#9fb1a6;

    font-size:
        clamp(
            14px,
            1.4vw,
            17px
        );

    line-height:1.7;

}

.swamp-v3-actions{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:25px;

}

.swamp-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;

}

.swamp-v3-action:hover{

    transform:
        translateY(-2px);

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

}

.swamp-v3-action.primary{

    color:#041006;

    border:0;

    background:

        linear-gradient(
            135deg,
            var(--sw-lime),
            var(--sw-green)
        );

}

/* ======================================================
   TELEMETRY TERMINAL
====================================================== */

.swamp-v3-terminal{

    padding:20px;

    border-radius:23px;

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

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

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.38);

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

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

}

.swamp-v3-terminal-head{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

}

.swamp-v3-terminal-head span{

    color:#7b8e82;

    font-size:8px;

    font-weight:950;

    letter-spacing:.14em;

}

.swamp-v3-terminal-head strong{

    color:var(--sw-lime);

    font-size:8px;

    letter-spacing:.10em;

}

.swamp-v3-pulse{

    display:inline-block;

    width:7px;
    height:7px;

    margin-right:7px;

    border-radius:50%;

    background:var(--sw-lime);

    box-shadow:
        0 0 14px
        rgba(200,255,77,.75);

    animation:
        swampPulse
        1.8s ease-in-out
        infinite;

}

@keyframes swampPulse{

    50%{
        opacity:.36;
        transform:scale(.72);
    }

}

/* ======================================================
   CORE VISUAL
====================================================== */

.swamp-v3-core{

    position:relative;

    min-height:245px;

    display:grid;

    place-items:center;

    margin:
        6px 0 10px;

}

.swamp-v3-core-ring{

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(196,255,100,.14);

}

.swamp-v3-core-ring.r1{

    width:220px;
    height:220px;

    animation:
        swampRing
        18s linear
        infinite;

}

.swamp-v3-core-ring.r2{

    width:170px;
    height:170px;

    border-style:dashed;

    animation:
        swampRingReverse
        13s linear
        infinite;

}

.swamp-v3-core-ring.r3{

    width:125px;
    height:125px;

    border-color:
        rgba(84,234,212,.18);

    animation:
        swampRing
        9s linear
        infinite;

}

@keyframes swampRing{

    to{
        transform:rotate(360deg);
    }

}

@keyframes swampRingReverse{

    to{
        transform:rotate(-360deg);
    }

}

.swamp-v3-core img{

    position:relative;

    z-index:3;

    width:min(56%,180px);

    max-height:180px;

    object-fit:contain;

    filter:

        drop-shadow(
            0 0 30px
            rgba(191,255,75,.27)
        )

        drop-shadow(
            0 0 80px
            rgba(66,236,203,.10)
        );

    animation:
        swampCoreFloat
        5s ease-in-out
        infinite;

}

@keyframes swampCoreFloat{

    50%{
        transform:
            translateY(-6px)
            scale(1.015);
    }

}

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

.swamp-v3-terminal-grid{

    display:grid;

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

    gap:7px;

}

.swamp-v3-stat{

    padding:13px;

    border-radius:13px;

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

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

}

.swamp-v3-stat span{

    display:block;

    color:#718479;

    font-size:7px;

    font-weight:950;

    letter-spacing:.12em;

}

.swamp-v3-stat strong{

    display:block;

    margin-top:6px;

    color:#f4fff5;

    font-size:10px;

}

.swamp-v3-stat strong.live{
    color:var(--sw-lime);
}

.swamp-v3-stat strong.preview{
    color:var(--sw-gold);
}

/* ======================================================
   LIVE METRIC WALL
====================================================== */

.swamp-v3-metrics{

    width:
        min(
            1340px,
            calc(100% - 28px)
        );

    margin:
        0 auto 14px;

    display:grid;

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

    gap:8px;

}

.swamp-v3-metric{

    position:relative;

    overflow:hidden;

    min-height:165px;

    padding:18px;

    border-radius:18px;

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

    background:
        rgba(2,14,9,.77);

}

.swamp-v3-metric:before{

    content:"";

    position:absolute;

    right:-35px;
    top:-35px;

    width:110px;
    height:110px;

    border-radius:50%;

    background:
        rgba(192,255,75,.045);

    filter:
        blur(16px);

}

.swamp-v3-metric span{

    display:block;

    position:relative;

    z-index:2;

    color:#718379;

    font-size:7px;

    font-weight:950;

    letter-spacing:.13em;

}

.swamp-v3-metric strong{

    display:block;

    position:relative;

    z-index:2;

    margin-top:14px;

    color:#fff;

    font-size:
        clamp(
            22px,
            3vw,
            34px
        );

    line-height:1;

    letter-spacing:-.045em;

    overflow-wrap:anywhere;

}

.swamp-v3-metric small{

    display:block;

    position:relative;

    z-index:2;

    margin-top:8px;

    color:#63766a;

    font-size:8px;

    line-height:1.4;

}

/* ======================================================
   SYSTEM MAP
====================================================== */

.swamp-v3-system{

    width:
        min(
            1340px,
            calc(100% - 28px)
        );

    margin:
        0 auto 16px;

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

    border-radius:30px;

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

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

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

}

.swamp-v3-section-head{

    display:flex;

    align-items:end;

    justify-content:space-between;

    gap:20px;

    margin-bottom:20px;

}

.swamp-v3-section-head span{

    color:var(--sw-lime);

    font-size:8px;

    font-weight:950;

    letter-spacing:.17em;

}

.swamp-v3-section-head h2{

    margin:
        6px 0 0;

    color:#fff;

    font-size:
        clamp(
            38px,
            5vw,
            65px
        );

    letter-spacing:-.06em;

}

.swamp-v3-section-head p{

    max-width:520px;

    margin:0;

    color:#7d9185;

    font-size:11px;

    line-height:1.6;

}

.swamp-v3-system-grid{

    display:grid;

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

    gap:8px;

}

.swamp-v3-module{

    min-height:205px;

    display:flex;

    flex-direction:column;

    padding:18px;

    border-radius:17px;

    text-decoration:none;

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

    background:
        rgba(255,255,255,.018);

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

}

.swamp-v3-module:hover{

    transform:
        translateY(-3px);

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

}

.swamp-v3-module-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

}

.swamp-v3-module-tag{

    color:#72857a;

    font-size:7px;

    font-weight:950;

    letter-spacing:.12em;

}

.swamp-v3-module-state{

    padding:
        5px 7px;

    border-radius:999px;

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

    color:#a0aea5;

    font-size:7px;

    font-weight:950;

}

.swamp-v3-module-state.live{

    color:var(--sw-lime);

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

}

.swamp-v3-module-state.preview{

    color:var(--sw-gold);

    border-color:
        rgba(232,199,108,.15);

}

.swamp-v3-module h3{

    margin:
        18px 0
        7px;

    color:#fff;

    font-size:21px;

    letter-spacing:-.035em;

}

.swamp-v3-module p{

    margin:0;

    color:#7b8e82;

    font-size:10px;

    line-height:1.55;

}

.swamp-v3-module-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:auto;

    padding-top:16px;

    color:var(--sw-lime);

    font-size:8px;

    font-weight:950;

}

/* ======================================================
   DATA STREAM
====================================================== */

.swamp-v3-stream{

    width:
        min(
            1340px,
            calc(100% - 28px)
        );

    margin:
        0 auto 22px;

    display:grid;

    grid-template-columns:
        1.25fr
        .75fr;

    gap:8px;

}

.swamp-v3-log,
.swamp-v3-contract{

    min-height:330px;

    padding:22px;

    border-radius:22px;

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

    background:
        rgba(1,11,7,.80);

}

.swamp-v3-log-title,
.swamp-v3-contract-title{

    color:var(--sw-lime);

    font-size:8px;

    font-weight:950;

    letter-spacing:.16em;

}

#swampV3Log{

    margin-top:16px;

    min-height:240px;

    overflow:auto;

    padding:16px;

    border-radius:14px;

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

    background:
        rgba(0,0,0,.30);

    color:#72867a;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;

    font-size:9px;

    line-height:1.8;

}

#swampV3Log b{
    color:var(--sw-lime);
}

.swamp-v3-contract-address{

    margin-top:18px;

    padding:16px;

    border-radius:14px;

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

    background:
        rgba(255,255,255,.018);

}

.swamp-v3-contract-address span{

    display:block;

    color:#718379;

    font-size:7px;

    font-weight:950;

    letter-spacing:.12em;

}

.swamp-v3-contract-address code{

    display:block;

    margin-top:9px;

    color:#e8f4eb;

    font-size:9px;

    overflow-wrap:anywhere;

}

.swamp-v3-contract-address a{

    display:inline-block;

    margin-top:12px;

    color:var(--sw-lime);

    text-decoration:none;

    font-size:8px;

    font-weight:950;

}

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

body.swamp-v3-loaded
.glass,

body.swamp-v3-loaded
.metric,

body.swamp-v3-loaded
.section,

body.swamp-v3-loaded
.health{

    border-color:
        rgba(194,255,105,.10) !important;

}

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

@media(max-width:1000px){

    .swamp-v3-hero-grid{

        grid-template-columns:1fr;

    }

    .swamp-v3-metrics,
    .swamp-v3-system-grid{

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

    }

    .swamp-v3-stream{

        grid-template-columns:1fr;

    }

}

@media(max-width:650px){

    .swamp-v3-hero,
    .swamp-v3-metrics,
    .swamp-v3-system,
    .swamp-v3-stream{

        width:
            calc(100% - 18px);

    }

    .swamp-v3-hero{

        margin-top:95px;

    }

    .swamp-v3-title{

        font-size:
            clamp(
                58px,
                20vw,
                88px
            );

    }

    .swamp-v3-metrics,
    .swamp-v3-system-grid,
    .swamp-v3-terminal-grid{

        grid-template-columns:1fr;

    }

    .swamp-v3-section-head{

        align-items:flex-start;

        flex-direction:column;

    }

}

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

/*
 * Pull the Swamp telemetry hero upward beneath the
 * ecosystem header and remove excess top padding
 * inside the first V3 card.
 */

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

/* Remove 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 + .swamp-v3-hero,
header + .swamp-v3-world,
header + .swamp-v3-stage,
header + section{
    margin-top:8px !important;
}

/* Internal hero padding cleanup */

.swamp-v3-hero{
    padding-top:18px !important;
    min-height:0 !important;
    align-items:flex-start !important;
}

/* Common inner layout wrappers */

.swamp-v3-hero-inner,
.swamp-v3-grid,
.swamp-v3-content,
.swamp-v3-layout,
.swamp-v3-stage-inner,
.swamp-v3-terminal-grid{
    margin-top:0 !important;
    padding-top:0 !important;

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

/* Left telemetry copy */

.swamp-v3-copy,
.swamp-v3-hero-copy,
.swamp-v3-intro,
.swamp-v3-left{
    margin-top:0 !important;
    align-self:start !important;
}

/* Right telemetry core */

.swamp-v3-core,
.swamp-v3-telemetry,
.swamp-v3-terminal,
.swamp-v3-right{
    margin-top:0 !important;
    align-self:start !important;
}

/* Reduce unnecessary hero height */

.swamp-v3-hero,
.swamp-v3-world,
.swamp-v3-stage{
    min-height:
        clamp(
            560px,
            66vh,
            670px
        ) !important;
}

/* Tablet */

@media(max-width:1000px){

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

    .swamp-v3-hero{
        padding-top:14px !important;
    }

}

/* Mobile */

@media(max-width:650px){

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

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

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

}

/* BULLFROG FINAL V3 TOP SPACING NORMALIZER START */

/* ======================================================
   SWAMP — 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(
    .swamp-v3-hero,
    .swamp-v3-world,
    .swamp-v3-stage,
    .swamp-v3-shell,
    .swamp-v3-arena,
    .swamp-v3-command,
    .swamp-v3-terminal,
    .swamp-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(
    .swamp-v3-hero,
    .swamp-v3-world,
    .swamp-v3-stage,
    .swamp-v3-shell,
    .swamp-v3-arena
) > * {
    margin-top: 0 !important;

    align-self: start !important;
}


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

body :is(
    .swamp-v3-hero-inner,
    .swamp-v3-inner,
    .swamp-v3-container,
    .swamp-v3-grid,
    .swamp-v3-hero-grid,
    .swamp-v3-layout,
    .swamp-v3-content,
    .swamp-v3-stage-inner,
    .swamp-v3-command-grid,
    .swamp-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(
    .swamp-v3-copy,
    .swamp-v3-hero-copy,
    .swamp-v3-intro,
    .swamp-v3-left,
    .swamp-v3-content-left
) {
    margin-top: 0 !important;
    padding-top: 0 !important;

    align-self: start !important;

    transform: none !important;
}


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

body :is(
    .swamp-v3-right,
    .swamp-v3-core,
    .swamp-v3-panel,
    .swamp-v3-vault,
    .swamp-v3-radar,
    .swamp-v3-telemetry,
    .swamp-v3-terminal,
    .swamp-v3-identity,
    .swamp-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*="swamp-v3-hero"] {
    min-height: 0 !important;
}

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

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


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

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


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

@media(max-width: 1000px) {

    body :is(
        .swamp-v3-hero,
        .swamp-v3-world,
        .swamp-v3-stage,
        .swamp-v3-shell,
        .swamp-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(
        .swamp-v3-hero,
        .swamp-v3-world,
        .swamp-v3-stage,
        .swamp-v3-shell,
        .swamp-v3-arena
    ) {
        margin-top: 6px !important;

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

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

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

}

/* BULLFROG FINAL V3 TOP SPACING NORMALIZER END */

/* BULLFROG FINAL TINY HEADER GAP START */

/* ======================================================
   SWAMP — 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(
    .swamp-v3-hero,
    .swamp-v3-world,
    .swamp-v3-stage,
    .swamp-v3-shell,
    .swamp-v3-arena,
    .swamp-v3-command,
    .swamp-v3-terminal,
    .swamp-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(
        .swamp-v3-hero,
        .swamp-v3-world,
        .swamp-v3-stage,
        .swamp-v3-shell,
        .swamp-v3-arena
    ) {
        margin-top: 12px !important;
    }

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

}

/* Mobile */

@media(max-width:650px) {

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

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

}

/* BULLFROG FINAL TINY HEADER GAP END */