:root {
    color-scheme: dark;
    --bg: #071019;
    --panel: rgba(13, 28, 42, .88);
    --line: rgba(115, 220, 255, .18);
    --text: #eaf7ff;
    --muted: #8da8b8;
    --accent: #46e6c2;
    --accent-2: #54a9ff;
    --danger: #ff7285;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: var(--text); background: radial-gradient(circle at 80% -20%, #153b5c 0, transparent 38%), radial-gradient(circle at 0 60%, #0b3a35 0, transparent 33%), var(--bg); }
a { color: var(--accent); }
button, input, select { font: inherit; }
.topbar { position: sticky; top: 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .9rem clamp(1rem, 4vw, 4rem); border-bottom: 1px solid var(--line); background: rgba(7,16,25,.88); backdrop-filter: blur(14px); }
.topbar small { color: var(--muted); margin-left: .5rem; }
.status-dot { display: inline-block; width: .55rem; height: .55rem; margin-left: .8rem; border-radius: 50%; background: var(--accent); box-shadow: 0 0 14px var(--accent); }
.account { display: flex; align-items: center; gap: 1rem; }
.account form { margin: 0; }
.game { width: min(1500px, calc(100% - 2rem)); margin: 2.5rem auto 5rem; }
.landing, .auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 1rem; }
.hero { max-width: 820px; padding: clamp(2rem, 7vw, 5rem); text-align: center; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(2.2rem, 6vw, 5.4rem); letter-spacing: -.05em; margin-bottom: .8rem; }
h1 span { color: var(--accent); }
h2 { font-size: 1.35rem; }
h3 { font-size: 1rem; margin: 0; }
.eyebrow { color: var(--accent); letter-spacing: .18em; font-weight: 800; font-size: .72rem; }
.muted { color: var(--muted); }
.small { font-size: .85rem; }
.panel { border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(18,39,58,.92), var(--panel)); box-shadow: 0 24px 80px rgba(0,0,0,.25); padding: 1.25rem; }
.actions { display: flex; justify-content: center; flex-wrap: wrap; gap: .8rem; margin: 2rem 0; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.65rem; padding: .65rem 1rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(76,135,168,.12); color: var(--text); text-decoration: none; cursor: pointer; transition: .18s ease; }
.button:hover:not(:disabled) { transform: translateY(-1px); border-color: var(--accent); }
.button.primary { color: #03130f; background: var(--accent); border-color: var(--accent); font-weight: 800; }
.button.compact { width: 100%; font-size: .78rem; }
.button:disabled { opacity: .45; cursor: not-allowed; }
.link-button { padding: 0; border: 0; background: none; color: var(--accent); cursor: pointer; }
.link-button.danger { color: var(--danger); }
.security-note { font-size: .85rem; color: var(--muted); }
.resource-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin: 1.5rem 0; }
.resource-card { border: 1px solid var(--line); border-radius: 14px; padding: 1rem; background: rgba(6,18,28,.7); }
.resource-card span { display: block; color: var(--muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; }
.resource-card strong { display: block; margin-top: .4rem; font-size: clamp(1.2rem, 3vw, 2rem); font-variant-numeric: tabular-nums; }
.layout-two { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); gap: 1rem; margin-bottom: 1rem; }
.section-heading, .building-top { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.badge, .level { padding: .28rem .55rem; border: 1px solid var(--line); border-radius: 999px; color: var(--accent); font-size: .72rem; white-space: nowrap; }
.building-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .8rem; }
.building-card { padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(4,15,24,.5); }
.market-form-panel form, .auth-card form { display: grid; gap: .85rem; }
label { display: grid; gap: .35rem; color: var(--muted); font-size: .82rem; }
input, select { width: 100%; padding: .75rem; border: 1px solid var(--line); border-radius: 9px; color: var(--text); background: #091722; outline: none; }
input:focus, select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(70,230,194,.08); }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: .82rem; }
th, td { padding: .7rem .5rem; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
th { color: var(--muted); font-weight: 600; }
.empty { color: var(--muted); text-align: center; padding: 1.5rem; }
.auth-card { width: min(440px, 100%); padding: 2rem; }
.auth-card h1 { font-size: 2.1rem; }
.error { padding: .8rem; border: 1px solid rgba(255,114,133,.35); border-radius: 9px; color: #ffdbe0; background: rgba(255,114,133,.08); }
.toast { position: fixed; right: 1rem; bottom: 1rem; z-index: 20; max-width: 360px; padding: .9rem 1rem; border: 1px solid var(--accent); border-radius: 10px; background: #0c2424; opacity: 0; transform: translateY(15px); pointer-events: none; transition: .2s ease; }
.toast.visible { opacity: 1; transform: translateY(0); }
.toast.error-toast { border-color: var(--danger); background: #2b151a; }
@media (max-width: 900px) { .resource-grid { grid-template-columns: repeat(2, 1fr); } .layout-two { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .game { width: min(100% - 1rem, 1500px); margin-top: 1rem; } .building-grid { grid-template-columns: 1fr; } .topbar { align-items: flex-start; } .account { align-items: flex-end; flex-direction: column; gap: .35rem; } }

/* Version 1.1 */
.page-heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: 1rem; }
.page-heading h1 { margin-bottom: .35rem; }
.sync-widget { width: min(230px, 100%); padding: .85rem 1rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(6,18,28,.7); }
.sync-widget span { display: block; color: var(--muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; }
.sync-widget strong { display: block; margin: .25rem 0 .5rem; font-variant-numeric: tabular-nums; }
.progress-track, .storage-meter { overflow: hidden; height: 5px; border-radius: 999px; background: rgba(141,168,184,.16); }
.progress-fill, .storage-meter > div { height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--accent-2), var(--accent)); transition: width .2s linear; }
.resource-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.resource-card small { display: block; margin-top: .45rem; color: var(--muted); font-size: .68rem; }
.storage-meter { margin-top: .65rem; }
.side-stack { display: grid; align-content: start; gap: 1rem; }
.building-card { display: flex; flex-direction: column; min-height: 220px; }
.building-card .button { margin-top: auto; }
.building-card.kind-factory { border-color: rgba(84,169,255,.3); background: linear-gradient(145deg, rgba(15,34,57,.8), rgba(4,15,24,.5)); }
.building-status { display: inline-block; margin-top: .32rem; font-size: .67rem; color: var(--muted); }
.status-ready { color: var(--accent); }
.status-missing_input { color: #f5c567; }
.status-locked { color: var(--muted); }
.production-line { min-height: 2.3em; font-size: .82rem; }
.recipe { margin: .25rem 0 .85rem; padding: .55rem .65rem; border-radius: 8px; color: #bcd6e6; background: rgba(84,169,255,.08); font-size: .72rem; line-height: 1.45; }
.tutorial-list { display: grid; gap: .55rem; }
.tutorial-item { display: flex; gap: .65rem; align-items: center; padding: .65rem .7rem; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-size: .82rem; }
.tutorial-item > span:first-child { width: 1.1rem; color: var(--accent-2); font-weight: 800; }
.tutorial-item.done { color: var(--text); border-color: rgba(70,230,194,.3); background: rgba(70,230,194,.06); }
.tutorial-item.done > span:first-child { color: var(--accent); }
.market-summary { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: .75rem; }
.market-pulse-card { padding: .85rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(4,15,24,.5); }
.market-pulse-card strong, .market-pulse-card span { display: block; }
.market-pulse-card span { margin-top: .35rem; color: var(--muted); font-size: .72rem; }
.admin-game h1 { font-size: clamp(2rem, 5vw, 4rem); }
.admin-stats { grid-template-columns: repeat(4, minmax(0,1fr)); }
.inline-form { display: flex; gap: .55rem; align-items: center; }
.inline-form input { min-width: 230px; }
.stack-form { display: grid; gap: .8rem; }
.admin-layout { grid-template-columns: minmax(300px,.7fr) minmax(0,1.3fr); }
.admin-actions { display: flex; gap: .7rem; }

@media (max-width: 1180px) {
    .resource-grid { grid-template-columns: repeat(3, 1fr); }
    .market-summary { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 760px) {
    .page-heading { align-items: stretch; flex-direction: column; gap: .5rem; }
    .sync-widget { width: 100%; }
    .resource-grid, .admin-stats { grid-template-columns: repeat(2, 1fr); }
    .market-summary { grid-template-columns: repeat(2, 1fr); }
    .section-heading { flex-direction: column; }
    .inline-form { width: 100%; }
    .inline-form input { min-width: 0; }
    .admin-layout { grid-template-columns: 1fr; }
}
@media (max-width: 430px) {
    .resource-grid, .admin-stats, .market-summary { grid-template-columns: 1fr; }
    .inline-form { align-items: stretch; flex-direction: column; }
}

/* Version 1.2 */
.resource-grid { grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); }
.energy-panel { margin-bottom: 1rem; }
.energy-overview { display: grid; grid-template-columns: repeat(3, minmax(110px, .45fr)) minmax(240px, 1.4fr); gap: .8rem; align-items: center; }
.energy-overview > div { padding: .85rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(5,17,27,.55); }
.energy-overview span { display: block; color: var(--muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; }
.energy-overview strong { display: block; margin-top: .3rem; font-size: 1.35rem; }
.energy-meter-wrap .progress-track { margin-top: .7rem; }
.building-controls { display: grid; gap: .5rem; margin-top: auto; }
.danger-outline { color: var(--danger); border-color: rgba(255,114,133,.4); }
.status-paused { color: #ffc96b; }
.status-underpowered { color: var(--danger); }
.kind-energy { border-color: rgba(255,201,107,.28); }
.research-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .75rem; }
.research-card, .quest-card, .history-card { display: flex; flex-direction: column; gap: .55rem; padding: 1rem; border: 1px solid var(--line); border-radius: 13px; background: rgba(5,17,27,.55); }
.research-card.active { border-color: var(--accent); box-shadow: inset 0 0 24px rgba(70,230,194,.06); }
.research-card p, .quest-card p { margin-bottom: 0; }
.quest-list, .history-list { display: grid; gap: .75rem; }
.quest-card.complete { border-color: var(--accent); }
.quest-card.claimed { opacity: .66; }
.quest-reward { color: var(--accent); font-size: .82rem; }
.history-list { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.history-points { display: grid; gap: .35rem; margin-top: .45rem; }
.history-points span { color: var(--muted); font-size: .76rem; }
.market-pulse-card span { display: block; }
.admin-settings-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .8rem; }
.setting-card { padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(5,17,27,.55); }
.setting-card label { margin: 0; }

@media (max-width: 900px) {
    .energy-overview { grid-template-columns: repeat(3, 1fr); }
    .energy-meter-wrap { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
    .energy-overview { grid-template-columns: 1fr; }
    .energy-meter-wrap { grid-column: auto; }
}
.building-controls .button { margin-top: 0; }
.admin-stats { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

/* Version 1.2.1 – Bereichsnavigation */
.game-nav {
    position: sticky;
    top: 0;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: .65rem;
    margin: 0 0 1rem;
    padding: .65rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(7, 16, 25, .94);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
    backdrop-filter: blur(16px);
}
.game-nav-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .18rem;
    min-width: 0;
    padding: .78rem .9rem;
    border: 1px solid transparent;
    border-radius: 11px;
    color: var(--text);
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: .18s ease;
}
.game-nav-button:hover { border-color: var(--line); background: rgba(84, 169, 255, .07); }
.game-nav-button.is-active {
    border-color: rgba(70, 230, 194, .48);
    background: linear-gradient(145deg, rgba(70, 230, 194, .16), rgba(84, 169, 255, .08));
    box-shadow: inset 0 0 24px rgba(70, 230, 194, .04);
}
.game-nav-label { font-weight: 800; letter-spacing: .02em; }
.game-nav-button small {
    overflow: hidden;
    width: 100%;
    color: var(--muted);
    font-size: .69rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.game-nav-button.is-active small { color: var(--accent); }
.game-view-stack { min-height: 420px; }
.game-view { display: none; animation: game-view-in .18s ease-out; }
.game-view.is-active { display: block; }
.game-view[hidden] { display: none !important; }
@keyframes game-view-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.view-hero-panel { min-height: 420px; }
.research-grid-wide { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top: 1rem; }
.quest-grid-wide { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); margin-top: 1rem; }
.market-dashboard-grid { display: grid; grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr); gap: 1rem; margin-bottom: 1rem; }
.market-pulse-panel .market-summary { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }
.navigation-hint { border-style: dashed; }

@media (max-width: 900px) {
    .game-nav { grid-template-columns: repeat(4, minmax(130px, 1fr)); overflow-x: auto; }
    .market-dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .game-nav {
        grid-template-columns: repeat(4, minmax(118px, 1fr));
        margin-right: -.5rem;
        margin-left: -.5rem;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }
    .game-nav-button { padding: .7rem .75rem; }
    .game-nav-button small { font-size: .64rem; }
}

/* Version 1.3 – Fortschritt, Missionen und indirekter Multiplayer */
.heading-widgets { display: flex; gap: .75rem; align-items: stretch; }
.level-widget { width: min(300px, 100%); padding: .85rem 1rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(6,18,28,.7); }
.level-widget > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.level-widget span, .level-widget small { color: var(--muted); font-size: .72rem; }
.level-widget strong { color: var(--accent); font-size: 1.5rem; }
.level-widget .progress-track { margin: .55rem 0 .4rem; }
.level-detail { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(5,17,27,.55); }
.level-detail span { color: var(--muted); }
.game-nav-five { grid-template-columns: repeat(5, minmax(135px, 1fr)); }
.mission-dashboard-grid, .network-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; margin-bottom: 1rem; }
.mission-list { display: grid; gap: .75rem; margin-top: 1rem; }
.mission-card { display: flex; flex-direction: column; gap: .55rem; padding: 1rem; border: 1px solid var(--line); border-radius: 13px; background: rgba(5,17,27,.55); }
.mission-card p { margin-bottom: 0; }
.mission-card.complete { border-color: var(--accent); box-shadow: inset 0 0 24px rgba(70,230,194,.04); }
.mission-card.claimed { opacity: .65; }
.mission-progress { height: 7px; }
.project-overall { margin: 1rem 0; padding: .9rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(5,17,27,.55); }
.project-overall span { color: var(--muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }
.project-overall strong { float: right; }
.project-overall .progress-track { clear: both; margin-top: .8rem; height: 8px; }
.project-goals { display: grid; gap: .65rem; }
.project-goal-card { padding: .85rem; border: 1px solid var(--line); border-radius: 11px; background: rgba(5,17,27,.5); }
.project-goal-card > div:first-child { display: flex; justify-content: space-between; gap: 1rem; }
.project-goal-card small { display: block; margin: .35rem 0 .55rem; color: var(--muted); }
.project-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: .7rem; align-items: end; margin-top: 1rem; }
.auto-width { width: auto; }
.notification-list { display: grid; gap: .55rem; max-height: 520px; overflow-y: auto; padding-right: .2rem; }
.notification-item { padding: .8rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(5,17,27,.5); }
.notification-item.unread { border-color: rgba(70,230,194,.42); background: rgba(70,230,194,.06); }
.notification-item > div { display: flex; justify-content: space-between; gap: .8rem; }
.notification-item small { color: var(--muted); font-size: .68rem; white-space: nowrap; }
.notification-item p { margin: .4rem 0 0; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.leaderboard-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .75rem; margin-top: 1rem; }
.leaderboard-card { padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(5,17,27,.55); }
.leaderboard-card ol { display: grid; gap: .35rem; margin: .8rem 0 0; padding: 0; list-style: none; }
.leaderboard-card li { display: flex; justify-content: space-between; gap: .6rem; padding: .48rem .55rem; border-radius: 7px; color: var(--muted); font-size: .76rem; }
.leaderboard-card li:nth-child(odd) { background: rgba(84,169,255,.05); }
.leaderboard-card li.is-current { color: var(--text); background: rgba(70,230,194,.12); }
.leaderboard-card li strong { color: var(--text); font-variant-numeric: tabular-nums; }

@media (max-width: 1150px) {
    .leaderboard-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .heading-widgets { flex-direction: column; }
    .level-widget, .sync-widget { width: 100%; }
}
@media (max-width: 900px) {
    .game-nav-five { grid-template-columns: repeat(5, minmax(125px, 1fr)); }
    .mission-dashboard-grid, .network-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .game-nav-five { grid-template-columns: repeat(5, minmax(116px, 1fr)); }
    .project-form { grid-template-columns: 1fr; }
    .leaderboard-grid { grid-template-columns: 1fr; }
    .notification-item > div { flex-direction: column; gap: .2rem; }
}

/* Version 1.3.1 – serverseitige Gebäude-Upgrades */
.construction-panel { margin-bottom: 1rem; }
.construction-queue { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: .75rem; margin-top: .85rem; }
.construction-empty { padding: .9rem 1rem; border: 1px dashed var(--line); border-radius: 11px; color: var(--muted); background: rgba(5,17,27,.4); }
.construction-job { display: flex; flex-direction: column; gap: .55rem; padding: .9rem; border: 1px solid rgba(70,230,194,.35); border-radius: 12px; background: linear-gradient(145deg, rgba(70,230,194,.08), rgba(84,169,255,.04)); }
.construction-job p { margin: 0; }
.construction-countdown { color: var(--accent); font-weight: 800; font-variant-numeric: tabular-nums; }
.construction-progress { height: 7px; }
.building-card.is-upgrading { border-color: rgba(70,230,194,.48); box-shadow: inset 0 0 26px rgba(70,230,194,.05); }
.status-upgrading { color: var(--accent); }
.building-upgrade-info { padding: .65rem .75rem; border: 1px solid rgba(70,230,194,.25); border-radius: 9px; color: var(--accent); background: rgba(70,230,194,.06); font-size: .76rem; line-height: 1.45; }

/* Version 1.3.3 – Systemstatus, Fehlerprotokoll und Konsistenzprüfung */
.admin-diagnostics-panel { margin-top: 1rem; }
.system-health {
    margin-bottom: .9rem;
    padding: .8rem 1rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    font-weight: 800;
}
.system-health.is-loading { color: var(--muted); }
.system-health.health-healthy { color: var(--accent); border-color: rgba(70,230,194,.38); background: rgba(70,230,194,.07); }
.system-health.health-warning { color: #ffd38a; border-color: rgba(255,201,107,.4); background: rgba(255,201,107,.07); }
.system-health.health-critical { color: #ffdbe0; border-color: rgba(255,114,133,.45); background: rgba(255,114,133,.08); }
.system-cards { margin-bottom: 1rem; }
.diagnostics-layout { align-items: start; }
.diagnostic-list, .error-log-list { display: grid; gap: .7rem; max-height: 720px; overflow-y: auto; padding-right: .2rem; }
.diagnostic-item, .application-error {
    padding: .85rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(5,17,27,.52);
}
.diagnostic-item-heading, .application-error-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: .8rem; }
.diagnostic-item p, .application-error p { margin: .4rem 0; color: var(--muted); font-size: .8rem; line-height: 1.45; }
.diagnostic-item small, .application-error small { color: var(--muted); font-size: .7rem; line-height: 1.45; }
.diagnostic-item.is-clean { opacity: .72; }
.diagnostic-item.severity-critical.has-finding, .application-error.is-open { border-color: rgba(255,114,133,.45); }
.diagnostic-item.severity-warning.has-finding { border-color: rgba(255,201,107,.42); }
.diagnostic-item.severity-info.has-finding { border-color: rgba(84,169,255,.4); }
.status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: .28rem .55rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: rgba(5,17,27,.55);
    font-size: .69rem;
    font-weight: 800;
    white-space: nowrap;
}
.pill-healthy { color: var(--accent); border-color: rgba(70,230,194,.4); }
.pill-warning { color: #ffd38a; border-color: rgba(255,201,107,.42); }
.pill-critical { color: #ffdbe0; border-color: rgba(255,114,133,.45); }
.application-error.is-resolved { opacity: .58; }
.application-error-heading > div { display: grid; gap: .3rem; min-width: 0; }
.application-error-heading strong { overflow-wrap: anywhere; }
.application-error code { width: fit-content; color: var(--accent); }
.application-error details { margin: .65rem 0; }
.application-error summary { cursor: pointer; color: var(--accent); font-size: .78rem; }
.application-error pre {
    overflow: auto;
    max-height: 260px;
    margin: .55rem 0 0;
    padding: .7rem;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: #d7e8f2;
    background: rgba(2,10,16,.8);
    font-size: .68rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.small-button { padding: .5rem .7rem; font-size: .72rem; }
.diagnostic-row-critical td { color: #ffdbe0; }

@media (max-width: 680px) {
    .application-error-heading, .diagnostic-item-heading { flex-direction: column; }
}

/* Version 1.4 – Nexus-Prestige */
.game-nav-six { grid-template-columns: repeat(6, minmax(125px, 1fr)); }
.prestige-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; margin-bottom: 1rem; }
.prestige-stat { display: grid; gap: .28rem; min-height: 120px; align-content: center; }
.prestige-stat span, .prestige-stat small { color: var(--muted); }
.prestige-stat strong { color: var(--accent); font-size: 2rem; }
.prestige-layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 1rem; margin-bottom: 1rem; align-items: start; }
.prestige-transfer-panel { border-color: rgba(153,112,255,.34); background: linear-gradient(145deg, rgba(91,55,160,.11), rgba(5,17,27,.78)); }
.prestige-potential { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .7rem; margin: 1rem 0; }
.prestige-potential > div { padding: .8rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(5,17,27,.55); }
.prestige-potential span { display: block; color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.prestige-potential strong { display: block; margin-top: .3rem; color: #c9b6ff; font-size: 1.25rem; }
.prestige-blockers { display: grid; gap: .5rem; margin: .8rem 0; }
.warning-note, .success-note { margin: 0; padding: .7rem .8rem; border-radius: 9px; font-size: .78rem; }
.warning-note { color: #ffd38a; border: 1px solid rgba(255,201,107,.34); background: rgba(255,201,107,.06); }
.success-note { color: var(--accent); border: 1px solid rgba(70,230,194,.35); background: rgba(70,230,194,.06); }
.success-badge { color: var(--accent); border-color: rgba(70,230,194,.42); }
.prestige-retention-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .8rem; margin: 1rem 0; }
.prestige-retention-grid > div { padding: .85rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(5,17,27,.5); }
.prestige-retention-grid h3 { margin: 0 0 .55rem; font-size: .84rem; }
.prestige-retention-grid ul { display: grid; gap: .35rem; margin: 0; padding-left: 1.1rem; color: var(--muted); font-size: .76rem; line-height: 1.4; }
.prestige-confirm-form { display: grid; grid-template-columns: minmax(180px,1fr) auto; gap: .7rem; align-items: end; margin-top: 1rem; }
.prestige-confirm-form label { margin: 0; }
.danger-action { border-color: rgba(255,114,133,.5); background: linear-gradient(145deg, rgba(255,114,133,.82), rgba(157,79,255,.72)); color: #fff; }
.prestige-upgrade-grid { display: grid; gap: .7rem; margin-top: .8rem; }
.prestige-upgrade-card { display: grid; gap: .55rem; padding: .9rem; border: 1px solid var(--line); border-radius: 11px; background: rgba(5,17,27,.55); }
.prestige-upgrade-card p { margin: 0; }
.prestige-effect { width: fit-content; padding: .25rem .48rem; border-radius: 999px; color: #c9b6ff; background: rgba(153,112,255,.12); font-size: .7rem; font-weight: 800; }

@media (max-width: 1050px) {
    .game-nav-six { grid-template-columns: repeat(6, minmax(118px, 1fr)); overflow-x: auto; }
    .prestige-layout { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .game-nav-six { grid-template-columns: repeat(6, minmax(112px, 1fr)); }
    .prestige-summary-grid, .prestige-potential, .prestige-retention-grid { grid-template-columns: 1fr; }
    .prestige-confirm-form { grid-template-columns: 1fr; }
}

/* Version 1.5 – Planeten und Spezialisierungen */
.game-nav-seven { grid-template-columns: repeat(7, minmax(118px, 1fr)); }
.planet-command-panel { border-color: rgba(82,174,255,.28); background: linear-gradient(145deg, rgba(32,91,145,.12), rgba(5,17,27,.78)); }
.planet-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; margin-top: 1rem; }
.planet-card { display: grid; gap: .8rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(5,17,27,.58); }
.planet-card.is-active { border-color: rgba(70,230,194,.48); box-shadow: 0 0 0 1px rgba(70,230,194,.08) inset; }
.planet-card.is-locked { border-style: dashed; opacity: .9; }
.planet-card-top { display: flex; justify-content: space-between; gap: .8rem; align-items: flex-start; }
.planet-card h3, .specialization-card h3 { margin: 0 0 .2rem; }
.planet-card p, .specialization-card p { margin: 0; }
.planet-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .55rem; }
.planet-stats > div { padding: .7rem; border: 1px solid var(--line); border-radius: 9px; background: rgba(2,10,16,.45); }
.planet-stats span { display: block; color: var(--muted); font-size: .66rem; text-transform: uppercase; letter-spacing: .07em; }
.planet-stats strong { display: block; margin-top: .25rem; font-size: .86rem; }
.planet-unlock-box { display: grid; gap: .35rem; padding: .8rem; border: 1px solid rgba(255,201,107,.3); border-radius: 10px; background: rgba(255,201,107,.05); }
.planet-unlock-box span, .planet-unlock-box small { color: var(--muted); }
.specialization-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; margin-top: 1rem; }
.specialization-card { display: grid; gap: .65rem; align-content: start; padding: .9rem; border: 1px solid var(--line); border-radius: 11px; background: rgba(5,17,27,.52); }
.specialization-card.selected { border-color: rgba(153,112,255,.48); background: rgba(91,55,160,.1); }
.warning-badge { color: #ffd38a; border-color: rgba(255,201,107,.4); }

@media (max-width: 1100px) {
    .game-nav-seven { grid-template-columns: repeat(7, minmax(112px, 1fr)); overflow-x: auto; }
    .specialization-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
    .game-nav-seven { grid-template-columns: repeat(7, minmax(108px, 1fr)); }
    .planet-grid, .specialization-grid { grid-template-columns: 1fr; }
    .planet-stats { grid-template-columns: 1fr; }
}

/* Version 1.5.0.2 – sofortige Projektvergütung */
.project-goal-payout { color: var(--accent); font-weight: 700; }
.project-payout-preview {
    margin-top: .75rem;
    display: grid;
    gap: .25rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(66, 211, 255, .35);
    border-radius: 11px;
    background: rgba(15, 63, 83, .3);
}
.project-payout-preview strong { color: var(--accent); }
.project-payout-preview small { display: block; }
.project-payout-preview.is-warning {
    border-color: rgba(255, 175, 76, .6);
    background: rgba(92, 53, 15, .28);
    color: #ffd5a0;
}
.project-reward-admin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .8rem; }
.project-reward-admin-grid .setting-card { min-width: 0; }

/* Version 1.6 – globale Galaxie, Scans, Vorkommen und Gebäudeslots */
.status-unavailable { color: #ffb0bc; border-color: rgba(255,114,133,.42); background: rgba(255,114,133,.08); }
.galaxy-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-bottom: 1rem; }
.galaxy-stat { display: grid; gap: .3rem; min-height: 110px; align-content: center; }
.galaxy-stat span, .galaxy-stat small { color: var(--muted); }
.galaxy-stat strong { color: var(--accent); font-size: 1.65rem; }
.galaxy-panel { overflow: hidden; border-color: rgba(111,132,255,.32); background: radial-gradient(circle at 50% 30%, rgba(61,77,139,.18), rgba(3,11,19,.92) 58%); }
.galaxy-map { position: relative; height: 520px; margin-top: 1rem; overflow: hidden; border: 1px solid rgba(119,145,196,.25); border-radius: 16px; background:
    radial-gradient(circle at 15% 22%, rgba(255,255,255,.65) 0 1px, transparent 1.4px),
    radial-gradient(circle at 72% 62%, rgba(126,211,255,.5) 0 1px, transparent 1.4px),
    radial-gradient(circle at 45% 78%, rgba(255,255,255,.45) 0 1px, transparent 1.4px),
    linear-gradient(rgba(82,114,160,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(82,114,160,.06) 1px, transparent 1px),
    #020810;
    background-size: 113px 97px, 151px 127px, 181px 139px, 40px 40px, 40px 40px, auto;
}
.galaxy-map::before, .galaxy-map::after { content: ''; position: absolute; pointer-events: none; }
.galaxy-map::before { inset: 50% 0 auto; border-top: 1px solid rgba(77,137,177,.12); }
.galaxy-map::after { inset: 0 auto 0 50%; border-left: 1px solid rgba(77,137,177,.12); }
.galaxy-node { position: absolute; z-index: 2; display: grid; justify-items: center; gap: .25rem; width: 92px; padding: .3rem; transform: translate(-50%,-50%); border: 0; background: transparent; color: #c9d9e5; cursor: pointer; }
.galaxy-node small { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .65rem; text-shadow: 0 1px 5px #000; }
.galaxy-orb { display: block; width: 18px; height: 18px; border-radius: 50%; border: 2px solid rgba(184,215,255,.55); background: radial-gradient(circle at 32% 28%, #e7f3ff, #4874a1 34%, #162f4a 68%); box-shadow: 0 0 14px rgba(78,157,220,.45); transition: transform .18s ease, box-shadow .18s ease; }
.galaxy-node:hover .galaxy-orb, .galaxy-node:focus-visible .galaxy-orb { transform: scale(1.35); box-shadow: 0 0 22px rgba(89,217,255,.8); }
.galaxy-orb.size-tiny { width: 11px; height: 11px; }
.galaxy-orb.size-small { width: 15px; height: 15px; }
.galaxy-orb.size-large { width: 23px; height: 23px; }
.galaxy-orb.size-colossal { width: 29px; height: 29px; }
.galaxy-node.is-owned .galaxy-orb { border-color: var(--accent); background: radial-gradient(circle at 32% 28%, #d9fff8, #34b99c 38%, #0d5147 70%); box-shadow: 0 0 20px rgba(70,230,194,.72); }
.galaxy-node.is-reserved .galaxy-orb { border-color: #ffd38a; box-shadow: 0 0 18px rgba(255,201,107,.65); }
.galaxy-node.status-occupied:not(.is-owned) .galaxy-orb { border-color: #a889ff; background: radial-gradient(circle at 32% 28%, #eee7ff, #7659bf 38%, #34245f 70%); }
.galaxy-node.status-ruins .galaxy-orb, .galaxy-node.status-archived .galaxy-orb { filter: grayscale(.8); opacity: .55; }
.galaxy-detail { display: grid; gap: .8rem; margin-top: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: 13px; background: rgba(3,12,21,.74); }
.galaxy-detail-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.galaxy-detail-heading h3, .galaxy-detail-heading p { margin: 0; }
.galaxy-detail-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; }
.galaxy-detail-stats > div { padding: .65rem; border: 1px solid var(--line); border-radius: 9px; background: rgba(2,9,15,.5); }
.galaxy-detail-stats span { display: block; color: var(--muted); font-size: .65rem; text-transform: uppercase; letter-spacing: .07em; }
.galaxy-detail-stats strong { display: block; margin-top: .25rem; }
.deposit-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.deposit-chip { padding: .35rem .58rem; border: 1px solid rgba(91,165,212,.32); border-radius: 999px; background: rgba(40,99,135,.12); font-size: .72rem; font-weight: 800; }
.deposit-chip.grade-weak { color: #aebdca; }
.deposit-chip.grade-normal { color: #93d9ff; }
.deposit-chip.grade-rich { color: #73efc8; border-color: rgba(70,230,194,.4); }
.deposit-chip.grade-exceptional { color: #ffd38a; border-color: rgba(255,201,107,.5); box-shadow: 0 0 10px rgba(255,201,107,.12); }
.galaxy-detail-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.planet-stats { grid-template-columns: repeat(auto-fit,minmax(120px,1fr)); }
@media (max-width: 800px) {
    .galaxy-summary-grid, .galaxy-detail-stats { grid-template-columns: 1fr; }
    .galaxy-map { height: 430px; }
    .galaxy-node { width: 72px; }
    .galaxy-node small { max-width: 70px; }
}

/* Hotfix 1.6.0.3 – klare Trennung von Gebäudeslots und Ausbau-Warteschlangen */
.capacity-guide-panel {
    border-color: rgba(70,230,194,.34);
    background: linear-gradient(145deg, rgba(70,230,194,.055), rgba(84,169,255,.035)), rgba(4,14,23,.88);
}
.capacity-guide-grid {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr);
    gap: 1rem;
    margin-top: 1rem;
}
.capacity-guide-card {
    display: grid;
    align-content: start;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(2,10,17,.58);
}
.capacity-guide-card p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.capacity-guide-heading { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.capacity-guide-heading span { color: var(--text); font-weight: 850; }
.capacity-guide-heading strong { color: var(--accent); font-size: .95rem; text-align: right; }
.building-slot-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(145px,1fr));
    gap: .55rem;
}
.planet-building-slot {
    display: grid;
    gap: .2rem;
    min-height: 82px;
    padding: .7rem;
    border: 1px dashed rgba(129,157,184,.28);
    border-radius: 10px;
    background: rgba(4,15,24,.46);
}
.planet-building-slot span { color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.planet-building-slot strong { font-size: .82rem; }
.planet-building-slot small { color: var(--muted); font-size: .65rem; line-height: 1.35; }
.planet-building-slot.is-occupied { border-style: solid; border-color: rgba(70,230,194,.34); background: rgba(70,230,194,.075); }
.planet-building-slot.is-occupied strong { color: var(--accent); }
.planet-building-slot.is-free strong { color: #91a7b8; }
.planet-building-slot.is-overflow { border-color: rgba(255,201,107,.48); background: rgba(255,201,107,.07); }
.capacity-rule-example {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: .55rem .8rem;
    padding: .85rem;
    border: 1px solid rgba(84,169,255,.22);
    border-radius: 10px;
    background: rgba(84,169,255,.045);
}
.capacity-rule-example span { color: var(--muted); font-size: .75rem; }
.capacity-rule-example strong { color: var(--text); font-size: .75rem; text-align: right; }
.capacity-help { margin-top: 1rem; border-top: 1px solid var(--line); padding-top: .8rem; }
.capacity-help summary { color: var(--accent); font-weight: 800; cursor: pointer; }
.capacity-help-content { display: grid; gap: .45rem; padding-top: .7rem; }
.capacity-help-content p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.55; }
.building-slot-hint {
    margin: .65rem 0 .15rem;
    padding: .55rem .65rem;
    border: 1px solid rgba(129,157,184,.24);
    border-radius: 8px;
    color: var(--muted);
    background: rgba(3,12,20,.5);
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.4;
}
.building-slot-hint.is-occupied { border-color: rgba(70,230,194,.26); color: #a9e9dc; }
.building-slot-hint.is-new { border-color: rgba(255,201,107,.3); color: #f0cf98; }
.capacity-effect {
    margin: .8rem 0 .55rem;
    padding-left: .65rem;
    border-left: 3px solid rgba(84,169,255,.5);
    color: var(--muted);
    font-size: .68rem;
    line-height: 1.45;
}
@media (max-width: 900px) {
    .capacity-guide-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .capacity-guide-heading { align-items: flex-start; flex-direction: column; }
    .capacity-guide-heading strong { text-align: left; }
    .building-slot-grid { grid-template-columns: 1fr 1fr; }
    .capacity-rule-example { grid-template-columns: 1fr; }
    .capacity-rule-example strong { text-align: left; margin-bottom: .25rem; }
}

/* Orion-Protokoll 1.6.0.4 */
.project-phase-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin: 1rem 0;
}
.project-phase-card {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(5,17,27,.55);
}
.project-phase-card .phase-number {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    border-radius: 999px;
    background: rgba(77,216,255,.12);
    border: 1px solid rgba(77,216,255,.35);
    color: var(--accent);
    font-weight: 800;
}
.project-phase-card div { min-width: 0; }
.project-phase-card strong,
.project-phase-card small { display: block; }
.project-phase-card small { margin-top: .2rem; color: var(--muted); }
.project-phase-card.phase-active { border-color: rgba(77,216,255,.65); box-shadow: 0 0 0 1px rgba(77,216,255,.12) inset; }
.project-phase-card.phase-completed { border-color: rgba(84,226,151,.5); background: rgba(36,105,76,.18); }
.project-phase-card.phase-completed .phase-number { color: #7cf0ac; border-color: rgba(84,226,151,.5); background: rgba(84,226,151,.12); }
.project-phase-card.phase-locked { opacity: .58; }
.project-personal-grid,
.gate-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin: .8rem 0;
}
.project-personal-grid article,
.gate-stat-grid article {
    padding: .8rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(5,17,27,.45);
}
.project-personal-grid span,
.gate-stat-grid span {
    display: block;
    margin-bottom: .35rem;
    color: var(--muted);
    font-size: .7rem;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.project-personal-grid strong,
.gate-stat-grid strong { display: block; font-size: 1rem; }
.gate-stat-grid small { display: block; margin-top: .3rem; color: var(--muted); }
.project-milestones {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    margin-top: 1rem;
}
.project-milestone {
    padding: .7rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: rgba(5,17,27,.45);
}
.project-milestone strong,
.project-milestone small,
.project-milestone span { display: block; }
.project-milestone small { margin: .25rem 0; color: var(--muted); }
.project-milestone span { font-size: .72rem; }
.project-milestone.is-reached { border-color: rgba(84,226,151,.5); background: rgba(36,105,76,.18); }
.sector-preview {
    margin-top: 1rem;
    padding: .85rem;
    border: 1px dashed rgba(142,122,255,.5);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(82,55,145,.2), rgba(5,17,27,.5));
}
.sector-preview strong { display: block; margin: .25rem 0; }
.sector-preview.is-unlocked { border-style: solid; border-color: rgba(84,226,151,.55); background: linear-gradient(135deg, rgba(36,105,76,.22), rgba(5,17,27,.5)); }
.gate-operation-panel { margin-top: 1rem; }
.gate-progress { height: 11px; margin: .8rem 0 1rem; }
.gate-fuels {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .65rem;
}
.gate-fuels article {
    padding: .8rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(5,17,27,.5);
}
.gate-fuels strong,
.gate-fuels span,
.gate-fuels small { display: block; }
.gate-fuels span { margin: .3rem 0; color: var(--accent); }
.gate-fuels small { color: var(--muted); }
.compact-heading { margin-top: 1.2rem; }
.compact-heading h3 { margin: .1rem 0 0; }
.gate-weekly {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .5rem;
}
.gate-weekly article {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .25rem .55rem;
    align-items: center;
    padding: .65rem;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: rgba(5,17,27,.42);
}
.gate-weekly article small { grid-column: 2; color: var(--muted); }

@media (max-width: 800px) {
    .project-phase-strip,
    .project-personal-grid,
    .gate-stat-grid,
    .project-milestones { grid-template-columns: 1fr; }
}


/* Version 1.6.0.5 – Bot-Verwaltung */
.admin-subnav { display:flex; gap:.65rem; flex-wrap:wrap; margin:0 0 1rem; }
.bot-disclosure { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.bot-disclosure p:last-child { max-width:74ch; }
.bot-admin-layout { align-items:start; }
.form-grid-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.checkbox-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }
.checkbox-grid label { display:flex; align-items:center; gap:.55rem; padding:.7rem .8rem; border:1px solid var(--line,rgba(255,255,255,.12)); border-radius:.7rem; background:rgba(255,255,255,.025); }
.checkbox-grid input { width:auto; }
.bot-table td:first-child strong, .bot-table td:first-child small { display:block; }
.bot-table td { vertical-align:top; }
.bot-dialog { width:min(760px,calc(100vw - 2rem)); max-height:90vh; overflow:auto; color:inherit; background:var(--panel,#101827); border:1px solid var(--line,rgba(255,255,255,.14)); border-radius:1rem; padding:1.25rem; }
.bot-dialog::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(4px); }
.bot-log-list { display:grid; gap:.65rem; max-height:760px; overflow:auto; padding-right:.2rem; }
.bot-log-item { border:1px solid var(--line,rgba(255,255,255,.12)); border-left-width:4px; border-radius:.75rem; padding:.8rem; background:rgba(255,255,255,.025); }
.bot-log-success { border-left-color:#4fd1a5; }
.bot-log-skipped { border-left-color:#e5b95c; }
.bot-log-error { border-left-color:#ef6b73; }
.bot-log-heading { display:flex; justify-content:space-between; gap:1rem; }
.bot-log-item p { margin:.35rem 0; }
.bot-status-online { background:rgba(79,209,165,.16); color:#8ff0d1; }
.bot-status-offline { background:rgba(89,157,255,.15); color:#9cc4ff; }
.bot-status-paused, .bot-status-archived { background:rgba(255,255,255,.08); }
.bot-status-error { background:rgba(239,107,115,.18); color:#ff9da4; }
@media (max-width:760px) {
  .form-grid-two, .checkbox-grid { grid-template-columns:1fr; }
  .bot-disclosure { align-items:flex-start; flex-direction:column; }
}

/* Hotfix 1.6.0.5.2 – Gesamtkarte mit geschützten Scandaten */
.galaxy-map-heading { align-items: flex-start; }
.galaxy-map-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: .55rem; }
.galaxy-map-legend { display: flex; flex-wrap: wrap; gap: .75rem 1.1rem; margin-top: .65rem; color: var(--muted); font-size: .72rem; }
.galaxy-map-legend span { display: inline-flex; align-items: center; gap: .35rem; }
.legend-orb { width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(184,215,255,.55); background: #5a7894; box-shadow: 0 0 8px rgba(78,157,220,.35); }
.legend-orb.own { background: #34b99c; border-color: var(--accent); }
.legend-orb.range { background: #4874a1; border-color: #8bd8ff; }
.legend-orb.unknown { background: #38414d; border-color: #6f7885; box-shadow: none; }
.galaxy-map.is-full-galaxy { height: 650px; }
.galaxy-map.is-full-galaxy .galaxy-node { width: 42px; padding: .12rem; }
.galaxy-map.is-full-galaxy .galaxy-node small { display: none; position: absolute; top: 25px; width: 130px; max-width: 130px; padding: .18rem .3rem; border-radius: 5px; background: rgba(0,5,10,.92); }
.galaxy-map.is-full-galaxy .galaxy-node:hover small,
.galaxy-map.is-full-galaxy .galaxy-node:focus-visible small,
.galaxy-map.is-full-galaxy .galaxy-node.is-selected small { display: block; }
.galaxy-orb.size-unknown { width: 10px; height: 10px; border-color: rgba(139,151,166,.6); background: radial-gradient(circle at 35% 30%, #7d8793, #39424d 48%, #171d24 76%); box-shadow: 0 0 7px rgba(145,157,171,.25); }
.galaxy-node.is-out-of-range:not(.is-owned) { opacity: .58; }
.galaxy-node.is-out-of-range:not(.is-owned) .galaxy-orb { filter: saturate(.2); }
.galaxy-node.is-in-range:not(.is-owned) .galaxy-orb { outline: 1px solid rgba(112,211,255,.34); outline-offset: 3px; }
.galaxy-node.is-selected .galaxy-orb { transform: scale(1.4); outline: 2px solid #fff2b4; outline-offset: 4px; box-shadow: 0 0 25px rgba(255,224,139,.75); }
.galaxy-range-notice { display: grid; gap: .2rem; padding: .75rem; border: 1px solid rgba(255,201,107,.28); border-radius: 9px; background: rgba(255,201,107,.07); }
.galaxy-range-notice strong { color: #ffd38a; }
.galaxy-range-notice span { color: var(--muted); font-size: .76rem; line-height: 1.45; }
@media (max-width: 800px) {
    .galaxy-map-controls { justify-content: flex-start; }
    .galaxy-map.is-full-galaxy { height: 520px; }
}

/* Version 1.6.0.6 – Galaxiekarte 2.0 */
.legend-orb.activity {
    background: #655a91;
    border-color: #aa96ff;
    box-shadow: 0 0 10px rgba(144, 115, 229, .58);
}
.galaxy-canvas-shell {
    position: relative;
    height: 610px;
    min-height: 430px;
    padding: 0;
    overflow: hidden;
    isolation: isolate;
    background: #020914;
    user-select: none;
}
.galaxy-canvas-shell.is-full-galaxy { height: 720px; }
.galaxy-canvas-shell::before,
.galaxy-canvas-shell::after { display: none; }
.galaxy-map-canvas {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    cursor: grab;
    touch-action: none;
}
.galaxy-map-canvas.is-dragging { cursor: grabbing !important; }
.galaxy-map-canvas:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(77, 234, 203, .75);
}
.galaxy-canvas-toolbar {
    position: absolute;
    z-index: 5;
    top: .75rem;
    left: .75rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    max-width: calc(100% - 1.5rem);
    padding: .45rem;
    border: 1px solid rgba(115, 168, 203, .25);
    border-radius: 11px;
    background: rgba(2, 11, 19, .86);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .28);
    backdrop-filter: blur(8px);
}
.galaxy-map-tool {
    min-width: 2.2rem;
    height: 2.15rem;
    padding: 0 .65rem;
    border: 1px solid rgba(112, 166, 199, .28);
    border-radius: 8px;
    background: rgba(16, 42, 59, .78);
    color: #dff5ff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}
.galaxy-map-tool:hover,
.galaxy-map-tool:focus-visible {
    border-color: rgba(79, 232, 202, .72);
    background: rgba(25, 73, 82, .88);
    outline: none;
}
.galaxy-map-tool.text-tool { font-size: .72rem; font-weight: 700; }
.galaxy-map-zoom-label {
    min-width: 3.7rem;
    color: #8df8e4;
    font-size: .72rem;
    font-variant-numeric: tabular-nums;
    text-align: center;
}
.galaxy-map-help {
    position: absolute;
    z-index: 4;
    right: .75rem;
    bottom: .65rem;
    padding: .35rem .55rem;
    border: 1px solid rgba(112, 166, 199, .18);
    border-radius: 8px;
    background: rgba(1, 8, 14, .75);
    color: rgba(191, 218, 233, .7);
    font-size: .66rem;
    pointer-events: none;
}
.galaxy-map-tooltip {
    position: absolute;
    z-index: 8;
    max-width: 220px;
    padding: .42rem .58rem;
    border: 1px solid rgba(143, 190, 220, .3);
    border-radius: 8px;
    background: rgba(1, 8, 14, .94);
    color: #e6f4fb;
    font-size: .72rem;
    line-height: 1.35;
    pointer-events: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .4);
}
.galaxy-map-tooltip[hidden] { display: none; }
@media (max-width: 800px) {
    .galaxy-canvas-shell,
    .galaxy-canvas-shell.is-full-galaxy { height: 540px; }
    .galaxy-canvas-toolbar { right: .55rem; left: .55rem; top: .55rem; max-width: none; }
    .galaxy-map-tool.text-tool { font-size: .66rem; padding-inline: .48rem; }
    .galaxy-map-help { display: none; }
}

/* Market 2.0 */
.market-mode-tabs {
    display: flex;
    gap: .55rem;
    margin: 0 0 1rem;
    padding: .45rem;
    overflow-x: auto;
    border: 1px solid rgba(111, 224, 255, .16);
    border-radius: 16px;
    background: rgba(4, 14, 29, .72);
    position: sticky;
    top: calc(var(--game-nav-offset, 132px) + 4.6rem);
    z-index: 18;
    backdrop-filter: blur(14px);
}
.market-mode-button {
    border: 1px solid transparent;
    border-radius: 12px;
    padding: .72rem 1rem;
    color: var(--muted);
    background: transparent;
    white-space: nowrap;
    cursor: pointer;
}
.market-mode-button:hover,
.market-mode-button.is-active {
    color: var(--text);
    border-color: rgba(98, 222, 255, .34);
    background: linear-gradient(135deg, rgba(43, 180, 255, .17), rgba(84, 255, 210, .08));
}
.market-price-guide {
    display: grid;
    gap: .75rem;
    padding: .9rem;
    border: 1px solid rgba(98, 222, 255, .18);
    border-radius: 14px;
    background: rgba(4, 19, 37, .68);
}
.market-price-guide p { margin: .25rem 0 0; }
.market-suggestion-buttons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}
.market-suggestion {
    min-width: 0;
    padding: .7rem;
    border-radius: 12px;
    border: 1px solid rgba(98, 222, 255, .2);
    background: rgba(5, 25, 46, .82);
    color: var(--text);
    cursor: pointer;
    text-align: left;
}
.market-suggestion:hover { border-color: rgba(93, 245, 202, .6); transform: translateY(-1px); }
.market-suggestion strong,
.market-suggestion span { display: block; }
.market-suggestion span { margin-top: .2rem; color: var(--muted); font-size: .82rem; }
.market-suggestion.quick { border-color: rgba(93, 245, 202, .32); }
.market-suggestion.patient { border-color: rgba(190, 129, 255, .32); }
.market-pulse-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.market-demand {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .2rem .52rem;
    font-size: .72rem;
    line-height: 1.2;
    border: 1px solid rgba(137, 170, 205, .25);
    color: var(--muted);
    background: rgba(7, 24, 44, .72);
}
.market-demand.demand { color: #8fffd8; border-color: rgba(91, 249, 198, .4); }
.market-demand.supply { color: #ffcf88; border-color: rgba(255, 190, 94, .4); }
.market-demand.balanced { color: #83ddff; border-color: rgba(76, 205, 255, .45); }
.market-depth-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.market-depth-grid h3 { margin: .1rem 0 .65rem; font-size: .95rem; }
.market-stat-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}
.market-stat-card {
    min-width: 0;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(98, 222, 255, .16);
    background: linear-gradient(145deg, rgba(7, 27, 49, .88), rgba(3, 14, 30, .86));
}
.market-stat-card > span { display: block; color: var(--muted); font-size: .8rem; }
.market-stat-card > strong { display: block; margin-top: .35rem; font-size: 1.22rem; overflow-wrap: anywhere; }
.market-stat-card > small { display: block; margin-top: .3rem; color: var(--muted); line-height: 1.35; }
.market-share-list { display: grid; gap: .8rem; }
.market-share-row {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(120px, 2fr) auto;
    align-items: center;
    gap: .7rem;
}
.market-share-meter {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(92, 127, 161, .16);
}
.market-share-meter i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #4dc9ff, #62f5c5);
}
.market-health-summary { display: grid; gap: .7rem; }
.market-personal-explanation p:last-child { max-width: 76ch; color: var(--muted); line-height: 1.65; }

@media (max-width: 980px) {
    .market-stat-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .market-suggestion-buttons,
    .market-depth-grid,
    .market-stat-card-grid { grid-template-columns: 1fr; }
    .market-share-row { grid-template-columns: 1fr auto; }
    .market-share-meter { grid-column: 1 / -1; }
    .market-mode-tabs { top: calc(var(--game-nav-offset, 112px) + 4rem); }
}

/* Hotfix 1.6.0.8.4: responsive Market-Pulse cards */
.market-pulse-panel .market-summary {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    align-items: stretch;
}
.market-pulse-card {
    min-width: 0;
    height: 100%;
    overflow: hidden;
}
.market-pulse-header {
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: .65rem;
    row-gap: .45rem;
}
.market-pulse-header > strong {
    flex: 1 1 8.5rem;
    min-width: 0;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.market-pulse-header > .market-demand {
    flex: 0 1 auto;
    max-width: 100%;
    margin: 0 0 0 auto;
    white-space: normal;
    text-align: center;
    overflow-wrap: anywhere;
}
.market-pulse-card > .market-pulse-header + span {
    margin-top: .7rem;
}
.market-pulse-card > span {
    max-width: 100%;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
@media (max-width: 460px) {
    .market-pulse-panel .market-summary {
        grid-template-columns: 1fr;
    }
    .market-pulse-header > .market-demand {
        margin-left: 0;
    }
}

/* Version 1.6.0.10: Galaktische Handelsbehörde und Orderlaufzeiten */
.market-maker-panel {
    display: grid;
    grid-template-columns: minmax(190px, .8fr) minmax(240px, 1.4fr);
    align-items: center;
    gap: .8rem 1.2rem;
    margin: .8rem 0 1rem;
    padding: .85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(137, 170, 205, .2);
    background: rgba(5, 18, 35, .72);
}
.market-maker-panel.is-active {
    border-color: rgba(98, 245, 197, .35);
    box-shadow: inset 0 0 24px rgba(63, 222, 187, .05);
}
.market-maker-panel p { margin: 0; }
.market-maker-panel strong { display: block; margin-top: .16rem; overflow-wrap: anywhere; }
.market-source-badge {
    display: inline-flex;
    align-items: center;
    padding: .12rem .38rem;
    border-radius: 999px;
    border: 1px solid rgba(98, 245, 197, .42);
    color: #8fffd8;
    background: rgba(29, 104, 91, .2);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .05em;
    white-space: nowrap;
}
tr.is-system-order td {
    background: rgba(38, 126, 110, .055);
}
.market-system-support {
    margin-top: .28rem;
    padding-top: .42rem;
    border-top: 1px solid rgba(137, 170, 205, .13);
    color: var(--muted);
    font-size: .75rem;
}
.market-system-support.is-active { color: #8fffd8; }

@media (max-width: 760px) {
    .market-maker-panel { grid-template-columns: 1fr; }
}

/* Version 1.6.0.11: Exchange Orderbook und serverseitige Sofortorder-Quotes */
.market-quote-panel {
    display: grid;
    gap: .9rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(98, 245, 197, .32);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(7, 36, 48, .92), rgba(4, 18, 35, .94));
    box-shadow: inset 0 0 30px rgba(51, 214, 181, .04);
}
.market-quote-panel[hidden] { display: none; }
.market-quote-panel .section-heading { margin-bottom: 0; }
.market-quote-panel h3 { margin: .15rem 0 0; }
.market-quote-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}
.market-quote-metrics .market-stat-card { padding: .72rem .8rem; }
.market-quote-metrics .market-stat-card > strong { font-size: 1rem; }
.market-quote-fills {
    display: grid;
    gap: .35rem;
    margin-top: .55rem;
    max-height: 12rem;
    overflow: auto;
}
.market-quote-fill {
    padding: .48rem .6rem;
    border-radius: 9px;
    border: 1px solid rgba(111, 224, 255, .14);
    background: rgba(3, 14, 28, .72);
    color: var(--muted);
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
}
.market-depth-grid td,
.market-depth-grid th { font-variant-numeric: tabular-nums; }
.market-depth-grid tbody tr:first-child td { color: var(--text); font-weight: 700; }
#market-quote-countdown { min-width: 4.8rem; text-align: center; }

@media (max-width: 560px) {
    .market-quote-metrics { grid-template-columns: 1fr; }
}

/* Version 1.6.0.12: kompakte, intuitive Market UX */
.market-command-panel { margin-bottom: 1rem; }
.market-command-heading { margin-bottom: .85rem; }
.market-resource-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .55rem;
}
.market-resource-tab {
    min-width: 0;
    padding: .72rem .78rem;
    border: 1px solid rgba(111, 224, 255, .16);
    border-radius: 12px;
    background: rgba(4, 17, 33, .72);
    color: var(--muted);
    cursor: pointer;
    text-align: left;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.market-resource-tab:hover { border-color: rgba(98, 222, 255, .42); transform: translateY(-1px); }
.market-resource-tab.is-active {
    color: var(--text);
    border-color: rgba(98, 245, 197, .5);
    background: linear-gradient(145deg, rgba(31, 142, 151, .22), rgba(6, 32, 49, .9));
    box-shadow: inset 0 0 20px rgba(83, 232, 207, .06);
}
.market-resource-tab strong,
.market-resource-tab span { display: block; min-width: 0; overflow-wrap: anywhere; }
.market-resource-tab strong { font-size: .9rem; }
.market-resource-tab span { margin-top: .2rem; font-size: .75rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.market-selected-strip {
    display: grid;
    grid-template-columns: minmax(130px, 1.25fr) repeat(5, minmax(90px, 1fr)) auto;
    align-items: center;
    gap: .65rem;
    margin-top: .75rem;
    padding: .72rem .8rem;
    border: 1px solid rgba(111, 224, 255, .14);
    border-radius: 12px;
    background: rgba(2, 12, 25, .58);
}
.market-selected-strip > div { min-width: 0; }
.market-selected-strip > div > span { display: block; color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.market-selected-strip > div > strong { display: block; margin-top: .18rem; font-size: .86rem; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.market-selected-name > strong { font-size: 1rem !important; }
.market-selected-strip > .market-demand { justify-self: end; max-width: 150px; white-space: normal; text-align: center; }

.market-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}
.market-ticket {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1rem;
    overflow: hidden;
}
.market-ticket-buy { border-color: rgba(83, 231, 202, .25); }
.market-ticket-sell { border-color: rgba(189, 133, 255, .25); }
.market-ticket-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .8rem;
}
.market-ticket-heading h2 { margin: .12rem 0 0; font-size: 1.18rem; }
.market-ticket-mode {
    display: inline-flex;
    flex: 0 0 auto;
    padding: .2rem;
    border: 1px solid rgba(111, 224, 255, .15);
    border-radius: 10px;
    background: rgba(2, 11, 23, .7);
}
.market-ticket-mode button {
    border: 0;
    border-radius: 8px;
    padding: .42rem .68rem;
    color: var(--muted);
    background: transparent;
    cursor: pointer;
    font-weight: 700;
}
.market-ticket-mode button.is-active { color: var(--text); background: rgba(67, 195, 222, .2); }
.market-ticket-sell .market-ticket-mode button.is-active { background: rgba(157, 91, 221, .22); }
.market-quantity-field { display: grid; gap: .35rem; color: var(--muted); font-size: .78rem; }
.market-quantity-field input {
    width: 100%;
    min-height: 3.15rem;
    padding: .6rem .75rem;
    border-radius: 12px;
    font-size: 1.35rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.market-quick-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .4rem;
    margin-top: .5rem;
}
.market-quick-row button,
.market-mini-suggestion {
    min-width: 0;
    border: 1px solid rgba(111, 224, 255, .14);
    border-radius: 9px;
    padding: .42rem .45rem;
    background: rgba(4, 18, 35, .72);
    color: var(--muted);
    cursor: pointer;
    font-size: .75rem;
}
.market-quick-row button:hover,
.market-mini-suggestion:hover { color: var(--text); border-color: rgba(98, 222, 255, .42); }
.market-limit-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, .62fr);
    gap: .6rem;
    margin-top: .7rem;
    padding: .7rem;
    border-radius: 12px;
    border: 1px solid rgba(111, 224, 255, .14);
    background: rgba(3, 14, 28, .55);
}
.market-limit-fields[hidden] { display: none; }
.market-limit-fields label { display: grid; gap: .3rem; color: var(--muted); font-size: .75rem; }
.market-compact-suggestions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .4rem; }
.market-mini-suggestion { flex: 1 1 7.2rem; }
.market-advanced { margin-top: .55rem; color: var(--muted); font-size: .75rem; }
.market-advanced[hidden] { display: none; }
.market-advanced summary { width: max-content; cursor: pointer; user-select: none; }
.market-advanced label { display: grid; gap: .3rem; margin-top: .5rem; max-width: 240px; }
.market-ticket-preview {
    display: grid;
    gap: .65rem;
    margin-top: .75rem;
    padding: .82rem;
    border-radius: 13px;
    border: 1px solid rgba(111, 224, 255, .14);
    background: linear-gradient(145deg, rgba(5, 28, 43, .78), rgba(3, 14, 28, .86));
}
.market-ticket-primary { display: flex; align-items: baseline; justify-content: space-between; gap: .8rem; }
.market-ticket-primary span { color: var(--muted); font-size: .76rem; }
.market-ticket-primary strong { text-align: right; font-size: 1.12rem; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.market-ticket-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.market-ticket-facts span { min-width: 0; color: var(--muted); font-size: .68rem; }
.market-ticket-facts strong { display: block; margin-top: .16rem; color: var(--text); font-size: .78rem; overflow-wrap: anywhere; }
.market-ticket-note { min-height: 1.25em; margin: 0; color: var(--muted); font-size: .73rem; line-height: 1.35; }
.market-quote-levels { color: var(--muted); font-size: .73rem; }
.market-quote-levels summary { cursor: pointer; }
.market-quote-levels > div { display: grid; gap: .3rem; margin-top: .45rem; max-height: 8rem; overflow: auto; }
.market-action-button { width: 100%; min-height: 2.85rem; margin-top: .75rem; font-size: .9rem; font-weight: 850; }
.market-ticket-sell .market-action-button {
    border-color: rgba(190, 129, 255, .48);
    background: linear-gradient(135deg, rgba(124, 72, 186, .7), rgba(67, 46, 128, .85));
}

.market-orderbook-panel { margin-bottom: 1rem; }
.market-orderbook-heading { margin-bottom: .65rem; }
.market-depth-compact { gap: .8rem; }
.market-depth-side {
    min-width: 0;
    padding: .65rem;
    border-radius: 12px;
    border: 1px solid rgba(111, 224, 255, .12);
    background: rgba(2, 12, 25, .54);
}
.market-depth-side h3 { margin: 0 0 .45rem; }
.market-depth-side .table-wrap { max-height: 13rem; overflow: auto; }
.market-depth-side table { margin: 0; }
.market-depth-side th,
.market-depth-side td { padding: .48rem .55rem; }
.market-depth-row { cursor: pointer; }
.market-depth-row:hover td,
.market-depth-row:focus td { background: rgba(70, 187, 210, .12); color: var(--text); }
.market-depth-buy-side tbody tr:first-child td { color: #8fffd8; }
.market-depth-sell-side tbody tr:first-child td { color: #d7b1ff; }
.market-orderbook-tip { margin: .55rem 0 0; }
.market-full-book { margin-top: .65rem; }
.market-full-book summary { cursor: pointer; color: var(--muted); font-size: .78rem; }
.market-full-book .table-wrap { margin-top: .6rem; max-height: 19rem; overflow: auto; }

.market-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
    gap: 1rem;
}
.market-recent-list { display: grid; gap: .35rem; }
.market-recent-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .5rem .6rem;
    border-radius: 9px;
    border: 1px solid rgba(111, 224, 255, .1);
    background: rgba(3, 14, 28, .54);
}
.market-recent-item > div { display: flex; gap: .55rem; align-items: baseline; min-width: 0; }
.market-recent-item strong { font-variant-numeric: tabular-nums; }
.market-recent-item span,
.market-recent-item small { color: var(--muted); font-size: .75rem; overflow-wrap: anywhere; }
.market-maker-compact { display: flex; flex-direction: column; justify-content: center; gap: .35rem; }
.market-maker-compact.is-active { border-color: rgba(98, 245, 197, .34); }
.market-maker-compact p { margin: 0; }
.market-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    margin-left: .35rem;
    padding: 0 .3rem;
    border-radius: 999px;
    background: rgba(98, 222, 255, .15);
    font-size: .68rem;
}

@media (max-width: 1050px) {
    .market-selected-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .market-selected-strip > .market-demand { justify-self: start; }
}
@media (max-width: 860px) {
    .market-resource-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .market-action-grid,
    .market-bottom-grid { grid-template-columns: 1fr; }
    .market-depth-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .market-mode-tabs { position: static; }
    .market-resource-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .market-selected-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .market-selected-strip > .market-demand { grid-column: 1 / -1; }
    .market-ticket-heading { align-items: stretch; flex-direction: column; }
    .market-ticket-mode { align-self: stretch; }
    .market-ticket-mode button { flex: 1; }
    .market-limit-fields,
    .market-depth-grid { grid-template-columns: 1fr; }
    .market-ticket-facts { grid-template-columns: 1fr; }
    .market-ticket-primary { align-items: flex-start; flex-direction: column; }
    .market-ticket-primary strong { text-align: left; }
    .market-recent-item { align-items: flex-start; flex-direction: column; }
}

/* Hotfix 1.6.0.12.1: readable admin statistic cards */
.admin-stats {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: stretch;
}
.admin-stats .resource-card {
    display: flex;
    min-width: 0;
    min-height: 7.35rem;
    flex-direction: column;
    align-items: flex-start;
}
.admin-stats .resource-card > span {
    width: 100%;
    min-height: 2.7em;
    line-height: 1.35;
    letter-spacing: .08em;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
    text-wrap: balance;
}
.admin-stats .resource-card > strong {
    max-width: 100%;
    margin-top: auto;
    padding-top: .7rem;
    font-size: clamp(1.45rem, 2vw, 2rem);
    overflow-wrap: anywhere;
}

@media (max-width: 1250px) {
    .admin-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
    .admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 460px) {
    .admin-stats { grid-template-columns: 1fr; }
}

/* Version 1.6.0.13: Marktverwaltung, Orderdetails und Charts */
.compact-button {
    min-height: 2rem;
    padding: .38rem .7rem;
    border-radius: 8px;
    font-size: .78rem;
    white-space: nowrap;
}
.market-analytics-panel { overflow: hidden; }
.market-analytics-heading { align-items: center; }
.market-period-tabs {
    display: inline-flex;
    gap: .25rem;
    padding: .25rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(4, 15, 24, .55);
}
.market-period-tabs button {
    min-height: 2.2rem;
    padding: .4rem .75rem;
    border: 0;
    border-radius: 8px;
    color: var(--muted);
    background: transparent;
    cursor: pointer;
}
.market-period-tabs button.is-active {
    color: #03130f;
    background: var(--accent);
    font-weight: 800;
}
.market-analytics-summary { margin: 1rem 0; }
.market-chart-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.market-chart-card {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(4, 15, 24, .52);
}
.market-chart-card > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    margin-bottom: .5rem;
}
.market-chart-card > div:first-child span {
    color: var(--muted);
    font-size: .76rem;
}
.market-chart-card canvas {
    display: block;
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(84, 169, 255, .035), rgba(70, 230, 194, .015));
}
.market-order-dialog {
    width: min(980px, calc(100% - 2rem));
    max-height: calc(100vh - 2rem);
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 18px;
    color: var(--text);
    background: #0b1c29;
    box-shadow: 0 30px 100px rgba(0,0,0,.62);
}
.market-order-dialog::backdrop {
    background: rgba(2, 8, 13, .78);
    backdrop-filter: blur(5px);
}
.market-order-dialog-shell {
    display: grid;
    gap: 1rem;
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.25rem;
}
.market-order-dialog-shell > header {
    position: sticky;
    top: -1.25rem;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    margin: -1.25rem -1.25rem 0;
    padding: 1.25rem;
    border-bottom: 1px solid var(--line);
    background: rgba(11, 28, 41, .96);
    backdrop-filter: blur(12px);
}
.market-dialog-close {
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--text);
    background: rgba(76,135,168,.12);
    font-size: 1.35rem;
    cursor: pointer;
}
.market-order-detail-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}
.market-order-management {
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(4, 15, 24, .55);
}
.market-order-management > div:first-child {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}
.market-order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .8rem;
}
.compact-heading { margin-bottom: .5rem; }
.market-order-dialog table td:nth-child(5) { max-width: 240px; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 980px) {
    .market-chart-grid { grid-template-columns: 1fr; }
    .market-order-detail-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .market-analytics-heading { align-items: stretch; flex-direction: column; }
    .market-period-tabs { width: 100%; }
    .market-period-tabs button { flex: 1; }
    .market-order-detail-summary { grid-template-columns: 1fr; }
    .market-order-management > div:first-child { grid-template-columns: 1fr; }
    .market-order-actions .button { flex: 1 1 calc(50% - .55rem); }
    .market-order-dialog { width: calc(100% - .6rem); max-height: calc(100vh - .6rem); }
    .market-order-dialog-shell { max-height: calc(100vh - .6rem); padding: .9rem; }
    .market-order-dialog-shell > header { top: -.9rem; margin: -.9rem -.9rem 0; padding: .9rem; }
}

/* Version 1.6.0.14: Galaktisches Observatorium */
.observatory-panel {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 8%, rgba(108, 108, 255, .14), transparent 28rem),
        radial-gradient(circle at 10% 100%, rgba(57, 225, 190, .09), transparent 24rem),
        var(--panel);
}
.observatory-panel::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image:
        radial-gradient(circle, rgba(197, 229, 255, .7) 0 1px, transparent 1.2px),
        radial-gradient(circle, rgba(128, 255, 226, .45) 0 1px, transparent 1.2px);
    background-position: 0 0, 27px 19px;
    background-size: 53px 53px, 79px 79px;
    mask-image: linear-gradient(90deg, transparent 25%, #000 100%);
}
.observatory-panel > * { position: relative; z-index: 1; }
.observatory-heading { align-items: flex-start; }
.observatory-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}
.observatory-grid article {
    display: flex;
    min-width: 0;
    min-height: 7.4rem;
    flex-direction: column;
    gap: .35rem;
    padding: .9rem;
    border: 1px solid rgba(126, 178, 255, .18);
    border-radius: 14px;
    background: rgba(4, 16, 31, .67);
}
.observatory-grid span {
    color: var(--muted);
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.observatory-grid strong {
    margin-top: auto;
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    font-variant-numeric: tabular-nums;
}
.observatory-grid small { color: var(--muted); line-height: 1.35; }
.observatory-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
    gap: .85rem;
}
.observatory-event,
.observatory-rules {
    padding: 1rem;
    border: 1px solid rgba(126, 178, 255, .2);
    border-radius: 15px;
    background: rgba(3, 13, 27, .76);
}
.observatory-event.is-active {
    border-color: rgba(98, 245, 197, .32);
    box-shadow: inset 0 0 32px rgba(56, 222, 190, .045);
}
.observatory-event-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
}
.observatory-event h3,
.observatory-rules h3 { margin: .25rem 0 .45rem; }
.observatory-detail-list,
.observatory-rules ul {
    display: grid;
    gap: .45rem;
    margin: .75rem 0 0;
    padding-left: 1.1rem;
    color: var(--muted);
    font-size: .86rem;
}
.observatory-detail-list li::marker,
.observatory-rules li::marker { color: var(--accent); }
.kind-utility {
    border-color: rgba(137, 129, 255, .3);
    background:
        linear-gradient(145deg, rgba(83, 71, 184, .09), transparent 55%),
        rgba(7, 20, 32, .88);
}
.kind-utility .level { color: #c8c2ff; }
.building-slot-hint.has-requirement {
    border-color: rgba(255, 195, 99, .25);
    color: #f7cf8a;
    background: rgba(112, 72, 13, .16);
}
.building-next-effect {
    padding: .55rem .65rem;
    border-left: 2px solid rgba(137, 129, 255, .55);
    background: rgba(91, 78, 181, .08);
}
.setting-card-section {
    grid-column: 1 / -1;
    min-height: auto;
    border-color: rgba(137, 129, 255, .3);
    background: linear-gradient(90deg, rgba(91, 78, 181, .13), rgba(4, 15, 24, .52));
}
.setting-card-section p { margin: 0; }

@media (max-width: 1100px) {
    .observatory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
    .observatory-content-grid { grid-template-columns: 1fr; }
    .observatory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .observatory-grid { grid-template-columns: 1fr; }
    .observatory-grid article { min-height: 6.3rem; }
    .observatory-event-header { flex-direction: column; }
}

/* Version 1.6.0.19: gebündelte Entwicklungs-Testsettings */
.test-settings-warning {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-color: rgba(255, 195, 99, .35);
    background: linear-gradient(120deg, rgba(112, 72, 13, .2), rgba(4, 15, 24, .86));
}
.test-settings-warning h2 { margin: .2rem 0 .45rem; }
.test-settings-warning p { max-width: 78ch; }
.test-settings-warning .actions { flex: 0 0 auto; justify-content: flex-end; }
@media (max-width: 800px) {
    .test-settings-warning { align-items: stretch; flex-direction: column; }
    .test-settings-warning .actions { justify-content: stretch; }
    .test-settings-warning .actions .button { flex: 1; }
}

/* 1.6.0.21 – Liefermissionen */
.delivery-missions-panel { margin-bottom: 1rem; }
.delivery-offer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
.delivery-offer-card, .delivery-active-card, .delivery-history-item { display: flex; flex-direction: column; gap: .6rem; padding: 1rem; border: 1px solid var(--line); border-radius: 13px; background: rgba(5,17,27,.55); }
.delivery-offer-card header, .delivery-active-card header { display: flex; justify-content: space-between; gap: .75rem; align-items: flex-start; }
.delivery-offer-card h3, .delivery-active-card h3 { margin: 0; }
.delivery-requirements { display: flex; flex-wrap: wrap; gap: .35rem; }
.delivery-requirements span { padding: .25rem .45rem; border: 1px solid var(--line); border-radius: 999px; font-size: .82rem; }
.delivery-quote-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .45rem; }
.delivery-quote-grid article { padding: .55rem; border-radius: 9px; background: rgba(255,255,255,.035); }
.delivery-quote-grid span { display: block; color: var(--muted); font-size: .75rem; }
.delivery-quote-grid strong { display: block; margin-top: .15rem; }
.delivery-missing { color: var(--warning); font-size: .85rem; }
.delivery-ready { color: var(--accent); font-size: .85rem; }
.delivery-active-list { display: grid; gap: .65rem; margin-bottom: 1rem; }
.delivery-active-card { border-color: rgba(70,230,194,.35); }
.delivery-current-cargo { display: grid; gap: .5rem; padding: .7rem .8rem; border: 1px solid rgba(70,230,194,.3); border-radius: 11px; background: rgba(70,230,194,.055); }
.delivery-current-cargo.phase-returning { border-color: rgba(125,167,190,.28); background: rgba(125,167,190,.045); }
.delivery-current-cargo-header { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; }
.delivery-current-cargo-items { display: flex; flex-wrap: wrap; gap: .4rem; }
.delivery-current-cargo-items span { padding: .3rem .5rem; border: 1px solid rgba(70,230,194,.28); border-radius: 999px; background: rgba(5,17,27,.45); font-size: .84rem; font-weight: 650; }
.delivery-current-cargo-items p { margin: 0; }
@media (max-width: 620px) { .delivery-current-cargo-header { align-items: flex-start; flex-direction: column; gap: .2rem; } }
.delivery-history-details { margin-top: 1rem; }
.delivery-history-list { display: grid; gap: .55rem; margin-top: .75rem; }
.delivery-history-item { padding: .75rem; opacity: .8; }
.delivery-history-item.completed { border-color: rgba(70,230,194,.25); }
.delivery-history-item.expired { opacity: .55; }
.subsection-title { margin: .4rem 0 .8rem; }
@media (max-width: 1000px) { .delivery-offer-grid { grid-template-columns: 1fr; } }

/* Version 1.6.1.2 – Frachter und interne Logistik */
.game-nav-eight { grid-template-columns: repeat(8, minmax(112px, 1fr)); }
.logistics-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.logistics-summary { margin-top: .8rem; }
.logistics-form { display: grid; gap: .75rem; }
.logistics-form label { display: grid; gap: .3rem; }
.logistics-cargo-fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding: .8rem; border: 1px solid var(--line); border-radius: 12px; }
.logistics-cargo-fieldset legend { padding: 0 .35rem; color: var(--muted); font-size: .82rem; }
.logistics-quote { min-height: 2.7rem; padding: .65rem .75rem; border: 1px dashed var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.logistics-fleet-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.logistics-freighter-card { display: flex; flex-direction: column; gap: .65rem; padding: 1rem; border: 1px solid var(--line); border-radius: 13px; background: rgba(5,17,27,.58); }
.logistics-freighter-card.status-docked { border-color: rgba(70,230,194,.32); }
.logistics-freighter-card.status-needs_repair, .logistics-freighter-card.status-waiting_unload { border-color: rgba(255,195,99,.42); }
.logistics-freighter-card.status-in_transit { border-color: rgba(84,169,255,.42); }
.logistics-integrity { display: grid; grid-template-columns: 1fr auto; gap: .35rem .75rem; align-items: center; }
.logistics-integrity .progress-track { grid-column: 1 / -1; }
.logistics-active-list { display: grid; gap: .7rem; }
.error-text { color: var(--danger, #ff8b8b) !important; }
@media (max-width: 1200px) {
    .game-nav-eight { grid-template-columns: repeat(8, minmax(108px, 1fr)); overflow-x: auto; }
    .logistics-fleet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 850px) {
    .logistics-layout, .logistics-fleet-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .logistics-cargo-fieldset { grid-template-columns: 1fr; }
}

/* 1.6.1.3 – sequentieller Bot-Durchlauf */
.bot-run-actions { justify-content:flex-end; flex-wrap:wrap; }
.bot-run-dialog { width:min(980px,calc(100vw - 1.5rem)); }
.bot-run-dialog-heading { align-items:center; }
.bot-run-progress-block { display:grid; gap:.55rem; margin:1rem 0; }
.bot-run-progress-label { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; }
.bot-run-progress { width:100%; height:1rem; accent-color:var(--accent,#63d2ff); }
.bot-run-transcript { display:grid; gap:.8rem; min-height:220px; max-height:min(58vh,680px); overflow:auto; padding:.75rem; border:1px solid var(--line,rgba(255,255,255,.12)); border-radius:.85rem; background:rgba(0,0,0,.18); scroll-behavior:smooth; }
.bot-run-message,.bot-run-report { border:1px solid var(--line,rgba(255,255,255,.12)); border-left-width:4px; border-radius:.8rem; padding:.85rem; background:rgba(255,255,255,.025); }
.bot-run-message p { margin:.35rem 0 0; }
.bot-run-message-info { border-left-color:#6fb9ea; }
.bot-run-message-success,.bot-run-report-success { border-left-color:#4fd1a5; }
.bot-run-message-warning,.bot-run-report-error { border-left-color:#ef6b73; }
.bot-run-line { display:grid; grid-template-columns:5.5rem minmax(0,1fr); gap:.75rem; padding:.55rem 0; border-top:1px solid rgba(255,255,255,.08); }
.bot-run-line:first-of-type { margin-top:.65rem; }
.bot-run-line time { color:var(--muted,#94a3b8); font-variant-numeric:tabular-nums; }
.bot-run-line small { display:block; margin-top:.2rem; color:var(--muted,#94a3b8); overflow-wrap:anywhere; }
.bot-run-line-skipped { opacity:.78; }
.bot-run-line-error { color:#ffb6bb; }
.bot-run-dialog-actions { justify-content:flex-end; margin-top:1rem; }
@media (max-width:700px) {
    .bot-run-actions { justify-content:stretch; }
    .bot-run-actions .button { flex:1 1 100%; }
    .bot-run-progress-label { align-items:flex-start; flex-direction:column; gap:.2rem; }
    .bot-run-line { grid-template-columns:1fr; gap:.2rem; }
}

/* Version 1.6.1.4 – Bot-Ressourcenübersicht */
.bot-resource-summary-panel { margin-bottom:1rem; }
.bot-resource-summary-panel .section-heading { align-items:flex-end; }
.bot-resource-summary-panel .section-heading > p { max-width:58ch; text-align:right; }
.bot-resource-stock-cell { min-width:280px; }
.bot-resource-stock { display:grid; grid-template-columns:repeat(2,minmax(112px,1fr)); gap:.35rem; }
.bot-resource-stock > span { display:flex; align-items:center; justify-content:space-between; gap:.7rem; padding:.38rem .5rem; border:1px solid var(--line,rgba(255,255,255,.12)); border-radius:.55rem; background:rgba(255,255,255,.025); }
.bot-resource-stock small { color:var(--muted); }
.bot-resource-stock strong { font-size:.84rem; white-space:nowrap; }
@media (max-width:760px) {
  .bot-resource-summary-panel .section-heading { align-items:flex-start; }
  .bot-resource-summary-panel .section-heading > p { text-align:left; }
  .bot-resource-stock { grid-template-columns:1fr; }
}

/* 1.6.1.6 – Bot-Mehrfachauswahl und Sammelaktionen */
.bot-bulk-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin:.9rem 0; padding:.8rem; border:1px solid var(--line,rgba(255,255,255,.12)); border-radius:.8rem; background:rgba(255,255,255,.025); }
.bot-select-column { width:4.4rem; min-width:4.4rem; text-align:center; }
.bot-select-all { display:flex; align-items:center; justify-content:center; gap:.35rem; cursor:pointer; }
.bot-select-column input { width:1.15rem; height:1.15rem; accent-color:var(--accent,#63d2ff); cursor:pointer; }
.bot-table tr.bot-row-selected td { background:rgba(99,210,255,.07); }
.bot-delete-dialog { width:min(700px,calc(100vw - 2rem)); }
.danger-zone-copy { padding:1rem; border:1px solid rgba(239,107,115,.5); border-radius:.8rem; background:rgba(239,107,115,.08); }
.danger-zone-copy p { margin:.45rem 0 0; }
@media (max-width:720px) {
  .bot-bulk-toolbar { align-items:stretch; }
  .bot-bulk-toolbar > .admin-actions { width:100%; }
  .bot-bulk-toolbar .button { flex:1 1 100%; }
}
.bot-table td:nth-child(2) strong, .bot-table td:nth-child(2) small { display:block; }

/* Version 1.6.1.8: Ingame-Bestätigung für Sofortkäufe und -verkäufe */
.market-trade-dialog {
    width: min(620px, calc(100% - 2rem));
    max-height: calc(100vh - 2rem);
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 18px;
    color: var(--text);
    background: #0b1c29;
    box-shadow: 0 30px 100px rgba(0,0,0,.62);
}
.market-trade-dialog::backdrop {
    background: rgba(2, 8, 13, .8);
    backdrop-filter: blur(5px);
}
.market-trade-dialog-shell {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}
.market-trade-dialog-shell > header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid var(--line);
}
.market-trade-dialog-summary {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}
.market-trade-confirm-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}
.market-trade-confirm-grid > div {
    display: grid;
    gap: .25rem;
    min-width: 0;
    padding: .8rem .9rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(4, 15, 24, .55);
}
.market-trade-confirm-grid > div span {
    color: var(--muted);
    font-size: .76rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.market-trade-confirm-grid > div strong {
    overflow-wrap: anywhere;
    font-size: 1rem;
}
.market-trade-confirm-grid > div.is-emphasized {
    border-color: rgba(70, 230, 194, .42);
    background: rgba(70, 230, 194, .08);
}
.market-trade-confirm-grid > div.is-emphasized strong {
    color: var(--accent, #46e6c2);
    font-size: 1.12rem;
}
.market-trade-dialog-status {
    margin: 0;
    padding: .7rem .85rem;
    border: 1px solid rgba(84, 169, 255, .28);
    border-radius: 10px;
    color: var(--text);
    background: rgba(84, 169, 255, .08);
    font-size: .86rem;
}
.market-trade-dialog-status.is-expired {
    border-color: rgba(255, 116, 116, .42);
    color: #ffc0c0;
    background: rgba(255, 86, 86, .1);
}
.market-trade-dialog-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .65rem;
}
.market-trade-dialog-actions .button {
    min-width: 10rem;
}
@media (max-width: 640px) {
    .market-trade-dialog { width: calc(100% - .6rem); max-height: calc(100vh - .6rem); }
    .market-trade-dialog-shell { padding: .9rem; }
    .market-trade-confirm-grid { grid-template-columns: 1fr; }
    .market-trade-dialog-actions .button { flex: 1 1 100%; }
}

/* Version 1.6.1.9: Sichtbare aktuelle Frachterladung bei Liefermissionen */

/* Version 1.6.1.10 – Galaxiekommando und strategische Kartenebenen */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.button.ghost { background: transparent; color: var(--muted); }
.galaxy-command-center {
    padding: clamp(1rem, 2.2vw, 1.5rem);
    background:
        radial-gradient(circle at 72% 8%, rgba(84,169,255,.13), transparent 35%),
        radial-gradient(circle at 18% 24%, rgba(70,230,194,.08), transparent 28%),
        linear-gradient(145deg, rgba(9,25,42,.96), rgba(3,11,20,.96));
}
.galaxy-command-strip {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
    padding: .85rem;
    border: 1px solid rgba(111,187,224,.18);
    border-radius: 14px;
    background: rgba(2,10,18,.62);
}
.galaxy-search {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    gap: .55rem;
}
.galaxy-search .button.compact,
.galaxy-map-controls .button.compact,
.galaxy-inspector-actions .button.compact { width: auto; }
.galaxy-search input {
    min-height: 2.55rem;
    background: rgba(7,22,35,.92);
}
.galaxy-filter-row,
.galaxy-layer-row {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}
.galaxy-filter {
    min-height: 2.1rem;
    padding: .42rem .72rem;
    border: 1px solid rgba(116,175,211,.22);
    border-radius: 999px;
    background: rgba(15,39,57,.66);
    color: #b8cedb;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 750;
    transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
.galaxy-filter:hover,
.galaxy-filter:focus-visible { border-color: rgba(91,231,203,.68); color: #eafffa; outline: none; }
.galaxy-filter.is-active {
    color: #031612;
    border-color: var(--accent);
    background: linear-gradient(135deg, #62f2d2, #45cdb1);
    box-shadow: 0 0 20px rgba(70,230,194,.14);
}
.galaxy-layer-row {
    padding-top: .65rem;
    border-top: 1px solid rgba(111,187,224,.12);
}
.galaxy-layer-row label {
    display: inline-flex;
    grid-template-columns: none;
    align-items: center;
    gap: .42rem;
    padding: .28rem .48rem;
    color: #9eb7c7;
    font-size: .72rem;
    cursor: pointer;
}
.galaxy-layer-row input { width: auto; accent-color: var(--accent); }
.legend-orb.free { background: #50b979; border-color: #a8efbd; box-shadow: 0 0 8px rgba(80,185,121,.35); }
.legend-line {
    display: inline-block;
    width: 22px;
    height: 0;
    border-top: 2px dashed currentColor;
}
.legend-line.logistics { color: #39dcc2; }
.legend-line.mission { color: #ffb75c; }
.galaxy-map-statusline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin: .65rem 0;
}
.galaxy-map-statusline p { margin: 0; }
.galaxy-map-statusline strong {
    color: #ccebf7;
    font-size: .72rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.galaxy-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 370px);
    gap: .9rem;
    align-items: stretch;
}
.galaxy-map-column { min-width: 0; }
.galaxy-canvas-shell {
    height: 680px;
    border-color: rgba(99,184,226,.28);
    border-radius: 15px;
    box-shadow: inset 0 0 65px rgba(20,75,111,.12), 0 18px 50px rgba(0,0,0,.28);
}
.galaxy-canvas-shell.is-full-galaxy { height: 740px; }
.galaxy-map-readout {
    position: absolute;
    z-index: 5;
    left: .75rem;
    bottom: .7rem;
    display: flex;
    gap: .65rem;
    padding: .38rem .58rem;
    border: 1px solid rgba(112,166,199,.18);
    border-radius: 8px;
    background: rgba(1,8,14,.78);
    color: rgba(198,228,241,.76);
    font-size: .66rem;
    font-variant-numeric: tabular-nums;
    pointer-events: none;
    backdrop-filter: blur(7px);
}
.galaxy-map-help { bottom: 3rem; }
.galaxy-map-tooltip {
    white-space: pre-line;
    min-width: 170px;
    border-color: rgba(117,224,205,.35);
    background: rgba(2,10,18,.96);
}
.galaxy-inspector {
    position: sticky;
    top: calc(var(--game-nav-offset, 132px) + 5.2rem);
    align-self: start;
    max-height: min(740px, calc(100vh - 9rem));
    margin: 0;
    padding: .9rem;
    overflow: auto;
    border-color: rgba(114,186,224,.27);
    background:
        linear-gradient(165deg, rgba(12,34,51,.94), rgba(3,13,23,.96)),
        rgba(3,12,21,.9);
    box-shadow: inset 0 1px rgba(255,255,255,.025), 0 18px 45px rgba(0,0,0,.25);
    scrollbar-width: thin;
    scrollbar-color: rgba(91,197,182,.5) transparent;
}
.galaxy-inspector-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    color: var(--muted);
    font-size: .7rem;
    font-variant-numeric: tabular-nums;
}
.galaxy-inspector-navigation > div { display: flex; gap: .35rem; }
.galaxy-inspector-navigation .galaxy-map-tool { height: 1.9rem; min-width: 2rem; padding: 0 .45rem; }
.galaxy-inspector-hero {
    display: grid;
    grid-template-columns: 52px minmax(0,1fr) auto;
    gap: .7rem;
    align-items: center;
    padding: .8rem;
    border: 1px solid rgba(103,178,216,.18);
    border-radius: 12px;
    background: radial-gradient(circle at 12% 50%, rgba(74,146,185,.15), transparent 38%), rgba(2,11,19,.58);
}
.galaxy-inspector-hero h3 { margin: .12rem 0 .22rem; font-size: 1.12rem; }
.galaxy-inspector-hero p { margin: 0; line-height: 1.35; }
.galaxy-inspector-orb {
    position: relative;
    width: 42px;
    height: 42px;
    border: 2px solid #9cddff;
    border-radius: 50%;
    background: radial-gradient(circle at 32% 27%, #edfaff, #418db6 34%, #17394f 72%);
    box-shadow: 0 0 22px rgba(65,141,182,.38);
}
.galaxy-inspector-orb.size-tiny { width: 29px; height: 29px; margin: auto; }
.galaxy-inspector-orb.size-small { width: 35px; height: 35px; margin: auto; }
.galaxy-inspector-orb.size-large { width: 46px; height: 46px; }
.galaxy-inspector-orb.size-colossal { width: 50px; height: 50px; }
.galaxy-inspector-orb[data-home]::after {
    content: attr(data-home);
    position: absolute;
    top: -14px;
    left: 50%;
    color: #fff1a8;
    transform: translateX(-50%);
    font-size: .72rem;
}
.galaxy-inspector-hero.is-owned .galaxy-inspector-orb {
    border-color: #d9fff8;
    background: radial-gradient(circle at 32% 27%, #effffb, #45e7c4 34%, #0b5148 72%);
    box-shadow: 0 0 24px rgba(69,231,196,.48);
}
.galaxy-inspector-hero.status-free:not(.is-owned) .galaxy-inspector-orb {
    border-color: #a8efbd;
    background: radial-gradient(circle at 32% 27%, #edfff1, #50b979 34%, #173f2c 72%);
}
.galaxy-inspector-hero.status-occupied:not(.is-owned) .galaxy-inspector-orb {
    border-color: #d8cfff;
    background: radial-gradient(circle at 32% 27%, #f2ecff, #8367cf 34%, #302253 72%);
}
.galaxy-inspector-stats {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: .45rem;
}
.galaxy-inspector-stats > div { padding: .55rem; }
.galaxy-inspector-stats strong { font-size: .84rem; }
.galaxy-subheading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: .55rem;
    color: #d8eef8;
    font-size: .76rem;
}
.galaxy-subheading span { color: var(--muted); font-variant-numeric: tabular-nums; }
.galaxy-scan-progress,
.galaxy-resource-section,
.galaxy-operations {
    padding: .72rem;
    border: 1px solid rgba(103,178,216,.15);
    border-radius: 11px;
    background: rgba(2,11,19,.48);
}
.galaxy-scan-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: .35rem;
}
.galaxy-scan-steps > div {
    display: grid;
    justify-items: center;
    gap: .28rem;
    padding: .45rem .2rem;
    color: #718b9b;
    font-size: .64rem;
    text-align: center;
}
.galaxy-scan-steps i {
    display: grid;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    border: 1px solid rgba(116,175,211,.24);
    border-radius: 50%;
    background: rgba(20,44,61,.72);
    color: #8ca7b8;
    font-style: normal;
    font-weight: 800;
}
.galaxy-scan-steps .is-complete { color: #a7efdd; }
.galaxy-scan-steps .is-complete i { border-color: rgba(70,230,194,.55); background: rgba(70,230,194,.14); color: var(--accent); }
.galaxy-scan-steps .is-running i { animation: galaxyScanPulse 1.1s ease-in-out infinite; border-color: #7edfff; color: #b9efff; }
@keyframes galaxyScanPulse { 50% { box-shadow: 0 0 0 5px rgba(95,215,255,.08), 0 0 16px rgba(95,215,255,.38); } }
.galaxy-operation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; }
.galaxy-operation-grid > div {
    padding: .48rem .25rem;
    border: 1px solid rgba(103,178,216,.13);
    border-radius: 8px;
    background: rgba(9,27,40,.55);
    text-align: center;
}
.galaxy-operation-grid strong { display: block; color: var(--accent); font-size: 1rem; }
.galaxy-operation-grid span { display: block; margin-top: .18rem; color: var(--muted); font-size: .58rem; line-height: 1.25; }
.galaxy-inspector-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: .45rem;
}
.galaxy-inspector-actions .button { min-height: 2.25rem; padding: .48rem .58rem; }
.galaxy-empty-state {
    display: grid;
    gap: .4rem;
    place-items: center;
    min-height: 230px;
    padding: 1rem;
    color: var(--muted);
    text-align: center;
}
.galaxy-empty-state strong { color: #dff3fb; }

@media (max-width: 1180px) {
    .galaxy-workspace { grid-template-columns: 1fr; }
    .galaxy-inspector { position: static; max-height: none; }
    .galaxy-inspector-stats { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 800px) {
    .galaxy-search { grid-template-columns: 1fr 1fr; }
    .galaxy-search input { grid-column: 1 / -1; }
    .galaxy-filter-row { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .25rem; }
    .galaxy-filter { flex: 0 0 auto; }
    .galaxy-map-statusline { align-items: flex-start; flex-direction: column; gap: .3rem; }
    .galaxy-canvas-shell,
    .galaxy-canvas-shell.is-full-galaxy { height: 570px; }
    .galaxy-map-readout { right: .55rem; left: .55rem; justify-content: space-between; }
    .galaxy-inspector-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 520px) {
    .galaxy-layer-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
    .galaxy-inspector-hero { grid-template-columns: 44px minmax(0,1fr); }
    .galaxy-inspector-hero > .badge { grid-column: 1 / -1; justify-self: start; }
    .galaxy-inspector-actions { grid-template-columns: 1fr; }
    .galaxy-operation-grid { grid-template-columns: 1fr; }
    .galaxy-map-readout { font-size: .59rem; }
}

/* 1.6.2.0 · Produktionsketten und Spezialisierung */
.production-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .65rem;
    margin: .8rem 0 1rem;
}
.production-summary-card {
    display: grid;
    gap: .25rem;
    padding: .75rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: rgba(4,15,24,.58);
}
.production-summary-card strong { font-size: .88rem; }
.production-summary-card span { color: var(--muted); font-size: .72rem; }
.production-summary-card b { font-size: .85rem; }
.production-summary-card.positive b { color: var(--success); }
.production-summary-card.negative b { color: var(--danger); }
.production-summary-card.neutral b { color: var(--muted); }
.production-test-banner {
    margin: .7rem 0;
    padding: .65rem .8rem;
    border: 1px solid rgba(255,196,79,.45);
    border-radius: 10px;
    background: rgba(255,196,79,.09);
    color: #ffd77c;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.production-pause-reason {
    margin: .55rem 0 0;
    padding: .55rem .65rem;
    border-radius: 9px;
    font-size: .76rem;
    line-height: 1.4;
}
.production-pause-reason.manual {
    border: 1px solid rgba(255,132,132,.32);
    background: rgba(255,92,92,.08);
}
.production-pause-reason.automatic {
    border: 1px solid rgba(255,196,79,.32);
    background: rgba(255,196,79,.08);
}
.factory-reach { margin: .45rem 0 0; }
.status-automatic_paused,
.status-missing_input,
.status-storage_full,
.status-no_energy { color: #ffd77c; border-color: rgba(255,196,79,.36); }
.building-controls { flex-wrap: wrap; }

/* Version 1.6.2.2 – Energieverwaltung mit Laufzeitkorrektur */
.energy-command-panel { overflow: hidden; }
.energy-command-summary {
    display: grid;
    grid-template-columns: repeat(6, minmax(120px, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}
.energy-command-summary article {
    padding: .9rem;
    border: 1px solid rgba(103, 232, 249, .18);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(13, 33, 51, .9), rgba(8, 20, 34, .72));
    display: grid;
    gap: .25rem;
}
.energy-command-summary span { color: var(--muted); font-size: .78rem; }
.energy-command-summary strong { font-size: 1.25rem; }
.energy-command-meter { margin-top: 1rem; display: grid; gap: .5rem; }
.energy-command-meter > div:first-child { display: flex; justify-content: space-between; gap: 1rem; }
.energy-layout { align-items: start; }
.energy-profile-buttons { display: flex; flex-wrap: wrap; gap: .5rem; }
.energy-curve-list { display: grid; gap: .5rem; }
.energy-curve-list span { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem .7rem; background: rgba(255,255,255,.035); border-radius: 9px; }
.energy-curve-list em { color: var(--muted); font-style: normal; }
.energy-allocation-list { display: grid; gap: .9rem; }
.energy-allocation-card {
    border: 1px solid rgba(103, 232, 249, .18);
    background: rgba(4, 17, 29, .66);
    border-radius: 16px;
    padding: 1rem;
    display: grid;
    gap: .75rem;
    transition: border-color .2s ease, opacity .2s ease;
}
.energy-allocation-card.is-throttled { border-color: rgba(251, 191, 36, .45); }
.energy-allocation-card.is-inactive { opacity: .62; }
.energy-allocation-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.energy-allocation-heading > div { display: grid; gap: .2rem; }
.energy-allocation-heading span { color: var(--muted); font-size: .82rem; }
.energy-allocation-metrics { display: grid; grid-template-columns: repeat(4, minmax(100px, 1fr)); gap: .55rem; }
.energy-allocation-metrics span { display: grid; gap: .15rem; padding: .55rem .65rem; background: rgba(255,255,255,.035); border-radius: 9px; color: var(--muted); font-size: .76rem; }
.energy-allocation-metrics b { color: var(--text); font-size: .94rem; }
.energy-allocation-card input[type="range"] { width: 100%; accent-color: #67e8f9; }
.energy-allocation-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.energy-allocation-footer select { width: auto; min-width: 155px; }
.energy-lock-button.is-active { border-color: rgba(251, 191, 36, .75); color: #fde68a; }
.energy-consumption-breakdown { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .75rem; }
.energy-consumption-row { padding: .85rem; border-radius: 12px; border: 1px solid rgba(103, 232, 249, .16); background: rgba(4,17,29,.58); display: grid; gap: .55rem; }
.energy-consumption-row > div:first-child { display: flex; justify-content: space-between; gap: .75rem; font-size: .85rem; }
.warning-badge { border-color: rgba(251, 191, 36, .65) !important; color: #fde68a !important; }

@media (max-width: 1100px) {
    .energy-command-summary { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
}
@media (max-width: 720px) {
    .energy-command-summary { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
    .energy-allocation-metrics { grid-template-columns: repeat(2, minmax(100px, 1fr)); }
    .energy-allocation-heading, .energy-allocation-footer { align-items: stretch; flex-direction: column; }
    .energy-allocation-footer select { width: 100%; }
}