:root {
    --skia-bg: #f5f5f5;
    --skia-auth-bg: #0d0f0e;
    --skia-auth-panel: #171a18;
    --skia-auth-panel-soft: #202321;
    --skia-auth-border: rgba(255, 255, 255, .12);
    --skia-auth-text: #f2f2f2;
    --skia-auth-muted: #98a092;
    --skia-accent: #3b7b51;
    --skia-accent-hover: #4a9664;
}

body {
    background: var(--skia-bg);
}

.skia-card {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.06);
}

.skia-statusbar {
    font-size: 0.95rem;
}

.skia-status-label {
    color: #6c757d;
    display: inline-block;
    font-size: 0.8rem;
    margin-right: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.skia-footer {
    background: #fff;
    color: #6c757d;
    font-size: 0.875rem;
}

.skia-footer-title {
    color: #212529;
}

.skia-footer-link {
    color: #6c757d;
    text-decoration: none;
}

.skia-footer-link:hover {
    color: #212529;
    text-decoration: underline;
}

[data-skia-countdown] {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.03em;
}

.skia-auth-page {
    background: var(--skia-auth-bg);
    color: var(--skia-auth-text);
}

.skia-auth-main {
    min-height: calc(100vh - 90px);
}

.skia-auth-brand {
    color: var(--skia-auth-text);
    font-size: clamp(2.5rem, 7vw, 5rem);
    font-weight: 800;
    letter-spacing: .18em;
    line-height: 1;
}

.skia-auth-brand-subline {
    color: var(--skia-auth-muted);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .22em;
    margin-top: .75rem;
    text-transform: uppercase;
}

.skia-auth-card {
    background: var(--skia-auth-panel);
    border: 1px solid var(--skia-auth-border);
    border-radius: 0;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .35);
    color: var(--skia-auth-text);
    position: relative;
}

.skia-auth-card::before,
.skia-auth-card::after {
    border-color: var(--skia-accent);
    border-style: solid;
    content: '';
    height: 1.6rem;
    position: absolute;
    width: 1.6rem;
}

.skia-auth-card::before {
    border-width: 3px 0 0 3px;
    left: -1px;
    top: -1px;
}

.skia-auth-card::after {
    border-width: 0 3px 3px 0;
    bottom: -1px;
    right: -1px;
}

.skia-auth-heading {
    color: var(--skia-auth-text);
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skia-auth-muted {
    color: var(--skia-auth-muted);
}

.skia-auth-page .form-label {
    color: var(--skia-auth-muted);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.skia-auth-page .form-control {
    background-color: var(--skia-auth-panel-soft);
    border-color: rgba(59, 123, 81, .45);
    border-radius: 0;
    color: var(--skia-auth-text);
    min-height: 3.25rem;
}

.skia-auth-page .form-control:focus {
    background-color: var(--skia-auth-panel-soft);
    border-color: var(--skia-accent);
    box-shadow: 0 0 0 .25rem rgba(59, 123, 81, .2);
    color: var(--skia-auth-text);
}

.skia-auth-page .form-text,
.skia-auth-page a {
    color: var(--skia-auth-muted);
}

.skia-auth-page a:hover {
    color: var(--skia-auth-text);
}

.btn-skia-auth {
    --bs-btn-bg: var(--skia-accent);
    --bs-btn-border-color: var(--skia-accent);
    --bs-btn-color: #06100a;
    --bs-btn-hover-bg: var(--skia-accent-hover);
    --bs-btn-hover-border-color: var(--skia-accent-hover);
    --bs-btn-hover-color: #06100a;
    --bs-btn-active-bg: var(--skia-accent-hover);
    --bs-btn-active-border-color: var(--skia-accent-hover);
    border-radius: 0;
    font-weight: 800;
    letter-spacing: .22em;
    min-height: 3.25rem;
    text-transform: uppercase;
}

.skia-auth-page .skia-footer {
    background: var(--skia-auth-bg);
    border: 0 !important;
    color: var(--skia-auth-muted);
    margin-top: 0 !important;
}

.skia-auth-page .skia-footer-title,
.skia-auth-page .skia-footer-link:hover {
    color: var(--skia-auth-text);
}

.skia-auth-page .skia-footer-link {
    color: var(--skia-auth-muted);
}

.skia-footer .skia-footer-title,
.skia-footer .skia-footer-link {
    white-space: nowrap;
}


/* Auth layout fine tuning 037c */
.skia-auth-main {
    min-height: auto;
}

.skia-auth-wrapper {
    max-width: 960px;
    padding-top: clamp(2.5rem, 7vh, 5rem) !important;
    padding-bottom: 2.5rem !important;
}

.skia-auth-wrapper .row {
    width: 100%;
}

.skia-footer-round,
.skia-footer-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.skia-footer-round {
    gap: .75rem 2rem;
}

.skia-footer-links {
    gap: .75rem 2.25rem;
}

.skia-auth-page .skia-footer {
    margin-top: 1.5rem !important;
}

@media (max-width: 575.98px) {
    .skia-auth-wrapper {
        padding-top: 2rem !important;
    }

    .skia-footer-round,
    .skia-footer-links {
        gap: .5rem 1.25rem;
    }
}

/* Auth footer no-line + width fix 037d */
.skia-auth-page .skia-footer {
    border-top: 0 !important;
}

/* Auth footer precise spacing 037e: form -> round = mt-4, round -> links = mt-2 */
.skia-auth-page .skia-footer {
    margin-top: 1.5rem !important;
}

.skia-auth-page .skia-footer-links {
    margin-top: .75rem !important;
}

.skia-auth-page .skia-footer-round {
    margin-bottom: 0 !important;
}

/* ===== Ingame dark header / status / footer 038 ===== */
:root {
    --skia-dark-bg: #0d0f0e;
    --skia-dark-surface: #151815;
    --skia-dark-surface-2: #1b1f1b;
    --skia-dark-border: rgba(255,255,255,.08);
    --skia-dark-text: #f2f2f2;
    --skia-dark-muted: #aeb4ab;
    --skia-signal: #c7e843;
    --skia-signal-soft: rgba(199, 232, 67, .18);
    --skia-danger-soft: rgba(255, 183, 168, .18);
    --skia-danger: #efb2a8;
    --skia-danger-strong: #ffbeb0;
}

.skia-app-page {
    background: var(--skia-bg);
    color: #212529;
}

.skia-topnav {
    background: linear-gradient(180deg, #171a18 0%, #111412 100%);
}

.skia-brand {
    color: #fff;
    font-size: 1.95rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.skia-brand:hover,
.skia-brand:focus {
    color: #fff;
}

.skia-topnav .nav-link,
.skia-dropdown .dropdown-item {
    align-items: center;
    display: inline-flex;
    gap: .55rem;
}

.skia-topnav .nav-link {
    color: rgba(255,255,255,.78);
    font-weight: 500;
    padding-left: .8rem;
    padding-right: .8rem;
}

.skia-topnav .nav-link svg,
.skia-dropdown .dropdown-item svg {
    fill: currentColor;
    height: 1rem;
    width: 1rem;
}

.skia-topnav .nav-link:hover,
.skia-topnav .nav-link:focus,
.skia-topnav .nav-link.active,
.skia-topnav .show > .nav-link {
    color: #fff;
}

.skia-dropdown {
    background: #161917;
    border-color: var(--skia-dark-border);
}

.skia-dropdown .dropdown-item {
    color: rgba(255,255,255,.82);
    padding: .6rem .95rem;
}

.skia-dropdown .dropdown-item:hover,
.skia-dropdown .dropdown-item:focus {
    background: rgba(255,255,255,.06);
    color: #fff;
}

.skia-statuspanel {
    background: var(--skia-dark-bg);
    color: var(--skia-dark-text);
}

.skia-status-grid {
    --bs-gutter-y: 0.75rem;
}

.skia-stat-box {
    background: var(--skia-dark-surface);
    border: 1px solid var(--skia-dark-border);
    border-radius: .9rem;
    height: 100%;
    padding: .9rem 1rem;
}

.skia-statuspanel .skia-status-label {
    color: var(--skia-dark-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    margin-right: 0;
    text-transform: uppercase;
}

.skia-stat-value {
    color: var(--skia-dark-text);
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: .25rem;
}

.skia-stat-inline-value {
    color: var(--skia-dark-text);
    font-size: 1rem;
}

.skia-stat-sub {
    color: var(--skia-dark-muted);
    font-size: .9rem;
    margin-top: .25rem;
}

.skia-xp-wrap {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.skia-xp-progress {
    background: rgba(255,255,255,.10);
    border-radius: 999px;
    flex: 1;
    height: .55rem;
    overflow: hidden;
}

.skia-xp-progress .progress-bar {
    background: linear-gradient(90deg, #c6e53e 0%, #89b72b 100%);
}

.skia-skill-badge {
    background: var(--skia-signal-soft);
    border: 1px solid rgba(199, 232, 67, .35);
    color: var(--skia-signal);
    font-weight: 700;
    padding: .38rem .55rem;
}

.skia-skill-badge:hover {
    background: rgba(199, 232, 67, .26);
    color: #f5ffd0;
}

.skia-heat-box {
    min-height: 100%;
}

.skia-heat-meter {
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(5, 1fr);
}

.skia-heat-segment {
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: .15rem;
    height: .75rem;
}

.skia-heat-segment.is-active {
    background: linear-gradient(180deg, #f3c1b8 0%, #e39a8e 100%);
    border-color: rgba(243, 193, 184, .6);
}

.skia-heat-badge {
    align-items: center;
    border: 1px solid transparent;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    gap: .4rem;
    letter-spacing: .08em;
    padding: .45rem .6rem;
    text-transform: uppercase;
}

.skia-heat-badge-icon {
    line-height: 1;
}

.skia-heat-low {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    color: var(--skia-dark-muted);
}

.skia-heat-alert,
.skia-heat-critical {
    background: var(--skia-danger-soft);
    border-color: rgba(239, 178, 168, .35);
    color: var(--skia-danger-strong);
}

.skia-current-activity {
    align-items: center;
    background: rgba(59, 123, 81, .28);
    border: 1px solid rgba(90, 175, 115, .38);
    border-radius: 999px;
    color: #d6ffd8;
    display: inline-flex;
    font-size: .95rem;
    font-weight: 700;
    gap: .45rem;
    max-width: 100%;
    padding: .55rem 1rem;
}

.skia-current-activity:hover {
    background: rgba(59, 123, 81, .38);
    color: #effff0;
}

.skia-current-divider {
    opacity: .7;
}

.skia-footer-dark {
    background: var(--skia-dark-bg);
    border-top: 0 !important;
    color: var(--skia-auth-muted);
}

.skia-footer-dark .skia-footer-title,
.skia-footer-dark .skia-footer-link:hover {
    color: var(--skia-auth-text);
}

.skia-footer-dark .skia-footer-link {
    color: var(--skia-auth-muted);
}

@media (max-width: 991.98px) {
    .skia-brand {
        font-size: 1.65rem;
    }

    .skia-topnav .nav-link {
        padding-left: .15rem;
        padding-right: .15rem;
    }
}

@media (max-width: 575.98px) {
    .skia-stat-box {
        padding: .85rem .9rem;
    }

    .skia-stat-value {
        font-size: 1.15rem;
    }

    .skia-current-activity {
        border-radius: .9rem;
        font-size: .88rem;
        line-height: 1.35;
        padding: .6rem .85rem;
    }

    .skia-xp-wrap {
        align-items: flex-start;
        flex-direction: column;
    }

    .skia-skill-badge {
        align-self: flex-start;
    }
}

/* 038c: centered desktop nav + larger Font Awesome icons */
@media (min-width: 992px) {
    .skia-topnav .navbar-collapse {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
    }

    .skia-main-nav {
        grid-column: 2;
        justify-content: center;
    }

    .skia-user-nav {
        grid-column: 3;
        justify-self: end;
    }
}

.skia-topnav .nav-link i,
.skia-dropdown .dropdown-item i {
    font-size: 1.28rem;
    line-height: 1;
    min-width: 1.45rem;
    text-align: center;
}

.skia-topnav .nav-link {
    gap: .65rem;
}

.skia-dropdown .dropdown-item {
    gap: .65rem;
}


/* 038d: Font Awesome Free visible icon fix */
.skia-topnav .nav-link i,
.skia-dropdown .dropdown-item i {
    font-size: 1.38rem;
}


/* 038e: Font Awesome Kit / regular icon classes */
.skia-topnav .nav-link i,
.skia-dropdown .dropdown-item i {
    font-size: 1.45rem;
}

/* 038f: larger nav icons in relation to link text + logout arc icon */
.skia-topnav .nav-link i,
.skia-dropdown .dropdown-item i {
    font-size: 1.85rem;
    min-width: 2.05rem;
}

.skia-topnav .nav-link {
    gap: .75rem;
}

.skia-dropdown .dropdown-item {
    gap: .75rem;
}

@media (max-width: 575.98px) {
    .skia-topnav .nav-link i,
    .skia-dropdown .dropdown-item i {
        font-size: 1.6rem;
        min-width: 1.8rem;
    }
}


/* 038g: Font Awesome Kit ersetzt <i> teilweise durch <svg>; deshalb beide Varianten gezielt vergrössern */
.skia-topnav .nav-link i,
.skia-topnav .nav-link svg.svg-inline--fa,
.skia-dropdown .dropdown-item i,
.skia-dropdown .dropdown-item svg.svg-inline--fa {
    font-size: 2.15rem !important;
    height: 2.15rem !important;
    line-height: 1 !important;
    min-width: 2.35rem;
    text-align: center;
    width: 2.35rem !important;
}

.skia-topnav .nav-link span,
.skia-dropdown .dropdown-item span {
    font-size: .95rem;
}

.skia-topnav .nav-link {
    gap: .85rem;
}

.skia-dropdown .dropdown-item {
    gap: .85rem;
}

@media (max-width: 575.98px) {
    .skia-topnav .nav-link i,
    .skia-topnav .nav-link svg.svg-inline--fa,
    .skia-dropdown .dropdown-item i,
    .skia-dropdown .dropdown-item svg.svg-inline--fa {
        font-size: 1.9rem !important;
        height: 1.9rem !important;
        min-width: 2.05rem;
        width: 2.05rem !important;
    }
}

/* 038h: Main navigation icons stay large, user/profile and logout icons stay compact */
.skia-user-nav .nav-link i,
.skia-user-nav .nav-link svg.svg-inline--fa {
    font-size: 1.15rem !important;
    height: 1.15rem !important;
    line-height: 1 !important;
    min-width: 1.35rem !important;
    width: 1.35rem !important;
}

.skia-user-nav .nav-link {
    gap: .45rem;
}

@media (max-width: 575.98px) {
    .skia-user-nav .nav-link i,
    .skia-user-nav .nav-link svg.svg-inline--fa {
        font-size: 1.15rem !important;
        height: 1.15rem !important;
        min-width: 1.35rem !important;
        width: 1.35rem !important;
    }
}


/* 038i: no top nav separator and no finance dropdown arrow */
.skia-topnav {
    border-bottom: 0 !important;
}

.skia-finance-toggle::after {
    display: none !important;
}

/* 039: Main navigation sections + section submenu */
.skia-section-nav {
    background: #101210;
    border-top: 1px solid rgba(255,255,255,.04);
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.skia-section-nav-scroll {
    display: flex;
    gap: .65rem;
    overflow-x: auto;
    padding: .7rem 0;
    scrollbar-width: thin;
}

.skia-section-link {
    align-items: center;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
    color: rgba(255,255,255,.72);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .88rem;
    font-weight: 650;
    gap: .45rem;
    padding: .46rem .85rem;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.skia-section-link i,
.skia-section-link svg.svg-inline--fa {
    font-size: .95rem !important;
    height: .95rem !important;
    min-width: 1rem !important;
    width: 1rem !important;
}

.skia-section-link:hover,
.skia-section-link:focus,
.skia-section-link.active {
    background: rgba(59, 123, 81, .22);
    border-color: rgba(59, 123, 81, .55);
    color: #fff;
}

.skia-section-card {
    color: inherit;
    transition: transform .15s ease, box-shadow .15s ease;
}

.skia-section-card:hover {
    color: inherit;
    transform: translateY(-2px);
}

.skia-section-card-icon {
    align-items: center;
    background: rgba(59, 123, 81, .12);
    border: 1px solid rgba(59, 123, 81, .24);
    border-radius: .9rem;
    color: var(--skia-accent);
    display: inline-flex;
    font-size: 1.4rem;
    height: 2.9rem;
    justify-content: center;
    margin-bottom: 1rem;
    width: 2.9rem;
}

.skia-section-card-icon svg.svg-inline--fa {
    height: 1.4rem;
    width: 1.4rem;
}

@media (max-width: 575.98px) {
    .skia-section-nav-scroll {
        gap: .5rem;
        padding: .6rem 0;
    }

    .skia-section-link {
        font-size: .82rem;
        padding: .42rem .72rem;
    }
}

/* 040: Versteck statt Lager, Bild-Icons in der Hauptnavigation, Subnav im Contentbereich */
.skia-main-nav .nav-link {
    align-items: center;
    flex-direction: column;
    gap: .35rem;
    padding-bottom: .55rem;
    padding-top: .55rem;
    text-align: center;
}

.skia-main-nav .nav-link span {
    font-size: .82rem;
    line-height: 1.1;
}

.skia-main-nav-img {
    display: block;
    height: 3.05rem;
    object-fit: contain;
    width: 3.05rem;
}

.skia-main-nav .nav-link i,
.skia-main-nav .nav-link svg.svg-inline--fa {
    font-size: 2.25rem !important;
    height: 2.25rem !important;
    min-width: 2.45rem !important;
    width: 2.45rem !important;
}

.skia-user-nav .nav-link {
    flex-direction: row;
}

.skia-user-nav .nav-link i,
.skia-user-nav .nav-link svg.svg-inline--fa {
    font-size: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.35rem !important;
    width: 1.35rem !important;
}

.skia-section-nav {
    background: var(--skia-bg);
    border-bottom: 0;
    border-top: 0;
}

.skia-section-nav-scroll {
    gap: .6rem;
    padding: 1rem 0 0;
}

.skia-section-link {
    background: #fff;
    border-color: rgba(0,0,0,.08);
    border-radius: .8rem;
    color: #495057;
    box-shadow: 0 .25rem .8rem rgba(0,0,0,.035);
}

.skia-section-link:hover,
.skia-section-link:focus,
.skia-section-link.active {
    background: rgba(59, 123, 81, .12);
    border-color: rgba(59, 123, 81, .35);
    color: #152016;
}

.skia-section-link i,
.skia-section-link svg.svg-inline--fa {
    color: var(--skia-accent);
}

@media (max-width: 991.98px) {
    .skia-main-nav .nav-link {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }

    .skia-main-nav-img {
        height: 2.2rem;
        width: 2.2rem;
    }

    .skia-main-nav .nav-link span {
        font-size: .95rem;
    }
}

@media (max-width: 575.98px) {
    .skia-main-nav-img {
        height: 2rem;
        width: 2rem;
    }

    .skia-section-nav-scroll {
        padding-top: .75rem;
    }
}


/* 041: Schwarzmarkt Einkauf als dunkle Listenansicht + größere Bildicons in der Hauptnavigation */
.skia-main-nav-img {
    height: 3.75rem;
    width: 3.75rem;
}

@media (max-width: 991.98px) {
    .skia-main-nav-img {
        height: 2.75rem;
        width: 2.75rem;
    }
}

@media (max-width: 575.98px) {
    .skia-main-nav-img {
        height: 2.35rem;
        width: 2.35rem;
    }
}

.skia-page-equipments {
    background: #0d0f0e;
}

.skia-page-equipments .skia-section-nav {
    background: #0d0f0e;
}

.skia-page-equipments .skia-section-link {
    background: #161917;
    border-color: rgba(255,255,255,.08);
    box-shadow: none;
    color: rgba(255,255,255,.68);
}

.skia-page-equipments .skia-section-link:hover,
.skia-page-equipments .skia-section-link:focus,
.skia-page-equipments .skia-section-link.active {
    background: rgba(59,123,81,.26);
    border-color: rgba(59,123,81,.65);
    color: #fff;
}

.skia-market-main {
    background: #0d0f0e;
    color: #f2f2f2;
    min-height: 60vh;
    padding: 0;
}

.skia-market-terminal {
    background: #0d0f0e;
    color: #f2f2f2;
    padding: 1.4rem 0 4rem;
}

.skia-market-shell {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 1.5rem;
}

.skia-market-toolbar {
    align-items: flex-end;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    margin-bottom: 1.75rem;
}

.skia-market-title {
    color: #f2f2f2;
    font-size: clamp(2.1rem, 4vw, 3.15rem);
    font-weight: 850;
    letter-spacing: .02em;
    line-height: 1.05;
    margin: 0 0 .45rem;
}

.skia-market-lead {
    color: #98a092;
    font-size: 1.04rem;
    margin: 0;
}

.skia-market-inventory-btn {
    align-items: center;
    background: #202522;
    border: 1px solid rgba(59,123,81,.55);
    border-radius: .45rem;
    color: #f2f2f2;
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    min-height: 2.8rem;
    padding: .7rem 1rem;
    text-decoration: none;
    white-space: nowrap;
}

.skia-market-inventory-btn:hover {
    background: rgba(59,123,81,.32);
    color: #fff;
}

.skia-market-alert {
    border-radius: .5rem;
    margin-bottom: 1rem;
}

.skia-market-hint {
    background: rgba(59,123,81,.16);
    border: 1px solid rgba(59,123,81,.38);
    border-radius: .55rem;
    color: #cfe6d4;
    font-size: .92rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}

.skia-market-filter {
    align-items: end;
    background: #131613;
    border: 1px solid #2a352b;
    border-radius: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 180px;
    margin-bottom: 2rem;
    padding: 1.05rem 1.2rem;
}

.skia-market-filter-field label {
    color: #98a092;
    display: block;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .09em;
    margin-bottom: .4rem;
    text-transform: uppercase;
}

.skia-market-filter-field select {
    appearance: none;
    background-color: #0f1210;
    border: 1px solid #2b342c;
    border-radius: .42rem;
    color: #f2f2f2;
    min-height: 2.55rem;
    padding: .5rem .8rem;
    width: 100%;
}

.skia-market-filter-field select:focus {
    border-color: rgba(59,123,81,.8);
    box-shadow: 0 0 0 .2rem rgba(59,123,81,.18);
    outline: 0;
}

.skia-market-apply-btn,
.skia-market-buy-btn {
    background: #3b7b51;
    border: 1px solid #3b7b51;
    border-radius: 0;
    color: #071009;
    font-weight: 900;
    letter-spacing: .08em;
    min-height: 2.75rem;
    padding: .75rem 1.2rem;
    text-transform: uppercase;
}

.skia-market-apply-btn:hover,
.skia-market-buy-btn:hover {
    background: #4a9664;
    border-color: #4a9664;
}

.skia-market-buy-btn:disabled {
    background: #39423b;
    border-color: #39423b;
    color: rgba(255,255,255,.45);
    cursor: not-allowed;
}

.skia-market-list-head,
.skia-market-item {
    align-items: center;
    display: grid;
    gap: 1.2rem;
    grid-template-columns: 82px minmax(280px, 1.2fr) minmax(350px, 1fr) 130px 160px;
}

.skia-market-list-head {
    border-bottom: 1px solid #263027;
    color: #98a092;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .1em;
    margin-bottom: .75rem;
    padding: 0 1.4rem .9rem;
    text-transform: uppercase;
}

.skia-market-item {
    background: #151815;
    border: 1px solid #253126;
    margin-bottom: .75rem;
    padding: 1.25rem 1.4rem;
    position: relative;
    transition: background-color .15s ease, border-color .15s ease;
}

.skia-market-item:hover,
.skia-market-item:focus-within {
    background: #192319;
    border-color: rgba(59,123,81,.85);
    z-index: 2;
}

.skia-market-item-icon {
    align-items: center;
    background: #0f1210;
    border: 1px solid #2d372e;
    border-radius: .45rem;
    color: #4a9664;
    display: inline-flex;
    font-size: 2rem;
    height: 4.65rem;
    justify-content: center;
    width: 4.65rem;
}

.skia-market-item-icon .svg-inline--fa {
    height: 2rem;
    width: 2rem;
}

.skia-market-item-topline {
    align-items: center;
    display: flex;
    gap: .7rem;
}

.skia-market-item h2 {
    color: #f2f2f2;
    font-size: 1.45rem;
    font-weight: 850;
    line-height: 1.15;
    margin: 0;
}

.skia-market-rarity {
    background: #273027;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: .45rem;
    color: #dfe8dc;
    font-size: .72rem;
    font-weight: 800;
    padding: .18rem .45rem;
}

.skia-market-meta {
    color: #98a092;
    margin-top: .35rem;
}

.skia-market-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .75rem;
}

.skia-market-tags a {
    background: #202720;
    border: 1px solid #303a31;
    border-radius: .45rem;
    color: #f2f2f2;
    font-size: .74rem;
    font-weight: 800;
    padding: .2rem .45rem;
    text-decoration: none;
}

.skia-market-tags a:hover {
    border-color: rgba(59,123,81,.8);
}

.skia-market-description {
    background: #0f1210;
    border: 1px solid #2d372e;
    border-radius: .45rem;
    bottom: -2.7rem;
    color: #98a092;
    display: none;
    font-size: .86rem;
    left: 7.6rem;
    max-width: 38rem;
    padding: .55rem .75rem;
    position: absolute;
    z-index: 3;
}

.skia-market-item:hover .skia-market-description,
.skia-market-item:focus-within .skia-market-description {
    display: block;
}

.skia-market-buy-hint {
    color: #efb2a8;
    font-size: .85rem;
    margin-top: .7rem;
}

.skia-market-param {
    align-items: center;
    display: grid;
    gap: .7rem;
    grid-template-columns: 7.4rem minmax(7rem, 1fr) 4.4rem;
    margin: .35rem 0;
}

.skia-market-param span {
    color: #98a092;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.skia-market-param strong {
    color: #f2f2f2;
    font-size: .85rem;
}

.skia-market-param-bar {
    background: #2a2e2b;
    border-radius: 999px;
    height: .52rem;
    overflow: hidden;
}

.skia-market-param-bar i {
    background: #19c9dd;
    display: block;
    height: 100%;
}

.skia-market-param-bar.is-good i {
    background: #c7e843;
}

.skia-market-param-bar.is-danger i {
    background: #efb2a8;
}

.skia-market-param-bar.is-warn i {
    background: #e8d36b;
}

.skia-market-param-bar.is-muted i {
    background: #98a092;
}

.skia-market-param-text {
    grid-template-columns: 1fr auto;
}

.skia-market-price span {
    color: #98a092;
    display: block;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.skia-market-price strong {
    color: #c7e843;
    display: block;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.2;
}

.skia-market-buy-form {
    margin: 0;
}

.skia-market-buy-form .skia-market-buy-btn {
    width: 100%;
}

.skia-market-empty {
    background: #151815;
    border: 1px solid #253126;
    border-radius: .6rem;
    color: #98a092;
    padding: 1.5rem;
}

@media (max-width: 1199.98px) {
    .skia-market-list-head,
    .skia-market-item {
        grid-template-columns: 72px minmax(260px, 1fr) minmax(300px, 1fr) 120px;
    }

    .skia-market-buy-form {
        grid-column: 4;
    }
}

@media (max-width: 991.98px) {
    .skia-market-terminal {
        padding-top: 1rem;
    }

    .skia-market-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .skia-market-filter {
        grid-template-columns: 1fr;
    }

    .skia-market-list-head {
        display: none;
    }

    .skia-market-item {
        grid-template-columns: 4.1rem 1fr;
    }

    .skia-market-item-icon {
        height: 4.1rem;
        width: 4.1rem;
    }

    .skia-market-params,
    .skia-market-price,
    .skia-market-buy-form,
    .skia-market-description {
        grid-column: 1 / -1;
    }

    .skia-market-description {
        bottom: auto;
        display: block;
        left: auto;
        margin-top: .75rem;
        max-width: none;
        position: static;
    }

    .skia-market-price {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .skia-market-param {
        grid-template-columns: 6.5rem 1fr 4rem;
    }
}

@media (max-width: 575.98px) {
    .skia-market-shell {
        padding: 0 1rem;
    }

    .skia-market-item {
        gap: .9rem;
        padding: 1rem;
    }

    .skia-market-item h2 {
        font-size: 1.18rem;
    }

    .skia-market-param {
        gap: .5rem;
        grid-template-columns: 5.7rem 1fr 3.4rem;
    }

    .skia-market-param span,
    .skia-market-param strong {
        font-size: .72rem;
    }
}

/* 042: Font-Awesome-Hauptnavigation + blockierter Kaufen-Button im Schwarzmarkt */
.skia-main-nav .nav-link i,
.skia-main-nav .nav-link svg.svg-inline--fa {
    font-size: 2.35rem !important;
    height: 2.35rem !important;
    min-width: 2.55rem !important;
    width: 2.55rem !important;
}

.skia-user-nav .nav-link i,
.skia-user-nav .nav-link svg.svg-inline--fa {
    font-size: 1.15rem !important;
    height: 1.15rem !important;
    min-width: 1.35rem !important;
    width: 1.35rem !important;
}

.skia-market-buy-btn.is-blocked,
.skia-market-buy-btn.is-blocked:disabled {
    background: transparent;
    border-color: rgba(239, 178, 168, .82);
    color: #efb2a8;
    cursor: not-allowed;
    font-size: .86rem;
    letter-spacing: .03em;
    opacity: 1;
    text-transform: none;
}

.skia-market-buy-btn.is-blocked:hover,
.skia-market-buy-btn.is-blocked:focus {
    background: rgba(239, 178, 168, .08);
    border-color: rgba(239, 178, 168, .95);
    color: #ffcac2;
}

@media (max-width: 991.98px) {
    .skia-main-nav .nav-link i,
    .skia-main-nav .nav-link svg.svg-inline--fa {
        font-size: 1.75rem !important;
        height: 1.75rem !important;
        min-width: 2rem !important;
        width: 2rem !important;
    }
}

/* 043: nur besprochene Anpassungen – grüne Header-Linie, grüne Nav-States, Schwarzmarkt-Filter cleanup */
.skia-topnav {
    border-bottom: 1px solid rgba(59, 123, 81, .9) !important;
}

.skia-main-nav .nav-link:hover,
.skia-main-nav .nav-link:focus,
.skia-main-nav .nav-link.active {
    color: var(--skia-accent) !important;
}

.skia-main-nav .nav-link:hover i,
.skia-main-nav .nav-link:focus i,
.skia-main-nav .nav-link.active i,
.skia-main-nav .nav-link:hover svg.svg-inline--fa,
.skia-main-nav .nav-link:focus svg.svg-inline--fa,
.skia-main-nav .nav-link.active svg.svg-inline--fa {
    color: var(--skia-accent) !important;
}

.skia-market-filter-compact {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 180px;
}

.skia-market-tags span {
    background: #202720;
    border: 1px solid #303a31;
    border-radius: .45rem;
    color: #f2f2f2;
    display: inline-flex;
    font-size: .74rem;
    font-weight: 800;
    padding: .2rem .45rem;
}

@media (max-width: 991.98px) {
    .skia-market-filter-compact {
        grid-template-columns: 1fr;
    }
}

/* 044: nur besprochen – Headerlinie clean, Submenü als rechteckige Tabs rechtsbündig, Schwarzmarkt-Titel entfernt */
.skia-statuspanel,
.skia-statuspanel.border-bottom {
    border-bottom: 0 !important;
}

.skia-section-nav {
    background: #0d0f0e !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    padding: 1.35rem 0 0;
}

.skia-section-nav .container {
    display: flex;
    justify-content: flex-end;
}

.skia-section-nav-scroll {
    display: flex;
    gap: .55rem;
    justify-content: flex-end;
    max-width: 100%;
    overflow-x: auto;
    padding: 0 !important;
    scrollbar-width: thin;
}

.skia-section-link {
    align-items: center;
    background: transparent !important;
    border: 1px solid rgba(59, 123, 81, .58) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: rgba(242, 242, 242, .78) !important;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .9rem;
    font-weight: 850;
    gap: .55rem;
    letter-spacing: .06em;
    min-height: 3rem;
    padding: .7rem 1.15rem;
    text-decoration: none;
    text-transform: uppercase;
}

.skia-section-link i,
.skia-section-link svg.svg-inline--fa {
    color: var(--skia-accent) !important;
    font-size: 1rem !important;
    height: 1rem !important;
    min-width: 1.1rem !important;
    width: 1.1rem !important;
}

.skia-section-link:hover,
.skia-section-link:focus {
    background: rgba(59, 123, 81, .18) !important;
    border-color: var(--skia-accent) !important;
    color: #fff !important;
}

.skia-section-link.active {
    background: var(--skia-accent) !important;
    border-color: var(--skia-accent) !important;
    color: #fff !important;
}

.skia-section-link.active i,
.skia-section-link.active svg.svg-inline--fa {
    color: #fff !important;
}

.skia-market-terminal {
    padding-top: 1.15rem;
}

.skia-market-filter {
    margin-top: 0;
}

@media (max-width: 991.98px) {
    .skia-section-nav .container {
        display: block;
    }

    .skia-section-nav-scroll {
        justify-content: flex-start;
    }
}

/* 044b: gleiche vertikale Abstände Headerlinie -> Status, Status -> Submenü, Submenü -> Inhalt; mindestens Bootstrap m-5 (= 3rem) */
:root {
    --skia-vertical-section-gap: 3rem;
}

.skia-statuspanel > .container {
    padding-top: var(--skia-vertical-section-gap) !important;
    padding-bottom: var(--skia-vertical-section-gap) !important;
}

.skia-section-nav {
    padding-top: 0 !important;
    padding-bottom: var(--skia-vertical-section-gap) !important;
}

.skia-market-terminal {
    padding-top: 0 !important;
}

/* 045: Missionen-Übersicht im dunklen Listenstil wie Schwarzmarkt */
.skia-page-missions {
    background: #0d0f0e;
}

.skia-page-missions .skia-section-nav {
    background: #0d0f0e;
}

.skia-missions-shell {
    background: #0d0f0e;
    color: #f2f2f2;
    padding: 0 0 4rem;
}

.skia-missions-alert-wrap {
    margin-bottom: 1rem;
}

.skia-missions-filter {
    background: #131613;
    border: 1px solid #2a352b;
    border-radius: 1rem;
    padding: 1.05rem 1.2rem;
}

.skia-missions-filter label {
    color: #98a092;
    display: block;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .09em;
    margin-bottom: .4rem;
    text-transform: uppercase;
}

.skia-missions-filter .form-select,
.skia-missions-filter .form-control {
    background-color: #0f1210;
    border: 1px solid #2b342c;
    border-radius: .42rem;
    color: #f2f2f2;
    min-height: 2.55rem;
}

.skia-missions-filter .form-select:focus,
.skia-missions-filter .form-control:focus {
    background-color: #0f1210;
    border-color: rgba(59,123,81,.8);
    box-shadow: 0 0 0 .2rem rgba(59,123,81,.18);
    color: #f2f2f2;
}

.skia-missions-filter .form-control::placeholder {
    color: rgba(255,255,255,.35);
}

.skia-missions-apply-btn,
.skia-missions-action-btn {
    align-items: center;
    background: #3b7b51;
    border: 1px solid #3b7b51;
    border-radius: 0;
    color: #071009;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    letter-spacing: .08em;
    min-height: 2.75rem;
    padding: .75rem 1.2rem;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.skia-missions-apply-btn:hover,
.skia-missions-action-btn:hover,
.skia-missions-action-btn:focus {
    background: #4a9664;
    border-color: #4a9664;
    color: #071009;
}

.skia-missions-action-btn.is-blocked,
.skia-missions-action-btn.is-blocked:disabled {
    background: transparent;
    border-color: rgba(239,178,168,.82);
    color: #efb2a8;
    cursor: not-allowed;
}

.skia-missions-list-head,
.skia-missions-item {
    align-items: center;
    display: grid;
    gap: 1.2rem;
    grid-template-columns: 82px minmax(280px, 1.2fr) minmax(220px, .9fr) minmax(350px, 1.1fr) 150px 150px;
}

.skia-missions-list-head {
    border-bottom: 1px solid #263027;
    color: #98a092;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .1em;
    margin-bottom: .75rem;
    padding: 0 1.4rem .9rem 7.65rem;
    text-transform: uppercase;
}

.skia-missions-list-head div:nth-child(1) {
    grid-column: 1 / span 2;
}

.skia-missions-item {
    background: #151815;
    border: 1px solid #253126;
    margin-bottom: .75rem;
    padding: 1.25rem 1.4rem;
    transition: background-color .15s ease, border-color .15s ease;
}

.skia-missions-item:hover,
.skia-missions-item:focus-within {
    background: #192319;
    border-color: rgba(59,123,81,.85);
}

.skia-missions-item.is-locked {
    border-color: rgba(239,178,168,.26);
}

.skia-missions-icon {
    align-items: center;
    background: #0f1210;
    border: 1px solid #2d372e;
    border-radius: .45rem;
    color: #4a9664;
    display: inline-flex;
    font-size: 2rem;
    height: 4.65rem;
    justify-content: center;
    width: 4.65rem;
}

.skia-missions-icon .svg-inline--fa {
    height: 2rem;
    width: 2rem;
}

.skia-missions-titleline {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.skia-missions-titleline h2 {
    color: #f2f2f2;
    font-size: 1.25rem;
    font-weight: 850;
    line-height: 1.18;
    margin: 0;
}

.skia-missions-titleline span {
    background: #202720;
    border: 1px solid #303a31;
    border-radius: .45rem;
    color: #dfe7da;
    font-size: .7rem;
    font-weight: 800;
    padding: .13rem .4rem;
}

.skia-missions-meta {
    color: #98a092;
    font-size: .92rem;
    margin-top: .35rem;
}

.skia-missions-tags,
.skia-missions-prep-badges {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .65rem;
}

.skia-missions-tags a,
.skia-missions-prep-badges span {
    background: #202720;
    border: 1px solid #303a31;
    border-radius: .45rem;
    color: #dfe7da;
    font-size: .7rem;
    font-weight: 800;
    padding: .2rem .45rem;
    text-decoration: none;
}

.skia-missions-tags a:hover,
.skia-missions-tags a:focus {
    background: rgba(59,123,81,.24);
    border-color: rgba(59,123,81,.62);
    color: #fff;
}

.skia-missions-muted {
    color: rgba(255,255,255,.35);
}

.skia-missions-running {
    align-items: flex-start;
    color: #dff8e0;
    display: flex;
    flex-direction: column;
    font-weight: 800;
    gap: .35rem;
}

.skia-missions-running strong {
    background: rgba(59,123,81,.24);
    border: 1px solid rgba(59,123,81,.45);
    color: #d6ffd8;
    display: inline-flex;
    font-variant-numeric: tabular-nums;
    padding: .25rem .45rem;
}

.skia-missions-param {
    align-items: center;
    display: grid;
    gap: .7rem;
    grid-template-columns: 110px minmax(80px, 1fr) 68px;
    margin: .35rem 0;
}

.skia-missions-param span {
    color: #98a092;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.skia-missions-param strong {
    color: #f2f2f2;
    font-size: .8rem;
    font-weight: 850;
    text-align: right;
    white-space: nowrap;
}

.skia-missions-param-bar {
    background: rgba(255,255,255,.12);
    border-radius: 999px;
    height: .48rem;
    overflow: hidden;
}

.skia-missions-param-bar i {
    background: #19c9dd;
    display: block;
    height: 100%;
}

.skia-missions-param-bar.is-good i {
    background: #c7e843;
}

.skia-missions-param-bar.is-danger i {
    background: #efb2a8;
}

.skia-missions-param-bar.is-warn i {
    background: #e8d36b;
}

.skia-missions-param-bar.is-info i {
    background: #3b7b51;
}

.skia-missions-reward span {
    color: #98a092;
    display: block;
    font-size: .74rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skia-missions-reward strong {
    color: #c7e843;
    display: block;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.15;
    margin-top: .15rem;
}

.skia-missions-reward small {
    color: #98a092;
    display: block;
    font-size: .74rem;
    margin-top: .35rem;
}

.skia-missions-action {
    display: flex;
    justify-content: flex-end;
}

.skia-missions-empty {
    background: #151815;
    border: 1px solid #253126;
    color: #98a092;
    padding: 1.25rem 1.4rem;
}

@media (max-width: 1199.98px) {
    .skia-missions-list-head,
    .skia-missions-item {
        grid-template-columns: 72px minmax(240px, 1.2fr) minmax(320px, 1fr) 150px 150px;
    }

    .skia-missions-prep {
        grid-column: 2 / -1;
        order: 2;
    }
}

@media (max-width: 991.98px) {
    .skia-missions-list-head {
        display: none;
    }

    .skia-missions-item {
        grid-template-columns: 64px 1fr;
    }

    .skia-missions-prep,
    .skia-missions-params,
    .skia-missions-reward,
    .skia-missions-action {
        grid-column: 1 / -1;
    }

    .skia-missions-action,
    .skia-missions-action-btn {
        width: 100%;
    }

    .skia-missions-icon {
        height: 4rem;
        width: 4rem;
    }
}

@media (max-width: 575.98px) {
    .skia-missions-shell {
        padding-bottom: 3rem;
    }

    .skia-missions-filter {
        border-radius: .75rem;
        padding: .9rem;
    }

    .skia-missions-item {
        padding: 1rem;
    }

    .skia-missions-param {
        grid-template-columns: 92px 1fr 58px;
    }

    .skia-missions-titleline h2 {
        font-size: 1.08rem;
    }
}

/* 046: Missionen-Übersicht – Button/Grid bleibt innerhalb der Missionskarte */
.skia-missions-list-head,
.skia-missions-item {
    gap: .9rem;
    grid-template-columns: 70px minmax(220px, 1.25fr) minmax(160px, .8fr) minmax(250px, 1fr) minmax(115px, .42fr) minmax(108px, .34fr);
}

.skia-missions-item {
    overflow: hidden;
}

.skia-missions-info,
.skia-missions-prep,
.skia-missions-params,
.skia-missions-reward,
.skia-missions-action {
    min-width: 0;
}

.skia-missions-action {
    justify-content: flex-end;
    overflow: hidden;
}

.skia-missions-action-btn {
    max-width: 100%;
    min-width: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
}

.skia-missions-list-head {
    padding-left: 7.05rem;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .skia-missions-list-head,
    .skia-missions-item {
        grid-template-columns: 68px minmax(210px, 1.15fr) minmax(145px, .75fr) minmax(235px, 1fr) minmax(105px, .38fr) minmax(98px, .32fr);
    }

    .skia-missions-item {
        padding-left: 1.05rem;
        padding-right: 1.05rem;
    }

    .skia-missions-list-head {
        padding-left: 6.45rem;
        padding-right: 1.05rem;
    }

    .skia-missions-param {
        grid-template-columns: 94px minmax(56px, 1fr) 58px;
        gap: .5rem;
    }

    .skia-missions-reward strong {
        font-size: 1.25rem;
    }
}

@media (max-width: 1199.98px) {
    .skia-missions-list-head,
    .skia-missions-item {
        gap: .85rem;
        grid-template-columns: 64px minmax(210px, 1.05fr) minmax(260px, 1fr) minmax(105px, .42fr) minmax(100px, .34fr);
    }

    .skia-missions-list-head {
        padding-left: 6.25rem;
    }
}

@media (max-width: 991.98px) {
    .skia-missions-item {
        overflow: visible;
    }

    .skia-missions-action {
        overflow: visible;
    }

    .skia-missions-action-btn {
        width: 100%;
    }
}


/* 047: Missionen-Detailseite im gleichen dunklen Stil wie die Missionsliste */
.skia-mission-detail-main {
    color: #f2f2f2;
    padding-top: 0 !important;
    padding-bottom: 4rem !important;
}

.skia-mission-detail-main a:not(.btn):not(.skia-missions-action-btn) {
    color: #7fcf93;
}

.skia-mission-detail-main a:not(.btn):not(.skia-missions-action-btn):hover,
.skia-mission-detail-main a:not(.btn):not(.skia-missions-action-btn):focus {
    color: #a7e9b4;
}

.skia-mission-detail-main h1,
.skia-mission-detail-main h2,
.skia-mission-detail-main h3,
.skia-mission-detail-main h4,
.skia-mission-detail-main h5,
.skia-mission-detail-main h6 {
    color: #f2f2f2;
    font-weight: 850;
}

.skia-mission-detail-main .text-muted,
.skia-mission-detail-main .small,
.skia-mission-detail-main small {
    color: #98a092 !important;
}

.skia-mission-detail-main .card,
.skia-mission-detail-main .list-group,
.skia-mission-detail-main .list-group-item,
.skia-mission-detail-main .accordion-item,
.skia-mission-detail-main .modal-content,
.skia-mission-detail-card,
.skia-mission-detail-panel,
.skia-mission-detail-box {
    background: #151815;
    border-color: #253126;
    color: #f2f2f2;
}

.skia-mission-detail-main .card,
.skia-mission-detail-card,
.skia-mission-detail-panel,
.skia-mission-detail-box {
    border: 1px solid #253126;
    border-radius: 0;
    box-shadow: none;
}

.skia-mission-detail-main .card-header,
.skia-mission-detail-main .card-footer,
.skia-mission-detail-main .accordion-header,
.skia-mission-detail-main .accordion-button,
.skia-mission-detail-header,
.skia-mission-detail-footer {
    background: #131613;
    border-color: #253126;
    color: #f2f2f2;
}

.skia-mission-detail-main .card-header,
.skia-mission-detail-header {
    border-bottom: 1px solid #253126;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.skia-mission-detail-main .card-body,
.skia-mission-detail-body {
    color: #dfe7da;
}

.skia-mission-detail-main .card + .card,
.skia-mission-detail-panel + .skia-mission-detail-panel,
.skia-mission-detail-box + .skia-mission-detail-box {
    margin-top: 1rem;
}

.skia-mission-detail-main .table {
    --bs-table-bg: transparent;
    --bs-table-color: #dfe7da;
    --bs-table-border-color: #253126;
    color: #dfe7da;
}

.skia-mission-detail-main .table th {
    color: #98a092;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skia-mission-detail-main .table td {
    color: #f2f2f2;
}

.skia-mission-detail-main .badge,
.skia-mission-detail-badge,
.skia-mission-detail-pill {
    background: #202720 !important;
    border: 1px solid #303a31;
    border-radius: .45rem;
    color: #dfe7da !important;
    font-size: .7rem;
    font-weight: 800;
    padding: .22rem .48rem;
}

.skia-mission-detail-main .alert {
    background: #151815;
    border: 1px solid #253126;
    border-radius: 0;
    color: #dfe7da;
}

.skia-mission-detail-main .alert-success {
    border-color: rgba(59,123,81,.72);
    color: #d6ffd8;
}

.skia-mission-detail-main .alert-danger,
.skia-mission-detail-main .alert-warning {
    border-color: rgba(239,178,168,.52);
    color: #efb2a8;
}

.skia-mission-detail-main .progress,
.skia-mission-detail-progress {
    background: rgba(255,255,255,.12);
    border-radius: 999px;
    height: .5rem;
    overflow: hidden;
}

.skia-mission-detail-main .progress-bar,
.skia-mission-detail-progress > i {
    background: #3b7b51;
}

.skia-mission-detail-main .btn,
.skia-mission-detail-main button[type="submit"],
.skia-mission-detail-action-btn {
    border-radius: 0;
    font-weight: 900;
    letter-spacing: .08em;
    min-height: 2.75rem;
    text-transform: uppercase;
}

.skia-mission-detail-main .btn-primary,
.skia-mission-detail-main .btn-success,
.skia-mission-detail-main button[type="submit"],
.skia-mission-detail-action-btn {
    background: #3b7b51;
    border-color: #3b7b51;
    color: #071009;
}

.skia-mission-detail-main .btn-primary:hover,
.skia-mission-detail-main .btn-primary:focus,
.skia-mission-detail-main .btn-success:hover,
.skia-mission-detail-main .btn-success:focus,
.skia-mission-detail-main button[type="submit"]:hover,
.skia-mission-detail-main button[type="submit"]:focus,
.skia-mission-detail-action-btn:hover,
.skia-mission-detail-action-btn:focus {
    background: #4a9664;
    border-color: #4a9664;
    color: #071009;
}

.skia-mission-detail-main .btn-outline-primary,
.skia-mission-detail-main .btn-outline-success,
.skia-mission-detail-main .btn-outline-secondary {
    background: transparent;
    border-color: #3b7b51;
    color: #d6ffd8;
}

.skia-mission-detail-main .btn-outline-primary:hover,
.skia-mission-detail-main .btn-outline-primary:focus,
.skia-mission-detail-main .btn-outline-success:hover,
.skia-mission-detail-main .btn-outline-success:focus,
.skia-mission-detail-main .btn-outline-secondary:hover,
.skia-mission-detail-main .btn-outline-secondary:focus {
    background: rgba(59,123,81,.24);
    border-color: #4a9664;
    color: #fff;
}

.skia-mission-detail-main .btn-danger,
.skia-mission-detail-main .btn-warning,
.skia-mission-detail-main .btn-outline-danger,
.skia-mission-detail-main .btn-outline-warning {
    background: transparent;
    border-color: rgba(239,178,168,.82);
    color: #efb2a8;
}

.skia-mission-detail-main .btn-danger:hover,
.skia-mission-detail-main .btn-danger:focus,
.skia-mission-detail-main .btn-warning:hover,
.skia-mission-detail-main .btn-warning:focus,
.skia-mission-detail-main .btn-outline-danger:hover,
.skia-mission-detail-main .btn-outline-danger:focus,
.skia-mission-detail-main .btn-outline-warning:hover,
.skia-mission-detail-main .btn-outline-warning:focus {
    background: rgba(239,178,168,.14);
    border-color: #efb2a8;
    color: #ffd9d2;
}

.skia-mission-detail-main .form-control,
.skia-mission-detail-main .form-select,
.skia-mission-detail-main textarea {
    background-color: #0f1210;
    border: 1px solid #2b342c;
    border-radius: .42rem;
    color: #f2f2f2;
}

.skia-mission-detail-main .form-control:focus,
.skia-mission-detail-main .form-select:focus,
.skia-mission-detail-main textarea:focus {
    background-color: #0f1210;
    border-color: rgba(59,123,81,.8);
    box-shadow: 0 0 0 .2rem rgba(59,123,81,.18);
    color: #f2f2f2;
}

.skia-mission-detail-main .form-label,
.skia-mission-detail-main label {
    color: #98a092;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skia-mission-detail-hero {
    align-items: stretch;
    background: #151815;
    border: 1px solid #253126;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, .7fr);
    margin-bottom: 1rem;
    padding: 1.35rem 1.45rem;
}

.skia-mission-detail-hero h1 {
    font-size: clamp(1.55rem, 1.1rem + 1.4vw, 2.35rem);
    line-height: 1.05;
    margin: 0;
}

.skia-mission-detail-meta,
.skia-mission-detail-stats,
.skia-mission-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.skia-mission-detail-meta {
    color: #98a092;
    margin-top: .7rem;
}

.skia-mission-detail-stats {
    margin-top: 1rem;
}

.skia-mission-detail-stat {
    background: #202720;
    border: 1px solid #303a31;
    min-width: 8.5rem;
    padding: .7rem .8rem;
}

.skia-mission-detail-stat span {
    color: #98a092;
    display: block;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skia-mission-detail-stat strong {
    color: #f2f2f2;
    display: block;
    font-size: 1.18rem;
    font-weight: 900;
    margin-top: .18rem;
}

.skia-mission-detail-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .75fr);
}

.skia-mission-detail-actions {
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .skia-mission-detail-main {
        padding-bottom: 3rem !important;
    }

    .skia-mission-detail-hero,
    .skia-mission-detail-grid {
        grid-template-columns: 1fr;
    }

    .skia-mission-detail-actions,
    .skia-mission-detail-main .btn,
    .skia-mission-detail-main button[type="submit"],
    .skia-mission-detail-action-btn {
        width: 100%;
    }
}

/* 048: Missionsansichten, Laufende zuerst, Verfügbarkeit/Countdown und Listen/Karten-Switch */
.skia-missions-toolbar {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 2.4rem;
}

.skia-missions-view-tabs,
.skia-missions-display-switch {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.skia-missions-view-tabs a,
.skia-missions-display-switch a {
    align-items: center;
    background: #111511;
    border: 1px solid #2a352b;
    color: #aeb7aa;
    display: inline-flex;
    font-size: .86rem;
    font-weight: 850;
    gap: .5rem;
    letter-spacing: .06em;
    min-height: 2.8rem;
    padding: .75rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.skia-missions-view-tabs a.is-active,
.skia-missions-display-switch a.is-active {
    background: #3b7b51;
    border-color: #3b7b51;
    color: #071009;
}

.skia-missions-view-tabs a span {
    align-items: center;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    height: 1.35rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.35rem;
    padding: 0 .4rem;
}

.skia-missions-view-tabs a.is-active span {
    background: rgba(7,16,9,.18);
    border-color: rgba(7,16,9,.22);
}

.skia-missions-display-switch a {
    font-size: .74rem;
    min-height: 2.45rem;
    padding: .6rem .85rem;
}

.skia-missions-running-note {
    align-items: center;
    background: #131613;
    border: 1px solid #2a352b;
    border-radius: 1rem;
    color: #98a092;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: 1rem 1.2rem;
}

.skia-missions-running-note strong {
    color: #f2f2f2;
    font-size: .85rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.skia-missions-running-note span {
    color: #98a092;
    font-size: .92rem;
    text-align: right;
}

.skia-missions-list-head,
.skia-missions-item {
    grid-template-columns: 82px minmax(300px, 1.45fr) minmax(350px, 1.1fr) minmax(145px, .42fr) 150px !important;
}

.skia-missions-list-head {
    padding-left: 7.65rem !important;
}

.skia-missions-list-head div:nth-child(1) {
    grid-column: 1 / span 2;
}

.skia-missions-list-head.is-hidden-for-cards {
    display: none !important;
}

.skia-missions-prep {
    display: none !important;
}

.skia-missions-availability {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .6rem;
}

.skia-missions-availability-chip {
    align-items: center;
    background: #202720;
    border: 1px solid #303a31;
    border-radius: .45rem;
    color: #dfe7da;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 850;
    gap: .35rem;
    letter-spacing: .03em;
    line-height: 1.15;
    padding: .22rem .48rem;
    text-transform: uppercase;
}

.skia-missions-availability-chip strong {
    color: inherit;
    font-variant-numeric: tabular-nums;
    font-weight: 950;
}

.skia-missions-availability-chip.is-stable {
    background: rgba(59,123,81,.16);
    border-color: rgba(59,123,81,.42);
    color: #d6ffd8;
}

.skia-missions-availability-chip.is-time_window,
.skia-missions-availability-chip.is-countdown {
    background: rgba(232,211,107,.13);
    border-color: rgba(232,211,107,.42);
    color: #fff3a0;
}

.skia-missions-availability-chip.is-urgent {
    background: rgba(239,178,168,.15);
    border-color: rgba(239,178,168,.55);
    color: #ffd7cf;
}

.skia-missions-availability-chip.is-rare {
    background: rgba(199,232,67,.12);
    border-color: rgba(199,232,67,.45);
    color: #ddff6f;
}

.skia-missions-availability-chip.is-running {
    background: rgba(59,123,81,.24);
    border-color: rgba(59,123,81,.5);
    color: #d6ffd8;
}

.skia-missions-availability-chip.is-deadline {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: #aeb7aa;
}

.skia-missions-item.is-availability-urgent {
    border-color: rgba(239,178,168,.34);
}

.skia-missions-item.is-availability-rare {
    border-color: rgba(199,232,67,.28);
}

.skia-missions-list.is-display-cards {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.skia-missions-list.is-display-cards .skia-missions-item {
    align-content: start;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto;
    margin-bottom: 0;
    min-height: 100%;
}

.skia-missions-list.is-display-cards .skia-missions-params,
.skia-missions-list.is-display-cards .skia-missions-reward,
.skia-missions-list.is-display-cards .skia-missions-action {
    grid-column: 1 / -1;
}

.skia-missions-list.is-display-cards .skia-missions-params {
    border-top: 1px solid rgba(255,255,255,.08);
    margin-top: .2rem;
    padding-top: .8rem;
}

.skia-missions-list.is-display-cards .skia-missions-reward {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .7rem;
}

.skia-missions-list.is-display-cards .skia-missions-reward span,
.skia-missions-list.is-display-cards .skia-missions-reward strong,
.skia-missions-list.is-display-cards .skia-missions-reward small {
    margin: 0;
}

.skia-missions-list.is-display-cards .skia-missions-action {
    justify-content: stretch;
}

.skia-missions-list.is-display-cards .skia-missions-action-btn {
    width: 100%;
}

.skia-missions-item[hidden],
.skia-missions-item.is-expired {
    display: none !important;
}

/* 048: Begriffe vereinheitlichen */
.skia-missions-filter label {
    line-height: 1.15;
}

@media (max-width: 1399.98px) {
    .skia-missions-list-head,
    .skia-missions-item {
        grid-template-columns: 72px minmax(260px, 1.35fr) minmax(310px, 1fr) minmax(135px, .42fr) 140px !important;
        gap: 1rem;
    }
}

@media (max-width: 1199.98px) {
    .skia-missions-list-head,
    .skia-missions-item {
        grid-template-columns: 72px minmax(240px, 1.15fr) minmax(290px, 1fr) 140px 140px !important;
    }

    .skia-missions-list.is-display-cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .skia-missions-toolbar,
    .skia-missions-running-note {
        align-items: stretch;
        flex-direction: column;
    }

    .skia-missions-running-note span {
        text-align: left;
    }

    .skia-missions-view-tabs,
    .skia-missions-display-switch {
        width: 100%;
    }

    .skia-missions-view-tabs a,
    .skia-missions-display-switch a {
        flex: 1 1 auto;
        justify-content: center;
    }

    .skia-missions-list-head {
        display: none !important;
    }

    .skia-missions-item,
    .skia-missions-list.is-display-cards .skia-missions-item {
        grid-template-columns: 64px 1fr !important;
    }

    .skia-missions-params,
    .skia-missions-reward,
    .skia-missions-action {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    .skia-missions-view-tabs a,
    .skia-missions-display-switch a {
        flex-basis: 100%;
    }
}

/* 049: Angenommene Missionen bleiben sichtbar, auch wenn das öffentliche Zeitfenster abgelaufen ist */
.skia-missions-item.is-accepted {
    border-color: rgba(59,123,81,.38);
}

.skia-missions-item.is-expired-but-accepted {
    border-color: rgba(232,211,107,.38);
}

.skia-missions-availability-chip.is-accepted {
    background: rgba(59,123,81,.24);
    border-color: rgba(59,123,81,.52);
    color: #d6ffd8;
}

.skia-missions-item.is-expired-but-accepted .skia-missions-availability-chip.is-accepted {
    background: rgba(232,211,107,.13);
    border-color: rgba(232,211,107,.42);
    color: #fff3a0;
}

/* 051: Laufende Missionen direkt im Aktionsbutton anzeigen */
.skia-missions-running-note {
    display: none !important;
}

.skia-missions-action-btn.is-running {
    background: #d68a2f;
    border-color: #d68a2f;
    color: #120b03;
    flex-direction: column;
    gap: .12rem;
    line-height: 1.05;
    min-height: 3.25rem;
    padding: .62rem .85rem;
}

.skia-missions-action-btn.is-running:hover,
.skia-missions-action-btn.is-running:focus {
    background: #eda145;
    border-color: #eda145;
    color: #120b03;
}

.skia-missions-action-btn.is-running span {
    display: block;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.skia-missions-action-btn.is-running strong {
    display: block;
    font-size: 1.02rem;
    font-variant-numeric: tabular-nums;
    font-weight: 950;
    letter-spacing: .04em;
}

.skia-missions-item:has(.skia-missions-action-btn.is-running) {
    border-color: rgba(214,138,47,.48);
}

.skia-missions-item:has(.skia-missions-action-btn.is-running):hover,
.skia-missions-item:has(.skia-missions-action-btn.is-running):focus-within {
    border-color: rgba(237,161,69,.75);
}

@media (max-width: 991.98px) {
    .skia-missions-action-btn.is-running {
        width: 100%;
    }
}

/* 052: Finanzen/Bank direkt, dunkles Bank-/Geldverlauf-Design und grüne Formular-Focus-States */
.skia-page-bank,
.skia-page-money,
.skia-page-finances {
    background: #0d0f0e;
}

.skia-page-bank .skia-section-nav,
.skia-page-money .skia-section-nav,
.skia-page-finances .skia-section-nav {
    background: #0d0f0e;
}

.skia-finance-main {
    background: #0d0f0e;
    color: #f2f2f2;
    padding-bottom: 4rem !important;
    padding-top: 0 !important;
}

.skia-finance-main .skia-card {
    background: #151815;
    border: 1px solid #253126;
    border-radius: 1rem;
    box-shadow: none;
    color: #f2f2f2;
    overflow: hidden;
}

.skia-finance-main .card-body {
    color: #dfe7da;
}

.skia-finance-main h1,
.skia-finance-main h2,
.skia-finance-main h3,
.skia-finance-main h4,
.skia-finance-main h5,
.skia-finance-main .h1,
.skia-finance-main .h2,
.skia-finance-main .h3,
.skia-finance-main .h4,
.skia-finance-main .h5,
.skia-finance-main .fw-bold,
.skia-finance-main .fw-semibold {
    color: #f2f2f2;
}

.skia-finance-main .text-muted,
.skia-finance-main .small.text-muted {
    color: #98a092 !important;
}

.skia-finance-main .border,
.skia-finance-main form.border {
    background: #101411;
    border-color: #2a352b !important;
}

.skia-finance-main .rounded {
    border-radius: .65rem !important;
}

.skia-finance-main .form-label,
.skia-finance-main label {
    color: #98a092;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skia-app-page .form-control,
.skia-app-page .form-select,
.skia-app-page textarea.form-control,
.skia-app-page .input-group-text {
    background-color: #0f1210;
    border-color: rgba(59,123,81,.52);
    border-radius: .42rem;
    color: #f2f2f2;
}

.skia-app-page .form-control:focus,
.skia-app-page .form-select:focus,
.skia-app-page textarea.form-control:focus {
    background-color: #132018;
    border-color: #63ff91;
    box-shadow: 0 0 0 .22rem rgba(99,255,145,.16);
    color: #f2f2f2;
}

.skia-app-page .form-control::placeholder,
.skia-app-page textarea.form-control::placeholder {
    color: rgba(255,255,255,.34);
}

.skia-app-page .form-control:disabled,
.skia-app-page .form-select:disabled,
.skia-app-page textarea.form-control:disabled {
    background-color: #171b18;
    border-color: rgba(255,255,255,.10);
    color: #737b70;
}

.skia-finance-main .input-group .form-control,
.skia-finance-main .input-group .form-select {
    min-height: 3rem;
}

.skia-finance-main .btn-dark,
.skia-finance-main .btn-outline-dark,
.skia-finance-main .btn-primary,
.skia-finance-main .btn-success {
    --bs-btn-bg: #3b7b51;
    --bs-btn-border-color: #3b7b51;
    --bs-btn-color: #071009;
    --bs-btn-hover-bg: #4a9664;
    --bs-btn-hover-border-color: #4a9664;
    --bs-btn-hover-color: #071009;
    --bs-btn-focus-shadow-rgb: 99, 255, 145;
    --bs-btn-active-bg: #63a878;
    --bs-btn-active-border-color: #63a878;
    --bs-btn-active-color: #071009;
    border-radius: 0;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skia-finance-main .btn:focus-visible {
    box-shadow: 0 0 0 .22rem rgba(99,255,145,.2);
}

.skia-finance-main .table {
    --bs-table-bg: transparent;
    --bs-table-color: #dfe7da;
    --bs-table-border-color: #253126;
    color: #dfe7da;
}

.skia-finance-main .table thead th {
    background: #101411;
    border-bottom-color: #303a31;
    color: #98a092;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    padding-bottom: .9rem;
    padding-top: .9rem;
    text-transform: uppercase;
}

.skia-finance-main .table tbody td {
    border-color: #253126;
    color: #dfe7da;
    padding-bottom: .85rem;
    padding-top: .85rem;
}

.skia-finance-main .table tbody tr:hover td {
    background: rgba(59,123,81,.08);
}

.skia-finance-main .text-success {
    color: #9ae66f !important;
}

.skia-finance-main .text-danger {
    color: #efb2a8 !important;
}

.skia-finance-main .alert {
    background: #101411;
    border-color: #2a352b;
    color: #dfe7da;
}

.skia-finance-main .alert-success {
    background: rgba(59,123,81,.18);
    border-color: rgba(59,123,81,.45);
    color: #d6ffd8;
}

.skia-finance-main .alert-danger {
    background: rgba(239,178,168,.13);
    border-color: rgba(239,178,168,.38);
    color: #ffd5cc;
}

.skia-finance-main .alert-warning {
    background: rgba(232,211,107,.12);
    border-color: rgba(232,211,107,.36);
    color: #fff3a0;
}

@media (max-width: 575.98px) {
    .skia-finance-main .input-group {
        align-items: stretch;
        flex-direction: column;
        gap: .65rem;
    }

    .skia-finance-main .input-group > .form-control,
    .skia-finance-main .input-group > .form-select,
    .skia-finance-main .input-group > .btn {
        border-radius: 0 !important;
        width: 100%;
    }
}

/* Update 053/054: Logo 1:1, globale Aktivitätsleiste und System-Toasts */
.skia-brand {
    align-items: center;
    display: inline-flex;
    min-height: 2.75rem;
    padding-bottom: .15rem;
    padding-top: .15rem;
}

.skia-brand-logo {
    display: block;
    height: 2.45rem;
    max-width: 10rem;
    object-fit: contain;
    width: auto;
}

.skia-auth-brand {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 4.5rem;
}

.skia-auth-logo {
    display: block;
    height: clamp(3.2rem, 8vw, 5.6rem);
    max-width: min(18rem, 70vw);
    object-fit: contain;
    width: auto;
}

.skia-global-activity-wrap {
    display: flex;
    justify-content: center;
    margin-top: 1.05rem;
    width: 100%;
}

.skia-global-activity {
    align-items: center;
    background: linear-gradient(180deg, rgba(19, 19, 16, .94), rgba(10, 12, 11, .94));
    border: 1px solid rgba(255, 119, 15, .9);
    border-radius: .6rem;
    box-shadow: 0 0 0 1px rgba(255, 119, 15, .08), 0 .75rem 2.2rem rgba(0, 0, 0, .32), 0 0 1.1rem rgba(255, 111, 0, .12);
    color: rgba(255, 255, 255, .86);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    max-width: 100%;
    min-height: 3.05rem;
    padding: .55rem .7rem .55rem 1rem;
    width: min(100%, 650px);
}

.skia-global-activity-main {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: .8rem;
    min-width: 0;
}

.skia-global-activity-icon {
    align-items: center;
    color: #ff8a1d;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1rem;
    justify-content: center;
    text-shadow: 0 0 .65rem rgba(255, 132, 24, .28);
}

.skia-global-activity-title {
    color: rgba(255, 255, 255, .84);
    flex: 0 1 auto;
    font-size: .93rem;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.skia-global-activity-title:hover,
.skia-global-activity-title:focus {
    color: #fff;
}

.skia-global-activity-time {
    color: #ff9a37;
    flex: 0 0 auto;
    font-size: .95rem;
    letter-spacing: .02em;
    white-space: nowrap;
}

.skia-global-activity-progress {
    background: rgba(255, 255, 255, .11);
    border-radius: 999px;
    display: block;
    flex: 0 0 7.8rem;
    height: .28rem;
    overflow: hidden;
    position: relative;
}

.skia-global-activity-progress i {
    background: linear-gradient(90deg, #ff7a16, #ffad42);
    border-radius: inherit;
    display: block;
    height: 100%;
    width: var(--skia-activity-progress, 0%);
}

.skia-global-activity-cancel-form {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    margin: 0;
}

.skia-global-activity-cancel {
    align-items: center;
    background: transparent;
    border: 0;
    color: #ff9a37;
    display: inline-flex;
    font-size: .84rem;
    font-weight: 800;
    gap: .35rem;
    letter-spacing: .02em;
    padding: .35rem .45rem;
    text-transform: none;
    white-space: nowrap;
}

.skia-global-activity-cancel span {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
}

.skia-global-activity-cancel:hover,
.skia-global-activity-cancel:focus {
    color: #ffbc74;
}

.skia-system-toast-stack {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 2rem);
    display: flex;
    flex-direction: column;
    gap: .75rem;
    left: 50%;
    max-width: min(92vw, 520px);
    pointer-events: none;
    position: fixed;
    transform: translateX(-50%);
    width: max-content;
    z-index: 1085;
}

.skia-system-toast {
    align-items: center;
    animation: skiaToastIn .22s ease-out both;
    background: linear-gradient(180deg, rgba(19, 27, 22, .97), rgba(12, 17, 14, .97));
    border: 1px solid rgba(59, 123, 81, .78);
    border-radius: .7rem;
    box-shadow: 0 .9rem 2.8rem rgba(0, 0, 0, .42), 0 0 1.3rem rgba(59, 123, 81, .18);
    color: rgba(255, 255, 255, .9);
    display: grid;
    gap: .9rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: min(92vw, 420px);
    padding: .95rem 1rem;
    pointer-events: auto;
}

.skia-system-toast.is-leaving {
    animation: skiaToastOut .22s ease-in both;
}

.skia-system-toast-icon {
    align-items: center;
    border: 2px solid rgba(67, 183, 105, .9);
    border-radius: 999px;
    color: #4fc878;
    display: inline-flex;
    font-size: 1rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.skia-system-toast.is-danger {
    border-color: rgba(255, 107, 107, .72);
    box-shadow: 0 .9rem 2.8rem rgba(0, 0, 0, .42), 0 0 1.3rem rgba(255, 107, 107, .12);
}

.skia-system-toast.is-danger .skia-system-toast-icon {
    border-color: rgba(255, 107, 107, .9);
    color: #ff8787;
}

.skia-system-toast.is-warning {
    border-color: rgba(255, 154, 55, .72);
    box-shadow: 0 .9rem 2.8rem rgba(0, 0, 0, .42), 0 0 1.3rem rgba(255, 154, 55, .13);
}

.skia-system-toast.is-warning .skia-system-toast-icon {
    border-color: rgba(255, 154, 55, .9);
    color: #ff9a37;
}

.skia-system-toast-title {
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.25;
}

.skia-system-toast-body {
    color: rgba(255, 255, 255, .68);
    font-size: .86rem;
    line-height: 1.35;
    margin-top: .12rem;
}

.skia-system-toast-close {
    background: transparent;
    border: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 1.35rem;
    line-height: 1;
    padding: .15rem;
}

.skia-system-toast-close:hover,
.skia-system-toast-close:focus {
    color: #fff;
}

@keyframes skiaToastIn {
    from { opacity: 0; transform: translateY(1rem) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes skiaToastOut {
    from { opacity: 1; transform: translateY(0) scale(1); }
    to { opacity: 0; transform: translateY(1rem) scale(.98); }
}

@media (max-width: 991.98px) {
    .skia-brand-logo {
        height: 2.2rem;
    }

    .skia-global-activity {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .skia-global-activity {
        align-items: stretch;
        flex-direction: column;
        gap: .55rem;
    }

    .skia-global-activity-main {
        flex-wrap: wrap;
        gap: .55rem .7rem;
    }

    .skia-global-activity-title {
        flex-basis: calc(100% - 2rem);
    }

    .skia-global-activity-progress {
        flex: 1 1 100%;
    }

    .skia-global-activity-cancel-form {
        justify-content: flex-end;
    }

    .skia-system-toast-stack {
        bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem);
        width: min(92vw, 520px);
    }

    .skia-system-toast {
        min-width: 0;
        width: 100%;
    }
}


/* Update 054: Original-Logo 1:1 verwenden, nur Anzeigehöhe begrenzen */
.skia-brand-logo,
.skia-auth-logo {
    object-fit: contain;
}

.skia-brand-logo {
    height: auto;
    max-height: 2.55rem;
    max-width: 11.5rem;
    width: auto;
}

.skia-auth-logo {
    height: auto;
    max-height: clamp(4rem, 9vw, 6.5rem);
    max-width: min(22rem, 78vw);
    width: auto;
}

@media (max-width: 991.98px) {
    .skia-brand-logo {
        max-height: 2.2rem;
        max-width: 9.5rem;
    }
}

/* Update 055: Heat-Rückzug und Missionsfortschritt */
.skia-heat-action {
    margin-top: .45rem;
    text-align: right;
}

.skia-heat-action a {
    color: rgba(255, 255, 255, .72);
    font-size: .72rem;
    font-weight: 700;
    text-decoration: none;
}

.skia-heat-action a:hover,
.skia-heat-action a:focus {
    color: var(--skia-accent, #3b7b51);
    text-decoration: underline;
}

.skia-retreat-icon {
    align-items: center;
    background: rgba(59, 123, 81, .13);
    border: 1px solid rgba(59, 123, 81, .32);
    border-radius: 50%;
    color: var(--skia-accent, #3b7b51);
    display: inline-flex;
    flex: 0 0 3rem;
    font-size: 1.25rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.skia-missions-action .is-blocked {
    cursor: pointer;
    opacity: .72;
}

.skia-missions-action .is-blocked:hover,
.skia-missions-action .is-blocked:focus {
    opacity: 1;
}

@media (max-width: 767.98px) {
    .skia-heat-action {
        text-align: left;
    }
}

/* Update 056: Missionsdetail-Dashboard */
.skia-mission-detail-page {
    position: relative;
}

.skia-mission-detail-heading {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    padding-bottom: 1.25rem;
}

.skia-corner-box {
    --corner-color: var(--skia-accent, #3b7b51);
    background:
        linear-gradient(var(--corner-color), var(--corner-color)) left top / 22px 2px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) left top / 2px 22px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) right top / 22px 2px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) right top / 2px 22px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) left bottom / 22px 2px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) left bottom / 2px 22px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) right bottom / 22px 2px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) right bottom / 2px 22px no-repeat,
        rgba(10, 15, 18, .86);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .45rem;
}

.skia-mission-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
}

.skia-mission-metric {
    min-height: 124px;
    padding: 1.25rem 1rem;
    text-align: center;
}

.skia-mission-metric + .skia-mission-metric {
    border-left: 1px solid rgba(255, 255, 255, .08);
}

.skia-mission-metric > span {
    color: rgba(255, 255, 255, .62);
    display: block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skia-mission-metric strong {
    display: block;
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.15;
    margin: .45rem 0 .35rem;
}

.skia-mission-metric small {
    color: rgba(255, 255, 255, .62) !important;
    display: block;
    font-size: .76rem;
}

.skia-mission-phases .col-12 {
    display: flex;
}

.skia-phase-card {
    --phase-color: var(--skia-accent, #3b7b51);
    --corner-color: var(--phase-color);
    display: flex;
    flex-direction: column;
    min-height: 310px;
    padding: 1.1rem;
    width: 100%;
}

.skia-phase-plan { --phase-color: #b58a00; }
.skia-phase-execute { --phase-color: #b33a3a; }

.skia-phase-card-head {
    align-items: flex-start;
    display: flex;
    gap: .85rem;
}

.skia-phase-icon {
    align-items: center;
    background: color-mix(in srgb, var(--phase-color) 14%, transparent);
    border-radius: .35rem;
    color: var(--phase-color);
    display: inline-flex;
    flex: 0 0 2.8rem;
    font-size: 1.35rem;
    height: 2.8rem;
    justify-content: center;
}

.skia-phase-card h2 {
    color: var(--phase-color) !important;
    font-size: 1rem;
    font-weight: 800;
    margin: .15rem 0 .25rem;
    text-transform: uppercase;
}

.skia-phase-card p {
    color: rgba(255, 255, 255, .82);
    font-size: .9rem;
    margin: 0;
}

.skia-phase-effects {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1rem;
    margin: 1rem 0;
    min-height: 1.5rem;
}

.skia-phase-effects span {
    color: rgba(255, 255, 255, .7);
    font-size: .8rem;
    font-weight: 700;
}

.skia-phase-latest {
    background: rgba(255, 255, 255, .025);
    border-top: 1px solid rgba(255, 255, 255, .07);
    display: grid;
    gap: .2rem;
    margin: 0 -.25rem 1rem;
    padding: .85rem .25rem;
}

.skia-phase-latest span,
.skia-phase-latest small {
    color: rgba(255, 255, 255, .56) !important;
    font-size: .76rem;
}

.skia-phase-latest strong {
    color: rgba(255, 255, 255, .9);
    font-size: .86rem;
}

.skia-phase-card .btn {
    border-color: transparent !important;
    color: #fff !important;
    font-weight: 800;
}

.skia-phase-observe .btn { background: #315f29 !important; }
.skia-phase-plan .btn { background: #7a6100 !important; }
.skia-phase-execute .btn { background: #812c2c !important; }

.skia-mission-detail-page .skia-card {
    position: relative;
}

.skia-mission-detail-page .skia-card::before,
.skia-mission-detail-page .skia-card::after {
    border-color: var(--skia-accent, #3b7b51);
    border-style: solid;
    content: '';
    height: 18px;
    pointer-events: none;
    position: absolute;
    width: 18px;
    z-index: 2;
}

.skia-mission-detail-page .skia-card::before {
    border-width: 2px 0 0 2px;
    left: -1px;
    top: -1px;
}

.skia-mission-detail-page .skia-card::after {
    border-width: 0 2px 2px 0;
    bottom: -1px;
    right: -1px;
}

#mission-observe,
#mission-plan {
    scroll-margin-top: 7rem;
}

@media (max-width: 991.98px) {
    .skia-mission-detail-main {
        max-width: 100%;
    }

    .skia-mission-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .skia-mission-metric:nth-child(3) {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .08);
    }

    .skia-mission-metric:nth-child(4) {
        border-top: 1px solid rgba(255, 255, 255, .08);
    }

    .skia-mission-phases .col-12:nth-child(3) {
        order: -1;
    }
}

@media (max-width: 575.98px) {
    .skia-mission-metrics {
        grid-template-columns: 1fr;
    }

    .skia-mission-metric,
    .skia-mission-metric:nth-child(3),
    .skia-mission-metric:nth-child(4) {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .08);
        min-height: 0;
        padding: 1rem;
    }

    .skia-mission-metric:first-child {
        border-top: 0;
    }

    .skia-phase-card {
        min-height: 280px;
    }
}


/* Update 057: Missionsdetail – Inhalt vervollständigt, ursprüngliche Breite */
.skia-mission-information .card,
.skia-equipment-section,
.skia-mission-history {
    background: rgba(10, 15, 18, .86);
}

.skia-intel-row {
    align-items: flex-start;
    border-bottom: 1px solid rgba(255,255,255,.07);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .55rem 0;
}

.skia-intel-row:first-child { padding-top: 0; }
.skia-intel-row:last-child { border-bottom: 0; padding-bottom: 0; }
.skia-intel-row strong { display: block; font-size: .88rem; }
.skia-intel-row small { color: rgba(255,255,255,.56) !important; display: block; font-size: .76rem; margin-top: .15rem; }
.skia-intel-row.is-unknown { color: rgba(255,255,255,.42); }

.skia-mission-requirements { margin: 0; }
.skia-mission-requirements > div {
    border-bottom: 1px solid rgba(255,255,255,.07);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .32rem 0;
}
.skia-mission-requirements dt { color: rgba(255,255,255,.68); font-weight: 500; }
.skia-mission-requirements dd { color: var(--skia-accent-light, #70b884); font-weight: 700; margin: 0; text-align: right; }

.skia-skill-weight .progress {
    background: rgba(255,255,255,.07);
    height: .42rem;
    margin-top: .35rem;
}
.skia-skill-weight .progress-bar { background: var(--skia-accent, #3b7b51); }

.skia-equipment-option {
    align-items: flex-start;
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: .4rem;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    padding: .85rem;
    width: 100%;
}
.skia-equipment-option:hover { border-color: rgba(59,123,81,.75); }
.skia-equipment-option:has(.form-check-input:checked) {
    border-color: var(--skia-accent, #3b7b51);
    box-shadow: inset 0 0 0 1px rgba(59,123,81,.25);
}
.skia-equipment-option strong { display: block; font-size: .9rem; }
.skia-equipment-option small { color: rgba(255,255,255,.55) !important; display: block; }
.skia-equipment-option .form-check-input { flex: 0 0 auto; margin-top: .2rem; }

.skia-phase-card .form-label { color: rgba(255,255,255,.7) !important; margin-bottom: .35rem; }
.skia-phase-card .form-select { min-height: 42px; }
.skia-mission-history { width: 100%; }

@media (max-width: 991.98px) {
    .skia-mission-information .card { min-height: 0; }
}

/* Update 057c: Missionsübersicht oben und kompakter Erkenntnis-Slider */
.skia-mission-summary {
    border-left: 3px solid var(--skia-accent, #3b7b51) !important;
}

.skia-mission-summary .card-body {
    padding: 1.25rem 1.35rem;
}

.skia-mission-summary h2 {
    color: var(--skia-accent-light, #70b884) !important;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.skia-mission-summary-id {
    background: rgba(59, 123, 81, .08);
    border: 1px solid rgba(59, 123, 81, .28);
    border-radius: .25rem;
    color: rgba(255, 255, 255, .6);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .73rem;
    font-weight: 700;
    padding: .35rem .55rem;
}

.skia-mission-summary-description {
    color: rgba(255, 255, 255, .72);
    font-size: .92rem;
    line-height: 1.65;
    max-width: 72rem;
}

.skia-mission-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.skia-mission-summary-value {
    border-left: 1px solid rgba(255, 255, 255, .07);
    min-height: 88px;
    padding: .65rem 1rem;
}

.skia-mission-summary-value:nth-child(3n + 1) {
    border-left: 0;
    padding-left: 0;
}

.skia-mission-summary-value:nth-child(n + 4) {
    border-top: 1px solid rgba(255, 255, 255, .07);
    padding-top: 1rem;
}

.skia-mission-summary-value > span {
    color: rgba(255, 255, 255, .48);
    display: block;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .075em;
    margin-bottom: .45rem;
    text-transform: uppercase;
}

.skia-mission-summary-value strong {
    color: rgba(255, 255, 255, .9);
    display: block;
    font-size: 1rem;
    line-height: 1.3;
}

.skia-mission-summary-value small {
    color: rgba(255, 255, 255, .42) !important;
    display: block;
    font-size: .68rem;
    margin-top: .3rem;
}

.skia-intel-card .card-body {
    display: flex;
    flex-direction: column;
}

.skia-intel-carousel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.skia-intel-carousel .carousel-inner {
    flex: 1 1 auto;
}

.skia-intel-slide {
    background: rgba(255, 255, 255, .018);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: .35rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 172px;
    padding: 1rem;
}

.skia-intel-slide.is-known {
    border-color: rgba(59, 123, 81, .46);
    box-shadow: inset 0 0 0 1px rgba(59, 123, 81, .08);
}

.skia-intel-slide.is-unknown {
    border-style: dashed;
    color: rgba(255, 255, 255, .4);
    text-align: center;
}

.skia-intel-slide-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.skia-intel-slide-count {
    color: rgba(255, 255, 255, .45);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .7rem;
    font-weight: 700;
}

.skia-intel-quality-badge {
    border: 1px solid transparent;
    border-radius: .2rem;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .075em;
    line-height: 1;
    padding: .42rem .58rem;
    text-transform: uppercase;
}

.skia-intel-quality-badge.quality-vague {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .16);
    color: rgba(255, 255, 255, .72);
}

.skia-intel-quality-badge.quality-usable {
    background: rgba(214, 171, 0, .16);
    border-color: rgba(214, 171, 0, .42);
    color: #e7c84a;
}

.skia-intel-quality-badge.quality-precise {
    background: rgba(59, 123, 81, .22);
    border-color: rgba(112, 184, 132, .55);
    color: var(--skia-accent-light, #70b884);
}

.skia-intel-slide > strong {
    color: var(--skia-accent-light, #70b884);
    display: block;
    font-size: .93rem;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.skia-intel-slide.is-unknown > strong {
    color: rgba(255, 255, 255, .46);
}

.skia-intel-slide p {
    color: rgba(255, 255, 255, .62);
    font-size: .8rem;
    line-height: 1.5;
    margin: .5rem 0 0;
}

.skia-intel-slide.is-unknown p {
    color: rgba(255, 255, 255, .36);
}

.skia-intel-controls {
    align-items: center;
    display: grid;
    gap: .65rem;
    grid-template-columns: 2rem minmax(0, 1fr) 2rem;
    margin-top: .8rem;
}

.skia-intel-control {
    align-items: center;
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: .3rem;
    color: rgba(255, 255, 255, .65);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    width: 2rem;
}

.skia-intel-control:hover,
.skia-intel-control:focus {
    border-color: var(--skia-accent, #3b7b51);
    color: var(--skia-accent-light, #70b884);
}

.skia-intel-controls .carousel-indicators {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    justify-content: center;
    margin: 0;
    position: static;
}

.skia-intel-controls .carousel-indicators [data-bs-target] {
    background-color: rgba(255, 255, 255, .26);
    border: 0;
    border-radius: 50%;
    height: .38rem;
    margin: 0;
    opacity: 1;
    width: .38rem;
}

.skia-intel-controls .carousel-indicators .active {
    background-color: var(--skia-accent-light, #70b884);
    transform: scale(1.25);
}

.skia-skill-tags-column {
    grid-template-rows: minmax(0, 1fr) auto;
}

.skia-mission-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.skia-mission-tags .badge {
    margin: 0;
}

@media (max-width: 991.98px) {
    .skia-mission-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .skia-mission-summary-value,
    .skia-mission-summary-value:nth-child(3n + 1) {
        border-left: 1px solid rgba(255, 255, 255, .07);
        padding-left: 1rem;
    }

    .skia-mission-summary-value:nth-child(2n + 1) {
        border-left: 0;
        padding-left: 0;
    }

    .skia-mission-summary-value:nth-child(n + 3) {
        border-top: 1px solid rgba(255, 255, 255, .07);
        padding-top: 1rem;
    }
}

@media (max-width: 575.98px) {
    .skia-mission-summary .card-body {
        padding: 1rem;
    }

    .skia-mission-summary-grid {
        grid-template-columns: 1fr;
    }

    .skia-mission-summary-value,
    .skia-mission-summary-value:nth-child(2n + 1),
    .skia-mission-summary-value:nth-child(3n + 1) {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .07);
        min-height: 0;
        padding: .8rem 0;
    }

    .skia-mission-summary-value:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .skia-intel-slide {
        min-height: 160px;
    }
}

/* Update 058: Phasenbezogenes Missions-Equipment */
.skia-equipment-loadout {
    background: rgba(255, 255, 255, .012);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: .45rem;
    min-height: 100%;
    padding: 1rem;
}

.skia-equipment-option-v2 {
    min-height: 100%;
    position: relative;
}

.skia-equipment-option-v2.is-disabled {
    cursor: not-allowed;
    opacity: .55;
}

.skia-equipment-option-content {
    display: block;
    min-width: 0;
    width: 100%;
}

.skia-equipment-meta {
    color: rgba(255, 255, 255, .48);
    display: flex;
    flex-wrap: wrap;
    gap: .3rem .75rem;
    margin-top: .45rem;
}

.skia-equipment-effects {
    border-top: 1px solid rgba(255, 255, 255, .07);
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin-top: .7rem;
    padding-top: .65rem;
}

.skia-equipment-loadout-summary {
    background: rgba(0, 0, 0, .18);
    border-left: 2px solid var(--skia-accent, #3b7b51);
    display: grid;
    gap: .65rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: .85rem 1rem;
}

.skia-equipment-loadout-summary > div:not(.skia-equipment-load-status) {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.skia-equipment-loadout-summary span {
    color: rgba(255, 255, 255, .48);
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.skia-equipment-loadout-summary strong {
    color: rgba(255, 255, 255, .9);
    font-size: .82rem;
}

.skia-equipment-load-status {
    border-top: 1px solid rgba(255, 255, 255, .07);
    font-size: .75rem;
    font-weight: 700;
    grid-column: 1 / -1;
    padding-top: .65rem;
}

.skia-plan-equipment-wrap .skia-equipment-loadout {
    background: rgba(255, 255, 255, .018);
}

@media (max-width: 575.98px) {
    .skia-equipment-loadout {
        padding: .8rem;
    }

    .skia-equipment-loadout-summary {
        grid-template-columns: 1fr;
    }
}

/* Update 059: Mission retry + Profile/Skills */
.skia-mission-retry {
    align-items: center;
    color: rgba(255,255,255,.9);
    display: flex;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
}
.skia-mission-retry-icon {
    align-items: center;
    background: rgba(59,123,81,.18);
    border: 1px solid rgba(79,160,108,.32);
    border-radius: 50%;
    color: #78bd8f;
    display: flex;
    flex: 0 0 44px;
    height: 44px;
    justify-content: center;
}
.skia-mission-retry h2 { font-size: 1rem; margin: 0 0 .25rem; }
.skia-mission-retry p { color: rgba(255,255,255,.58); font-size: .82rem; margin: 0 0 .55rem; }
.skia-mission-retry-penalty {
    background: rgba(170,66,52,.16);
    border: 1px solid rgba(229,107,88,.25);
    border-radius: 999px;
    color: #efaa9d;
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 800;
    padding: .35rem .65rem;
    text-transform: uppercase;
}
.skia-mission-failure-warning {
    align-items: flex-start;
    background: rgba(229,107,88,.08);
    border-left: 2px solid rgba(229,107,88,.72);
    color: rgba(255,255,255,.58);
    display: flex;
    font-size: .72rem;
    gap: .5rem;
    line-height: 1.45;
    margin: .75rem 0;
    padding: .55rem .65rem;
}
.skia-mission-failure-warning i { color: #efaa9d; margin-top: .15rem; }
.skia-risk-help { color: rgba(255,255,255,.42) !important; line-height: 1.35; margin-top: .35rem; }

.skia-profile-main { max-width: 1140px; }
.skia-profile-page,
.skia-skills-page { color: #f0f3f0; }
.skia-profile-hero,
.skia-skills-hero {
    background-color: #111713;
    display: flex;
    gap: 1.15rem;
    padding: 1.35rem 1.5rem;
}
.skia-profile-hero-icon,
.skia-skill-icon {
    align-items: center;
    background: rgba(59,123,81,.18);
    border: 1px solid rgba(88,170,117,.28);
    color: #76b98d;
    display: flex;
    justify-content: center;
}
.skia-profile-hero-icon { border-radius: 50%; flex: 0 0 48px; height: 48px; }
.skia-profile-eyebrow {
    color: #73b689;
    display: block;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: .2rem;
    text-transform: uppercase;
}
.skia-profile-hero h1,
.skia-skills-hero h1 { font-size: 1.65rem; margin: 0 0 .2rem; }
.skia-profile-hero p,
.skia-skills-hero p { color: rgba(255,255,255,.52); margin: 0; }
.skia-profile-alert { border: 0; border-radius: .35rem; }
.skia-profile-panel,
.skia-skill-card {
    background-color: #111713;
    color: rgba(255,255,255,.9);
    padding: 1.35rem;
}
.skia-profile-panel-head,
.skia-skill-card-head { align-items: flex-start; display: flex; gap: .85rem; margin-bottom: 1.4rem; }
.skia-profile-panel-head > span {
    color: #72b589;
    font-size: 1.15rem;
    padding-top: .05rem;
}
.skia-profile-panel-head h2,
.skia-skill-card h2 { font-size: 1rem; margin: 0 0 .2rem; }
.skia-profile-panel-head p,
.skia-skill-card p { color: rgba(255,255,255,.46); font-size: .78rem; margin: 0; }
.skia-profile-page .form-label { color: rgba(255,255,255,.72); font-size: .75rem; font-weight: 700; }
.skia-profile-page .form-text { color: rgba(255,255,255,.38); }
.skia-profile-readonly {
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .35rem;
    color: rgba(255,255,255,.7);
    padding: .72rem .85rem;
}
.skia-profile-savebar {
    align-items: center;
    background: #111713;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .4rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .85rem 1rem;
}
.skia-profile-savebar > span { color: rgba(255,255,255,.43); font-size: .75rem; }

.skia-skills-hero { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); }
.skia-skills-hero-copy { align-self: center; }
.skia-skills-summary { display: grid; gap: .55rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.skia-skills-summary > div {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.07);
    display: flex;
    flex-direction: column;
    padding: .75rem;
}
.skia-skills-summary span { color: rgba(255,255,255,.42); font-size: .64rem; font-weight: 700; text-transform: uppercase; }
.skia-skills-summary strong { color: #8bc99f; font-size: 1.45rem; }
.skia-skills-progress { grid-column: 1 / -1; }
.skia-skills-progress .progress { background: rgba(255,255,255,.08); height: 5px; }
.skia-skills-progress .progress-bar { background: var(--skia-accent); }
.skia-skills-progress { color: rgba(255,255,255,.45); }
.skia-skill-card { transition: border-color .2s ease, transform .2s ease; }
.skia-skill-card.is-changed { border-color: rgba(87,171,116,.55); transform: translateY(-2px); }
.skia-skill-icon { border-radius: .35rem; flex: 0 0 38px; height: 38px; }
.skia-skill-level { flex: 0 0 auto; text-align: right; }
.skia-skill-level > span { color: rgba(255,255,255,.38); display: block; font-size: .62rem; text-transform: uppercase; }
.skia-skill-level strong { color: #8bc99f; font-size: 1.35rem; }
.skia-skill-level small { color: rgba(255,255,255,.3); font-size: .7rem; margin-left: .15rem; }
.skia-skill-controls { align-items: center; display: grid; gap: .7rem; grid-template-columns: 38px minmax(0,1fr) 38px; margin-bottom: 1rem; }
.skia-skill-controls button {
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: .3rem;
    color: rgba(255,255,255,.78);
    height: 38px;
}
.skia-skill-controls button:not(:disabled):hover { background: rgba(59,123,81,.25); border-color: rgba(87,171,116,.55); color: #fff; }
.skia-skill-controls button:disabled { cursor: not-allowed; opacity: .3; }
.skia-skill-controls > div { align-items: center; background: rgba(0,0,0,.18); display: flex; justify-content: space-between; min-height: 38px; padding: .4rem .7rem; }
.skia-skill-controls span { color: rgba(255,255,255,.42); font-size: .68rem; text-transform: uppercase; }
.skia-skill-controls strong { color: #8bc99f; }
.skia-skill-effects { border-top: 1px solid rgba(255,255,255,.07); display: flex; flex-direction: column; padding-top: .7rem; }
.skia-skill-effects > div { align-items: center; display: flex; font-size: .73rem; justify-content: space-between; padding: .25rem 0; }
.skia-skill-effects > div > span { color: rgba(255,255,255,.44); }
.skia-skill-effects strong { color: rgba(255,255,255,.8); font-weight: 600; }
.skia-skill-effects em { color: rgba(255,255,255,.28); font-style: normal; }
.skia-skill-effects [data-effect-new],
.skia-skill-effects [data-effect-delta] { color: #8bc99f; }

@media (max-width: 767.98px) {
    .skia-mission-retry { align-items: flex-start; flex-wrap: wrap; }
    .skia-mission-retry-penalty { margin-left: 60px; }
    .skia-profile-hero,
    .skia-skills-hero { grid-template-columns: 1fr; padding: 1.1rem; }
    .skia-profile-savebar { align-items: stretch; flex-direction: column; }
    .skia-profile-savebar .btn { width: 100%; }
    .skia-skills-summary { grid-template-columns: 1fr 1fr 1fr; }
}

/* Update 060: Missionsstatus, konsistente Seitenbreite und Inventar */
body.skia-page-profile,
body.skia-page-skills {
    background: #0d0f0e;
}

body.skia-page-profile .skia-profile-main,
body.skia-page-skills .skia-profile-main {
    background: #0d0f0e;
    min-height: 58vh;
    width: 100%;
}

.skia-market-shell {
    max-width: 1320px;
}

.skia-mission-summary-title {
    align-items: center;
    display: grid;
    gap: .05rem .7rem;
    grid-template-columns: auto minmax(0, 1fr);
    line-height: 1.1;
}

.skia-mission-summary-title > i {
    grid-row: 1 / 3;
}

.skia-mission-summary-title > span {
    color: rgba(255,255,255,.46);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.skia-mission-summary-title > strong {
    color: #f2f2f2;
    font-size: 1.08rem;
    font-weight: 850;
}

.skia-mission-summary h1 {
    color: var(--skia-accent-light, #70b884) !important;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: none;
}

.skia-phase-observe {
    --phase-color: #d98728;
    --phase-rgb: 217, 135, 40;
}

.skia-phase-plan {
    --phase-color: #4384c7;
    --phase-rgb: 67, 132, 199;
}

.skia-phase-execute {
    --phase-color: #c64a4a;
    --phase-rgb: 198, 74, 74;
}

.skia-phase-card {
    background:
        linear-gradient(var(--corner-color), var(--corner-color)) left top / 22px 2px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) left top / 2px 22px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) right top / 22px 2px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) right top / 2px 22px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) left bottom / 22px 2px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) left bottom / 2px 22px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) right bottom / 22px 2px no-repeat,
        linear-gradient(var(--corner-color), var(--corner-color)) right bottom / 2px 22px no-repeat,
        linear-gradient(rgba(var(--phase-rgb), .15), rgba(var(--phase-rgb), .07)),
        #0a0f12;
    border-color: rgba(var(--phase-rgb), .42);
}

.skia-phase-observe .btn,
.skia-phase-plan .btn,
.skia-phase-execute .btn {
    background: var(--phase-color) !important;
    border-color: var(--phase-color) !important;
    color: #fff !important;
}

.skia-phase-card .btn:hover,
.skia-phase-card .btn:focus {
    filter: brightness(1.1);
}

.skia-phase-card .btn:disabled,
.skia-phase-card .btn.disabled {
    filter: none;
    opacity: .72;
}

.skia-phase-running-button {
    font-variant-numeric: tabular-nums;
    letter-spacing: .025em;
}

.skia-global-activity {
    --activity-color: #d98728;
    --activity-rgb: 217, 135, 40;
    background:
        linear-gradient(135deg, rgba(var(--activity-rgb), .24), rgba(var(--activity-rgb), .10)),
        #111411;
    border-color: rgba(var(--activity-rgb), .85);
    box-shadow: 0 .75rem 2.2rem rgba(0, 0, 0, .32), 0 0 1.2rem rgba(var(--activity-rgb), .16);
}

.skia-global-activity.skia-activity-observation {
    --activity-color: #d98728;
    --activity-rgb: 217, 135, 40;
}

.skia-global-activity.skia-activity-planning {
    --activity-color: #4384c7;
    --activity-rgb: 67, 132, 199;
}

.skia-global-activity.skia-activity-execution {
    --activity-color: #c64a4a;
    --activity-rgb: 198, 74, 74;
}

.skia-global-activity.skia-activity-retreat {
    --activity-color: #4b9665;
    --activity-rgb: 75, 150, 101;
}

.skia-global-activity-icon,
.skia-global-activity-cancel {
    color: var(--activity-color);
    text-shadow: 0 0 .65rem rgba(var(--activity-rgb), .24);
}

.skia-global-activity-progress i {
    background: linear-gradient(90deg, rgba(var(--activity-rgb), .75), var(--activity-color));
}

.skia-global-activity-time {
    align-items: center;
    background: var(--activity-color);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: .35rem;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 850;
    gap: .5rem;
    letter-spacing: .055em;
    padding: .48rem .65rem;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.skia-global-activity-time strong {
    color: #fff;
    font-size: .9rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: .02em;
}

.skia-global-activity-time:hover,
.skia-global-activity-time:focus {
    color: #fff;
    filter: brightness(1.1);
}

.skia-inventory-terminal {
    min-height: 56vh;
}

.skia-inventory-toolbar {
    align-items: flex-end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.skia-inventory-toolbar h1 {
    color: #f2f2f2;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 850;
    margin: 0 0 .3rem;
}

.skia-inventory-toolbar p {
    color: #98a092;
    margin: 0;
}

.skia-inventory-hint {
    align-items: flex-start;
    background: rgba(49, 139, 181, .10);
    border-left: 3px solid #2fbfe2;
    color: #a7eafa;
    display: flex;
    gap: .7rem;
    margin-bottom: 1.5rem;
    padding: .85rem 1rem;
}

.skia-inventory-hint i {
    color: #2fd1ef;
    margin-top: .12rem;
}

.skia-inventory-list-head,
.skia-inventory-item {
    align-items: center;
    display: grid;
    gap: 1.1rem;
    grid-template-columns: 70px minmax(260px, 1.25fr) minmax(210px, .8fr) minmax(180px, .65fr) minmax(250px, 1fr);
}

.skia-inventory-list-head {
    border-bottom: 1px solid #263027;
    color: #98a092;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .09em;
    margin-bottom: .7rem;
    padding: 0 1.25rem .8rem;
    text-transform: uppercase;
}

.skia-inventory-item {
    background: #151815;
    border: 1px solid #253126;
    color: #f2f2f2;
    margin-bottom: .75rem;
    padding: 1.15rem 1.25rem;
    transition: background-color .15s ease, border-color .15s ease;
}

.skia-inventory-item:hover,
.skia-inventory-item:focus-within {
    background: #192319;
    border-color: rgba(59,123,81,.82);
}

.skia-inventory-item-icon {
    align-items: center;
    background: #0f1210;
    border: 1px solid #2d372e;
    border-radius: .4rem;
    color: #4a9664;
    display: flex;
    font-size: 1.55rem;
    height: 4.1rem;
    justify-content: center;
    width: 4.1rem;
}

.skia-inventory-item-topline {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.skia-inventory-item h2 {
    color: #f2f2f2;
    font-size: 1.2rem;
    font-weight: 850;
    margin: 0;
}

.skia-inventory-description {
    color: rgba(255,255,255,.54);
    font-size: .8rem;
    line-height: 1.45;
    margin: .45rem 0 0;
}

.skia-inventory-meta-line {
    color: rgba(255,255,255,.38);
    display: flex;
    flex-wrap: wrap;
    font-size: .7rem;
    gap: .35rem 1rem;
    margin-top: .7rem;
}

.skia-market-tags span {
    background: #202720;
    border: 1px solid #303a31;
    border-radius: .4rem;
    color: #f2f2f2;
    font-size: .7rem;
    font-weight: 750;
    padding: .18rem .4rem;
}

.skia-inventory-vitals {
    display: grid;
    gap: .8rem;
}

.skia-inventory-vital > div:first-child {
    align-items: center;
    display: flex;
    font-size: .72rem;
    justify-content: space-between;
}

.skia-inventory-vital span {
    color: #98a092;
    text-transform: uppercase;
}

.skia-inventory-vital strong {
    color: #f2f2f2;
}

.skia-inventory-vital small {
    display: block;
    font-size: .68rem;
    margin-top: .25rem;
    text-align: right;
}

.skia-inventory-meter {
    background: rgba(255,255,255,.08);
    height: .38rem;
    margin-top: .35rem;
    overflow: hidden;
}

.skia-inventory-meter i {
    background: #4a9664;
    display: block;
    height: 100%;
}

.skia-inventory-meter.is-battery i {
    background: #4384c7;
}

.skia-inventory-status {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.skia-inventory-status-badge {
    background: rgba(59,123,81,.18);
    border: 1px solid rgba(88,170,117,.30);
    color: #8bc99f;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .07em;
    padding: .3rem .5rem;
    text-transform: uppercase;
}

.skia-inventory-status strong {
    font-size: .82rem;
}

.skia-inventory-status small {
    color: rgba(255,255,255,.48);
    font-size: .7rem;
    line-height: 1.4;
}

.skia-inventory-actions {
    display: grid;
    gap: .55rem;
}

.skia-inventory-actions form {
    margin: 0;
}

.skia-inventory-action-btn {
    align-items: center;
    background: rgba(59,123,81,.16);
    border: 1px solid rgba(59,123,81,.55);
    color: #f2f2f2;
    display: flex;
    font-size: .72rem;
    font-weight: 800;
    justify-content: space-between;
    min-height: 2.35rem;
    padding: .45rem .6rem;
    width: 100%;
}

.skia-inventory-action-btn strong {
    color: #8bc99f;
    font-size: .68rem;
    font-weight: 850;
}

.skia-inventory-action-btn:hover,
.skia-inventory-action-btn:focus {
    background: rgba(59,123,81,.28);
    border-color: rgba(88,170,117,.82);
}

.skia-inventory-actions form > small {
    color: rgba(255,255,255,.38);
    display: block;
    font-size: .65rem;
    margin-top: .2rem;
}

.skia-inventory-no-actions,
.skia-inventory-empty {
    color: rgba(255,255,255,.46);
    font-size: .78rem;
}

.skia-inventory-empty {
    background: #151815;
    border: 1px solid #253126;
    padding: 2rem;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .skia-inventory-list-head {
        display: none;
    }

    .skia-inventory-item {
        align-items: start;
        grid-template-columns: 64px minmax(0, 1fr) minmax(220px, .75fr);
    }

    .skia-inventory-vitals {
        grid-column: 3;
        grid-row: 1;
    }

    .skia-inventory-status {
        grid-column: 2;
    }

    .skia-inventory-actions {
        grid-column: 3;
    }
}

@media (max-width: 767.98px) {
    .skia-inventory-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .skia-inventory-item {
        grid-template-columns: 52px minmax(0, 1fr);
        padding: 1rem;
    }

    .skia-inventory-item-icon {
        height: 3rem;
        width: 3rem;
    }

    .skia-inventory-vitals,
    .skia-inventory-status,
    .skia-inventory-actions {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .skia-global-activity-time {
        margin-left: auto;
    }
}


/* Update 061: Skia asset system */
.skia-nav-asset-icon{width:30px;height:30px;object-fit:contain;display:block;filter:saturate(.82);transition:transform .2s ease,filter .2s ease,opacity .2s ease}
.skia-main-nav .nav-link .skia-nav-asset-icon{width:34px;height:34px;margin:0 auto .25rem}
.skia-user-nav .skia-nav-asset-icon{width:20px;height:20px;margin-right:.45rem}
.skia-topnav .nav-link:hover .skia-nav-asset-icon,.skia-topnav .nav-link.active .skia-nav-asset-icon{filter:saturate(1.15) brightness(1.12);transform:translateY(-1px)}
.skia-market-item-icon,.skia-inventory-item-icon{overflow:hidden;background:linear-gradient(145deg,#101512,#080b09);border-color:rgba(79,151,103,.28)}
.skia-market-item-icon img,.skia-inventory-item-icon img{width:100%;height:100%;object-fit:contain;padding:.35rem;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.skia-missions-thumb{position:relative;width:210px;min-height:142px;overflow:hidden;border:1px solid rgba(64,117,81,.28);background:#0a0d0b}
.skia-missions-thumb>img{width:100%;height:100%;min-height:142px;object-fit:cover;display:block;filter:saturate(.72) brightness(.72) contrast(1.08);transition:transform .3s ease,filter .3s ease}
.skia-missions-item:hover .skia-missions-thumb>img{transform:scale(1.035);filter:saturate(.86) brightness(.79) contrast(1.08)}
.skia-missions-thumb>span{position:absolute;left:.7rem;bottom:.7rem;width:38px;height:38px;border:1px solid rgba(74,170,104,.6);background:rgba(6,12,8,.86);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.38)}
.skia-missions-thumb>span img{width:25px;height:25px;object-fit:contain}
.skia-missions-list .skia-missions-item{grid-template-columns:210px minmax(260px,1.15fr) minmax(250px,.9fr) 125px 150px}
@media (max-width:1199.98px){.skia-missions-list .skia-missions-item{grid-template-columns:170px minmax(230px,1fr) minmax(220px,.8fr) 120px}.skia-missions-thumb{width:170px}.skia-missions-reward{display:none}}
@media (max-width:767.98px){.skia-main-nav .nav-link .skia-nav-asset-icon{width:26px;height:26px;margin:0 .65rem 0 0}.skia-main-nav .nav-link{display:flex;align-items:center}.skia-missions-list .skia-missions-item{display:block}.skia-missions-thumb{width:100%;height:170px;min-height:170px;margin-bottom:1rem}.skia-missions-thumb>img{min-height:170px}.skia-market-item-icon,.skia-inventory-item-icon{width:78px;height:78px}}

/* Update 062: Missionsphasen in der Übersicht */
.skia-missions-action-btn.is-running.is-observation {
    background: linear-gradient(180deg, rgba(217, 135, 40, .94), rgba(167, 92, 19, .96));
    border-color: rgba(242, 159, 62, .92);
    color: #fff5e8;
}

.skia-missions-action-btn.is-running.is-planning {
    background: linear-gradient(180deg, rgba(67, 132, 199, .96), rgba(39, 83, 132, .98));
    border-color: rgba(91, 157, 225, .92);
    color: #eef7ff;
}

.skia-missions-action-btn.is-running.is-execution {
    background: linear-gradient(180deg, rgba(198, 74, 74, .96), rgba(137, 42, 42, .98));
    border-color: rgba(224, 94, 94, .92);
    color: #fff1f1;
}

/* Update 062: Nachrichten im Header */
.skia-notification-nav {
    position: relative;
}

.skia-notification-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    color: rgba(255, 255, 255, .78);
    display: inline-flex;
    justify-content: center;
    min-height: 2.7rem;
    min-width: 2.7rem;
    padding: .5rem .65rem !important;
    position: relative;
}

.skia-notification-toggle:hover,
.skia-notification-toggle:focus,
.skia-notification-toggle[aria-expanded="true"] {
    color: #68b581;
}

.skia-notification-toggle > i {
    font-size: 1.1rem;
}

.skia-notification-count {
    align-items: center;
    background: #c64a4a;
    border: 2px solid #0a0f0c;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: .65rem;
    font-weight: 800;
    height: 1.2rem;
    justify-content: center;
    line-height: 1;
    min-width: 1.2rem;
    padding: 0 .25rem;
    position: absolute;
    right: .12rem;
    top: .2rem;
}

.skia-notification-menu {
    background: #0d1410;
    border: 1px solid rgba(59, 123, 81, .56);
    border-radius: .35rem;
    box-shadow: 0 1.3rem 3.4rem rgba(0, 0, 0, .52);
    color: rgba(255, 255, 255, .9);
    margin-top: .75rem !important;
    max-height: min(72vh, 620px);
    min-width: min(92vw, 430px);
    overflow: hidden;
    padding: 0;
}

.skia-notification-head {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.05rem;
}

.skia-notification-head strong {
    font-size: .82rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.skia-notification-head span {
    color: #73c18c;
    font-size: .74rem;
}

.skia-notification-list {
    max-height: min(62vh, 530px);
    overflow-y: auto;
}

.skia-notification-item {
    color: rgba(255, 255, 255, .82);
    display: grid;
    gap: .8rem;
    grid-template-columns: 2.3rem minmax(0, 1fr);
    padding: .9rem 1rem;
    text-decoration: none;
    transition: background .16s ease, color .16s ease;
}

.skia-notification-item + .skia-notification-item {
    border-top: 1px solid rgba(255, 255, 255, .055);
}

.skia-notification-item:hover,
.skia-notification-item:focus {
    background: rgba(59, 123, 81, .13);
    color: #fff;
}

.skia-notification-item.is-unread {
    background: rgba(59, 123, 81, .10);
    box-shadow: inset .2rem 0 0 #4c9a68;
}

.skia-notification-icon {
    align-items: center;
    background: rgba(59, 123, 81, .12);
    border: 1px solid rgba(83, 163, 109, .36);
    border-radius: .3rem;
    color: #6cc188;
    display: inline-flex;
    height: 2.3rem;
    justify-content: center;
    width: 2.3rem;
}

.skia-notification-icon.is-observation_done { color: #e09a48; border-color: rgba(224,154,72,.48); background: rgba(224,154,72,.10); }
.skia-notification-icon.is-observation_detected,
.skia-notification-icon.is-mission_failed { color: #e56767; border-color: rgba(229,103,103,.48); background: rgba(229,103,103,.10); }
.skia-notification-icon.is-planning_done { color: #63a5e5; border-color: rgba(99,165,229,.48); background: rgba(99,165,229,.10); }
.skia-notification-icon.is-mission_success { color: #69c487; }

.skia-notification-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.skia-notification-content strong {
    color: #fff;
    font-size: .87rem;
    margin-bottom: .18rem;
}

.skia-notification-content > span {
    color: rgba(255, 255, 255, .66);
    font-size: .78rem;
    line-height: 1.45;
}

.skia-notification-content small {
    color: rgba(255, 255, 255, .4);
    font-size: .68rem;
    margin-top: .35rem;
}

.skia-notification-empty {
    color: rgba(255,255,255,.52);
    padding: 1.5rem 1rem;
    text-align: center;
}

.skia-footer-agents {
    color: rgba(255, 255, 255, .62);
}

.skia-footer-agents strong {
    color: #70bd89;
}

@media (max-width: 991.98px) {
    .skia-notification-menu {
        margin-left: 0;
        min-width: 100%;
        width: 100%;
    }
    .skia-notification-nav {
        width: 100%;
    }
    .skia-notification-toggle {
        justify-content: flex-start;
        width: 100%;
    }
    .skia-notification-count {
        left: 1.8rem;
        right: auto;
    }
}

/* Update 063: Equipment-Lebensdauer und Archivkarten */
.skia-inventory-meter.is-lifetime i {
    background: #d5903d;
}

.skia-inventory-item:has(.skia-inventory-status-badge.is-total-loss) {
    opacity: .72;
}

.skia-inventory-status-badge.is-repairable {
    background: rgba(213,144,61,.16);
    border-color: rgba(213,144,61,.52);
    color: #efb56b;
}

.skia-inventory-status-badge.is-total-loss {
    background: rgba(170,54,54,.18);
    border-color: rgba(210,74,74,.52);
    color: #ef8b8b;
}

.skia-missions-item.is-archive-success {
    border-left: 3px solid #4a9664;
}

.skia-missions-item.is-archive-failed {
    border-left: 3px solid #b34a4a;
}

.skia-missions-result-badge {
    align-items: center;
    border: 1px solid rgba(255,255,255,.14);
    display: inline-flex;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .07em;
    padding: .32rem .55rem;
    text-transform: uppercase;
}

.skia-missions-result-badge.is-success {
    background: rgba(59,123,81,.18);
    border-color: rgba(88,170,117,.34);
    color: #8bc99f;
}

.skia-missions-result-badge.is-failed {
    background: rgba(154,49,49,.18);
    border-color: rgba(202,78,78,.34);
    color: #ef9292;
}
.skia-missions-tags span {
    background: #202720;
    border: 1px solid #303a31;
    border-radius: .45rem;
    color: #dfe7da;
    font-size: .7rem;
    font-weight: 800;
    padding: .2rem .45rem;
}

/* Update 063b: Equipment-Weiterentwicklung und Auktionsmarkt */
.skia-corner-panel{position:relative;background:linear-gradient(145deg,rgba(18,24,22,.98),rgba(9,13,12,.98));border:1px solid rgba(255,255,255,.1);border-radius:2px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.skia-corner-panel:before,.skia-corner-panel:after{content:"";position:absolute;width:24px;height:24px;pointer-events:none}.skia-corner-panel:before{left:-1px;top:-1px;border-left:2px solid #3b7b51;border-top:2px solid #3b7b51}.skia-corner-panel:after{right:-1px;bottom:-1px;border-right:2px solid #3b7b51;border-bottom:2px solid #3b7b51}
.skia-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#72b487;font-weight:700;margin-bottom:.35rem}
.skia-development-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;background:rgba(255,255,255,.06)}
.skia-development-summary>div{padding:1.1rem;background:#0d1210}.skia-development-summary span,.skia-development-summary strong{display:block}.skia-development-summary span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#89958f}.skia-development-summary strong{margin-top:.25rem;color:#f4f7f5;font-size:1.05rem}
.skia-upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skia-upgrade-card{padding:1.25rem;min-height:260px;display:flex;flex-direction:column}.skia-upgrade-level{white-space:nowrap;border:1px solid rgba(59,123,81,.55);color:#8fc5a1;padding:.28rem .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.skia-upgrade-steps{display:flex;gap:.4rem;margin:1.2rem 0}.skia-upgrade-steps i{height:5px;flex:1;background:rgba(255,255,255,.1)}.skia-upgrade-steps i.active{background:#3b7b51;box-shadow:0 0 12px rgba(59,123,81,.45)}.skia-upgrade-effect{font-size:.9rem;color:#b8c1bd;margin-bottom:auto}.skia-upgrade-max{padding:.65rem;text-align:center;border:1px solid rgba(59,123,81,.4);color:#8fc5a1;background:rgba(59,123,81,.1)}
.skia-inventory-development-summary{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.skia-inventory-development-summary span{font-size:.72rem;border:1px solid rgba(59,123,81,.35);background:rgba(59,123,81,.08);padding:.25rem .45rem;color:#aeb9b4}.skia-inventory-action-btn.is-link{text-decoration:none;display:flex;justify-content:space-between;align-items:center}
.skia-auction-reserved{min-width:210px;border:1px solid rgba(59,123,81,.38);background:rgba(59,123,81,.09);padding:.75rem 1rem}.skia-auction-reserved span,.skia-auction-reserved strong{display:block}.skia-auction-reserved span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#94a099}.skia-auction-reserved strong{font-size:1.15rem;color:#eef5f0}
.skia-auction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.skia-auction-card{overflow:hidden}.skia-auction-image{display:flex;align-items:center;justify-content:center;min-height:165px;background:radial-gradient(circle at center,rgba(59,123,81,.14),rgba(0,0,0,.28));border-bottom:1px solid rgba(255,255,255,.08)}.skia-auction-image img{width:130px;height:130px;object-fit:contain}.skia-auction-content{padding:1rem}.skia-auction-content h2 a{color:#eef4f0;text-decoration:none}.skia-auction-content h2 a:hover{color:#87bd99}.skia-auction-upgrades{display:flex;gap:.35rem;flex-wrap:wrap;margin:.8rem 0}.skia-auction-upgrades span{font-size:.68rem;padding:.22rem .4rem;background:rgba(59,123,81,.12);border:1px solid rgba(59,123,81,.3);color:#9fc5ab}.skia-auction-facts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0}.skia-auction-facts>div,.skia-auction-specs>div{background:rgba(255,255,255,.035);padding:.65rem;border:1px solid rgba(255,255,255,.07)}.skia-auction-facts span,.skia-auction-facts strong,.skia-auction-specs span,.skia-auction-specs strong{display:block}.skia-auction-facts span,.skia-auction-specs span{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:#849089}.skia-auction-facts strong,.skia-auction-specs strong{margin-top:.18rem;color:#f0f5f2}.skia-auction-leading{font-size:.78rem;color:#8fc5a1;margin-bottom:.7rem}
.skia-auction-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:1rem}.skia-auction-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.skia-auction-upgrade-list{display:grid;gap:.4rem}.skia-auction-upgrade-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem;border-bottom:1px solid rgba(255,255,255,.08)}.skia-auction-bid-panel{align-self:start;position:sticky;top:1rem}.skia-auction-price,.skia-auction-time,.skia-auction-own-max{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.skia-auction-price span,.skia-auction-time span,.skia-auction-own-max span,.skia-auction-price strong,.skia-auction-time strong,.skia-auction-own-max strong{display:block}.skia-auction-price span,.skia-auction-time span,.skia-auction-own-max span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#8a9690}.skia-auction-price strong{font-size:1.6rem;color:#9ac9a9}.skia-auction-time strong,.skia-auction-own-max strong{font-size:1.05rem;color:#eef4f0}.skia-auction-rules{font-size:.78rem;color:#909b95}
.skia-auction-sell-list{display:grid;gap:.6rem}.skia-auction-sell-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:1rem;align-items:center;padding:.8rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.skia-auction-sell-row small{display:block;color:#89958f;margin-top:.25rem}.skia-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skia-form-grid .col-12{grid-column:1/-1}.skia-auction-fee-hint{font-size:.8rem;color:#98a49e;border-left:2px solid #3b7b51;padding:.5rem .75rem;background:rgba(59,123,81,.07)}
.skia-money-reserved{padding:1rem 1.25rem;display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center}.skia-money-reserved span{color:#aab4af}.skia-money-reserved strong{font-size:1.15rem;color:#8fc5a1}.skia-money-reserved small{grid-column:1/-1;color:#76817b}
@media(max-width:991.98px){.skia-auction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skia-auction-detail-grid{grid-template-columns:1fr}.skia-auction-bid-panel{position:static}.skia-development-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.skia-upgrade-grid{grid-template-columns:1fr}.skia-auction-sell-row{grid-template-columns:1fr auto}.skia-auction-sell-row .skia-auction-upgrades{grid-column:1/-1;grid-row:2}}
@media(max-width:575.98px){.skia-auction-grid{grid-template-columns:1fr}.skia-development-summary,.skia-auction-specs,.skia-form-grid{grid-template-columns:1fr}.skia-auction-sell-row{grid-template-columns:1fr}.skia-auction-sell-row>a{width:100%}.skia-auction-facts{grid-template-columns:1fr 1fr}}

/* Update 063c – fortlaufende Equipment-Forschung */
.skia-research-explainer{padding:1rem 1.15rem;background:rgba(59,123,81,.08);border-color:rgba(59,123,81,.34)}
.skia-research-explainer strong{display:block;color:#d9eee0;margin-bottom:.3rem}
.skia-research-current{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:.8rem .9rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.skia-research-current span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#89958f}
.skia-research-current strong{color:#9dd3ae;text-align:right}
.skia-research-last{padding:.55rem .7rem;border-left:2px solid #3b7b51;background:rgba(59,123,81,.08);color:#b9c8c0}
.skia-research-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.skia-research-mode{display:flex;flex-direction:column;gap:.7rem;padding:.8rem;background:#0a0e0c;border:1px solid rgba(255,255,255,.08);min-width:0}
.skia-research-mode:hover{border-color:rgba(59,123,81,.55)}
.skia-research-mode-head{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}
.skia-research-mode-head strong{color:#f0f5f2;font-size:.88rem}
.skia-research-mode-head span{white-space:nowrap;color:#8fc5a1;font-size:.75rem}
.skia-research-mode-values span,.skia-research-mode-values strong{display:block}
.skia-research-mode-values span{color:#7f8d86;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}
.skia-research-mode-values strong{margin-top:.2rem;color:#d9eee0;font-size:.82rem;line-height:1.35}
.skia-research-mode .btn{margin-top:auto}
@media(max-width:1199.98px){.skia-research-mode-grid{grid-template-columns:1fr}}

/* Update 064 – Forschungsbalance, Nebenaufträge und Markttransparenz */
.skia-missions-availability-chip.is-repeatable{color:#8bc9b8;border-color:rgba(79,170,145,.52);background:rgba(79,170,145,.12)}
.skia-missions-item.is-availability-repeatable{border-left-color:rgba(79,170,145,.65)}
.skia-auction-specs>div:nth-last-child(-n+2){background:rgba(59,123,81,.055)}


/* Update 065 – Mitarbeitende, Freelancer und persönliche Jobhistorie */
.skia-staff-page{color:#dbe4df}.skia-staff-page h1,.skia-staff-page h2,.skia-staff-page h3{color:#f2f6f3;margin:0}.skia-staff-page p{color:#94a19a}.skia-staff-hero{display:flex;align-items:center;gap:1rem;padding:1.35rem 1.5rem;background:linear-gradient(135deg,rgba(59,123,81,.15),rgba(9,13,12,.98) 48%);border:1px solid rgba(255,255,255,.09)}
.skia-staff-hero h1{font-size:clamp(1.65rem,3vw,2.35rem);margin:.1rem 0 .35rem}.skia-staff-hero p{margin:0;max-width:760px}.skia-staff-hero-icon,.skia-staff-avatar,.skia-staff-history-icon{display:grid;place-items:center;flex:0 0 auto;background:rgba(59,123,81,.13);border:1px solid rgba(91,169,117,.28);color:#8bc99f}.skia-staff-hero-icon{width:58px;height:58px;font-size:1.45rem}.skia-staff-avatar{width:46px;height:46px;font-size:1.05rem}.skia-staff-eyebrow{display:block;color:#79b68d;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.skia-staff-alert{border-radius:0}.skia-staff-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.skia-staff-section-head h2{font-size:1.25rem;margin-top:.15rem}.skia-staff-count{display:grid;place-items:center;min-width:34px;height:28px;padding:0 .55rem;border:1px solid rgba(59,123,81,.38);background:rgba(59,123,81,.1);color:#9ed0ae;font-size:.78rem;font-weight:800}
.skia-staff-card,.skia-staff-offer,.skia-staff-detail-card{padding:1.15rem;background:linear-gradient(145deg,rgba(17,23,20,.99),rgba(9,13,11,.99));border:1px solid rgba(255,255,255,.085)}.skia-staff-card.is-warning{border-color:rgba(207,151,55,.45);box-shadow:inset 3px 0 rgba(207,151,55,.65)}.skia-staff-offer.is-locked{opacity:.62}.skia-staff-card-head{display:flex;align-items:flex-start;gap:.8rem}.skia-staff-card-head h3{font-size:1.02rem}.skia-staff-card-head p{margin:.18rem 0 0;font-size:.82rem}.skia-staff-status,.skia-staff-type{display:inline-flex;align-items:center;white-space:nowrap;padding:.24rem .45rem;font-size:.64rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;border:1px solid rgba(255,255,255,.13);color:#b8c3bd;background:rgba(255,255,255,.035)}.skia-staff-status.status-active,.skia-staff-status.status-contact{color:#91cba4;border-color:rgba(87,160,112,.38);background:rgba(59,123,81,.12)}.skia-staff-status.status-payment_due{color:#efc272;border-color:rgba(211,154,60,.42);background:rgba(174,112,20,.12)}.skia-staff-status.status-released{color:#9da7a1}
.skia-staff-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0}.skia-staff-metrics>div{padding:.65rem .7rem;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.065)}.skia-staff-metrics span,.skia-staff-metrics strong{display:block}.skia-staff-metrics span{color:#77847d;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}.skia-staff-metrics strong{color:#e4ece7;font-size:.84rem;margin-top:.16rem}.skia-staff-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.07)}.skia-staff-card-actions form{margin:0}
.skia-staff-empty{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:rgba(255,255,255,.025);border:1px dashed rgba(255,255,255,.13)}.skia-staff-empty>i{font-size:1.3rem;color:#72ad85}.skia-staff-empty strong,.skia-staff-empty span{display:block}.skia-staff-empty span{color:#87948d;font-size:.83rem;margin-top:.15rem}
.skia-staff-history{overflow:hidden;background:#0b100d;border:1px solid rgba(255,255,255,.08)}.skia-staff-history-row{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.065)}.skia-staff-history-row:last-child{border-bottom:0}.skia-staff-history-icon{width:34px;height:34px;font-size:.78rem}.skia-staff-history-row strong,.skia-staff-history-row span{display:block}.skia-staff-history-row>div>span{color:#7f8c85;font-size:.74rem;margin-top:.1rem}.skia-staff-history-row>.text-end{min-width:145px}.skia-staff-history-row>.text-end strong{font-size:.78rem}.skia-staff-history-row>.text-end span{font-size:.69rem}
.skia-staff-biography{min-height:48px;margin:.9rem 0}.skia-staff-price-box{padding:.75rem .85rem;border-left:2px solid #3b7b51;background:rgba(59,123,81,.08)}.skia-staff-price-box span,.skia-staff-price-box strong,.skia-staff-price-box small{display:block}.skia-staff-price-box span{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#839089}.skia-staff-price-box strong{color:#a5d4b4;font-size:1.15rem;margin:.15rem 0}.skia-staff-price-box small{color:#839089}.skia-staff-priorities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:1rem;background:rgba(255,255,255,.07);padding:1px}.skia-staff-priorities>div{padding:.55rem;background:#0d1210}.skia-staff-priorities span,.skia-staff-priorities strong{display:block}.skia-staff-priorities span{font-size:.61rem;text-transform:uppercase;letter-spacing:.05em;color:#748079}.skia-staff-priorities strong{font-size:.72rem;color:#d7e0db;margin-top:.15rem}.skia-staff-tags{display:flex;flex-wrap:wrap;gap:.35rem}.skia-staff-tags span{padding:.2rem .4rem;border:1px solid rgba(59,123,81,.3);background:rgba(59,123,81,.08);color:#9fc6ab;font-size:.66rem}.skia-staff-offer-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.07);font-size:.76rem;color:#86928c}.skia-staff-info-banner{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;background:rgba(59,123,81,.075);border:1px solid rgba(59,123,81,.3);color:#aebbb4}.skia-staff-info-banner i{color:#7bb38d;margin-top:.15rem}
.skia-staff-profile-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:1rem}.skia-staff-detail-card{height:100%}.skia-staff-detail-actions{display:grid;gap:.7rem}.skia-staff-detail-actions form{margin:0}.skia-staff-detail-actions .btn{width:100%}
.skia-plan-staff-section{padding-top:.25rem}.skia-plan-staff-card{display:block;padding:.75rem .8rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.028);cursor:pointer}.skia-plan-staff-card:hover{border-color:rgba(59,123,81,.48);background:rgba(59,123,81,.065)}.skia-plan-staff-card.is-locked{opacity:.68;cursor:default}.skia-plan-staff-card .badge{font-size:.62rem}.skia-plan-staff-dot{width:14px;height:14px;margin-top:.22rem;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);flex:0 0 auto}.skia-plan-staff-card:has(input:checked){border-color:rgba(73,158,103,.75);box-shadow:inset 3px 0 #3b7b51;background:rgba(59,123,81,.11)}
@media(max-width:991.98px){.skia-staff-hero{align-items:flex-start;flex-wrap:wrap}.skia-staff-hero .ms-lg-auto{margin-left:74px!important}.skia-staff-profile-grid{grid-template-columns:1fr}.skia-staff-priorities{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:575.98px){.skia-staff-hero{padding:1rem}.skia-staff-hero-icon{width:46px;height:46px}.skia-staff-hero .ms-lg-auto{width:100%;margin-left:0!important}.skia-staff-metrics,.skia-staff-priorities{grid-template-columns:1fr 1fr}.skia-staff-offer-footer,.skia-staff-history-row{align-items:flex-start;flex-direction:column}.skia-staff-history-row>.text-end{text-align:left!important;min-width:0}.skia-staff-card-actions{justify-content:stretch}.skia-staff-card-actions>*{flex:1}.skia-staff-card-actions .btn{width:100%}}

/* Update 067 – Versteck-Zentrale, Rangliste und einheitliches hide-Routing */
.skia-headquarters-page{color:#dbe4df}.skia-headquarters-page h1,.skia-headquarters-page h2,.skia-headquarters-page h3,.skia-research-overview h1,.skia-research-overview h2{color:#f2f6f3;margin:0}.skia-headquarters-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:1.45rem 1.55rem;background:linear-gradient(135deg,rgba(59,123,81,.17),rgba(9,13,12,.98) 52%)}.skia-headquarters-hero h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:.12rem 0 .35rem}.skia-headquarters-hero p{max-width:760px;margin:0;color:#97a49d}.skia-headquarters-kicker,.skia-headquarters-eyebrow{display:block;color:#79b68d;font-size:.69rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.skia-headquarters-identity{min-width:180px;padding:.8rem 1rem;border-left:2px solid #3b7b51;background:rgba(59,123,81,.09)}.skia-headquarters-identity span,.skia-headquarters-identity strong{display:block}.skia-headquarters-identity span{color:#839089;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.skia-headquarters-identity strong{margin-top:.2rem;color:#dfe9e2;font-size:1rem}
.skia-headquarters-section{padding:1.2rem;background:linear-gradient(145deg,rgba(17,23,20,.99),rgba(9,13,11,.99));border:1px solid rgba(255,255,255,.085);position:relative}.skia-headquarters-section:before,.skia-headquarters-section:after{content:"";position:absolute;width:20px;height:20px;pointer-events:none}.skia-headquarters-section:before{left:-1px;top:-1px;border-left:2px solid rgba(59,123,81,.75);border-top:2px solid rgba(59,123,81,.75)}.skia-headquarters-section:after{right:-1px;bottom:-1px;border-right:2px solid rgba(59,123,81,.75);border-bottom:2px solid rgba(59,123,81,.75)}.skia-headquarters-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.skia-headquarters-section-head h2{font-size:1.2rem;margin-top:.2rem}.skia-headquarters-section-head p{margin:.35rem 0 0;color:#87938d;font-size:.84rem;max-width:720px}.skia-headquarters-count{display:grid;place-items:center;min-width:34px;height:28px;padding:0 .5rem;border:1px solid rgba(59,123,81,.38);background:rgba(59,123,81,.1);color:#9ed0ae;font-size:.78rem;font-weight:850}.skia-headquarters-empty{padding:1.2rem;color:#839089;border:1px dashed rgba(255,255,255,.13);background:rgba(255,255,255,.02)}
.skia-operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.skia-operation-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem .9rem;color:#dfe8e2;text-decoration:none;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025)}.skia-operation-card:hover{color:#f3f7f4;border-color:rgba(79,158,106,.55);background:rgba(59,123,81,.09)}.skia-operation-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(59,123,81,.35);background:rgba(59,123,81,.1);color:#8fc5a1}.skia-operation-copy{min-width:0}.skia-operation-copy strong,.skia-operation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skia-operation-copy strong{font-size:.84rem}.skia-operation-copy small{margin-top:.2rem;color:#7f8b85;font-size:.72rem}.skia-operation-card>i{color:#66736c;font-size:.75rem}
.skia-news-list{display:grid;gap:.65rem}.skia-news-item{padding:.9rem 1rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.skia-news-item.is-pinned{border-left:3px solid #3b7b51;background:rgba(59,123,81,.065)}.skia-news-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.45rem}.skia-news-meta span{padding:.18rem .42rem;color:#8fc5a1;border:1px solid rgba(59,123,81,.35);background:rgba(59,123,81,.08);font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.skia-news-meta time{color:#77837d;font-size:.68rem}.skia-news-item h3{font-size:.96rem}.skia-news-item p{margin:.42rem 0 0;color:#98a49e;font-size:.82rem;line-height:1.55}
.skia-mission-feed{display:grid}.skia-mission-feed-item{display:flex;align-items:flex-start;gap:.75rem;padding:.78rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.skia-mission-feed-item:first-child{padding-top:0}.skia-mission-feed-item:last-child{border-bottom:0;padding-bottom:0}.skia-mission-feed-icon{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border:1px solid rgba(59,123,81,.34);background:rgba(59,123,81,.1);color:#86c098}.skia-mission-feed-item p{margin:0;color:#aeb9b3;font-size:.8rem;line-height:1.45}.skia-mission-feed-item p strong{color:#eef4f0}.skia-mission-feed-item p span{color:#95c4a5}.skia-mission-feed-item small{display:block;margin-top:.2rem;color:#707c76;font-size:.68rem}
.skia-ranking-head{align-items:flex-start}.skia-ranking-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.skia-ranking-tabs a{padding:.45rem .65rem;color:#9aa69f;text-decoration:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);font-size:.72rem;font-weight:800}.skia-ranking-tabs a:hover,.skia-ranking-tabs a.active{color:#e5f2e9;border-color:rgba(59,123,81,.6);background:rgba(59,123,81,.16)}.skia-ranking-table-wrap{border:1px solid rgba(255,255,255,.07)}.skia-ranking-table{--bs-table-bg:transparent;--bs-table-color:#cbd5cf;--bs-table-border-color:rgba(255,255,255,.065);font-size:.8rem}.skia-ranking-table thead th{padding:.72rem .8rem;color:#78847e;font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;background:#0b100d;white-space:nowrap}.skia-ranking-table tbody td{padding:.72rem .8rem;white-space:nowrap}.skia-ranking-table tbody tr{background:rgba(255,255,255,.018)}.skia-ranking-table tbody tr:hover{background:rgba(255,255,255,.035)}.skia-ranking-table tbody tr.is-current-user{background:rgba(59,123,81,.12);box-shadow:inset 3px 0 #3b7b51}.skia-ranking-table td strong,.skia-ranking-table td small{display:block}.skia-ranking-table td small{margin-top:.1rem;color:#7db18e;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.skia-ranking-table td.is-sorted{color:#a7d4b5;font-weight:850}.skia-ranking-place{display:grid;place-items:center;width:30px;height:26px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.03);font-weight:850}.skia-ranking-place.is-1{color:#e6c86f;border-color:rgba(214,180,77,.5);background:rgba(214,180,77,.1)}.skia-ranking-place.is-2{color:#c6d0d4;border-color:rgba(180,194,200,.4);background:rgba(180,194,200,.08)}.skia-ranking-place.is-3{color:#ce996b;border-color:rgba(190,126,72,.45);background:rgba(190,126,72,.09)}.skia-ranking-separator td{padding:.45rem .8rem!important;background:#080c0a!important;color:#6f7b75;font-size:.63rem;letter-spacing:.12em;text-transform:uppercase}.skia-ranking-gap{display:flex;align-items:center;gap:.6rem;margin-top:.8rem;padding:.7rem .85rem;border-left:2px solid #3b7b51;background:rgba(59,123,81,.075);color:#aab8b0;font-size:.78rem}.skia-ranking-gap i{color:#80ba93}
.skia-research-overview-card{display:flex;flex-direction:column;padding:1.1rem}.skia-research-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.skia-research-overview-head span{display:block;color:#75827b;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase}.skia-research-overview-head h2{font-size:1.02rem;margin-top:.2rem}.skia-research-overview-head>strong{white-space:nowrap;padding:.25rem .45rem;border:1px solid rgba(59,123,81,.35);color:#93c8a4;background:rgba(59,123,81,.08);font-size:.68rem}.skia-research-overview-values{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1rem 0}.skia-research-overview-values>div{padding:.65rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.skia-research-overview-values span,.skia-research-overview-values strong{display:block}.skia-research-overview-values span{color:#748079;font-size:.63rem;letter-spacing:.06em;text-transform:uppercase}.skia-research-overview-values strong{margin-top:.18rem;color:#dfe8e2;font-size:.82rem}.skia-research-state{display:flex;align-items:center;gap:.55rem;margin-top:auto;padding:.65rem .7rem;border:1px solid rgba(255,255,255,.08);color:#8b9791;background:rgba(255,255,255,.025);font-size:.75rem}.skia-research-state.is-running{color:#a9d6b7;border-color:rgba(59,123,81,.36);background:rgba(59,123,81,.08)}
@media(max-width:991.98px){.skia-headquarters-hero{align-items:flex-start;flex-direction:column}.skia-headquarters-identity{width:100%}.skia-operation-grid{grid-template-columns:1fr}.skia-ranking-head{display:block}.skia-ranking-tabs{justify-content:flex-start;margin-top:1rem}.skia-ranking-table{min-width:720px}}
@media(max-width:575.98px){.skia-headquarters-hero,.skia-headquarters-section{padding:1rem}.skia-headquarters-section-head{align-items:flex-start}.skia-operation-card{grid-template-columns:auto 1fr}.skia-operation-card>i{display:none}.skia-ranking-tabs a{flex:1;text-align:center}.skia-research-overview-values{grid-template-columns:1fr}}

/* Update 070: Admin-/Systemkontrolle */
.skia-admin-main {
    max-width: 1800px;
}

.skia-admin-page {
    display: grid;
    gap: 1.5rem;
}

.skia-admin-hero,
.skia-admin-panel,
.skia-admin-population,
.skia-admin-control-card {
    position: relative;
    border: 1px solid rgba(59, 123, 81, .35);
    background: linear-gradient(145deg, rgba(13, 20, 17, .98), rgba(8, 13, 11, .98));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .24);
}

.skia-admin-hero::before,
.skia-admin-panel::before,
.skia-admin-population::before,
.skia-admin-control-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 42px;
    height: 2px;
    background: #3b7b51;
}

.skia-admin-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
    padding: 1.75rem;
}

.skia-admin-hero h1,
.skia-admin-population-head h2,
.skia-admin-panel-head h2 {
    margin: .25rem 0 0;
    color: #f1f5f2;
}

.skia-admin-hero p {
    max-width: 760px;
    margin: .7rem 0 0;
    color: rgba(231, 239, 234, .68);
}

.skia-admin-kicker,
.skia-admin-generated span,
.skia-admin-control-card > span {
    color: #75a888;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.skia-admin-generated {
    min-width: 190px;
    text-align: right;
}

.skia-admin-generated strong {
    display: block;
    margin-top: .25rem;
    color: #fff;
}

.skia-admin-control-grid,
.skia-admin-populations {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.skia-admin-control-card {
    padding: 1.35rem;
}

.skia-admin-control-card > strong {
    display: block;
    margin: .4rem 0 1rem;
    color: #fff;
    font-size: 1.35rem;
}

.skia-admin-control-values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem 1rem;
}

.skia-admin-control-values span {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    color: rgba(231, 239, 234, .65);
}

.skia-admin-control-values b {
    color: #e8f4ec;
    font-weight: 600;
}

.skia-admin-population {
    overflow: hidden;
}

.skia-admin-population-head,
.skia-admin-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.35rem 1.35rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.skia-admin-population-badge {
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 999px;
    padding: .35rem .7rem;
    color: rgba(255, 255, 255, .75);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.skia-admin-population-badge.is-real {
    border-color: rgba(59, 123, 81, .6);
    color: #8bc29d;
}

.skia-admin-population-badge.is-bot {
    border-color: rgba(117, 168, 136, .38);
    color: #a9c8b4;
}

.skia-admin-metric-group {
    padding: 1.15rem 1.35rem;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.skia-admin-metric-group:last-child {
    border-bottom: 0;
}

.skia-admin-metric-group h3 {
    margin: 0 0 .75rem;
    color: rgba(241, 245, 242, .86);
    font-size: .86rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.skia-admin-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.skia-admin-metric,
.skia-admin-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .8rem;
    min-height: 44px;
    padding: .65rem .75rem;
    border: 1px solid rgba(255, 255, 255, .055);
    background: rgba(255, 255, 255, .025);
}

.skia-admin-metric span,
.skia-admin-action span {
    color: rgba(231, 239, 234, .62);
    font-size: .82rem;
}

.skia-admin-metric strong,
.skia-admin-action strong {
    color: #f3f7f4;
    font-size: .9rem;
    text-align: right;
}

.skia-admin-panel {
    padding-bottom: 1.25rem;
}

.skia-admin-action-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    padding: 1.25rem 1.35rem 0;
}

.skia-admin-panel > .text-muted {
    padding: 1.25rem 1.35rem 0;
}

.skia-admin-table {
    color: rgba(241, 245, 242, .82);
}

.skia-admin-table thead th {
    border-color: rgba(255, 255, 255, .08);
    color: #75a888;
    font-size: .74rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.skia-admin-table tbody td {
    border-color: rgba(255, 255, 255, .055);
    color: rgba(241, 245, 242, .76);
    white-space: nowrap;
}

.skia-admin-run-status {
    display: inline-flex;
    border-radius: 999px;
    padding: .25rem .55rem;
    background: rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .7);
    font-size: .72rem;
}

.skia-admin-run-status.is-completed,
.skia-admin-run-status.is-success {
    background: rgba(59, 123, 81, .18);
    color: #8bc29d;
}

@media (max-width: 1199.98px) {
    .skia-admin-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .skia-admin-control-grid,
    .skia-admin-populations {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .skia-admin-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .skia-admin-generated {
        min-width: 0;
        text-align: left;
    }

    .skia-admin-control-values,
    .skia-admin-metric-grid,
    .skia-admin-action-grid {
        grid-template-columns: 1fr;
    }
}


/* ===== Public, Legal, FAQ & Login 072 ===== */
.skia-public-main { min-height: calc(100vh - 140px); }
.skia-public-wrapper, .skia-auth-home { max-width: 1320px; }
.skia-public-logo { width: min(270px, 72vw); height: auto; }
.skia-auth-logo-home { width: min(360px, 80vw); height: auto; }
.skia-public-kicker { color: #78a986; font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; margin-bottom: .65rem; }
.skia-auth-home-title { color: #f3f5f3; font-weight: 800; max-width: 780px; }
.skia-auth-home-lead, .skia-public-lead { color: #aeb7af; max-width: 820px; }
.skia-auth-hero { min-height: 590px; }
.skia-login-card { max-width: 520px; margin-left: auto; }
.skia-home-feature { height: 100%; padding: 1.15rem; border: 1px solid rgba(59,123,81,.38); background: rgba(24,30,26,.85); border-radius: .35rem; }
.skia-home-feature i { color: #78a986; font-size: 1.3rem; display: block; margin-bottom: .75rem; }
.skia-home-feature strong, .skia-home-feature span { display: block; }
.skia-home-feature strong { color: #f2f5f2; margin-bottom: .35rem; }
.skia-home-feature span { color: #98a39a; font-size: .9rem; }
.skia-home-screens { border-top: 1px solid rgba(255,255,255,.08); }
.skia-home-screens h2 { color: #f4f5f4; }
.skia-screen-card { height: 100%; margin: 0; overflow: hidden; background: #171b18; border: 1px solid rgba(255,255,255,.1); border-radius: .45rem; box-shadow: 0 18px 40px rgba(0,0,0,.26); }
.skia-screen-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; filter: saturate(.78) contrast(1.05); }
.skia-screen-card figcaption { padding: 1.15rem; }
.skia-screen-card strong, .skia-screen-card span { display: block; }
.skia-screen-card strong { color: #f2f5f2; margin-bottom: .35rem; }
.skia-screen-card span { color: #9da69f; font-size: .9rem; }
.skia-legal-panel { max-width: 980px; margin: 0 auto; padding: clamp(1.4rem, 4vw, 3.5rem); background: #171a18; border: 1px solid rgba(255,255,255,.1); border-radius: .45rem; box-shadow: 0 22px 60px rgba(0,0,0,.28); }
.skia-legal-panel h1, .skia-legal-panel h2 { color: #f3f5f3; }
.skia-legal-section { padding: 0; }
.skia-legal-section + .skia-legal-section { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid rgba(255,255,255,.08); }
.skia-legal-section:first-of-type { border-top: 0; }
.skia-legal-section h2 { font-size: 1.2rem; margin-bottom: .9rem; }
.skia-legal-section p, .skia-legal-section li { color: #b0b8b1; line-height: 1.72; }
.skia-legal-meta { color: #7f8981; font-size: .85rem; }
.skia-faq-breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: 2rem; color: #7f8b82; font-size: .9rem; }
.skia-faq-breadcrumb a { color: #9db4a4; text-decoration: none; }
.skia-faq-card, .skia-faq-topic-card { display: flex; flex-direction: column; height: 100%; padding: 1.4rem; color: inherit; text-decoration: none; border: 1px solid rgba(255,255,255,.1); background: #171a18; border-radius: .4rem; transition: transform .18s ease, border-color .18s ease; }
.skia-faq-card:hover, .skia-faq-topic-card:hover { transform: translateY(-3px); border-color: rgba(59,123,81,.8); }
.skia-faq-card-icon { color: #78a986; font-size: 1.45rem; margin-bottom: 1rem; }
.skia-faq-card strong, .skia-faq-topic-card strong { color: #f3f5f3; font-size: 1.08rem; margin-bottom: .55rem; }
.skia-faq-card span, .skia-faq-topic-card span { color: #9ca69e; flex: 1; }
.skia-faq-card small, .skia-faq-topic-card small { color: #78a986; margin-top: 1rem; }
.skia-faq-accordion .accordion-item { background: #171a18; border: 1px solid rgba(255,255,255,.1); margin-bottom: .75rem; border-radius: .35rem; overflow: hidden; }
.skia-faq-accordion .accordion-button { background: #1b201c; color: #eef2ee; box-shadow: none; font-weight: 650; }
.skia-faq-accordion .accordion-button:not(.collapsed) { background: rgba(59,123,81,.22); color: #fff; }
.skia-faq-accordion .accordion-button::after { filter: invert(1); }
.skia-faq-accordion .accordion-body { color: #b5bdb6; line-height: 1.7; background: #151816; }
.skia-public-page .skia-footer { margin-top: 0 !important; }
.skia-auth-page .form-check-label { color: #aab3ac; font-size: .9rem; }
.skia-auth-page .form-check-input { background-color: #202421; border-color: rgba(255,255,255,.24); }
.skia-auth-page .form-check-input:checked { background-color: #3b7b51; border-color: #3b7b51; }
@media (max-width: 991.98px) { .skia-auth-hero { min-height: auto; } .skia-login-card { margin: 0 auto; } }


/* ===== Einheitliche Sektionsabstände 072b ===== */
:root {
    --skia-section-space: 3rem;
}

.skia-public-section-flow > * + *,
.skia-auth-home > section + section {
    margin-top: var(--skia-section-space) !important;
}

.skia-app-page main > section + section,
.skia-app-page main > section + .row,
.skia-app-page main > .row + section,
.skia-app-page main > div > section + section,
.skia-app-page main > div > section + .row,
.skia-app-page main > div > .row + section,
.skia-app-page main > div > header + section {
    margin-top: var(--skia-section-space) !important;
}

.skia-footer-round {
    gap: .75rem 1.35rem;
}

.skia-footer-agents,
.skia-footer-registrations {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.skia-footer-agents strong,
.skia-footer-registrations strong {
    color: #9ed0ae;
}

@media (max-width: 575.98px) {
    :root {
        --skia-section-space: 2.5rem;
    }
}

/* =========================================================
   Update 074: Hilfe, FAQ-Katalog, Online-Präsenz und UX-Hierarchie
   ========================================================= */

/* Öffentliche Rückkehr zum Spiel für eingeloggte Nutzer */
.skia-public-return-wrap {
    background: #080b09;
    border-bottom: 1px solid rgba(75, 151, 101, .38);
    padding: 1rem 0;
}

.skia-public-return {
    align-items: center;
    background: linear-gradient(135deg, rgba(59, 123, 81, .28), rgba(13, 20, 15, .96));
    border: 1px solid rgba(89, 174, 117, .58);
    color: #eef8ef;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4.25rem;
    padding: 1rem 1.25rem;
    text-decoration: none;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.skia-public-return:hover,
.skia-public-return:focus {
    background: linear-gradient(135deg, rgba(59, 123, 81, .4), rgba(16, 27, 19, .98));
    border-color: rgba(108, 205, 139, .85);
    color: #fff;
    transform: translateY(-1px);
}

.skia-public-return > span:first-child {
    align-items: center;
    border: 1px solid rgba(114, 213, 145, .48);
    display: inline-flex;
    height: 2.45rem;
    justify-content: center;
    width: 2.45rem;
}

.skia-public-return > span:nth-child(2) {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: .15rem;
}

.skia-public-return strong {
    font-size: 1rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.skia-public-return small {
    color: rgba(232, 243, 234, .7);
}

/* Kontextbezogene Hilfe unten rechts */
.skia-context-help {
    align-items: center;
    background: #101712;
    border: 1px solid rgba(83, 167, 111, .72);
    bottom: 1.35rem;
    box-shadow: 0 .8rem 2.4rem rgba(0, 0, 0, .42);
    color: #8bd3a0;
    display: inline-flex;
    gap: .5rem;
    min-height: 2.8rem;
    padding: .65rem .85rem;
    position: fixed;
    right: 1.35rem;
    text-decoration: none;
    z-index: 1040;
}

.skia-context-help:hover,
.skia-context-help:focus {
    background: #3b7b51;
    border-color: #68b581;
    color: #071009;
}

.skia-context-help i {
    font-size: 1.1rem;
}

.skia-context-help span {
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .skia-context-help {
        bottom: .85rem;
        right: .85rem;
    }

    .skia-context-help span {
        display: none;
    }
}

/* FAQ-Balanceblöcke */
.skia-faq-balance {
    background: linear-gradient(145deg, rgba(23, 35, 26, .98), rgba(10, 15, 12, .98));
    border: 1px solid rgba(59, 123, 81, .58);
    color: rgba(242, 247, 243, .9);
    display: grid;
    gap: 1.2rem;
    grid-template-columns: 3.2rem minmax(0, 1fr);
    padding: 1.4rem;
}

.skia-faq-balance-icon {
    align-items: center;
    background: rgba(59, 123, 81, .2);
    border: 1px solid rgba(83, 167, 111, .48);
    color: #8bd3a0;
    display: inline-flex;
    font-size: 1.25rem;
    height: 3.2rem;
    justify-content: center;
    width: 3.2rem;
}

.skia-faq-balance h2 {
    color: #f3f8f4;
    font-size: 1.15rem;
    margin: 0 0 .55rem;
}

.skia-faq-balance p {
    color: rgba(225, 235, 227, .72);
    margin-bottom: .75rem;
}

.skia-faq-balance ul {
    margin: 0;
    padding-left: 1.15rem;
}

.skia-faq-balance li + li {
    margin-top: .55rem;
}

.skia-faq-card-featured {
    align-items: center;
    background: linear-gradient(135deg, rgba(59, 123, 81, .32), rgba(11, 17, 13, .98));
    display: grid;
    gap: .4rem 1rem;
    grid-template-columns: 3.25rem minmax(0, 1fr);
}

.skia-faq-card-featured .skia-faq-card-icon {
    grid-row: 1 / span 3;
}

.skia-faq-card-featured strong,
.skia-faq-card-featured span:not(.skia-faq-card-icon),
.skia-faq-card-featured small {
    grid-column: 2;
}

/* Vollständiger Equipment-Katalog */
.skia-equipment-faq-nav {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.skia-equipment-faq-nav a {
    align-items: center;
    background: #111713;
    border: 1px solid rgba(255,255,255,.1);
    color: rgba(242,247,243,.8);
    display: inline-flex;
    font-weight: 800;
    gap: .55rem;
    padding: .75rem 1rem;
    text-decoration: none;
}

.skia-equipment-faq-nav a:hover,
.skia-equipment-faq-nav a:focus {
    border-color: rgba(76, 165, 105, .72);
    color: #fff;
}

.skia-equipment-faq-nav a span {
    align-items: center;
    background: rgba(59,123,81,.25);
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    height: 1.45rem;
    justify-content: center;
    min-width: 1.45rem;
    padding: 0 .4rem;
}

.skia-equipment-faq-section + .skia-equipment-faq-section {
    margin-top: 3rem;
}

.skia-equipment-faq-heading {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skia-equipment-faq-heading > i {
    align-items: center;
    background: rgba(59,123,81,.18);
    border: 1px solid rgba(59,123,81,.48);
    color: #8bd3a0;
    display: inline-flex;
    font-size: 1.3rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.skia-equipment-faq-heading span {
    color: rgba(225,235,227,.58);
    display: block;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.skia-equipment-faq-heading h2 {
    color: #fff;
    margin: .1rem 0 0;
}

.skia-equipment-faq-accordion .accordion-button {
    align-items: center;
    gap: .75rem;
}

.skia-equipment-faq-name {
    flex: 1;
}

.skia-equipment-faq-unlock,
.skia-equipment-faq-rarity {
    border: 1px solid rgba(255,255,255,.13);
    color: rgba(229,238,231,.72);
    font-size: .7rem;
    font-weight: 800;
    padding: .2rem .45rem;
    white-space: nowrap;
}

.skia-equipment-faq-rarity.is-rare,
.skia-equipment-faq-rarity.is-epic,
.skia-equipment-faq-rarity.is-prototype {
    border-color: rgba(198, 226, 94, .48);
    color: #dff77f;
}

.skia-equipment-faq-description {
    color: rgba(235,242,236,.8);
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

.skia-equipment-faq-accordion h4 {
    color: #fff;
    font-size: .88rem;
    letter-spacing: .06em;
    margin-bottom: .8rem;
    text-transform: uppercase;
}

.skia-equipment-faq-data {
    display: grid;
    gap: .45rem;
    margin: 0;
}

.skia-equipment-faq-data > div {
    border-bottom: 1px solid rgba(255,255,255,.08);
    display: grid;
    gap: 1rem;
    grid-template-columns: 8rem minmax(0,1fr);
    padding-bottom: .45rem;
}

.skia-equipment-faq-data dt {
    color: rgba(223,234,225,.58);
    font-weight: 700;
}

.skia-equipment-faq-data dd {
    color: #f4f8f4;
    margin: 0;
}

.skia-equipment-faq-effects {
    margin: 0;
    padding-left: 1.15rem;
}

.skia-equipment-faq-effects li + li {
    margin-top: .55rem;
}

.skia-equipment-faq-tags {
    align-items: center;
    border-top: 1px solid rgba(255,255,255,.09);
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: 1.4rem;
    padding-top: 1rem;
}

.skia-equipment-faq-tags strong {
    margin-right: .25rem;
}

.skia-equipment-faq-tags span {
    background: rgba(59,123,81,.16);
    border: 1px solid rgba(59,123,81,.38);
    color: #d8f1df;
    font-size: .72rem;
    padding: .25rem .45rem;
}

@media (max-width: 767.98px) {
    .skia-faq-balance {
        grid-template-columns: 1fr;
    }

    .skia-equipment-faq-accordion .accordion-button {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .skia-equipment-faq-name {
        flex-basis: 100%;
    }

    .skia-equipment-faq-data > div {
        grid-template-columns: 1fr;
        gap: .15rem;
    }
}

/* Missionbilder: in Listen links, in Karten sauber oberhalb des Inhalts. */
.skia-missions-thumb {
    align-self: stretch;
    height: 142px;
    min-height: 142px;
    min-width: 0;
    position: relative;
    width: 100%;
}

.skia-missions-thumb > img:first-child {
    height: 100%;
    inset: 0;
    min-height: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.skia-missions-list.is-display-cards .skia-missions-item {
    grid-template-columns: minmax(0, 1fr) !important;
}

.skia-missions-list.is-display-cards .skia-missions-thumb,
.skia-missions-list.is-display-cards .skia-missions-info,
.skia-missions-list.is-display-cards .skia-missions-params,
.skia-missions-list.is-display-cards .skia-missions-reward,
.skia-missions-list.is-display-cards .skia-missions-action {
    grid-column: 1 / -1;
}

.skia-missions-list.is-display-cards .skia-missions-thumb {
    height: 190px;
    margin-bottom: .35rem;
}

@media (max-width: 767.98px) {
    .skia-missions-thumb {
        height: 170px;
        margin-bottom: 1rem;
        min-height: 170px;
    }
}

/* Buttonhierarchie: Navigation, Ansicht/Filter und Hauptaktion unterscheiden. */
.skia-section-link {
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: rgba(232, 239, 233, .66) !important;
    position: relative;
}

.skia-section-link::after {
    background: transparent;
    bottom: -.25rem;
    content: '';
    height: 2px;
    left: .8rem;
    position: absolute;
    right: .8rem;
}

.skia-section-link:hover,
.skia-section-link:focus {
    color: #fff !important;
}

.skia-section-link.active {
    color: #8bd3a0 !important;
}

.skia-section-link.active::after {
    background: #3b7b51;
}

.skia-missions-view-tabs a,
.skia-missions-display-switch a {
    background: #111511;
    border-color: rgba(255,255,255,.12);
    color: #aeb7aa;
}

.skia-missions-view-tabs a.is-active,
.skia-missions-display-switch a.is-active {
    background: rgba(59,123,81,.12);
    border-color: rgba(92,185,122,.75);
    color: #9be1ae;
}

.skia-missions-apply-btn {
    background: transparent;
    border-color: rgba(83,167,111,.72);
    color: #8bd3a0;
}

.skia-missions-apply-btn:hover,
.skia-missions-apply-btn:focus {
    background: rgba(59,123,81,.18);
    border-color: #68b581;
    color: #dff8e5;
}

.skia-missions-action-btn:not(.is-blocked):not(.is-running) {
    background: #3b7b51;
    border-color: #3b7b51;
    color: #071009;
}

.skia-missions-action-btn:not(.is-blocked):not(.is-running):hover,
.skia-missions-action-btn:not(.is-blocked):not(.is-running):focus {
    background: #58a970;
    border-color: #58a970;
    color: #041007;
}

.btn-skia-primary {
    background: #3b7b51;
    border: 1px solid #3b7b51;
    color: #071009;
}

.btn-skia-secondary {
    background: transparent;
    border: 1px solid rgba(83,167,111,.72);
    color: #8bd3a0;
}

.btn-skia-tertiary {
    background: transparent;
    border: 0;
    color: rgba(232,239,233,.7);
    text-decoration: underline;
    text-underline-offset: .25rem;
}