/*
 ==============================================================
 ORBIT REBORN CMS THEME
 PHASE 1

 Nur klassische Website/CMS.
 web/html5 wird davon NICHT beeinflusst.
 ==============================================================
*/


:root {

    --or-bg:
        #02070d;

    --or-panel:
        rgba(5,17,27,.94);

    --or-panel-2:
        rgba(9,27,40,.94);

    --or-line:
        rgba(91,185,228,.30);

    --or-line-bright:
        rgba(119,218,255,.66);

    --or-cyan:
        #70d9ff;

    --or-cyan-dark:
        #24a8dc;

    --or-gold:
        #d8b66a;

    --or-text:
        #d9e9f2;

    --or-muted:
        #7894a5;

    --or-shadow:
        0 18px 55px rgba(0,0,0,.48);

}


html {

    min-height:
        100%;

    background:
        var(--or-bg);

}


body {

    min-height:
        100vh;

    color:
        var(--or-text);

    font-family:
        "Segoe UI",
        Arial,
        Verdana,
        sans-serif;

    background-color:
        var(--or-bg) !important;

    background-image:

        radial-gradient(
            circle at 50% -20%,
            rgba(33,129,180,.22),
            transparent 38rem
        ),

        radial-gradient(
            circle at 100% 20%,
            rgba(5,86,131,.13),
            transparent 30rem
        ),

        linear-gradient(
            180deg,
            #04111b 0,
            #02070d 48%,
            #010408 100%
        ) !important;

    background-attachment:
        fixed !important;

}


body::before {

    content:
        "";

    position:
        fixed;

    inset:
        0;

    z-index:
        -1;

    pointer-events:
        none;

    opacity:
        .32;

    background-image:

        linear-gradient(
            rgba(74,163,207,.04) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(74,163,207,.03) 1px,
            transparent 1px
        );

    background-size:
        42px 42px;

}


a {

    color:
        #a7dfff;

    transition:
        .16s ease;

}


a:hover,
a:focus {

    color:
        #ffffff;

    text-decoration:
        none;

}


.container {

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

}


main.container {

    position:
        relative;

    padding-top:
        18px;

    padding-bottom:
        30px;

}


/* ==============================================================
   HEADER
   ============================================================== */


header.container {

    margin-top:
        10px;

    padding:
        0;

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

    background:

        linear-gradient(
            180deg,
            rgba(12,35,51,.96),
            rgba(3,14,23,.96)
        );

    box-shadow:
        var(--or-shadow);

}


#userinfo-nav {

    min-height:
        35px;

    padding:
        0 10px;

    border-bottom:
        1px solid
        rgba(100,190,230,.18);

    background:
        rgba(0,5,9,.48);

}


#userinfo-nav ul {

    margin:
        0;

    padding:
        0;

    display:
        flex;

    align-items:
        center;

    min-height:
        34px;

}


#userinfo-nav li {

    list-style:
        none;

    display:
        flex;

    align-items:
        center;

    gap:
        5px;

    min-height:
        34px;

    padding:
        0 10px;

    border-right:
        1px solid
        rgba(92,168,204,.12);

    color:
        var(--or-muted);

    font-size:
        11px;

}


#userinfo-nav .pull-right li {

    border-right:
        0;

    border-left:
        1px solid
        rgba(92,168,204,.12);

}


#userinfo-nav .uri {

    color:
        #f1c868;

    font-weight:
        700;

}


#userinfo-nav .cre {

    color:
        #dce6ec;

    font-weight:
        700;

}


#main-nav {

    position:
        relative;

    min-height:
        82px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        10px 16px;

}


#main-nav ul {

    margin:
        0;

    padding:
        0;

}


#main-nav > .header-buttons {

    display:
        flex;

    align-items:
        center;

    flex:
        1;

}


#main-nav #left-buttons {

    justify-content:
        flex-end;

    padding-right:
        112px;

}


#main-nav #right-buttons {

    justify-content:
        flex-start;

    padding-left:
        112px;

}


#main-nav .header-buttons > ul {

    display:
        flex;

    align-items:
        center;

}


#main-nav li.header_button {

    list-style:
        none;

    margin:
        0 3px;

    background:
        none !important;

    width:
        auto !important;

    height:
        auto !important;

}


#main-nav li.header_button a {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        102px;

    min-height:
        36px;

    padding:
        0 13px;

    border:
        1px solid
        rgba(83,177,219,.28);

    border-radius:
        2px;

    background:

        linear-gradient(
            180deg,
            rgba(18,51,70,.80),
            rgba(5,20,31,.92)
        );

    color:
        #bcd7e5;

    font-size:
        11px;

    letter-spacing:
        .06em;

    text-transform:
        uppercase;

}


#main-nav li.header_button a:hover {

    border-color:
        var(--or-line-bright);

    color:
        #fff;

    background:

        linear-gradient(
            180deg,
            rgba(24,78,105,.88),
            rgba(5,28,42,.96)
        );

    box-shadow:
        0 0 18px
        rgba(53,176,224,.15);

}


/*
 Das alte Logo-Bild bleibt technisch im DOM.
 Sichtbar wird unser Orbit-Reborn-Schriftzug.
*/

#main-nav .main-logo {

    position:
        absolute;

    left:
        50%;

    top:
        50%;

    width:
        196px;

    height:
        62px;

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

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

}


#main-nav .main-logo img {

    display:
        none !important;

}


#main-nav .main-logo::before {

    content:
        "ORBIT";

    color:
        #dff7ff;

    font-size:
        27px;

    line-height:
        .9;

    font-weight:
        300;

    letter-spacing:
        .30em;

    margin-left:
        .30em;

    text-shadow:
        0 0 17px
        rgba(87,206,255,.38);

}


#main-nav .main-logo::after {

    content:
        "REBORN";

    margin-top:
        6px;

    color:
        var(--or-gold);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .58em;

    margin-left:
        .58em;

}


/* ==============================================================
   PANELS
   ============================================================== */


.box,
.upper-box,
#tabs-container,
#stats-corner,
.login-form-wrapper {

    border-color:
        var(--or-line) !important;

    box-shadow:
        var(--or-shadow);

}


.box,
#tabs-container,
#stats-corner {

    background:

        linear-gradient(
            180deg,
            rgba(10,30,44,.96),
            rgba(3,12,20,.96)
        ) !important;

}


.sky-header,
.nav-tabs {

    border-bottom-color:
        rgba(104,190,228,.22) !important;

}


.nav-tabs > li > a {

    color:
        #819dad !important;

    border:
        0 !important;

    background:
        rgba(5,16,25,.55) !important;

}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover {

    color:
        #eaf8ff !important;

    background:

        linear-gradient(
            180deg,
            rgba(27,73,96,.85),
            rgba(7,28,41,.90)
        ) !important;

    box-shadow:

        inset 0 -2px
        var(--or-cyan-dark);

}


/* ==============================================================
   FORMULARE
   ============================================================== */


.form-control,
.form-input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {

    color:
        #ddecf4 !important;

    border:
        1px solid
        rgba(80,155,190,.35) !important;

    background:
        rgba(0,8,13,.72) !important;

    box-shadow:

        inset 0 1px 7px
        rgba(0,0,0,.26) !important;

}


.form-control:focus,
.form-input:focus,
input:focus,
select:focus,
textarea:focus {

    outline:
        none !important;

    border-color:
        rgba(103,211,255,.75) !important;

}


.btn,
.form-button,
.uu_button {

    border:
        1px solid
        rgba(93,199,240,.44) !important;

    border-radius:
        2px !important;

    background:

        linear-gradient(
            180deg,
            #164e6a,
            #0a293c
        ) !important;

    color:
        #e8f8ff !important;

    text-shadow:
        0 1px #000;

}


.btn:hover,
.form-button:hover,
.uu_button:hover {

    border-color:
        #77dfff !important;

    background:

        linear-gradient(
            180deg,
            #1d688a,
            #0b354c
        ) !important;

}


/* ==============================================================
   LOGIN
   ============================================================== */


body.external main.container,
body.externalRecovery main.container {

    width:
        100%;

    max-width:
        none;

    min-height:
        calc(100vh - 30px);

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        32px 18px;

}


body.external #extBg {

    position:
        relative;

    width:
        min(
            1060px,
            100%
        );

    min-height:
        650px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    padding:
        45px;

    border:
        1px solid
        rgba(93,188,229,.22);

    background-color:
        #02080e !important;

    background-position:
        center !important;

    background-size:
        cover !important;

    box-shadow:
        0 35px 100px
        rgba(0,0,0,.58);

    overflow:
        hidden;

}


body.external #extBg::after {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    background:

        linear-gradient(
            90deg,
            rgba(1,8,13,.08),
            rgba(2,10,17,.68) 52%,
            rgba(2,9,15,.93)
        );

    pointer-events:
        none;

}


#logo {

    display:
        none !important;

}


.or-login-brand {

    position:
        absolute;

    left:
        64px;

    top:
        78px;

    z-index:
        2;

    display:
        flex;

    flex-direction:
        column;

    width:
        360px;

}


.or-brand-orbit {

    color:
        #e3f7ff;

    font-size:
        56px;

    line-height:
        .88;

    font-weight:
        200;

    letter-spacing:
        .27em;

    margin-left:
        .27em;

    text-shadow:

        0 0 30px
        rgba(62,191,242,.28);

}


.or-brand-reborn {

    margin-top:
        12px;

    color:
        var(--or-gold);

    font-size:
        18px;

    font-weight:
        800;

    letter-spacing:
        .67em;

    margin-left:
        .67em;

}


.or-login-brand small {

    margin-top:
        26px;

    padding-top:
        13px;

    border-top:
        1px solid
        rgba(96,189,229,.28);

    color:
        #557787;

    font-size:
        10px;

    letter-spacing:
        .40em;

    text-align:
        center;

}


body.external .login-form-wrapper,
body.externalRecovery .login-form-wrapper {

    position:
        relative;

    z-index:
        3;

    width:
        min(
            390px,
            100%
        );

    margin:
        0;

    padding:
        0;

    border:
        1px solid
        rgba(102,197,237,.28);

    border-radius:
        3px;

    background:

        linear-gradient(
            180deg,
            rgba(9,29,43,.94),
            rgba(2,11,18,.97)
        );

    overflow:
        hidden;

}


.login-form-wrapper .tab-content {

    padding:
        28px;

}


.login-form,
.register-form,
.recovery-form {

    display:
        grid;

    gap:
        12px;

}


.login-form .form-input,
.register-form .form-input,
.recovery-form .form-input {

    width:
        100%;

    min-height:
        43px;

    padding:
        0 13px;

}


.login-form .form-button,
.register-form .form-button,
.recovery-form .form-button {

    min-height:
        43px;

    width:
        100%;

    margin-top:
        5px;

    text-transform:
        uppercase;

    letter-spacing:
        .12em;

    font-weight:
        700;

}


body.externalRecovery main.container {

    flex-direction:
        column;

}


body.externalRecovery .or-login-brand {

    position:
        relative;

    left:
        auto;

    top:
        auto;

    width:
        min(
            390px,
            100%
        );

    margin:
        0 auto 20px;

}


.or-back-login {

    display:
        block;

    margin-top:
        7px;

    text-align:
        center;

    color:
        #7396a8;

    font-size:
        11px;

}


/* ==============================================================
   STARTSEITE
   ============================================================== */


body.internalStart #playerInfo-tv-container {

    position:
        relative;

    border:
        1px solid
        rgba(87,177,218,.22);

    background:

        radial-gradient(
            circle at 35% 48%,
            rgba(46,165,214,.14),
            transparent 16rem
        ),

        linear-gradient(
            180deg,
            rgba(7,25,38,.90),
            rgba(2,9,15,.96)
        );

    box-shadow:
        var(--or-shadow);

}


body.internalStart #playerInfo-tv-container::before {

    content:
        "COMMAND DECK";

    position:
        absolute;

    left:
        18px;

    top:
        14px;

    color:
        rgba(125,190,219,.45);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .27em;

}


body.internalStart #player-ship-box > a {

    position:
        relative;

    display:
        block;

}


body.internalStart #player-ship-box > a::after {

    content:
        "SPIEL STARTEN";

    position:
        absolute;

    left:
        50%;

    bottom:
        -34px;

    transform:
        translateX(-50%);

    min-width:
        150px;

    padding:
        8px 13px;

    border:
        1px solid
        rgba(104,210,250,.50);

    background:

        linear-gradient(
            180deg,
            rgba(17,79,106,.92),
            rgba(5,31,46,.96)
        );

    color:
        #e9fbff;

    text-align:
        center;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .15em;

    box-shadow:

        0 7px 20px
        rgba(0,0,0,.35);

}


body.internalStart #player-ship-box > a:hover::after {

    border-color:
        #8be6ff;

    filter:
        brightness(1.15);

}


body.internalStart #ship {

    filter:

        drop-shadow(
            0 15px 22px
            rgba(0,0,0,.50)
        );

}


/* ==============================================================
   FOOTER
   ============================================================== */


.or-footer {

    margin-top:
        18px;

    margin-bottom:
        18px;

    padding:
        0;

    border:
        1px solid
        rgba(87,171,210,.18);

    background:
        rgba(2,10,16,.86);

    box-shadow:

        0 12px 35px
        rgba(0,0,0,.28);

}


.or-footer .footer-inner {

    min-height:
        70px;

    display:
        grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items:
        center;

    gap:
        20px;

    padding:
        12px 18px;

}


.or-footer-brand {

    display:
        flex;

    flex-direction:
        column;

}


.or-footer-brand strong {

    color:
        #dff6ff;

    letter-spacing:
        .20em;

}


.or-footer-brand span,
.or-footer-center small {

    color:
        #58798a;

    font-size:
        10px;

}


.or-footer-center {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    color:
        #7f9dac;

    font-size:
        11px;

}


.or-footer-links {

    display:
        flex;

    justify-content:
        flex-end;

    gap:
        16px;

}


.or-footer-links a {

    color:
        #7598aa;

    font-size:
        10px;

    text-transform:
        uppercase;

}


/*
 Alter EPVP-Link aus der historischen Vorlage.
*/

#external-backlink,
#footer-backlink {

    display:
        none !important;

}


/* ==============================================================
   RESPONSIVE
   ============================================================== */


@media(max-width:1000px) {

    #main-nav {

        padding-top:
            70px;

        flex-wrap:
            wrap;

    }


    #main-nav .main-logo {

        top:
            38px;

    }


    #main-nav #left-buttons,
    #main-nav #right-buttons {

        padding:
            0;

        justify-content:
            center;

    }


    #main-nav li.header_button a {

        min-width:
            86px;

        padding:
            0 9px;

        font-size:
            10px;

    }

}


@media(max-width:760px) {

    .container {

        width:
            calc(100% - 12px);

    }


    #userinfo-nav {

        overflow:
            auto;

    }


    #userinfo-nav ul {

        min-width:
            max-content;

    }


    #main-nav {

        display:
            block;

        padding:
            76px 6px 8px;

    }


    #main-nav > .header-buttons {

        display:
            block;

        padding:
            0 !important;

    }


    #main-nav .header-buttons > ul {

        display:
            grid;

        grid-template-columns:
            1fr 1fr;

        gap:
            4px;

        margin-bottom:
            4px;

    }


    #main-nav li.header_button {

        margin:
            0;

    }


    #main-nav li.header_button a {

        width:
            100%;

    }


    body.external #extBg {

        min-height:
            620px;

        justify-content:
            center;

        padding:
            180px 18px 28px;

    }


    .or-login-brand {

        left:
            50%;

        top:
            50px;

        width:
            min(
                350px,
                calc(100% - 36px)
            );

        transform:
            translateX(-50%);

    }


    .or-brand-orbit {

        font-size:
            42px;

    }


    .or-footer .footer-inner {

        grid-template-columns:
            1fr;

        text-align:
            center;

    }


    .or-footer-brand,
    .or-footer-links {

        align-items:
            center;

        justify-content:
            center;

    }

}

/* ORBIT-REBORN-PHASE2-BEGIN */

/* ============================================================
   HANGAR
   ============================================================ */

body.internalHangar main.container::before,
body.internalShop main.container::before{
    display:block;
    margin:0 0 12px;
    color:#dff6ff;
    font-size:20px;
    font-weight:300;
    letter-spacing:.18em;
}

body.internalHangar main.container::before{
    content:"HANGAR DECK";
}

body.internalShop main.container::before{
    content:"ORBIT REBORN MARKET";
}


body.internalHangar #hangar-info-container{
    position:relative;
    min-height:250px;
    margin-bottom:12px;
    padding:18px;
    border:1px solid var(--or-line);
    background:
        radial-gradient(circle at 43% 48%,rgba(45,170,218,.15),transparent 17rem),
        linear-gradient(180deg,rgba(9,29,43,.96),rgba(2,11,18,.97));
    box-shadow:var(--or-shadow);
}


body.internalHangar #ship-info-container{
    min-height:210px;
    padding:14px;
    border-right:1px solid rgba(94,184,225,.16);
}


body.internalHangar .ship-info{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:38px;
    padding:5px 8px;
    margin-bottom:4px;
    border-bottom:1px solid rgba(94,184,225,.10);
}


body.internalHangar .ship-info h3{
    margin:0;
    color:#7899aa;
    font-size:11px;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:.08em;
}


body.internalHangar .ship-info span{
    color:#e5f4fb;
    font-size:13px;
    font-weight:700;
}


body.internalHangar .player-ship-view{
    min-height:210px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}


body.internalHangar .ship-box,
body.internalHangar .drone-box,
body.internalHangar .pet-box{
    position:relative;
    cursor:pointer;
    border:1px solid rgba(92,183,225,.18);
    background:rgba(0,8,14,.42);
    transition:.16s ease;
}


body.internalHangar .ship-box:hover,
body.internalHangar .drone-box:hover,
body.internalHangar .pet-box:hover,
body.internalHangar .ship-box.active,
body.internalHangar .drone-box.active,
body.internalHangar .pet-box.active{
    border-color:rgba(112,217,255,.7);
    background:rgba(13,68,93,.35);
    box-shadow:0 0 20px rgba(69,187,232,.15);
}


body.internalHangar .ship-box img,
body.internalHangar .drone-box img,
body.internalHangar .pet-box img{
    object-fit:contain;
    filter:drop-shadow(0 10px 15px rgba(0,0,0,.5));
}


body.internalHangar .hangar-container{
    padding:7px;
    border:1px solid rgba(91,180,221,.16);
    background:rgba(0,7,12,.46);
}


body.internalHangar .hangar-slot{
    position:relative;
    min-height:68px;
    border:1px solid rgba(76,149,184,.16);
    background:rgba(4,17,27,.72);
    cursor:pointer;
}


body.internalHangar .hangar-slot:hover{
    border-color:rgba(91,201,244,.55);
}


body.internalHangar .hangar-slot.active{
    border-color:#6bd9ff;
    background:rgba(21,83,108,.42);
    box-shadow:inset 0 -2px #49c4ef;
}


body.internalHangar #hangar-equipment-container{
    position:relative;
    min-height:560px;
    overflow:hidden;
    border:1px solid var(--or-line);
    background:
        linear-gradient(180deg,rgba(8,27,40,.96),rgba(2,10,17,.98));
    box-shadow:var(--or-shadow);
}


body.internalHangar #config-tabs-container{
    min-height:560px;
    padding:14px;
    border-right:1px solid rgba(89,177,217,.16);
}


body.internalHangar #config-navbar{
    display:flex;
    gap:8px;
    align-items:center;
    margin-bottom:10px;
}


body.internalHangar #config-navbar #design-select{
    flex:1;
}


body.internalHangar #reset-config{
    flex:none;
    min-height:34px;
}


body.internalHangar .config-tab-content{
    position:relative;
    min-height:485px;
    padding:12px;
    border:1px solid rgba(82,163,201,.14);
    background:rgba(0,7,12,.35);
}


body.internalHangar .ship-equipment-container,
body.internalHangar .pet-equipment-container,
body.internalHangar .drone-equipment-container{
    min-height:420px;
}


body.internalHangar .ship-equipment-box,
body.internalHangar .pet-equipment-box{
    border:1px solid rgba(81,166,205,.18);
    background:
        radial-gradient(circle,rgba(38,132,171,.10),transparent 70%);
}


body.internalHangar .ship-equipment-slots,
body.internalHangar .pet-equipment-slots{
    border-color:rgba(91,181,220,.20) !important;
}


body.internalHangar .ship-inventory-container{
    min-height:560px;
    padding:14px;
    background:
        linear-gradient(180deg,rgba(7,23,35,.96),rgba(2,10,16,.98));
}


body.internalHangar #filter-select{
    margin-bottom:10px;
}


body.internalHangar .ship-inventory-content{
    min-height:490px;
    padding:7px;
    border:1px solid rgba(87,170,207,.16);
    background:rgba(0,7,12,.44);
}


body.internalHangar .loading-screen{
    background:rgba(1,8,13,.92) !important;
}


body.internalHangar .loading-screen-caption{
    color:#8cdfff !important;
    font-size:14px;
    letter-spacing:.10em;
}


/* ============================================================
   SHOP
   ============================================================ */

body.internalShop .shop-body{
    overflow:hidden;
    border:1px solid var(--or-line);
    background:
        linear-gradient(180deg,rgba(9,29,43,.97),rgba(2,10,17,.98));
    box-shadow:var(--or-shadow);
}


body.internalShop .shop-header{
    border-bottom:1px solid rgba(93,184,225,.20);
    background:rgba(1,9,15,.64);
}


body.internalShop .shop-navigation{
    overflow-x:auto;
}


body.internalShop .shop-navigation ul{
    min-width:max-content;
    margin:0;
}


body.internalShop .shop-navigation li{
    float:none;
    display:inline-block;
    width:auto;
}


body.internalShop .shop-navigation li a{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 15px;
    border-right:1px solid rgba(84,163,200,.12);
    color:#7899aa;
    font-size:10px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}


body.internalShop .shop-navigation li.active a,
body.internalShop .shop-navigation li a:hover{
    color:#eaf9ff;
    background:
        linear-gradient(180deg,rgba(23,75,99,.76),rgba(4,24,36,.90));
    box-shadow:inset 0 -2px #55c9ef;
}


body.internalShop .shop-inner{
    padding:14px;
}


body.internalShop #item-info-box{
    padding:0;
    margin-bottom:12px;
}


body.internalShop .single-item-inner{
    min-height:230px;
    border:1px solid rgba(91,178,217,.19);
    background:
        radial-gradient(circle at 15% 50%,rgba(38,143,184,.12),transparent 14rem),
        rgba(1,9,15,.46);
}


body.internalShop .single-item-image{
    min-height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
}


body.internalShop .single-item-image img{
    max-width:190px;
    max-height:180px;
    object-fit:contain;
    filter:drop-shadow(0 15px 20px rgba(0,0,0,.5));
}


body.internalShop .single-item-content{
    min-height:220px;
}


body.internalShop .single-item-description{
    padding:18px;
}


body.internalShop .single-item-description h3{
    color:#dff5ff;
    font-weight:400;
}


body.internalShop .single-item-description p,
body.internalShop .single-item-description li{
    color:#8ba5b3;
}


body.internalShop .single-item-buy-menu{
    min-height:220px;
    padding:18px;
    border-left:1px solid rgba(87,170,208,.16);
    background:rgba(0,7,12,.32);
}


body.internalShop .amount-select{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
}


body.internalShop .add-button{
    cursor:pointer;
    padding:5px 8px;
    border:1px solid rgba(89,177,218,.25);
    background:rgba(9,37,53,.78);
    color:#9dcadd;
    font-size:10px;
}


body.internalShop .add-button:hover{
    border-color:#66d5fb;
    color:#fff;
}


body.internalShop .item-quantity{
    width:100%;
    margin-top:5px;
}


body.internalShop .item-quantity-label{
    display:block;
    width:100%;
    color:#688697;
    font-size:10px;
}


body.internalShop .level-select{
    display:flex;
    gap:4px;
    margin:10px 0;
}


body.internalShop .lvl-btn{
    flex:1;
    font-size:10px;
}


body.internalShop .lvl-btn.selected{
    border-color:#e0bc69 !important;
    box-shadow:inset 0 -2px #d9b45f;
}


body.internalShop .item-price{
    display:block;
    min-height:34px;
    margin:8px 0;
    color:#e1c477;
    font-size:16px;
    font-weight:700;
}


body.internalShop .buy-btn{
    display:block;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.08em;
}


body.internalShop .item-list{
    min-height:360px;
    max-height:500px;
    padding:8px;
    border:1px solid rgba(86,170,210,.16);
    background:rgba(0,7,12,.42);
}


/* Dynamisch von shop.js/equipment.js erzeugte Kacheln */
body.internalShop .item,
body.internalShop .shop-item,
body.internalShop [data-item-id],
body.internalHangar .inventory-item,
body.internalHangar .equipment-item{
    transition:
        border-color .15s ease,
        background .15s ease,
        transform .15s ease;
}


body.internalShop .item:hover,
body.internalShop .shop-item:hover,
body.internalShop [data-item-id]:hover,
body.internalHangar .inventory-item:hover,
body.internalHangar .equipment-item:hover{
    border-color:rgba(102,207,247,.60) !important;
    background-color:rgba(16,57,76,.45) !important;
}


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

@media(max-width:800px){

    body.internalHangar #hangar-info-container{
        display:block;
    }

    body.internalHangar #ship-info-container,
    body.internalHangar .player-ship-view,
    body.internalHangar #hangar-info-container > div{
        width:100% !important;
        margin-left:0 !important;
    }

    body.internalHangar #config-tabs-container,
    body.internalHangar .ship-inventory-container{
        width:100% !important;
        border-right:0;
    }

    body.internalShop .single-item-description,
    body.internalShop .single-item-buy-menu{
        width:100% !important;
    }

    body.internalShop .single-item-buy-menu{
        border-left:0;
        border-top:1px solid rgba(87,170,208,.16);
    }

}

/* ORBIT-REBORN-PHASE2-END */

/* ORBIT-PHASE1-1-BEGIN */


/* ==========================================================
   HEADER / NAVIGATION
   ========================================================== */

#main-nav{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        190px
        minmax(0,1fr) !important;

    align-items:center !important;

    gap:18px !important;

    min-height:106px !important;

    padding:14px 22px !important;
}


/*
 Die alte Seite enthält verschachtelte ULs.
 display:contents macht daraus optisch wieder eine
 saubere Vierer-Navigation.
*/

#main-nav #left-buttons,
#main-nav #right-buttons{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(110px,1fr)) !important;

    grid-auto-rows:38px !important;

    gap:7px !important;

    position:static !important;

    float:none !important;

    width:auto !important;

    height:auto !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    list-style:none !important;
}


#main-nav #left-buttons{
    grid-column:1 !important;
    grid-row:1 !important;
}


#main-nav #right-buttons{
    grid-column:3 !important;
    grid-row:1 !important;
}


#main-nav #left-buttons > ul,
#main-nav #right-buttons > ul{
    display:contents !important;

    position:static !important;

    float:none !important;

    width:auto !important;

    height:auto !important;

    margin:0 !important;

    padding:0 !important;
}


#main-nav .main-left-buttons,
#main-nav .main-right-buttons{
    position:static !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    float:none !important;

    margin:0 !important;

    padding:0 !important;

    width:auto !important;
    height:auto !important;
}


#main-nav li.header_button{
    position:static !important;

    float:none !important;

    width:auto !important;

    height:38px !important;

    margin:0 !important;

    padding:0 !important;
}


#main-nav li.header_button a{
    width:100% !important;

    min-width:0 !important;

    min-height:38px !important;

    height:38px !important;

    padding:0 10px !important;

    box-sizing:border-box !important;
}


/* Logo wieder exakt in die Mitte */

#main-nav .main-logo{
    position:relative !important;

    grid-column:2 !important;

    grid-row:1 !important;

    justify-self:center !important;

    left:auto !important;

    top:auto !important;

    transform:none !important;

    margin:0 !important;
}


/* Nachrichtensymbol direkt unter das Logo */

#main-nav .inbox{
    left:50% !important;

    top:auto !important;

    bottom:-9px !important;

    transform:
        translateX(-50%) !important;

    z-index:5 !important;
}


/* ==========================================================
   STARTSEITE
   ========================================================== */

body.internalStart #player-info-name .title{
    color:#7397a9 !important;

    opacity:.55;

    font-size:30px !important;

    font-weight:300 !important;

    letter-spacing:.04em;

    text-shadow:
        0 0 18px rgba(64,184,226,.12);
}


/*
 Der alte Level-Balken besitzt einen weißen Hintergrund.
*/

body.internalStart #level-progress{
    position:relative !important;

    height:34px !important;

    margin-top:28px !important;

    overflow:hidden !important;

    border:
        1px solid
        rgba(91,185,228,.32) !important;

    border-radius:1px !important;

    background:
        rgba(0,8,14,.75) !important;

    box-shadow:
        inset 0 0 12px
        rgba(0,0,0,.45) !important;
}


body.internalStart #level-progress > span{
    position:absolute !important;

    inset:0 !important;

    z-index:3 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    color:#d9edf6 !important;

    font-size:11px !important;

    font-weight:700 !important;

    letter-spacing:.10em !important;

    text-shadow:
        0 1px 2px #000 !important;
}


body.internalStart #level-progress .progress-bar{
    position:absolute !important;

    left:0 !important;

    top:0 !important;

    bottom:0 !important;

    height:100% !important;

    background:
        linear-gradient(
            90deg,
            #0b5578,
            #2da7d3
        ) !important;

    box-shadow:
        0 0 15px
        rgba(66,190,235,.25) !important;
}


/* TV etwas sauberer, solange dessen Inhalte noch fehlen */

body.internalStart #tv-box{
    border:
        1px solid
        rgba(95,183,223,.22) !important;

    background:
        rgba(1,9,15,.38) !important;
}


body.internalStart #tv-off{
    opacity:.55;

    transition:
        opacity .18s ease,
        filter .18s ease;
}


body.internalStart #tv-off:hover{
    opacity:.9;

    filter:
        brightness(1.25);
}


/* P.E.T. und Drohne nicht quer über das Schiff legen */

body.internalStart #player-ship-box #drone{
    position:absolute !important;

    left:20px !important;

    bottom:28px !important;

    max-width:55px !important;

    max-height:55px !important;

    object-fit:contain !important;
}


body.internalStart #player-ship-box #pet{
    position:absolute !important;

    right:18px !important;

    bottom:20px !important;

    max-width:82px !important;

    max-height:82px !important;

    object-fit:contain !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1000px){

    #main-nav{
        grid-template-columns:
            1fr !important;

        padding:
            78px 10px 12px !important;
    }


    #main-nav #left-buttons,
    #main-nav #right-buttons{
        grid-column:1 !important;

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


    #main-nav #left-buttons{
        grid-row:2 !important;
    }


    #main-nav #right-buttons{
        grid-row:3 !important;
    }


    #main-nav .main-logo{
        position:absolute !important;

        left:50% !important;

        top:10px !important;

        transform:
            translateX(-50%) !important;
    }

}


/* ORBIT-PHASE1-1-END */

/* ORBIT-PHASE1-2-BEGIN */


/* =========================================================
   POST / NACHRICHTEN
   ========================================================= */

#main-nav{
    position:relative !important;
}


#main-nav .inbox{
    position:absolute !important;

    left:50% !important;
    right:auto !important;

    top:auto !important;
    bottom:6px !important;

    transform:translateX(-50%) !important;

    float:none !important;

    margin:0 !important;

    z-index:30 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    min-width:42px !important;
    height:18px !important;

    white-space:nowrap !important;
}


#main-nav .inbox span{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    margin:0 0 0 18px !important;

    color:#d8eaf3 !important;

    font-size:10px !important;

    line-height:18px !important;
}


/* =========================================================
   COMMAND DECK / SCHIFF
   ========================================================= */

body.internalStart #player-ship-box{
    position:absolute !important;

    left:50% !important;
    top:50% !important;

    right:auto !important;
    bottom:auto !important;

    transform:translate(-50%,-48%) !important;

    width:460px !important;
    max-width:46% !important;

    height:245px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;
}


body.internalStart #player-ship-box > a{
    position:absolute !important;

    left:50% !important;
    top:50% !important;

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

    z-index:5 !important;

    margin:0 !important;

    display:block !important;
}


body.internalStart #player-ship-box #ship{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    display:block !important;

    max-width:245px !important;
    max-height:205px !important;

    margin:0 auto !important;

    object-fit:contain !important;

    z-index:5 !important;
}


/* =========================================================
   DROHNE
   links unterhalb des Hauptschiffes
   ========================================================= */

body.internalStart #player-ship-box #drone{
    position:absolute !important;

    left:50% !important;
    right:auto !important;

    top:50% !important;
    bottom:auto !important;

    transform:translate(-190px,55px) !important;

    width:auto !important;
    height:auto !important;

    max-width:58px !important;
    max-height:58px !important;

    margin:0 !important;

    object-fit:contain !important;

    z-index:7 !important;

    filter:
        drop-shadow(0 5px 7px rgba(0,0,0,.75)) !important;
}


/* =========================================================
   P.E.T.
   rechts unterhalb des Hauptschiffes
   ========================================================= */

body.internalStart #player-ship-box #pet{
    position:absolute !important;

    left:50% !important;
    right:auto !important;

    top:50% !important;
    bottom:auto !important;

    transform:translate(132px,43px) !important;

    width:auto !important;
    height:auto !important;

    max-width:72px !important;
    max-height:72px !important;

    margin:0 !important;

    object-fit:contain !important;

    z-index:7 !important;

    filter:
        drop-shadow(0 5px 8px rgba(0,0,0,.75)) !important;
}


/*
 Alte Regeln dürfen keine zweite Position mehr erzwingen.
*/

body.internalStart #player-ship-box #drone,
body.internalStart #player-ship-box #pet{
    float:none !important;
}


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

@media(max-width:760px){

    body.internalStart #player-ship-box{
        width:330px !important;
        max-width:94% !important;
    }


    body.internalStart #player-ship-box #ship{
        max-width:200px !important;
        max-height:170px !important;
    }


    body.internalStart #player-ship-box #drone{
        transform:translate(-145px,52px) !important;

        max-width:46px !important;
        max-height:46px !important;
    }


    body.internalStart #player-ship-box #pet{
        transform:translate(100px,43px) !important;

        max-width:58px !important;
        max-height:58px !important;
    }

}


/* ORBIT-PHASE1-2-END */

/* ORBIT-PHASE1-3-BEGIN */


/*
    Startseite:
    Drohne und P.E.T. näher an das Hauptschiff.
*/

body.internalStart #player-ship-box #drone{
    left:50% !important;
    top:50% !important;

    transform:
        translate(-125px,58px) !important;

    max-width:52px !important;
    max-height:52px !important;

    z-index:8 !important;
}


body.internalStart #player-ship-box #pet{
    left:50% !important;
    top:50% !important;

    transform:
        translate(82px,48px) !important;

    max-width:68px !important;
    max-height:68px !important;

    z-index:8 !important;
}


/*
    Beide Grafiken bleiben vollständig
    innerhalb des Command Decks.
*/

body.internalStart #player-ship-box{
    overflow:visible !important;
}


/* Mobile */

@media(max-width:760px){

    body.internalStart #player-ship-box #drone{
        transform:
            translate(-105px,55px) !important;

        max-width:44px !important;
        max-height:44px !important;
    }


    body.internalStart #player-ship-box #pet{
        transform:
            translate(70px,48px) !important;

        max-width:54px !important;
        max-height:54px !important;
    }

}


/* ORBIT-PHASE1-3-END */

/* ORBIT-PHASE2A-BEGIN */


/* =========================================================
   HANGAR
   ========================================================= */

body.internalHangar main.container::before{
    content:"HANGAR DECK";

    display:block;

    margin:
        4px 0 14px;

    color:#d9f4ff;

    font-size:20px;
    font-weight:300;

    letter-spacing:.20em;
}


body.internalHangar #hangar-info-container{
    position:relative;

    min-height:250px;

    margin-bottom:12px;

    padding:16px;

    border:
        1px solid
        rgba(91,185,228,.28);

    background:
        radial-gradient(
            circle at 40% 50%,
            rgba(40,145,190,.12),
            transparent 18rem
        ),
        linear-gradient(
            180deg,
            rgba(8,29,43,.96),
            rgba(2,10,17,.98)
        );

    box-shadow:
        0 18px 55px rgba(0,0,0,.40);
}


body.internalHangar #ship-info-container{
    min-height:215px;

    padding:12px;

    border-right:
        1px solid
        rgba(91,185,228,.16);
}


body.internalHangar .ship-info{
    min-height:42px;

    display:flex;

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

    padding:
        6px 9px;

    border-bottom:
        1px solid
        rgba(91,185,228,.10);
}


body.internalHangar .ship-info h3{
    margin:0;

    color:#7899aa;

    font-size:11px;

    text-transform:uppercase;

    letter-spacing:.09em;
}


body.internalHangar .ship-info span{
    color:#e4f5fc;

    font-weight:700;
}


body.internalHangar .player-ship-view{
    min-height:215px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:8px;
}


body.internalHangar .ship-box,
body.internalHangar .drone-box,
body.internalHangar .pet-box{
    position:relative;

    display:flex;

    align-items:center;
    justify-content:center;

    min-width:76px;
    min-height:76px;

    padding:6px;

    cursor:pointer;

    border:
        1px solid
        rgba(91,185,228,.20);

    background:
        rgba(0,8,14,.45);

    transition:.16s ease;
}


body.internalHangar .ship-box{
    min-width:150px;
    min-height:150px;
}


body.internalHangar .ship-box:hover,
body.internalHangar .drone-box:hover,
body.internalHangar .pet-box:hover,
body.internalHangar .ship-box.active,
body.internalHangar .drone-box.active,
body.internalHangar .pet-box.active{
    border-color:
        rgba(112,217,255,.68);

    background:
        rgba(14,64,86,.42);

    box-shadow:
        0 0 20px
        rgba(69,187,232,.14);
}


body.internalHangar .ship-box img,
body.internalHangar .drone-box img,
body.internalHangar .pet-box img{
    max-width:100%;
    max-height:135px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 10px 15px rgba(0,0,0,.55)
        );
}


body.internalHangar .hangar-container{
    padding:6px !important;

    border:
        1px solid
        rgba(91,185,228,.18);

    background:
        rgba(0,7,12,.45);
}


body.internalHangar .hangar-slot{
    min-height:67px;

    padding:4px;

    border:
        1px solid
        rgba(91,185,228,.14);

    background:
        rgba(4,17,27,.70);

    cursor:pointer;
}


body.internalHangar .hangar-slot:hover{
    border-color:
        rgba(95,207,247,.52);
}


body.internalHangar .hangar-slot.active{
    border-color:
        #64d4fa;

    background:
        rgba(20,78,103,.46);

    box-shadow:
        inset 0 -2px #4ac4ef;
}


body.internalHangar .hangar-slot img{
    width:100%;
    height:58px;

    object-fit:contain;
}


body.internalHangar #hangar-equipment-container{
    position:relative;

    min-height:580px;

    overflow:hidden;

    border:
        1px solid
        rgba(91,185,228,.25);

    background:
        linear-gradient(
            180deg,
            rgba(8,27,40,.96),
            rgba(2,10,17,.98)
        );

    box-shadow:
        0 18px 55px rgba(0,0,0,.40);
}


body.internalHangar #config-tabs-container{
    min-height:580px;

    padding:14px;

    border-right:
        1px solid
        rgba(91,185,228,.15);
}


body.internalHangar #config-navbar{
    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:10px;
}


body.internalHangar #design-select{
    flex:1;
}


body.internalHangar #reset-config{
    flex:none;

    min-height:34px;
}


body.internalHangar .config-tab-content{
    min-height:500px;

    padding:12px;

    border:
        1px solid
        rgba(91,185,228,.13);

    background:
        rgba(0,7,12,.34);
}


body.internalHangar .ship-equipment-container,
body.internalHangar .pet-equipment-container,
body.internalHangar .drone-equipment-container{
    min-height:440px;
}


body.internalHangar .ship-equipment-box,
body.internalHangar .pet-equipment-box{
    border:
        1px solid
        rgba(91,185,228,.18);

    background:
        radial-gradient(
            circle,
            rgba(39,132,171,.11),
            transparent 70%
        );
}


body.internalHangar .ship-inventory-container{
    min-height:580px;

    padding:14px;

    background:
        linear-gradient(
            180deg,
            rgba(7,23,35,.96),
            rgba(2,10,16,.98)
        );
}


body.internalHangar #filter-select{
    margin-bottom:10px;
}


body.internalHangar .ship-inventory-content{
    min-height:505px;

    padding:7px;

    border:
        1px solid
        rgba(91,185,228,.16);

    background:
        rgba(0,7,12,.44);
}


body.internalHangar .loading-screen{
    background:
        rgba(1,8,13,.94) !important;
}


body.internalHangar .loading-screen-caption{
    color:
        #8cdfff !important;

    letter-spacing:
        .11em;
}


/* =========================================================
   SHOP
   ========================================================= */

body.internalShop main.container::before{
    content:"ORBIT REBORN MARKET";

    display:block;

    margin:
        4px 0 14px;

    color:#d9f4ff;

    font-size:20px;
    font-weight:300;

    letter-spacing:.20em;
}


body.internalShop .shop-body{
    overflow:hidden;

    border:
        1px solid
        rgba(91,185,228,.26);

    background:
        linear-gradient(
            180deg,
            rgba(9,29,43,.97),
            rgba(2,10,17,.98)
        );

    box-shadow:
        0 18px 55px rgba(0,0,0,.40);
}


body.internalShop .shop-header{
    border-bottom:
        1px solid
        rgba(91,185,228,.18);

    background:
        rgba(1,9,15,.68);
}


body.internalShop .shop-navigation{
    overflow-x:auto;
}


body.internalShop .shop-navigation ul{
    display:flex !important;

    width:max-content !important;
    min-width:100% !important;

    margin:0 !important;
}


body.internalShop .shop-navigation li{
    width:auto !important;

    flex:1 0 auto;
}


body.internalShop .shop-navigation li a{
    min-height:46px;

    display:flex;

    align-items:center;
    justify-content:center;

    padding:
        0 15px;

    color:#7899aa;

    font-size:10px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.07em;

    border-right:
        1px solid
        rgba(91,185,228,.10);
}


body.internalShop .shop-navigation li.active a,
body.internalShop .shop-navigation li a:hover{
    color:#eefaff;

    background:
        linear-gradient(
            180deg,
            rgba(24,75,99,.80),
            rgba(4,24,36,.92)
        );

    box-shadow:
        inset 0 -2px #55caef;
}


body.internalShop .shop-inner{
    padding:14px;
}


body.internalShop .single-item-inner{
    min-height:235px;

    overflow:hidden;

    border:
        1px solid
        rgba(91,185,228,.18);

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(38,143,184,.11),
            transparent 14rem
        ),
        rgba(1,9,15,.44);
}


body.internalShop .single-item-image{
    min-height:225px;

    display:flex;

    align-items:center;
    justify-content:center;
}


body.internalShop .single-item-image img{
    max-width:190px;
    max-height:180px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 14px 20px rgba(0,0,0,.55)
        );
}


body.internalShop .single-item-description{
    padding:18px;
}


body.internalShop .single-item-description h3{
    color:#e3f7ff;

    font-weight:400;
}


body.internalShop .single-item-description p,
body.internalShop .single-item-description li{
    color:#8ba5b3;
}


body.internalShop .single-item-buy-menu{
    min-height:225px;

    padding:18px;

    border-left:
        1px solid
        rgba(91,185,228,.15);

    background:
        rgba(0,7,12,.32);
}


body.internalShop .amount-select{
    display:flex;

    flex-wrap:wrap;

    gap:4px;
}


body.internalShop .add-button{
    padding:5px 8px;

    cursor:pointer;

    border:
        1px solid
        rgba(91,185,228,.24);

    background:
        rgba(9,37,53,.78);

    color:#9dcadd;

    font-size:10px;
}


body.internalShop .add-button:hover{
    border-color:
        #66d5fb;

    color:#fff;
}


body.internalShop .item-quantity{
    width:100%;

    margin-top:5px;
}


body.internalShop .item-quantity-label{
    width:100%;

    display:block;

    color:#698798;

    font-size:10px;
}


body.internalShop .level-select{
    display:flex;

    gap:4px;

    margin:
        10px 0;
}


body.internalShop .lvl-btn{
    flex:1;

    font-size:10px;
}


body.internalShop .lvl-btn.selected{
    border-color:
        #dfbb68 !important;

    box-shadow:
        inset 0 -2px #d7b158;
}


body.internalShop .item-price{
    display:block;

    min-height:34px;

    margin:
        8px 0;

    color:#e2c477;

    font-size:16px;

    font-weight:700;
}


body.internalShop .buy-btn{
    display:block;

    width:100%;

    text-align:center;

    text-transform:uppercase;

    letter-spacing:.08em;
}


body.internalShop .item-list{
    min-height:360px;
    max-height:500px;

    padding:8px;

    border:
        1px solid
        rgba(91,185,228,.15);

    background:
        rgba(0,7,12,.42);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:800px){

    body.internalHangar #config-tabs-container,
    body.internalHangar .ship-inventory-container{
        width:100% !important;

        border-right:0 !important;
    }


    body.internalShop .single-item-description,
    body.internalShop .single-item-buy-menu{
        width:100% !important;
    }


    body.internalShop .single-item-buy-menu{
        border-left:0 !important;

        border-top:
            1px solid
            rgba(91,185,228,.15);
    }

}


/* ORBIT-PHASE2A-END */

/* ORBIT-SHOP-STATUS-V2 */

body.internalShop .or-shop-empty,
body.internalShop .or-shop-error{
    width:100%;
    min-height:180px;

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

    padding:30px;

    color:#7899aa;

    font-size:12px;
    letter-spacing:.08em;

    text-align:center;

    border:1px dashed rgba(91,185,228,.18);

    background:
        rgba(1,9,15,.28);
}

body.internalShop .or-shop-error{
    color:#db8787;
}

body.internalShop .item-list .item{
    position:relative;

    display:inline-flex;
    flex-direction:column;

    width:112px;
    height:132px;

    margin:5px;

    vertical-align:top;

    cursor:pointer;

    border:
        1px solid rgba(91,185,228,.18);

    background:
        linear-gradient(
            180deg,
            rgba(10,34,49,.76),
            rgba(2,10,17,.94)
        );

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

body.internalShop .item-list .item:hover{
    transform:translateY(-2px);

    border-color:
        rgba(105,215,255,.65);

    background:
        linear-gradient(
            180deg,
            rgba(18,65,87,.82),
            rgba(4,21,31,.96)
        );

    box-shadow:
        0 8px 20px rgba(0,0,0,.30);
}

body.internalShop .item-list .item-image{
    flex:1;

    min-height:92px;

    background-position:center;
    background-repeat:no-repeat;
    background-size:82px 82px;
}

body.internalShop .item-list .item > .item-price{
    display:block;

    min-height:29px;

    padding:7px 5px;

    color:#e0c276;

    font-size:11px;
    font-weight:700;

    text-align:center;

    border-top:
        1px solid rgba(91,185,228,.12);

    background:
        rgba(0,7,12,.54);
}

/* ORBIT-PHASE2C-BEGIN */


/* =========================================================
   SHOP NAVIGATION
   ========================================================= */

body.internalShop .shop-navigation{
    min-height:72px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    background:
        rgba(1,8,13,.80) !important;
}


body.internalShop .shop-navigation ul{
    display:flex !important;

    align-items:stretch !important;

    min-width:max-content !important;
    min-height:70px !important;

    margin:0 !important;
    padding:0 !important;
}


body.internalShop .shop-navigation li{
    position:relative !important;

    float:none !important;

    flex:
        0 0 112px !important;

    width:112px !important;
    height:70px !important;

    margin:0 !important;

    border-right:
        1px solid
        rgba(85,170,209,.14) !important;

    background:
        rgba(0,7,12,.25) !important;
}


body.internalShop .shop-navigation li > a{
    position:relative !important;

    display:flex !important;

    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;
    height:70px !important;

    padding:
        0 5px 7px !important;

    box-sizing:
        border-box !important;

    color:
        #829eac !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    line-height:
        11px !important;

    text-align:
        center !important;

    text-transform:
        uppercase !important;

    /*
       WICHTIG:
       background-image wird NICHT gesetzt.
       Die vorhandenen originalen Kategorie-Icons bleiben erhalten.
    */
    background-position:
        center 8px !important;

    background-repeat:
        no-repeat !important;
}


body.internalShop .shop-navigation li:hover > a{
    color:
        #d9f4ff !important;

    background-color:
        rgba(23,72,94,.28) !important;
}


body.internalShop .shop-navigation li.active{
    background:
        linear-gradient(
            180deg,
            rgba(19,72,97,.70),
            rgba(3,24,36,.76)
        ) !important;

    box-shadow:
        inset 0 -2px
        #5dd6ff !important;
}


body.internalShop .shop-navigation li.active > a{
    color:
        #ffffff !important;

    text-shadow:
        0 1px 2px
        #000 !important;
}


/* =========================================================
   HANGAR – OBERER BEREICH
   ========================================================= */

body.internalHangar #hangar-info-container{
    display:grid !important;

    grid-template-columns:
        230px
        minmax(350px,1fr)
        340px !important;

    gap:
        18px !important;

    align-items:center !important;

    min-height:
        265px !important;

    padding:
        18px !important;

    overflow:
        hidden;
}


/* Stats links */

body.internalHangar #ship-info-container{
    float:none !important;

    width:auto !important;

    min-height:
        210px !important;

    margin:0 !important;
    padding:12px 14px !important;

    border-right:
        1px solid
        rgba(89,176,216,.16) !important;
}


/* Schiff / Drohne / PET in einer sauberen Reihe */

body.internalHangar .player-ship-view{
    float:none !important;

    width:auto !important;

    min-height:
        220px !important;

    display:grid !important;

    grid-template-columns:
        82px
        minmax(170px,220px)
        82px !important;

    align-items:center !important;
    justify-content:center !important;

    gap:
        14px !important;

    margin:0 !important;
    padding:0 !important;
}


body.internalHangar .player-ship-view .drone-box{
    grid-column:
        1 !important;
}


body.internalHangar .player-ship-view .ship-box{
    grid-column:
        2 !important;
}


body.internalHangar .player-ship-view .pet-box{
    grid-column:
        3 !important;
}


body.internalHangar .player-ship-view .drone-box,
body.internalHangar .player-ship-view .ship-box,
body.internalHangar .player-ship-view .pet-box{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    float:none !important;

    margin:
        0 auto !important;
}


body.internalHangar .player-ship-view .drone-box,
body.internalHangar .player-ship-view .pet-box{
    width:
        76px !important;

    height:
        76px !important;
}


body.internalHangar .player-ship-view .ship-box{
    width:
        170px !important;

    height:
        170px !important;
}


body.internalHangar .player-ship-view img{
    display:block !important;

    max-width:
        100% !important;

    max-height:
        100% !important;

    margin:
        auto !important;

    object-fit:
        contain !important;
}


/* Hangar-Auswahl rechts */

body.internalHangar #hangar-info-container >
.col-xs-4.col-xs-offset-1{
    float:none !important;

    width:auto !important;

    margin-left:
        0 !important;

    padding:
        0 !important;
}


body.internalHangar .hangar-container{
    width:
        100% !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   HANGAR – UNTERER BEREICH
   ========================================================= */

body.internalHangar #hangar-equipment-container{
    display:grid !important;

    grid-template-columns:
        minmax(600px,2fr)
        minmax(300px,1fr) !important;

    align-items:stretch !important;

    min-height:
        570px !important;

    overflow:
        hidden !important;
}


body.internalHangar #config-tabs-container{
    float:none !important;

    width:auto !important;

    min-width:0 !important;

    margin:0 !important;

    padding:
        14px !important;

    box-sizing:
        border-box !important;
}


body.internalHangar .ship-inventory-container{
    float:none !important;

    width:auto !important;

    min-width:0 !important;

    margin:0 !important;

    padding:
        14px !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   WICHTIG: ITEM-BILDER WIEDER SICHTBAR
   ========================================================= */

/*
   Kein "background:" Shorthand und kein background-image.
   Dadurch bleiben die von equipment.js gesetzten
   Itembilder erhalten.
*/

body.internalHangar .equiped-item,
body.internalHangar .inventory-item{
    position:relative !important;

    background-color:
        rgba(7,25,37,.82) !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        contain !important;

    border:
        1px solid
        rgba(72,157,198,.34) !important;

    overflow:
        hidden !important;
}


body.internalHangar .equiped-item:hover,
body.internalHangar .inventory-item:hover{
    background-color:
        rgba(17,60,80,.76) !important;

    border-color:
        rgba(108,216,255,.72) !important;
}


/*
   Leere Slots dürfen weiterhin nur Hintergrundfläche haben.
*/

body.internalHangar .equipment-slot{
    background-color:
        rgba(2,12,18,.86) !important;

    border:
        1px solid
        rgba(68,145,180,.30) !important;
}


/* Levelzahl */

body.internalHangar .equiped-item > span,
body.internalHangar .inventory-item > span{
    position:absolute !important;

    right:
        2px !important;

    bottom:
        2px !important;

    z-index:
        4 !important;

    min-width:
        13px !important;

    padding:
        1px 3px !important;

    color:
        #f0d06b !important;

    font-size:
        9px !important;

    line-height:
        11px !important;

    text-align:
        center !important;

    background:
        rgba(0,0,0,.80) !important;

    border:
        1px solid
        rgba(221,185,76,.40) !important;
}


/* Slot-Zeilen etwas kompakter */

body.internalHangar .ship-equipment-slots,
body.internalHangar .pet-equipment-slots,
body.internalHangar .drone-equipment-slots{
    margin-bottom:
        8px !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1050px){

    body.internalHangar #hangar-info-container{
        grid-template-columns:
            210px
            1fr !important;
    }


    body.internalHangar #hangar-info-container >
    .col-xs-4.col-xs-offset-1{
        grid-column:
            1 / -1 !important;
    }


    body.internalHangar #hangar-equipment-container{
        grid-template-columns:
            1fr !important;
    }

}


/* ORBIT-PHASE2C-END */

/* ORBIT-PHASE2D-BEGIN */


/* ============================================================
   HANGAR OBERER BEREICH
   ============================================================ */

body.internalHangar #hangar-info-container{
    display:grid !important;

    grid-template-columns:
        245px
        minmax(360px,1fr)
        320px !important;

    grid-template-rows:
        230px !important;

    column-gap:
        22px !important;

    align-items:
        center !important;

    min-height:
        270px !important;

    padding:
        18px !important;
}


/* Stats links */

body.internalHangar #ship-info-container{
    grid-column:
        1 !important;

    grid-row:
        1 !important;

    float:none !important;

    width:
        auto !important;

    min-height:
        210px !important;

    margin:
        0 !important;

    padding:
        10px 14px !important;
}


/* Schiff / Drohne / PET exakt in die Mitte */

body.internalHangar .player-ship-view{
    grid-column:
        2 !important;

    grid-row:
        1 !important;

    float:none !important;

    width:
        auto !important;

    height:
        215px !important;

    min-height:
        215px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    display:grid !important;

    grid-template-columns:
        80px
        175px
        80px !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        18px !important;
}


body.internalHangar .player-ship-view .drone-box{
    grid-column:
        1 !important;
}


body.internalHangar .player-ship-view .ship-box{
    grid-column:
        2 !important;
}


body.internalHangar .player-ship-view .pet-box{
    grid-column:
        3 !important;
}


body.internalHangar .player-ship-view .drone-box,
body.internalHangar .player-ship-view .ship-box,
body.internalHangar .player-ship-view .pet-box{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    float:none !important;

    margin:
        auto !important;
}


body.internalHangar .player-ship-view .ship-box{
    width:
        170px !important;

    height:
        170px !important;
}


body.internalHangar .player-ship-view .drone-box,
body.internalHangar .player-ship-view .pet-box{
    width:
        75px !important;

    height:
        75px !important;
}


/* ============================================================
   HANGAR-AUSWAHL RECHTS
   ============================================================ */

/*
   Drittes direktes Element im Hangar-Kopf ist die Hangarliste.
*/

body.internalHangar #hangar-info-container > div:nth-child(3){
    grid-column:
        3 !important;

    grid-row:
        1 !important;

    float:none !important;

    width:
        100% !important;

    height:
        220px !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


body.internalHangar .hangar-container{
    width:
        100% !important;

    height:
        220px !important;

    padding:
        7px !important;

    box-sizing:
        border-box !important;
}


/*
 mCustomScrollbar verschiebt die Slots in diesen Container.
*/

body.internalHangar .hangar-container .mCSB_container{
    display:grid !important;

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

    grid-auto-rows:
        67px !important;

    gap:
        3px !important;

    margin-right:
        14px !important;
}


body.internalHangar .hangar-slot{
    float:none !important;

    width:
        auto !important;

    height:
        67px !important;

    min-height:
        67px !important;

    margin:
        0 !important;

    padding:
        3px !important;
}


body.internalHangar .hangar-slot img{
    width:
        100% !important;

    height:
        59px !important;

    display:block !important;

    object-fit:
        contain !important;
}


/* ============================================================
   HANGAR UNTERER BEREICH
   ============================================================ */

body.internalHangar #hangar-equipment-container{
    min-height:
        555px !important;

    background-color:
        #020b11 !important;
}


body.internalHangar #config-tabs-container{
    background-color:
        #05151f !important;
}


body.internalHangar .config-tab-content{
    min-height:
        465px !important;

    background-color:
        #020a10 !important;
}


/*
 Graue Fläche endgültig entfernen.
 Keine Item-Hintergrundbilder anfassen!
*/

body.internalHangar .ship-equipment-container{
    min-height:
        440px !important;

    background-color:
        #031018 !important;

    border:
        1px solid
        rgba(74,155,194,.18) !important;
}


body.internalHangar .pet-equipment-container{
    background-color:
        #031018 !important;
}


body.internalHangar .drone-equipment-container{
    background-color:
        #031018 !important;
}


/*
 WICHTIG:
 Nur background-color, kein "background:".
 Die von equipment.js gesetzten Itembilder bleiben dadurch erhalten.
*/

body.internalHangar .equiped-item{
    background-color:
        rgba(7,28,41,.76) !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        contain !important;
}


body.internalHangar .inventory-item{
    background-color:
        rgba(6,24,36,.78) !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        contain !important;
}


body.internalHangar .equipment-slot{
    background-color:
        #020c12 !important;
}


/* ============================================================
   SHOP KATEGORIEN
   ============================================================ */

body.internalShop .shop-navigation{
    height:
        82px !important;

    min-height:
        82px !important;
}


body.internalShop .shop-navigation ul{
    height:
        80px !important;

    min-height:
        80px !important;
}


body.internalShop .shop-navigation li{
    position:relative !important;

    height:
        80px !important;

    min-height:
        80px !important;

    /*
       Kein background shorthand:
       originale Kategorieicons bleiben erhalten.
    */

    background-color:
        rgba(1,10,16,.32) !important;

    background-position:
        center 9px !important;

    background-repeat:
        no-repeat !important;

    background-size:
        auto 34px !important;
}


body.internalShop .shop-navigation li > a{
    display:flex !important;

    align-items:
        flex-end !important;

    justify-content:
        center !important;

    width:
        100% !important;

    height:
        80px !important;

    padding:
        0 5px 10px !important;

    box-sizing:
        border-box !important;

    text-align:
        center !important;

    background-position:
        center 9px !important;

    background-repeat:
        no-repeat !important;

    background-size:
        auto 34px !important;

    color:
        #93abb7 !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    line-height:
        12px !important;

    text-transform:
        uppercase !important;
}


body.internalShop .shop-navigation li:hover{
    background-color:
        rgba(19,62,82,.43) !important;
}


body.internalShop .shop-navigation li.active{
    background-color:
        rgba(23,78,104,.70) !important;

    box-shadow:
        inset 0 -2px
        #62d8ff !important;
}


body.internalShop .shop-navigation li.active > a{
    color:
        #ffffff !important;
}


/* ============================================================
   SHOP PRODUKTLISTE
   ============================================================ */

body.internalShop .item-list{
    padding:
        12px !important;
}


body.internalShop .item-list .item{
    vertical-align:
        top !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:1050px){

    body.internalHangar #hangar-info-container{
        grid-template-columns:
            230px
            1fr !important;

        grid-template-rows:
            auto auto !important;
    }


    body.internalHangar #ship-info-container{
        grid-column:
            1 !important;

        grid-row:
            1 !important;
    }


    body.internalHangar .player-ship-view{
        grid-column:
            2 !important;

        grid-row:
            1 !important;
    }


    body.internalHangar #hangar-info-container > div:nth-child(3){
        grid-column:
            1 / -1 !important;

        grid-row:
            2 !important;

        width:
            330px !important;

        justify-self:
            center !important;
    }

}


/* ORBIT-PHASE2D-END */

/* ORBIT-PHASE2F-BEGIN */


/* ============================================================
   SHOP – ORIGINAL CATEGORY ICONS
   Die Icons liegen auf a:before.
   ============================================================ */

body.internalShop .shop-navigation{
    height:72px !important;
    min-height:72px !important;

    overflow-x:auto !important;
    overflow-y:visible !important;
}


body.internalShop .shop-navigation ul{
    height:70px !important;
    min-height:70px !important;

    overflow:visible !important;
}


body.internalShop .shop-navigation li{
    position:relative !important;

    height:70px !important;
    min-height:70px !important;

    overflow:visible !important;
}


body.internalShop .shop-body .shop-header ul.nav li > a{
    position:relative !important;

    display:flex !important;

    align-items:flex-end !important;
    justify-content:center !important;

    width:100% !important;
    height:70px !important;

    box-sizing:border-box !important;

    padding:0 4px 7px !important;

    overflow:visible !important;

    text-align:center !important;

    color:#8ea7b4 !important;

    font-size:9px !important;
    font-weight:700 !important;
    line-height:11px !important;

    text-transform:uppercase !important;
}


/*
   DAS ist das echte Icon-Element.
*/

body.internalShop .shop-body .shop-header ul.nav li > a:before{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    right:auto !important;

    top:7px !important;
    bottom:auto !important;

    transform:translateX(-50%) !important;

    display:block !important;

    width:40px !important;
    height:30px !important;

    margin:0 !important;
    padding:0 !important;

    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;

    pointer-events:none !important;
}


/*
   Ships besitzt im Original nur 26px Breite.
*/

body.internalShop .shop-body .shop-header ul.nav li.category-ships > a:before{
    width:30px !important;
}


/* aktive Kategorie */

body.internalShop .shop-navigation li.active{
    background-color:
        rgba(24,77,102,.68) !important;

    box-shadow:
        inset 0 -2px #62d8ff !important;
}


body.internalShop .shop-navigation li.active > a{
    color:#ffffff !important;

    text-shadow:
        0 1px 2px #000 !important;
}


/* Hover */

body.internalShop .shop-navigation li:hover{
    background-color:
        rgba(17,57,77,.42) !important;
}


/* ============================================================
   HANGAR – UNTERER BEREICH
   Linke Ausrüstung + rechtes Inventar klar trennen.
   ============================================================ */

body.internalHangar #hangar-equipment-container{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        330px !important;

    gap:0 !important;

    align-items:stretch !important;

    min-height:505px !important;

    overflow:hidden !important;
}


/* linke Seite */

body.internalHangar #config-tabs-container{
    float:none !important;

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

    margin:0 !important;

    padding:14px !important;

    box-sizing:border-box !important;

    border-right:
        1px solid
        rgba(81,164,203,.20) !important;
}


body.internalHangar .config-tab-content{
    min-height:430px !important;

    overflow:hidden !important;
}


/* ============================================================
   HANGAR – RECHTES INVENTAR
   ============================================================ */

body.internalHangar .ship-inventory-container{
    float:none !important;

    width:330px !important;
    min-width:330px !important;
    max-width:330px !important;

    min-height:505px !important;

    margin:0 !important;

    padding:14px !important;

    box-sizing:border-box !important;

    background-color:
        #020b11 !important;
}


/* Filter */

body.internalHangar .ship-inventory-container #filter-select{
    width:100% !important;

    height:36px !important;

    margin:0 0 10px 0 !important;

    box-sizing:border-box !important;
}


/* Inventarfenster */

body.internalHangar .ship-inventory-content{
    position:relative !important;

    width:100% !important;

    height:435px !important;
    min-height:435px !important;
    max-height:435px !important;

    padding:8px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    background-color:
        #01080d !important;

    border:
        1px solid
        rgba(81,164,203,.20) !important;
}


/*
   mCustomScrollbar erzeugt diesen inneren Container.
   Dort bauen wir ein richtiges Inventar-Grid.
*/

body.internalHangar
.ship-inventory-content
.mCSB_container{
    display:grid !important;

    grid-template-columns:
        repeat(6,40px) !important;

    grid-auto-rows:
        40px !important;

    gap:6px !important;

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

    margin-right:12px !important;

    padding:2px !important;

    min-height:100% !important;

    box-sizing:border-box !important;
}


/*
   Falls mCustomScrollbar noch nicht initialisiert ist.
*/

body.internalHangar
.ship-inventory-content:not(.mCustomScrollbar){
    display:grid !important;

    grid-template-columns:
        repeat(6,40px) !important;

    grid-auto-rows:
        40px !important;

    gap:6px !important;

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


/* Inventaritems */

body.internalHangar .ship-inventory-content .inventory-item{
    position:relative !important;

    float:none !important;

    width:40px !important;
    height:40px !important;

    min-width:40px !important;
    min-height:40px !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;

    background-color:
        rgba(7,26,38,.90) !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        contain !important;

    border:
        1px solid
        rgba(78,166,207,.32) !important;

    overflow:hidden !important;
}


body.internalHangar .ship-inventory-content .inventory-item:hover{
    border-color:
        #69d7ff !important;

    background-color:
        rgba(18,62,82,.82) !important;
}


/* Level / Anzahl */

body.internalHangar
.ship-inventory-content
.inventory-item > span{
    position:absolute !important;

    right:1px !important;
    bottom:1px !important;

    z-index:5 !important;

    min-width:12px !important;

    padding:1px 2px !important;

    font-size:8px !important;
    line-height:10px !important;

    text-align:center !important;

    color:#f1d06b !important;

    background:
        rgba(0,0,0,.82) !important;
}


/* ============================================================
   HANGAR – SCHIFFSAUSRÜSTUNG LINKS
   ============================================================ */

/*
   Labels bleiben links neben den Slots.
*/

body.internalHangar .ship-equipment-slots{
    position:relative !important;

    min-height:36px !important;

    margin-bottom:8px !important;
}


/*
   Itembilder nicht wieder überschreiben.
*/

body.internalHangar .equiped-item{
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:1000px){

    body.internalHangar #hangar-equipment-container{
        grid-template-columns:
            1fr !important;
    }


    body.internalHangar .ship-inventory-container{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }


    body.internalHangar
    .ship-inventory-content
    .mCSB_container{
        grid-template-columns:
            repeat(auto-fill,40px) !important;
    }

}


/* ORBIT-PHASE2F-END */
/* ORBIT-SHOP-PRICE-LAYOUT-V1
 * Amount controls, quantity, total price and buy button must not overlap.
 */
body.internalShop .single-item-buy-menu{
    min-width:0 !important;
    box-sizing:border-box !important;
}

body.internalShop .single-item-buy-menu .amount-select{
    flex-wrap:wrap;
    align-items:flex-start !important;
    align-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    min-height:88px;
    margin:0 0 8px !important;
    padding:0 !important;
    box-sizing:border-box !important;
    row-gap:5px !important;
    column-gap:4px !important;
}

body.internalShop .single-item-buy-menu .amount-select .add-button{
    flex:0 0 auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:6px 7px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
}

body.internalShop .single-item-buy-menu .amount-select .item-quantity{
    flex:0 0 100% !important;
    width:100% !important;
    min-width:0 !important;
    height:34px !important;
    margin:1px 0 0 !important;
    box-sizing:border-box !important;
}

body.internalShop .single-item-buy-menu .amount-select .item-quantity-label{
    flex:0 0 100% !important;
    display:block !important;
    width:100% !important;
    min-height:14px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:14px !important;
    position:static !important;
    float:none !important;
    clear:both !important;
}

body.internalShop .single-item-buy-menu > .item-price{
    position:static !important;
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:30px !important;
    margin:0 0 8px !important;
    padding:4px 0 !important;
    box-sizing:border-box !important;
    line-height:22px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

body.internalShop .single-item-buy-menu > .buy-btn{
    position:static !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

body.internalShop .single-item-buy-menu .level-select{
    width:100% !important;
    margin:0 0 8px !important;
}

@media(max-width:800px){
    body.internalShop .single-item-buy-menu .amount-select{
        min-height:0;
    }
}
/* ORBIT-GG-LAYOUT-V1
 * Compact three-column Galaxy Gates layout.
 * Existing AJAX / gate mechanics are not replaced.
 */

#gate-container{
    display:grid!important;
    grid-template-columns:214px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:stretch!important;

    width:100%!important;
    max-width:1015px!important;
    min-height:430px!important;

    margin:16px auto 24px!important;
    padding:0!important;

    overflow:visible!important;
    box-sizing:border-box!important;
}

#galaxygate-choice{
    grid-column:1!important;

    position:relative!important;
    float:none!important;

    width:214px!important;
    min-width:214px!important;
    height:auto!important;
    min-height:430px!important;

    margin:0!important;
    padding:12px!important;

    overflow:hidden!important;
    box-sizing:border-box!important;

    background:
        linear-gradient(
            180deg,
            rgba(20,39,53,.98),
            rgba(5,14,22,.98)
        )!important;

    border:1px solid rgba(104,190,230,.28)!important;

    box-shadow:
        inset 0 0 28px rgba(25,124,170,.08),
        0 8px 28px rgba(0,0,0,.22)!important;
}

#galaxygate-choice .gate-separator{
    display:block!important;

    margin:0!important;
    padding:0!important;

    list-style:none!important;
    border:0!important;
}

#galaxygate-choice .gate-separator > li{
    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-height:36px!important;

    margin:0 0 5px!important;
    padding:7px 10px!important;

    box-sizing:border-box!important;

    color:#d9e9f2!important;

    border:1px solid transparent!important;

    background:
        rgba(8,21,31,.58)!important;

    cursor:pointer!important;

    transition:
        background-color .12s ease,
        border-color .12s ease,
        color .12s ease!important;
}

#galaxygate-choice .gate-separator > li:hover{
    color:#fff!important;

    background:
        rgba(20,82,111,.56)!important;

    border-color:
        rgba(112,217,255,.30)!important;
}

#galaxygate-choice .gate-separator > li.selected{
    color:#fff!important;

    background:
        linear-gradient(
            180deg,
            rgba(23,178,151,.98),
            rgba(12,130,125,.98)
        )!important;

    border-color:
        rgba(116,255,224,.56)!important;

    box-shadow:
        inset 0 0 16px rgba(115,255,232,.10)!important;
}

#gate-info{
    grid-column:2!important;

    position:relative!important;
    float:none!important;

    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:430px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;
    box-sizing:border-box!important;

    background:
        radial-gradient(
            circle at 42% 42%,
            rgba(23,79,107,.20),
            rgba(3,9,14,.92) 55%,
            rgba(2,7,12,.98)
        )!important;

    border:1px solid rgba(104,190,230,.22)!important;

    box-shadow:
        inset 0 0 52px rgba(15,107,151,.08),
        0 8px 28px rgba(0,0,0,.22)!important;
}

/* The new center stage occupies the empty legacy middle area. */
#orbit-gg-stage{
    position:absolute!important;

    left:0!important;
    top:0!important;
    right:250px!important;
    bottom:0!important;

    z-index:1!important;

    display:flex!important;
    flex-direction:column!important;

    align-items:center!important;
    justify-content:center!important;

    min-width:0!important;

    overflow:hidden!important;

    pointer-events:none!important;
}

#orbit-gg-stage::before,
#orbit-gg-stage::after{
    content:""!important;

    position:absolute!important;

    left:50%!important;
    top:45%!important;

    border-radius:50%!important;

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

    pointer-events:none!important;
}

#orbit-gg-stage::before{
    width:310px!important;
    height:310px!important;

    border:
        1px solid rgba(94,202,255,.16)!important;

    box-shadow:
        0 0 70px rgba(26,168,229,.09),
        inset 0 0 54px rgba(26,168,229,.06)!important;
}

#orbit-gg-stage::after{
    width:220px!important;
    height:220px!important;

    border:
        1px solid rgba(216,182,106,.11)!important;
}

.orbit-gg-stage-glow{
    position:absolute!important;

    left:50%!important;
    top:45%!important;

    width:260px!important;
    height:260px!important;

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

    border-radius:50%!important;

    background:
        radial-gradient(
            circle,
            rgba(59,196,255,.13) 0,
            rgba(24,117,162,.06) 35%,
            transparent 72%
        )!important;

    filter:blur(4px)!important;
}

#orbit-gg-art{
    position:relative!important;

    z-index:2!important;

    display:block!important;

    width:auto!important;
    height:auto!important;

    max-width:min(390px,80%)!important;
    max-height:285px!important;

    object-fit:contain!important;

    margin:0 auto 8px!important;

    filter:
        drop-shadow(0 0 22px rgba(77,190,240,.20))!important;
}

#orbit-gg-art.orbit-gg-art-missing{
    visibility:hidden!important;
}

.orbit-gg-stage-caption{
    position:relative!important;

    z-index:3!important;

    display:flex!important;
    flex-direction:column!important;

    align-items:center!important;

    gap:2px!important;

    margin-top:4px!important;

    letter-spacing:.15em!important;
    text-align:center!important;
}

.orbit-gg-stage-caption .orbit-gg-kicker{
    color:#6d8998!important;

    font-size:10px!important;
    line-height:1.2!important;
}

#orbit-gg-name{
    color:#d9e9f2!important;

    font-size:18px!important;
    line-height:1.2!important;
    font-weight:600!important;

    text-shadow:
        0 0 12px rgba(93,210,255,.18)!important;
}

/*
 * JS marks the existing right-side control block instead of replacing it.
 */
#gate-info > .orbit-gg-controls{
    position:absolute!important;

    z-index:5!important;

    top:0!important;
    right:0!important;
    bottom:0!important;

    width:250px!important;
    height:auto!important;
    min-height:100%!important;

    margin:0!important;
    padding:18px 16px!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    box-sizing:border-box!important;

    background:
        linear-gradient(
            180deg,
            rgba(17,34,46,.98),
            rgba(7,17,25,.98)
        )!important;

    border-left:
        1px solid rgba(104,190,230,.22)!important;

    scrollbar-width:none!important;
}

#gate-info > .orbit-gg-controls::-webkit-scrollbar{
    width:0!important;
    height:0!important;
}

/* Existing parts text such as 0/48 gets a stable place. */
#gate-info .orbit-gg-parts-counter{
    position:absolute!important;

    z-index:6!important;

    left:0!important;
    right:250px!important;
    bottom:22px!important;

    width:auto!important;

    margin:0!important;
    padding:0!important;

    color:#fff!important;

    font-size:21px!important;
    line-height:1.2!important;
    font-weight:600!important;

    text-align:center!important;

    text-shadow:
        0 0 12px rgba(89,207,255,.22)!important;
}

/* Remove the ugly inner native scrollbar shown by the legacy panel. */
#gate-info > div:not(#orbit-gg-stage){
    scrollbar-width:none;
}

#gate-info > div:not(#orbit-gg-stage)::-webkit-scrollbar{
    width:0!important;
    height:0!important;
}

/* Loading stays over the stage only while AJAX is actually loading. */
#gate-info > .loading-screen{
    z-index:20!important;
}

/* Keep controls compact and aligned. */
#gate-info .orbit-gg-controls button,
#gate-info .orbit-gg-controls select{
    max-width:100%!important;
    box-sizing:border-box!important;
}

@media(max-width:900px){
    #gate-container{
        grid-template-columns:170px minmax(0,1fr)!important;
        gap:10px!important;
    }

    #galaxygate-choice{
        width:170px!important;
        min-width:170px!important;
    }

    #orbit-gg-stage{
        right:210px!important;
    }

    #gate-info > .orbit-gg-controls{
        width:210px!important;
    }

    #gate-info .orbit-gg-parts-counter{
        right:210px!important;
    }
}

/* ORBIT-GG-SWF-ORIGINAL-V4
 * Original gates.swf animation presentation.
 */

#gate-container{
    min-height:465px!important;
    margin-bottom:38px!important;
}

#galaxygate-choice,
#gate-info{
    min-height:465px!important;
}

#gate-info{
    overflow:hidden!important;
}

/* Remove the temporary decorative rings from V1. */
#orbit-gg-stage::before,
#orbit-gg-stage::after,
#orbit-gg-stage .orbit-gg-stage-glow{
    display:none!important;
}

#orbit-gg-stage{
    right:245px!important;

    justify-content:center!important;

    padding:8px 10px 44px!important;

    box-sizing:border-box!important;
}

/*
 * VP9 WebM with alpha, converted frame-for-frame from the embedded VP6A
 * video streams in the supplied gates.swf.
 */
#orbit-gg-art{
    position:relative!important;

    z-index:2!important;

    display:block!important;

    width:240px!important;
    height:304px!important;

    max-width:80%!important;
    max-height:304px!important;

    margin:0 auto!important;

    object-fit:contain!important;

    background:transparent!important;

    filter:
        drop-shadow(0 0 16px rgba(65,183,235,.16))!important;

    pointer-events:none!important;
}

.orbit-gg-stage-caption{
    z-index:3!important;

    margin-top:-20px!important;
}

.orbit-gg-stage-caption .orbit-gg-kicker{
    display:none!important;
}

#orbit-gg-name{
    font-size:14px!important;
    letter-spacing:.12em!important;

    color:#bcd4df!important;
}

/*
 * The legacy control block originally rendered below the left navigation.
 * Runtime V4 moves the same existing DOM node into #gate-info; no controls
 * are recreated and all old event handlers remain attached.
 */
#gate-info > .orbit-gg-controls{
    position:absolute!important;

    z-index:8!important;

    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;

    float:none!important;

    width:245px!important;
    min-width:245px!important;
    max-width:245px!important;

    height:auto!important;
    min-height:100%!important;
    max-height:100%!important;

    margin:0!important;
    padding:20px 16px!important;

    box-sizing:border-box!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    color:#d9e9f2!important;

    background:
        linear-gradient(
            180deg,
            rgba(22,37,48,.98),
            rgba(8,17,24,.98)
        )!important;

    border-left:
        1px solid rgba(104,190,230,.24)!important;

    box-shadow:
        inset 10px 0 26px rgba(0,0,0,.13)!important;

    scrollbar-width:none!important;
}

#gate-info > .orbit-gg-controls::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
}

/* Undo old fixed/float positioning where possible inside the relocated panel. */
#gate-info > .orbit-gg-controls > *{
    max-width:100%!important;
    box-sizing:border-box!important;
}

#gate-info .orbit-gg-parts-counter{
    right:245px!important;
    bottom:20px!important;

    font-size:20px!important;

    pointer-events:none!important;
}

/* Keep the footer below the complete builder. */
body.internalGalaxyGates footer,
body.internalGalaxyGates #footer{
    position:relative!important;
    clear:both!important;
}

@media(max-width:900px){
    #orbit-gg-stage{
        right:210px!important;
    }

    #gate-info > .orbit-gg-controls{
        width:210px!important;
        min-width:210px!important;
        max-width:210px!important;
    }

    #gate-info .orbit-gg-parts-counter{
        right:210px!important;
    }

    #orbit-gg-art{
        width:210px!important;
        height:auto!important;
    }
}

/* ORBIT-GG-EXACT-PARTS-V6
 * Original legacy Galaxy Gate pieces + SWF vortex only at 100%.
 */

#orbit-gg-stage{
    padding-bottom:42px!important;
}

#orbit-gg-parts{
    position:absolute!important;

    left:50%!important;
    top:46%!important;

    width:235px!important;
    height:290px!important;

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

    z-index:4!important;

    pointer-events:none!important;
}

#orbit-gg-parts > .orbit-gg-piece{
    position:absolute!important;

    left:0!important;
    top:0!important;

    width:235px!important;
    height:290px!important;

    max-width:none!important;
    max-height:none!important;

    margin:0!important;
    padding:0!important;

    object-fit:contain!important;

    pointer-events:none!important;

    user-select:none!important;
    -webkit-user-drag:none!important;
}

/*
 * SWF-derived vortex is behind the mechanical pieces and invisible until
 * the gate is actually complete.
 */
#orbit-gg-art{
    position:absolute!important;

    left:50%!important;
    top:46%!important;

    width:236px!important;
    height:290px!important;

    max-width:none!important;
    max-height:none!important;

    margin:0!important;

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

    z-index:3!important;

    object-fit:contain!important;

    background:transparent!important;

    transition:
        opacity .18s ease!important;
}

#orbit-gg-art.is-incomplete{
    opacity:0!important;
    visibility:hidden!important;
}

#orbit-gg-art.is-complete{
    opacity:1!important;
    visibility:visible!important;
}

/* Remove temporary V1 decorative rings; original piece PNGs are the ring. */
#orbit-gg-stage::before,
#orbit-gg-stage::after,
#orbit-gg-stage .orbit-gg-stage-glow{
    display:none!important;
}

#orbit-gg-stage .orbit-gg-stage-caption{
    position:absolute!important;

    left:0!important;
    right:0!important;
    bottom:30px!important;

    margin:0!important;
}

/* Keep existing counter visible below/next to the original gate. */
#gate-info .orbit-gg-parts-counter,
#gate-info #collected-parts{
    z-index:10!important;
}

/* Right control panel remains in the builder, without the white rail. */
#gate-info > .orbit-gg-controls{
    scrollbar-width:none!important;
}

#gate-info > .orbit-gg-controls::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
}

#gate-info > .orbit-gg-controls .mCSB_scrollTools{
    display:none!important;
}

@media(max-width:900px){
    #orbit-gg-parts,
    #orbit-gg-art{
        transform:
            translate(-50%,-50%)
            scale(.88)!important;
    }
}

/* ORBIT-GG-LEGACY-DUPLICATE-CLEANUP-V7
 * Remove the obsolete static gate_ID_0.png that the old builder adds
 * after a completed gate is prepared.
 */
#gate-info .orbit-gg-legacy-zero-hidden{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
}

#gate-info .orbit-gg-legacy-zero-bg-hidden{
    background-image:none!important;
}

/*
 * Safety net for direct legacy images.
 * V6 uses gate_ID_PART.png for the outer gate and WebM for the vortex,
 * therefore *_0.png is obsolete in the visible builder.
 */
#gate-info img[src*="resources/images/gg/gate_"][src*="_0.png"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* ORBIT-GG-PREPARED-LEGACY-BG-CLEANUP-V8
 * Legacy prepared-state artwork (gate_ID_bg.png / gate_ID_0.png)
 * must not render beside the centered V6 original gate.
 */
#gate-container .orbit-gg-prepared-legacy-hidden-v8{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background-image:none!important;
    pointer-events:none!important;
}

#gate-container .orbit-gg-prepared-legacy-hidden-v8::before,
#gate-container .orbit-gg-prepared-legacy-hidden-v8::after{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    content:none!important;
    background-image:none!important;
}

/* Direct IMG safety nets. The V6 gate itself uses PART.png + WebM, not these. */
#gate-container img[src*="/resources/images/gg/gate_"][src*="_0.png"],
#gate-container img[src*="/resources/images/gg/gate_"][src*="_bg.png"],
#gate-container img[src*="resources/images/gg/gate_"][src*="_0.png"],
#gate-container img[src*="resources/images/gg/gate_"][src*="_bg.png"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* ORBIT-GG-PREPARED-PSEUDO-CLEANUP-V9 */

#gate-info .orbit-gg-legacy-element-v9{
    background-image:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
}

#gate-info img.orbit-gg-legacy-element-v9{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

#gate-info .orbit-gg-legacy-before-v9::before{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
    background-image:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    box-shadow:none!important;
}

#gate-info .orbit-gg-legacy-after-v9::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
    background-image:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    box-shadow:none!important;
}

/*
 * Explicitly preserve the new V6 visual layers.
 */
#orbit-gg-stage,
#orbit-gg-parts,
#orbit-gg-art{
    display:flex;
}

#orbit-gg-parts,
#orbit-gg-art{
    pointer-events:none!important;
}

/* ORBIT-GG-LEGACY-FLASHAPI-CLEANUP-V10
 * Hide the obsolete post-PREPARE preview fed by flashAPI/jumpgate.php or
 * gate_ID_0/bg.png.  The V6 stage is explicitly protected in JavaScript.
 */

.orbit-gg-v10-hide-element{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    pointer-events:none!important;
}

.orbit-gg-v10-clear-background{
    background:none!important;
    background-image:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
}

.orbit-gg-v10-hide-before::before{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
    background-image:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    box-shadow:none!important;
}

.orbit-gg-v10-hide-after::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
    background-image:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    box-shadow:none!important;
}

/* Direct URL safety nets for legacy FlashAPI elements anywhere in the page. */
body iframe[src*="flashAPI/jumpgate.php"],
body object[data*="flashAPI/jumpgate.php"],
body embed[src*="flashAPI/jumpgate.php"],
body img[src*="flashAPI/jumpgate.php"],
body source[src*="flashAPI/jumpgate.php"],
body video[poster*="flashAPI/jumpgate.php"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Keep the new original implementation visible. */
#orbit-gg-stage{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
}

#orbit-gg-parts{
    display:block!important;
    visibility:visible!important;
}

#orbit-gg-art.is-complete{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}

/* ORBIT-GG-PREPARED-STRAY-VISUAL-CLEANUP-V11 */

#gate-info .orbit-gg-v11-stray-hidden{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Explicitly keep the V6 implementation visible. */
#orbit-gg-stage{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
}

#orbit-gg-parts{
    display:block!important;
    visibility:visible!important;
}

#orbit-gg-parts > .orbit-gg-piece{
    display:block!important;
    visibility:visible!important;
}

#orbit-gg-art.is-complete{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}

#orbit-gg-art.is-incomplete{
    visibility:hidden!important;
    opacity:0!important;
}

/* ORBIT-GG-PER-GATE-STATUS-ISOLATION-V12
 * Unfinished gates have no combat-wave state yet.
 */
#gate-info.orbit-gg-v12-incomplete [data-orbit-combat-status="true"]{
    display:none!important;
}