:root {
    color-scheme: dark;
    --bg: #050912;
    --panel: rgba(10, 20, 34, 0.94);
    --panel-light: rgba(16, 34, 54, 0.9);
    --line: rgba(90, 185, 255, 0.28);
    --accent: #48c7ff;
    --accent-2: #71f1d0;
    --text: #ecf7ff;
    --muted: #93a8b9;
    --danger: #ff7878;
    --success: #7ef0a5;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: var(--text);
    background-color: #020812;
    background-image:
        linear-gradient(180deg, rgba(2,8,18,.12), rgba(2,8,18,.28)),
        url('../assets/images/background/main_background.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(255,255,255,.28) 0.6px, transparent 0.7px);
    background-size: 31px 31px;
    opacity: .25;
}

/* Gemeinsame linke Spielnavigation */
body.has-game-sidebar {
    padding-left: 236px;
}

.game-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 80;
    width: 236px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 12px 14px 18px;
    overflow-y: auto;
    background:
        linear-gradient(180deg, rgba(5,22,39,.98), rgba(3,13,25,.98)),
        url('../assets/images/background/main_background.jpg') center/cover;
    border-right: 1px solid rgba(65,153,205,.48);
    box-shadow: 12px 0 35px rgba(0,0,0,.45);
}

.game-sidebar-logo {
    width: 100%;
    min-height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.game-sidebar-logo img {
    display: block;
    width: 205px;
    height: auto;
    max-height: 145px;
    object-fit: contain;
}

.game-sidebar-stats {
    display: grid;
    gap: 5px;
    padding: 10px 4px 14px;
    border-bottom: 1px solid rgba(74,148,191,.24);
    font-size: .86rem;
}

.game-sidebar-stats .registered-users { color: #f39a3f; }
.game-sidebar-stats .online-users { color: #57de91; }

.game-sidebar-account {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 4px 0;
    color: #a8becc;
    font-size: .82rem;
    line-height: 1.35;
}

.game-sidebar-account b {
    color: #eef9ff;
    font-size: 1rem;
}

.game-sidebar-account .last-online-label {
    margin-top: 9px;
}

.game-sidebar-account time {
    color: #d7e9f3;
}

.game-sidebar-nav {
    display: grid;
    gap: 7px;
    margin-top: 20px;
}

.game-sidebar-button {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 9px 12px;
    border: 1px solid #285476;
    border-radius: 7px;
    background: #0b2945;
    color: #e9f7ff;
    font: inherit;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

.game-sidebar-button:hover {
    background: #188fc4;
    border-color: #65cbf5;
    color: #fff;
    transform: translateX(2px);
}

.game-sidebar-button.is-active {
    background: #e2b53f;
    border-color: #ffe080;
    color: #151b22;
    box-shadow: 0 0 18px rgba(226,181,63,.22);
}
.game-sidebar-unread{display:inline-grid;min-width:22px;height:22px;margin-left:auto;padding:0 5px;place-items:center;border:1px solid #9be8ff;border-radius:999px;color:#03131e!important;background:#6fddff;box-shadow:0 0 13px rgba(91,211,255,.48);font-size:.72rem;font-weight:900;line-height:1}

.game-sidebar-logout {
    margin-top: 20px;
    background: #10243b;
}

body.has-game-sidebar .pirate-shell {
    width: calc(100% - 32px);
    max-width: 1680px;
}

@media(max-width:900px) {
    body.has-game-sidebar { padding-left: 0; }
    .game-sidebar {
        position: relative;
        width: 100%;
        min-height: auto;
        padding: 10px 12px 14px;
        border-right: 0;
        border-bottom: 1px solid rgba(65,153,205,.48);
    }
    .game-sidebar-logo { min-height: 110px; }
    .game-sidebar-logo img { width: 170px; max-height: 110px; }
    .game-sidebar-nav { grid-template-columns: 1fr 1fr; }
    .game-sidebar-logout { width: calc(50% - 4px); }
    body.has-game-sidebar .pirate-shell { width: calc(100% - 20px); }
}

a { color: var(--accent); }

.page-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 42px 20px;
}

.auth-card {
    width: min(900px, 100%);
    padding: 34px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(16, 34, 54, .96), rgba(7, 15, 27, .97));
    box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
}

.auth-card-small { width: min(560px, 100%); }

.brand-block { margin-bottom: 26px; }
.brand-block h1 { margin: 5px 0 8px; font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: .04em; }
.brand-block p { color: var(--muted); margin: 0; line-height: 1.6; }
.eyebrow { color: var(--accent-2); text-transform: uppercase; letter-spacing: .15em; font-size: .78rem; font-weight: 800; }

.auth-form { display: grid; gap: 18px; }
.form-grid { display: grid; gap: 18px; }
.two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }

label > span, legend { display: block; margin-bottom: 8px; color: #cce8f8; font-weight: 700; }

input[type="text"], input[type="email"], input[type="password"] {
    width: 100%;
    border: 1px solid rgba(113, 184, 225, .28);
    border-radius: 10px;
    background: rgba(1, 7, 14, .78);
    color: var(--text);
    padding: 13px 14px;
    font: inherit;
    outline: none;
}

input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(72, 199, 255, .12); }

.role-picker {
    border: 0;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.role-picker legend { grid-column: 1 / -1; }
.role-card {
    cursor: pointer;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 16px;
    background: rgba(5, 13, 23, .72);
    transition: .2s ease;
}
.role-card:hover { transform: translateY(-2px); border-color: var(--accent); }
.role-card input { margin-right: 8px; accent-color: var(--accent); }
.role-title { display: inline; font-size: 1.06rem; color: var(--text); }
.role-text { display: block; margin: 9px 0 0 25px; color: var(--muted); line-height: 1.45; font-weight: 400; }

.checkbox-row { display: flex; gap: 10px; align-items: flex-start; color: var(--muted); }
.checkbox-row input { margin-top: 3px; accent-color: var(--accent); }
.checkbox-row span { margin: 0; font-weight: 400; }

.primary-button {
    border: 0;
    border-radius: 10px;
    padding: 14px 20px;
    font: inherit;
    font-weight: 900;
    letter-spacing: .04em;
    color: #001018;
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    cursor: pointer;
}
.primary-button:hover { filter: brightness(1.08); }

.alert { padding: 14px 16px; border-radius: 10px; margin-bottom: 20px; line-height: 1.5; }
.alert ul { margin: 8px 0 0 18px; padding: 0; }
.alert-error { background: rgba(120, 28, 36, .28); border: 1px solid rgba(255, 120, 120, .45); color: #ffd6d6; }
.alert-success { background: rgba(25, 112, 64, .25); border: 1px solid rgba(126, 240, 165, .4); color: #d5ffe3; }

.switch-link { text-align: center; margin: 22px 0 0; color: var(--muted); }
.legal-text p { color: var(--muted); line-height: 1.7; }

.dashboard-body { min-height: 100vh; }
.topbar {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 26px;
    border-bottom: 1px solid var(--line);
    background: rgba(4, 10, 18, .88);
    backdrop-filter: blur(14px);
}
.topbar > div { display: flex; align-items: center; gap: 14px; }
.topbar span { color: var(--muted); }
.user-area a { text-decoration: none; border: 1px solid var(--line); padding: 8px 12px; border-radius: 8px; }
.dashboard-shell { position: relative; z-index: 1; width: min(1200px, calc(100% - 40px)); margin: 40px auto; }
.hero-panel, .panel {
    border: 1px solid var(--line);
    background: var(--panel);
    border-radius: 15px;
    box-shadow: 0 18px 45px rgba(0,0,0,.32);
}
.hero-panel { padding: 34px; margin-bottom: 22px; }
.hero-panel h1 { font-size: clamp(2rem, 4vw, 3.2rem); margin: 8px 0 10px; }
.hero-panel p, .panel p { color: var(--muted); line-height: 1.65; }
.dashboard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.panel { padding: 24px; min-height: 180px; }
.panel h2 { margin-top: 0; }


body.register-page .login-footer {
    min-height: 42px;
    padding: 5px 18px 5px;
}

body.register-page .login-footer nav {
    gap: 18px;
}

body.register-page .login-footer p {
    margin-top: 4px;
}

@media (max-width: 760px) {
    .two-columns, .role-picker, .dashboard-grid { grid-template-columns: 1fr; }
    .auth-card { padding: 24px 18px; }
    .topbar { align-items: flex-start; flex-direction: column; }
    .user-area { width: 100%; justify-content: space-between; }
}

.resource-panel {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    margin-bottom: 22px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: var(--line);
    box-shadow: 0 18px 45px rgba(0,0,0,.26);
}
.resource-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 18px 22px;
    background: rgba(8, 19, 32, .97);
}
.resource-item span { color: var(--muted); }
.resource-item strong { color: var(--accent-2); font-size: 1.25rem; }
.ship-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(72, 199, 255, .18);
    border-radius: 12px;
    background: rgba(2, 10, 18, .62);
}
.small-label, .muted-text { display: block; color: var(--muted); }
.ship-count { display: block; margin: 5px 0; font-size: 2.4rem; color: var(--accent-2); }
.build-card h3 { margin: 0 0 8px; }
.build-card p { margin-top: 0; }
.cost-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 18px; }
.cost-list span {
    padding: 7px 10px;
    border: 1px solid rgba(72, 199, 255, .22);
    border-radius: 999px;
    color: #cce8f8;
    background: rgba(6, 19, 31, .75);
    font-size: .88rem;
}
.primary-button:disabled { cursor: not-allowed; opacity: .42; filter: grayscale(.45); }
.resource-warning { margin: 10px 0 0 !important; color: var(--danger) !important; }
.build-progress {
    padding: 18px;
    border: 1px solid rgba(113, 241, 208, .3);
    border-radius: 12px;
    background: rgba(10, 45, 43, .22);
}
.build-progress > span { color: var(--muted); }
.build-progress > strong { display: block; margin: 8px 0 14px; color: var(--accent-2); font-size: 2rem; }
.progress-track { height: 10px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.09); }
.progress-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--accent-2)); transition: width .3s linear; }

@media (max-width: 760px) {
    .resource-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .resource-item { padding: 15px; }
}

.planet-panel {
    position: relative;
    overflow: hidden;
}
.planet-panel::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -95px;
    bottom: -115px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, rgba(113, 241, 208, .24), rgba(37, 107, 154, .14) 38%, transparent 70%);
    pointer-events: none;
}
.planet-orb {
    width: 76px;
    height: 76px;
    margin-bottom: 18px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 33% 28%, rgba(255,255,255,.7) 0 2%, transparent 4%),
        radial-gradient(circle at 38% 34%, #4aa9c8 0 12%, #1d617e 34%, #0b3048 63%, #04131f 100%);
    box-shadow: 0 0 26px rgba(72, 199, 255, .24), inset -14px -10px 24px rgba(0,0,0,.42);
}
.planet-name {
    display: block;
    margin: 4px 0 16px;
    font-size: 1.65rem;
    color: var(--accent-2);
}
.coordinate-list {
    display: grid;
    gap: 9px;
    margin: 0 0 14px;
}
.coordinate-list div {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(72, 199, 255, .12);
}
.coordinate-list dt { color: var(--muted); }
.coordinate-list dd { margin: 0; color: #d9f3ff; font-weight: 700; text-align: right; }

.resource-panel { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.transport-progress-panel { margin-bottom: 22px; min-height: 0; }
.transport-progress-heading { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
.transport-progress-heading h2 { margin: 7px 0 0; }
.transport-progress-heading > strong { color: var(--accent-2); font-size: 2rem; white-space: nowrap; }
.mission-progress-track { position: relative; height: 16px; margin: 24px 0 10px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.09); border: 1px solid rgba(72,199,255,.16); }
.mission-progress-fill { width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #48c7ff, #71f1d0); transition: width .35s linear; box-shadow: 0 0 18px rgba(72,199,255,.38); }
.mission-marker { position: absolute; top: -3px; width: 2px; height: 22px; background: rgba(255,255,255,.56); }
.marker-one { left: 25%; }
.marker-two { left: 75%; }
.mission-phase-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: var(--muted); }
.mission-phase-row strong { color: var(--accent-2); text-align: center; }
.mission-phase-row span:last-child { text-align: right; }
.mission-meta { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 18px; color: var(--muted); font-size: .92rem; }
.mission-meta b { color: var(--text); }
.offer-card { padding: 16px; border: 1px solid rgba(72,199,255,.18); border-radius: 12px; background: rgba(2,10,18,.62); }
.offer-title-row { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.offer-title-row strong { display: block; margin-top: 4px; color: var(--accent-2); font-size: 1.35rem; }
.offer-badge { padding: 6px 9px; border-radius: 999px; color: #d5ffe3; background: rgba(25,112,64,.28); border: 1px solid rgba(126,240,165,.35); font-size: .78rem; font-weight: 800; }
.fleet-select-form { display: grid; gap: 14px; margin-top: 15px; }
.fleet-type-row { display: grid; grid-template-columns: auto 1fr 74px; align-items: center; gap: 10px; padding: 12px; border: 1px solid rgba(72,199,255,.16); border-radius: 10px; background: rgba(6,19,31,.72); }
.fleet-type-row input { accent-color: var(--accent); }
.fleet-type-row select { width: 100%; padding: 9px 8px; border-radius: 8px; border: 1px solid rgba(113,184,225,.28); color: var(--text); background: rgba(1,7,14,.92); }
.transport-facts { display: flex; flex-wrap: wrap; gap: 7px; }
.transport-facts span { padding: 6px 9px; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.04); font-size: .78rem; }

@media (max-width: 900px) {
    .resource-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .transport-progress-heading { flex-direction: column; }
}


/* Heimatwelt-Auswahl */
.planet-choice-body { min-height: 100vh; }
.planet-choice-shell { width: min(1500px, calc(100% - 36px)); margin: 0 auto; padding: 38px 0 70px; }
.planet-choice-intro { max-width: 980px; margin: 0 auto 30px; text-align: center; }
.planet-choice-intro h1 { margin: 8px 0 12px; font-size: clamp(2.1rem, 4vw, 4rem); }
.planet-choice-intro > p { color: var(--muted); font-size: 1.05rem; line-height: 1.7; }
.choice-global-controls { display: flex; align-items: flex-end; justify-content: center; gap: 22px; margin-top: 24px; padding: 18px; border: 1px solid rgba(72,199,255,.2); border-radius: 14px; background: rgba(3,14,25,.76); }
.choice-global-controls label { min-width: 260px; text-align: left; }
.choice-global-controls label span { display: block; margin-bottom: 7px; color: var(--muted); }
.choice-global-controls select { width: 100%; padding: 12px; border: 1px solid rgba(113,184,225,.3); border-radius: 9px; color: var(--text); background: rgba(1,7,14,.95); }
.choice-global-controls p { max-width: 520px; margin: 0 0 3px; text-align: left; color: var(--muted); }
.planet-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; align-items: start; }
.planet-choice-card { overflow: hidden; border: 1px solid rgba(72,199,255,.2); border-radius: 18px; background: linear-gradient(180deg, rgba(8,25,39,.96), rgba(2,10,18,.96)); box-shadow: 0 18px 45px rgba(0,0,0,.27); }
.planet-choice-card:hover { transform: translateY(-3px); border-color: rgba(113,241,208,.42); transition: .2s ease; }
.planet-image-wrap { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #02070c; }
.planet-image-wrap img { width: 100%; height: 100%; display: block; object-fit: cover; }
.planet-specialization { position: absolute; left: 14px; right: 14px; bottom: 12px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #e9fbff; background: rgba(1,8,15,.78); backdrop-filter: blur(6px); text-align: center; font-size: .83rem; font-weight: 800; }
.planet-choice-content { padding: 20px; }
.planet-choice-content h2 { margin: 0 0 8px; color: var(--accent-2); font-size: 1.65rem; }
.planet-description { min-height: 52px; margin: 0 0 15px; color: var(--muted); line-height: 1.5; }
.planet-resource-list { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.planet-resource-list span { padding: 7px 9px; border: 1px solid rgba(72,199,255,.18); border-radius: 8px; color: #cdeaf8; background: rgba(4,17,29,.78); font-size: .82rem; }
.planet-resource-list span.primary-resource { border-color: rgba(113,241,208,.42); color: #d9fff4; }
.planet-resource-list small { display: block; margin-top: 2px; color: var(--muted); font-size: .67rem; }
.pros-cons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pros-cons-grid > div { padding: 12px; border-radius: 10px; }
.pros-cons-grid strong { display: block; margin-bottom: 5px; }
.pros-cons-grid p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.45; }
.planet-pro { border: 1px solid rgba(113,241,208,.2); background: rgba(15,73,60,.18); }
.planet-pro strong { color: #8ff4d7; }
.planet-con { border: 1px solid rgba(255,120,120,.2); background: rgba(89,28,35,.18); }
.planet-con strong { color: #ffaaa9; }
.strategic-note { margin: 13px 0; color: var(--muted); font-size: .86rem; line-height: 1.5; }
.strategic-note strong { color: #d8f4ff; }
.planet-claim-form { display: grid; gap: 11px; padding-top: 14px; border-top: 1px solid rgba(72,199,255,.12); }
.planet-claim-form label span { display: block; margin-bottom: 6px; color: var(--muted); font-size: .83rem; }
.planet-claim-form input { width: 100%; box-sizing: border-box; padding: 11px; border: 1px solid rgba(113,184,225,.28); border-radius: 9px; color: var(--text); background: rgba(1,7,14,.88); }
.planet-dashboard-image { width: 116px; height: 116px; margin-bottom: 17px; object-fit: cover; border-radius: 50%; box-shadow: 0 0 28px rgba(72,199,255,.24); }
@media (max-width: 1180px) { .planet-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 760px) { .planet-card-grid { grid-template-columns: 1fr; } .choice-global-controls { align-items: stretch; flex-direction: column; } .choice-global-controls p { text-align: left; } .pros-cons-grid { grid-template-columns: 1fr; } }

/* Phase 1 Wirtschaft */
.economy-shell{max-width:1500px;margin:0 auto;padding:24px}.game-header{display:flex;justify-content:space-between;gap:20px;padding:16px 24px;background:#081527;border-bottom:1px solid #26415d;position:sticky;top:0;z-index:5}.game-header a{color:#8edbff}.eco-panel{background:rgba(8,22,39,.94);border:1px solid #294766;border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.eco-panel h2{margin-top:0}.eco-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.resource-grid>div{display:flex;justify-content:space-between;gap:8px;background:#102840;border:1px solid #284d70;border-radius:8px;padding:10px}.resource-grid span{color:#9fe0ff}.resource-grid small{display:block;color:#efc66d}.action-cards,.depot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.action-cards article,.depot-grid article{background:#10243a;border:1px solid #315270;border-radius:10px;padding:14px}.eco-panel button{background:#1d8bb8;color:white;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.eco-panel button:disabled{opacity:.4;cursor:not-allowed}.eco-panel input,.eco-panel select{background:#071827;color:#e9f7ff;border:1px solid #3a6688;border-radius:6px;padding:8px;max-width:180px}.eco-panel label{display:flex;gap:8px;align-items:center;margin:8px 0}.job,.mission,.offer{background:#0d2135;padding:12px;border-radius:8px;margin-top:10px}.progress{height:10px;background:#06121e;border-radius:99px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#1aa1d4,#7fe0ff);width:0}.depot-grid dialog{max-width:760px;width:90%;background:#0b1b2c;color:#eef9ff;border:1px solid #4a7291;border-radius:12px}.depot-grid table{width:100%;border-collapse:collapse}.depot-grid th,.depot-grid td{padding:7px;border-bottom:1px solid #24435d}.trade-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:900px){.eco-columns{grid-template-columns:1fr}.game-header{position:static;flex-direction:column}.trade-form{grid-template-columns:1fr}}

/* Versorgungs-Fruehwarnsystem */
.supply-warning{margin-bottom:18px;padding:18px 20px;border:1px solid;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.supply-warning-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.supply-warning-head h2{margin:4px 0 6px;font-size:1.45rem}
.supply-warning-head p{margin:0;max-width:900px;line-height:1.55}
.supply-warning-head>strong{min-width:150px;text-align:right;font-size:2rem}
.supply-warning-head>strong small{display:block;font-size:.72rem;font-weight:600;opacity:.82}
.supply-kicker{font-size:.72rem;font-weight:900;letter-spacing:.14em}
.supply-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.14)}
.supply-facts span{padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.18);font-size:.82rem}
.supply-level-safe,.processing-panel .resource-fuel-safe{background:linear-gradient(135deg,rgba(18,86,67,.88),rgba(8,35,38,.94));border-color:rgba(113,241,208,.42);color:#ddfff5}
.supply-level-caution,.processing-panel .resource-fuel-caution{background:linear-gradient(135deg,rgba(100,83,15,.92),rgba(48,39,7,.95));border-color:rgba(255,216,92,.55);color:#fff4c1}
.supply-level-warning,.processing-panel .resource-fuel-warning{background:linear-gradient(135deg,rgba(130,59,9,.94),rgba(65,29,5,.96));border-color:rgba(255,159,64,.62);color:#ffe3c1}
.supply-level-danger,.processing-panel .resource-fuel-danger{background:linear-gradient(135deg,rgba(126,20,28,.96),rgba(55,7,13,.97));border-color:rgba(255,83,94,.7);color:#ffe1e4}
.supply-warning.supply-level-danger{box-shadow:0 0 28px rgba(255,45,61,.18)}
@media(max-width:760px){.supply-warning-head{flex-direction:column}.supply-warning-head>strong{text-align:left}}

.supply-level-setup,.processing-panel .resource-fuel-setup{border-color:#378ac4;background:linear-gradient(135deg,#0d3b61,#09263e);color:#e1f5ff}
.market-offer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px;margin:14px 0;border:1px solid #28516e;border-radius:16px;background:#0d2235}
.market-offer h3{margin:0 0 6px}.market-offer p{margin:4px 0}.market-offer small{opacity:.8}.market-offer form{min-width:260px}.market-offer button{width:100%}
.own-offers .offer{display:flex;justify-content:space-between;align-items:center;gap:20px}.own-offers .offer form{margin:0}.danger-button{background:#8e2634!important}
@media(max-width:850px){.market-offer{display:block}.market-offer form{min-width:0;margin-top:16px}}

/* Spielerhandel: Status direkt am Angebot anzeigen. */
.trade-block-reason{margin:10px 0;color:#ffb3b3;font-weight:700;line-height:1.35}
.trade-ready{margin:10px 0;color:#8ff0ad;font-weight:700}
.economy-shell>.alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:min(760px,calc(100vw - 32px));margin:0;box-shadow:0 14px 38px rgba(0,0,0,.5);opacity:1;transition:opacity .65s ease,transform .65s ease;pointer-events:none;text-align:center}.economy-shell>.alert.flash-fade-out{opacity:0;transform:translate(-50%,-56%)}
#player-market{scroll-margin-top:100px}

/* ==========================================================
   KOMPAKT-MODUS / PHASE 1
   Massiv verkleinerte Desktop-Darstellung fuer Gesamtueberblick
   ========================================================== */
html { font-size: 13px; }
body { line-height: 1.35; }

/* Allgemeine Abstaende und Typografie */
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: 1.65rem; }
h2 { font-size: 1.28rem; margin-bottom: 8px; }
h3 { font-size: 1.02rem; margin-bottom: 5px; }
p { margin-bottom: 7px; }

/* Login / Registrierung ebenfalls kompakter */
.page-shell { padding: 18px 12px; }
.auth-card { width: min(760px, 100%); padding: 20px; border-radius: 12px; }
.auth-card-small { width: min(460px, 100%); }
.brand-block { margin-bottom: 14px; }
.brand-block h1 { margin: 2px 0 5px; font-size: clamp(1.7rem, 4vw, 2.5rem); }
.brand-block p, .legal-text p { line-height: 1.45; }
.auth-form, .form-grid { gap: 10px; }
.two-columns { gap: 10px; }
label > span, legend { margin-bottom: 4px; }
input[type="text"], input[type="email"], input[type="password"] { padding: 8px 10px; border-radius: 7px; }
.role-picker { gap: 8px; }
.role-card { padding: 10px; border-radius: 8px; }
.role-text { margin-top: 5px; line-height: 1.3; }
.primary-button { padding: 9px 14px; border-radius: 7px; }
.alert { padding: 9px 11px; margin-bottom: 10px; }
.switch-link { margin-top: 12px; }

/* Hauptspiel: mehr Breite, deutlich weniger Hoehe */
.game-header {
    min-height: 42px;
    padding: 8px 14px;
    gap: 10px;
    font-size: .95rem;
}
.economy-shell {
    width: calc(100% - 16px);
    max-width: 1900px;
    padding: 8px 0 18px;
}
.eco-panel {
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 9px;
    box-shadow: 0 5px 16px rgba(0,0,0,.2);
}
.eco-panel.compact { padding: 8px 10px; }
.eco-panel h2 { margin: 0 0 7px; }
.eco-panel p { line-height: 1.35; }
.eco-columns { gap: 8px; }

/* Ressourcen */
.resource-grid {
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    gap: 3px;
}
.resource-grid > div {
    padding: 6px 8px;
    border-radius: 5px;
    min-height: 31px;
    align-items: center;
}
.resource-grid small { font-size: .72rem; }

/* Industrie und Depots */
.action-cards, .depot-grid {
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: 6px;
}
.action-cards article, .depot-grid article {
    padding: 8px;
    border-radius: 7px;
}
.eco-panel button {
    padding: 7px 10px;
    border-radius: 6px;
    font-size: .92rem;
}
.eco-panel input, .eco-panel select {
    padding: 5px 7px;
    max-width: 145px;
    font-size: .92rem;
}
.eco-panel label { gap: 6px; margin: 5px 0; }
.job, .mission, .offer {
    padding: 8px;
    margin-top: 6px;
    border-radius: 6px;
}
.progress { height: 6px; margin-top: 5px; }

/* Depotmodal */
.depot-grid dialog { max-width: 690px; width: 88%; border-radius: 8px; padding: 12px; }
.depot-grid th, .depot-grid td { padding: 4px 5px; }
.depot-grid td input { max-width: 90px; }

/* Verkaufsformular */
.trade-form {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 5px 10px;
    align-items: end;
}
.trade-form label { display: grid; grid-template-columns: auto 1fr; }
.trade-form button { min-height: 31px; }
.offer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.offer form { margin: 0; }

/* Versorgungswarnung */
.supply-warning {
    margin-bottom: 8px;
    padding: 10px 12px;
    border-radius: 9px;
    box-shadow: 0 5px 16px rgba(0,0,0,.22);
}
.supply-warning-head { gap: 12px; }
.supply-warning-head h2 { margin: 2px 0 3px; font-size: 1.22rem; }
.supply-warning-head p { line-height: 1.35; }
.supply-warning-head > strong { min-width: 105px; font-size: 1.55rem; }
.supply-warning-details, .supply-facts { gap: 5px !important; margin-top: 7px !important; }
.supply-warning-details span, .supply-facts span {
    padding: 4px 7px !important;
    font-size: .78rem !important;
}

/* Spielermarkt */
.market-offer {
    gap: 12px;
    padding: 9px;
    margin: 7px 0;
    border-radius: 9px;
}
.market-offer h3 { margin-bottom: 3px; font-size: 1.12rem; }
.market-offer p { margin: 2px 0; }
.market-offer form { min-width: 205px; }
.market-offer small { font-size: .78rem; }
.trade-block-reason, .trade-ready { margin: 4px 0 !important; font-size: .78rem; }

/* Alte Dashboard-Komponenten, falls sie auf Unterseiten auftauchen */
.dashboard-shell { width: min(1500px, calc(100% - 16px)); margin: 12px auto; }
.hero-panel { padding: 16px; margin-bottom: 8px; }
.hero-panel h1 { font-size: 1.75rem; }
.dashboard-grid { gap: 8px; }
.panel { padding: 10px; min-height: 0; border-radius: 9px; }
.resource-panel { margin-bottom: 8px; border-radius: 9px; }
.resource-item { padding: 7px 9px; }
.resource-item strong { font-size: 1rem; }
.ship-summary { padding: 9px; margin-bottom: 8px; }
.ship-count { font-size: 1.6rem; }
.cost-list { gap: 4px; margin: 8px 0; }
.cost-list span { padding: 4px 7px; font-size: .76rem; }
.build-progress { padding: 9px; }
.build-progress > strong { margin: 4px 0 7px; font-size: 1.3rem; }

/* Planetenauswahl etwas dichter, ohne die Lesbarkeit zu zerstoeren */
.planet-choice-shell { width: min(1700px, calc(100% - 20px)); padding: 16px 0 30px; }
.planet-choice-intro { margin-bottom: 14px; }
.planet-choice-intro h1 { margin: 4px 0 7px; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.planet-choice-intro > p { font-size: .95rem; line-height: 1.45; }
.choice-global-controls { gap: 12px; margin-top: 12px; padding: 10px; border-radius: 9px; }
.choice-global-controls select { padding: 7px; }
.planet-card-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; }
.planet-choice-card { border-radius: 10px; }
.planet-choice-content { padding: 10px; }
.planet-choice-content h2 { margin-bottom: 4px; font-size: 1.25rem; }
.planet-description { min-height: 0; margin-bottom: 8px; line-height: 1.35; }
.planet-resource-list { gap: 4px; margin-bottom: 8px; }
.planet-resource-list span { padding: 4px 6px; font-size: .73rem; }
.pros-cons-grid { gap: 5px; }
.pros-cons-grid > div { padding: 7px; border-radius: 6px; }
.pros-cons-grid p { font-size: .75rem; line-height: 1.3; }
.strategic-note { margin: 7px 0; font-size: .77rem; line-height: 1.3; }
.planet-claim-form { gap: 6px; padding-top: 8px; }
.planet-claim-form input { padding: 7px; }

@media (min-width: 1500px) {
    html { font-size: 12.5px; }
    .eco-columns { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
    html { font-size: 14px; }
    .economy-shell { width: calc(100% - 12px); }
    .trade-form { grid-template-columns: 1fr; }
}

/* Universe Raiders Phase 2: Weltbilder und grafischer Industriebaum */
.planet-choice-card{background-image:linear-gradient(180deg,rgba(4,13,25,.08),rgba(4,13,25,.96) 43%),var(--planet-world);background-size:cover;background-position:center;overflow:hidden}
.planet-world-background{width:100%!important;height:210px;background:#02070c;position:relative}
.planet-world-background>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.planet-world-background::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(4,13,25,.72));pointer-events:none}
.planet-world-background .planet-specialization{position:absolute;z-index:1;left:10px;bottom:10px}
.planet-choice-content{background:rgba(5,16,29,.76);backdrop-filter:blur(3px)}

.industry-panel{padding:0!important;overflow:visible;background-image:linear-gradient(180deg,rgba(3,11,20,.05),rgba(3,11,20,.36)),var(--industry-world)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;min-height:390px}
.industry-shade{min-height:390px;padding:14px;border-radius:inherit;background-image:linear-gradient(90deg,rgba(3,13,24,.46),rgba(3,13,24,.07),rgba(3,13,24,.38)),var(--industry-world);background-size:cover;background-position:center;background-repeat:no-repeat}
.industry-processing-row{align-items:stretch}
.industry-processing-row>.eco-panel{min-width:0}
.industry-processing-row>.industry-panel{display:flex}
.industry-processing-row>.industry-panel>.industry-shade{flex:1;min-width:0}
.processing-panel{min-height:390px;background-image:linear-gradient(180deg,rgba(3,13,24,.2),rgba(3,13,24,.5)),url('../assets/images/panel_bg/handelspanel.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
.processing-heading{display:flex;align-items:stretch;gap:8px;margin-bottom:10px}
.processing-heading h2{display:flex;flex:1;align-items:center;margin:0}
.processing-wallet{box-sizing:border-box;display:flex;flex:0 0 calc((100% - 40px)/6);min-width:150px;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid rgba(238,190,77,.62);border-radius:8px;background:linear-gradient(135deg,rgba(89,66,15,.88),rgba(35,31,14,.94));box-shadow:0 0 18px rgba(226,181,63,.1)}
.processing-wallet strong{color:#fff1bd}.processing-wallet span{color:#ffd56b;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.processing-panel .resource-grid{display:flex;flex-wrap:wrap}
.processing-panel .resource-grid>div{flex:1 1 150px;min-width:0;align-items:center}
.processing-panel .resource-grid strong,
.processing-panel .resource-grid span{white-space:nowrap}
.processing-panel .resource-fuel>span{color:inherit}
.resource-warning-icon{display:inline-block;margin-right:5px;color:#ffd76a!important;font-size:.9em;line-height:1}
.processing-commerce{display:grid;gap:14px;margin-top:16px}
.processing-commerce-section{min-width:0;padding-top:14px;border-top:1px solid rgba(111,194,226,.24)}
.processing-subtitle{margin:0 0 10px;color:#dff6ff;font-size:1.08rem}
.processing-panel .trade-form{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.processing-panel .trade-form{grid-template-columns:1fr}.processing-heading{align-items:stretch;flex-direction:column}.processing-wallet{flex-basis:auto;width:100%;min-width:0}}
.industry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.industry-heading h2{font-size:1.55rem;margin:1px 0 0}.industry-kicker{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#87dfff}
.oil-live{padding:7px 10px;border-radius:7px;background:rgba(4,18,31,.78);border:1px solid rgba(112,198,232,.38);font-size:.8rem}.oil-live b{color:#ffd678}
.industry-tree{display:flex;align-items:flex-start;gap:12px;min-height:190px;overflow-x:auto;padding:5px 3px 12px;flex-wrap:nowrap}
.industry-card,.ship-build-card{width:96px;min-width:96px;text-align:center;padding:7px;background:rgba(6,22,37,.84);border:1px solid rgba(111,194,226,.45);border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.28);position:relative;flex:0 0 96px}
.industry-card:not(:last-of-type)::after{content:'›';position:absolute;right:-11px;top:43px;font-size:1.55rem;color:#75cbe9;text-shadow:0 2px 5px #000}
.industry-card h3,.ship-build-card h3{font-size:.76rem;line-height:1.15;margin:5px 0 6px;min-height:1.75em}
.industry-icon{width:72px;height:72px;margin:0 auto;position:relative;border-radius:8px;overflow:hidden;background:rgba(4,14,24,.62);border:1px solid rgba(126,210,241,.24)}
.industry-icon img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
.industry-card form,.ship-build-card form{margin:0}.industry-card button,.ship-build-card button{width:100%;padding:6px 4px;font-size:.72rem}
.industry-locked{display:block}.industry-locked>.industry-icon,.industry-locked>h3,.industry-locked>.industry-build-action>form{opacity:.7;filter:saturate(.7)}.future-industry{display:none!important}
.industry-build-action{position:relative;display:block;outline:none}
.industry-build-action form{display:block}
.industry-build-action button:disabled{pointer-events:none}
.building-requirements-tooltip{
  position:absolute;
  z-index:40;
  left:50%;
  bottom:calc(100% + 9px);
  width:260px;
  padding:11px 12px;
  color:#eaf8ff;
  text-align:left;
  background:rgba(2,13,23,.78);
  backdrop-filter:blur(8px);
  border:1px solid rgba(114,207,242,.72);
  border-radius:9px;
  box-shadow:0 14px 34px rgba(0,0,0,.62);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,5px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.building-requirements-tooltip::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  border:7px solid transparent;
  border-top-color:rgba(114,207,242,.72);
  transform:translateX(-50%);
}
.industry-build-action:hover .building-requirements-tooltip,
.industry-build-action:focus .building-requirements-tooltip,
.industry-build-action:focus-within .building-requirements-tooltip{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.building-requirements-tooltip>strong{display:block;margin-bottom:8px;color:#fff;font-size:.76rem}
.building-requirements-tooltip .tooltip-section-title{display:block;margin-top:7px;color:#8bdfff;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.building-requirements-tooltip ul{display:grid;gap:3px;margin:4px 0 0;padding:0;list-style:none}
.building-requirements-tooltip li,.building-requirements-tooltip p{margin:0;font-size:.68rem;line-height:1.35}
.building-requirements-tooltip .requirement-ok{color:#76efa8}
.building-requirements-tooltip .requirement-missing{color:#ff8989}
.icon-progress{padding:0!important;background:transparent!important;margin:0!important}.icon-progress-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.icon-progress-overlay .progress{position:absolute;inset:0;height:100%;margin:0;border-radius:0;background:rgba(1,11,20,.10)}.icon-progress-overlay .progress i{height:100%;background:rgba(94,218,255,.30);box-shadow:inset 0 0 0 1px rgba(144,235,255,.14)}.icon-progress-overlay .countdown{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:2px 6px;border-radius:999px;background:rgba(2,10,18,.68);border:1px solid rgba(132,225,255,.25);font-size:.68rem;color:#dff8ff;backdrop-filter:blur(2px);white-space:nowrap}
.industry-modal{width:min(720px,calc(100vw - 28px));background:linear-gradient(145deg,#081828,#102c43);color:#effaff;border:1px solid #4f86a7;border-radius:13px;padding:20px;box-shadow:0 22px 70px rgba(0,0,0,.65)}
.industry-modal::backdrop{background:rgba(0,5,12,.78);backdrop-filter:blur(3px)}
.industry-modal .modal-close{position:absolute;right:10px;top:9px;width:34px;height:34px;padding:0;font-size:1.45rem;background:#173c56}
.industry-modal h2{margin:0 42px 8px 0}.industry-modal label{display:flex;gap:10px;align-items:center}.ship-build-grid{display:flex;gap:12px;flex-wrap:nowrap;overflow-x:auto;margin-top:14px}.ship-build-card{width:112px;min-width:112px;flex:0 0 112px}.ship-build-card .industry-icon{width:82px;height:72px}.ship-build-card p{margin:4px 0 8px;font-size:.78rem}
@media(max-width:700px){.planet-world-background{height:170px}.industry-heading{flex-direction:column}.industry-tree{gap:10px}.industry-card{width:88px;min-width:88px;flex-basis:88px}.industry-icon{width:64px;height:64px}.ship-build-card{width:104px;min-width:104px;flex-basis:104px}}

/* Industrie-Hauptpanel: Tabs fuer Industrie, Raumstation und Produktion */
.industry-world-label{margin:0 0 10px 2px}
.industry-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:90%;margin:0 auto 18px;padding:0;border:0}
.industry-tab{width:100%!important;min-width:0;padding:10px 14px!important;background:rgba(5,20,34,.72)!important;border:1px solid rgba(102,192,228,.35)!important;color:#b9eaff!important}
.industry-tab:hover:not(:disabled){background:rgba(20,103,143,.72)!important}
.industry-tab.is-active{background:#1d8bb8!important;color:#fff!important;border-color:#69cef3!important;box-shadow:0 0 18px rgba(70,190,235,.18)}
.industry-tab:disabled{opacity:.35}
.industry-tab-pane{display:none;min-height:205px}
.industry-tab-pane.is-active{display:block}
.industry-section-title{margin:0 0 16px 2px!important;font-size:1.45rem!important}
.industry-section-title span{font-size:.82em;color:#b8d8e7;font-weight:500}
.station-hangar-grid{margin-top:0;justify-content:flex-start}
.production-overview{display:flex;gap:12px;align-items:flex-start}
.production-status-card{min-width:210px;padding:14px 16px;border:1px solid rgba(111,194,226,.45);border-radius:10px;background:rgba(6,22,37,.84);box-shadow:0 8px 22px rgba(0,0,0,.28);display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center}
.production-status-card>span{font-size:.82rem;color:#b9eaff}
.production-status-card>strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.production-status-card>strong.is-running{color:#7ff0ad}.production-status-card>strong.is-stopped{color:#ff9c9c}
.production-status-card>b{font-size:1.45rem;color:#ffd678}
.production-status-card>small{font-size:.72rem;color:#9fc4d5;text-align:right}
@media(max-width:700px){.industry-tabs{width:100%;gap:6px}.industry-tab{padding:8px 6px!important;font-size:.72rem}.industry-section-title{font-size:1.2rem!important}}

.user-ban-modal { width:min(620px,calc(100vw - 28px)); color:#effaff; background:linear-gradient(145deg,#081828,#102c43); border:1px solid #5bcdf5; border-radius:16px; padding:0; box-shadow:0 26px 90px rgba(0,0,0,.72); }
.user-ban-modal::backdrop { background:rgba(0,5,12,.84); backdrop-filter:blur(5px); }
.user-ban-content { padding:30px; }
.user-ban-content h2 { margin:7px 0 12px; font-size:clamp(2rem,5vw,3rem); }
.ban-duration { margin:0 0 22px; color:#ffd76a; font-size:1.35rem; }
.ban-reason { padding:16px 18px; border:1px solid #3f6f8d; border-radius:12px; background:rgba(2,14,25,.68); }
.ban-reason span { color:#77dcff; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }
.ban-reason p { margin:8px 0 0; white-space:pre-wrap; line-height:1.5; }
.ban-help { margin:18px 0 0; color:#a9cbdc; font-size:.9rem; }

.user-warning-modal { width:min(650px,calc(100vw - 28px)); padding:0; color:#211100; border:1px solid #ffd18a; border-radius:18px; box-shadow:0 28px 100px rgba(0,0,0,.78); }
.user-warning-modal::backdrop { background:rgba(0,5,12,.86); backdrop-filter:blur(5px); }
.user-warning-modal.warning-first { background:linear-gradient(145deg,#ffd89a,#ffb85c); }
.user-warning-modal.warning-severe { background:linear-gradient(145deg,#f59e0b,#c85d08); color:#fff8eb; border-color:#ffbf58; }
.user-warning-content { padding:32px; }
.user-warning-content h2 { margin:8px 0 12px; font-size:clamp(2rem,5vw,3.2rem); }
.warning-kicker { font-size:.78rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.warning-login-copy { margin:0 0 22px; font-size:1.08rem; }
.warning-reason-box { padding:17px 19px; border:1px solid rgba(78,38,0,.32); border-radius:12px; background:rgba(255,255,255,.24); }
.warning-severe .warning-reason-box { border-color:rgba(255,255,255,.35); background:rgba(55,18,0,.22); }
.warning-reason-box span { font-size:.76rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.warning-reason-box p { margin:8px 0 0; line-height:1.5; white-space:pre-wrap; }

/* Live-Verwarnung im laufenden Spiel */
.live-warning-modal{width:min(720px,calc(100vw - 32px));padding:0;border:1px solid rgba(255,210,118,.95);border-radius:18px;color:#2b1700;box-shadow:0 28px 90px rgba(0,0,0,.72);overflow:hidden}
.live-warning-modal::backdrop{background:rgba(0,5,12,.82);backdrop-filter:blur(4px)}
.live-warning-modal.warning-first{background:linear-gradient(145deg,#ffd58a,#ffb64f)}
.live-warning-modal.warning-severe{background:linear-gradient(145deg,#ee922d,#c95d12);color:#fff7e9;border-color:#ffb65f}
.live-warning-content{padding:28px 30px}
.live-warning-kicker{display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.78rem;opacity:.78}
.live-warning-content h2{margin:0 0 12px;font-size:clamp(1.8rem,4vw,3rem)}
.live-warning-copy{font-size:1.08rem;margin:0 0 18px}
.live-warning-copy strong{font-size:1.35em}
.live-warning-reason{padding:16px 18px;border-radius:12px;background:rgba(35,14,0,.14);border:1px solid rgba(62,25,0,.22)}
.warning-severe .live-warning-reason{background:rgba(42,11,0,.26);border-color:rgba(255,231,195,.26)}
.live-warning-reason strong{display:block;margin-bottom:5px}.live-warning-reason p{margin:0;white-space:pre-wrap;line-height:1.45}


/* Phase 3.1: Produktionszentrum */
.production-subtabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin-bottom:14px;padding:9px;border:1px solid rgba(111,194,226,.2);border-radius:12px;background:rgba(2,13,23,.34);backdrop-filter:blur(5px)}
.production-subtab{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:7px 9px;border:1px solid rgba(111,194,226,.28);border-radius:9px;background:linear-gradient(145deg,rgba(4,20,33,.86),rgba(7,31,46,.78));color:#d7f2ff;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.production-subtab:hover{background:linear-gradient(145deg,rgba(13,49,70,.94),rgba(9,39,58,.9));border-color:rgba(121,211,245,.62);transform:translateY(-1px)}
.production-subtab>img{width:42px;height:42px;display:block;object-fit:contain;border-radius:7px;background:rgba(2,12,20,.52);border:1px solid rgba(111,194,226,.12)}
.production-subtab-copy{min-width:0;display:grid;gap:3px}.production-subtab-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;letter-spacing:.015em}.production-subtab-copy small{display:flex;align-items:center;gap:5px;color:#91b7ca;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.production-subtab-copy small i{width:6px;height:6px;border-radius:50%;background:#738895;box-shadow:0 0 7px rgba(115,136,149,.45)}
.production-subtab.is-live .production-subtab-copy small{color:#7ff0ad}.production-subtab.is-live .production-subtab-copy small i{background:#7ff0ad;box-shadow:0 0 9px rgba(127,240,173,.75)}
.production-subtab.is-ready .production-subtab-copy small{color:#8bdfff}.production-subtab.is-ready .production-subtab-copy small i{background:#8bdfff;box-shadow:0 0 8px rgba(139,223,255,.65)}
.production-subtab.is-building .production-subtab-copy small{color:#ffd678}.production-subtab.is-building .production-subtab-copy small i{background:#ffd678;box-shadow:0 0 8px rgba(255,214,120,.65)}
.production-subtab.is-active{background:linear-gradient(145deg,rgba(39,142,188,.97),rgba(25,102,143,.97));border-color:rgba(167,233,255,.96);color:#fff;box-shadow:0 8px 18px rgba(25,106,146,.28),inset 0 0 0 1px rgba(255,255,255,.08)}
.production-pane{display:none}.production-pane.is-active{display:block}
.production-unit{padding:16px;border:1px solid rgba(111,194,226,.45);border-radius:12px;background:linear-gradient(145deg,rgba(5,21,36,.93),rgba(8,35,52,.84));box-shadow:0 10px 26px rgba(0,0,0,.3)}
.production-detail-card{min-height:330px;overflow:hidden}
.production-detail-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:18px;align-items:stretch}
.production-visual{padding:12px;border-radius:12px;background:radial-gradient(circle at 50% 38%,rgba(30,104,137,.34),rgba(3,15,25,.56) 68%);border:1px solid rgba(111,194,226,.18);display:flex;justify-content:center;align-items:center;min-height:250px;position:relative;overflow:hidden}
.production-visual:after{content:"";position:absolute;inset:auto 12% 9px;height:12px;border-radius:50%;background:rgba(0,0,0,.38);filter:blur(7px)}
.production-visual img{position:relative;z-index:1;display:block;max-width:100%;max-height:225px;object-fit:contain;filter:drop-shadow(0 12px 13px rgba(0,0,0,.5))}
.production-copy{min-width:0;display:flex;flex-direction:column}
.production-unit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(123,205,235,.17)}
.production-label{display:block;margin-bottom:3px;color:#7edcff;font-size:.67rem;letter-spacing:.11em;text-transform:uppercase}.production-unit h3{margin:0;font-size:1.05rem}.production-unit h3 small{color:#9fc4d5;font-size:.68rem;font-weight:500}
.production-state{padding:5px 8px;border-radius:999px;background:rgba(4,15,25,.58);font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.production-state.is-running{color:#7ff0ad;border:1px solid rgba(127,240,173,.34)}.production-state.is-stopped{color:#ffaaaa;border:1px solid rgba(255,156,156,.3)}.production-state.is-idle{color:#8bdfff;border:1px solid rgba(139,223,255,.34)}
.production-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.production-metrics>div{min-width:0;padding:10px;border-radius:8px;background:rgba(2,13,23,.52);border:1px solid rgba(111,194,226,.14)}.production-metrics span{display:block;color:#9fc4d5;font-size:.65rem}.production-metrics b{display:block;margin-top:4px;color:#ffd678;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-metrics b small{font-size:.58rem;color:#b9d7e5;font-weight:500}
.production-note{padding:10px 12px;border-radius:8px;background:rgba(3,14,24,.44);color:#a9cbdc;font-size:.72rem;line-height:1.42}
.production-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;margin-top:auto;padding-top:12px}.production-form label{display:grid;gap:5px;color:#b9eaff;font-size:.72rem}.production-form input{width:100%;min-width:0}.production-form button{white-space:nowrap}
.production-current-job{margin-top:12px;padding:10px;border-radius:9px;background:rgba(4,18,31,.68);border:1px solid rgba(91,205,245,.25)}.production-job-copy{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center}.production-job-copy span{font-size:.68rem;color:#8bdfff}.production-job-copy b{font-size:.78rem}.production-job-copy strong{grid-row:1/3;grid-column:2;color:#ffd678;font-size:.75rem}.production-current-job .progress{margin:9px 0 0}
.production-placeholder-hint{margin-top:auto;padding:10px 12px;border-radius:9px;border:1px dashed rgba(111,194,226,.28);background:rgba(2,12,21,.34);color:#c4dfec;font-size:.72rem;line-height:1.35}
@media(max-width:950px){.production-detail-layout{grid-template-columns:1fr}.production-visual{min-height:190px}.production-subtabs{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}}@media(max-width:560px){.production-metrics{grid-template-columns:1fr}.production-form{grid-template-columns:1fr}.production-subtabs{grid-template-columns:1fr 1fr;gap:7px;padding:7px}.production-subtab{grid-template-columns:34px minmax(0,1fr);padding:6px}.production-subtab>img{width:34px;height:34px}.production-subtab-copy b{font-size:.62rem}.production-subtab-copy small{font-size:.49rem}}

.ship-build-card.ship-build-locked{opacity:1;filter:none}
.ship-build-card.ship-build-locked>.industry-icon,.ship-build-card.ship-build-locked>h3,.ship-build-card.ship-build-locked>p,.ship-build-card.ship-build-locked>.industry-build-action>form{opacity:.58;filter:saturate(.55)}
.ship-build-card.ship-build-locked .industry-icon{position:relative}
.hangar-lock-note{min-height:34px;color:#a9c8d8;font-size:.72rem;line-height:1.35}
.ship-build-action,.research-action{width:100%}
.ship-build-action>form,.research-action>form{width:100%}
.ship-build-action button,.research-action button{width:100%}
.research-active-job{margin:0 0 12px;border:1px solid rgba(255,214,120,.35)}
.research-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px}
.research-card{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:11px;border:1px solid rgba(111,194,226,.34);border-radius:10px;background:linear-gradient(145deg,rgba(4,20,33,.9),rgba(7,31,46,.82));position:relative}
.research-card.research-locked{opacity:1;filter:none}
.research-card.research-locked>.research-symbol,.research-card.research-locked>.research-card-copy,.research-card.research-locked>.research-action>form{opacity:.68;filter:saturate(.65)}
.research-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(111,194,226,.36);border-radius:10px;color:#8be0ff;background:radial-gradient(circle,rgba(32,133,176,.32),rgba(3,17,29,.8));font-weight:900;letter-spacing:.05em}
.research-card-copy{min-width:0}.research-card-copy>span{color:#78d7fa;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.research-card-copy h3{margin:3px 0 5px;font-size:.84rem}.research-card-copy p{margin:0;color:#a9c8d8;font-size:.64rem;line-height:1.35}.research-card-copy small{display:block;margin-top:7px;color:#ffd678}
.research-action{grid-column:1/-1}
.game-location{display:grid;gap:3px}.game-location span{color:#a9c8d8;font-size:.78rem}.planet-switcher{display:flex;align-items:center;gap:8px;margin-left:auto}.planet-switcher label{font-size:.72rem;color:#91bdd2;text-transform:uppercase;letter-spacing:.08em}.planet-switcher select{min-width:260px;max-width:390px;background:#071827;color:#e9f7ff;border:1px solid #3a6688;border-radius:7px;padding:8px}
.surveillance-status{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(91,179,217,.32);border-radius:10px;padding:10px 12px;margin-bottom:12px;background:rgba(4,20,34,.74)}.surveillance-status>div{display:grid;gap:2px}.surveillance-status span{font-size:.58rem;letter-spacing:.12em;color:#84cde8}.surveillance-status strong{font-size:.9rem}.surveillance-status p{margin:0;color:#abc9d8;font-size:.68rem}.surveillance-status.is-active{border-color:rgba(78,226,161,.52);background:rgba(7,71,55,.45)}.surveillance-status.is-active strong{color:#7ef0a5}.surveillance-status.is-offline strong{color:#ffae86}
.wormhole-control{margin-top:14px;border:1px solid rgba(163,103,255,.42);border-radius:12px;padding:14px;background:radial-gradient(circle at 85% 15%,rgba(111,47,178,.23),transparent 42%),rgba(4,14,27,.86);display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(260px,1fr);gap:16px;align-items:center}.wormhole-kicker{font-size:.58rem;letter-spacing:.14em;color:#c39cff}.wormhole-control h3{margin:4px 0 6px}.wormhole-control p{margin:0;color:#abc4d3;font-size:.7rem;line-height:1.45}.wormhole-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;font-size:.68rem}.wormhole-requirements span{background:rgba(5,17,30,.7);border-radius:6px;padding:6px}.wormhole-control>form button{width:100%;margin-top:9px}.wormhole-actions{display:flex;gap:8px;margin-top:10px}.wormhole-actions form{flex:1}.wormhole-actions button{width:100%}.wormhole-jump-button{background:linear-gradient(90deg,#6e39b8,#b15be0)!important}
.wormhole-risk-warning{grid-column:1/-1;padding:11px 13px;border:1px solid rgba(255,96,96,.82);border-radius:9px;background:linear-gradient(90deg,rgba(111,12,20,.88),rgba(55,8,17,.76));box-shadow:0 0 22px rgba(255,39,65,.13)}.wormhole-risk-warning strong{display:block;color:#ffd0d0;font-size:.9rem}.wormhole-risk-warning p{margin:5px 0 8px;color:#ffe4e4}.wormhole-risk-warning>div{display:flex;gap:7px;flex-wrap:wrap}.wormhole-risk-warning>div span{padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.28);font-size:.64rem;color:#fff}
.voyager-control{margin-top:14px;padding:14px;border:1px solid rgba(79,195,229,.45);border-radius:12px;background:radial-gradient(circle at 12% 15%,rgba(24,129,157,.2),transparent 40%),rgba(4,18,30,.88)}.voyager-control-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.voyager-control-heading h3{margin:4px 0 0}.voyager-control-heading>strong{padding:6px 9px;border-radius:999px;background:rgba(18,94,119,.58);color:#9ae8ff;font-size:.72rem}.voyager-control>p{margin:8px 0 12px;color:#abc9d8;font-size:.7rem;line-height:1.45}.voyager-launch-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.voyager-launch-form label{display:grid;gap:5px;color:#b9eaff;font-size:.68rem}.voyager-launch-form select{width:100%;min-width:0}.voyager-launch-facts{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.voyager-launch-facts span{padding:6px 8px;border-radius:7px;background:rgba(3,15,25,.64);color:#acd0df;font-size:.64rem}.voyager-launch-form>button{grid-column:1/-1}.voyager-mission-active,.voyager-cooldown,.voyager-locked-message{display:grid;gap:6px;padding:10px 12px;border:1px solid rgba(104,211,240,.32);border-radius:9px;background:rgba(3,17,28,.72)}.voyager-mission-active>span,.voyager-cooldown>span,.voyager-locked-message>span{font-size:.68rem;color:#abcbd9}.voyager-cooldown{border-color:rgba(255,183,83,.45);background:rgba(87,49,6,.42)}.voyager-locked-message{border-color:rgba(255,136,136,.34)}
@media(max-width:900px){.planet-switcher{margin-left:0;width:100%}.planet-switcher select{min-width:0;max-width:none;flex:1}.wormhole-control{grid-template-columns:1fr}.surveillance-status{align-items:flex-start;flex-direction:column}.voyager-launch-form{grid-template-columns:1fr}.voyager-launch-form>*{grid-column:1!important}}

/* Phase 3.12: kompakte Industrie- und Hangarkarten ohne horizontales Scrollen */
.industry-tree{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(92px,112px));
  justify-content:center;
  align-items:start;
  gap:10px;
  min-height:0;
  overflow:visible;
  padding:5px 0 12px;
}
.industry-card,
.ship-build-card{
  width:auto;
  min-width:0;
  max-width:none;
  padding:6px;
  border-radius:9px;
  flex:none;
}
.industry-card:not(:last-of-type)::after{display:none}
.industry-card h3,
.ship-build-card h3{
  margin:4px 0 5px;
  min-height:2.25em;
  font-size:.68rem;
  line-height:1.12;
}
.industry-icon{
  width:64px;
  height:64px;
  border-radius:7px;
}
.industry-card button,
.ship-build-card button{
  min-height:34px;
  padding:5px 3px;
  font-size:.64rem;
  line-height:1.12;
}
.ship-build-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(105px,125px));
  justify-content:center;
  gap:10px;
  overflow:visible;
  margin-top:14px;
}
.ship-build-card .industry-icon{
  width:72px;
  height:64px;
}
.ship-build-card p{font-size:.68rem}
@media(max-width:700px){
  .industry-tree{grid-template-columns:repeat(auto-fit,minmax(84px,100px));gap:8px}
  .industry-card,.ship-build-card{width:auto;min-width:0;flex-basis:auto}
  .industry-icon{width:58px;height:58px}
  .ship-build-grid{grid-template-columns:repeat(auto-fit,minmax(96px,112px));gap:8px}
}
/* Rangliste */
.ranking-shell{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:18px 0 42px}
.ranking-hero,.ranking-panel,.ranking-summary article,.ranking-rules{border:1px solid rgba(75,151,190,.48);background:rgba(4,23,39,.9);box-shadow:0 18px 50px rgba(0,0,0,.26)}
.ranking-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:180px;padding:28px 34px;border-radius:16px;background:linear-gradient(100deg,rgba(4,26,43,.96),rgba(4,24,39,.73)),url("../assets/images/panel_bg/handelspanel.jpg") center 45%/cover}
.ranking-kicker{color:#71d5ff;font-size:.76rem;font-weight:800;letter-spacing:.16em}
.ranking-hero h1{margin:5px 0 8px;color:#fff;font-size:clamp(2rem,4vw,3.7rem)}
.ranking-hero p{max-width:780px;margin:0;color:#c9dce9;line-height:1.55}
.ranking-player-total{min-width:230px;padding:20px 26px;border:1px solid rgba(255,199,78,.55);border-radius:14px;background:rgba(20,18,7,.72);text-align:right}
.ranking-player-total span,.ranking-player-total small,.ranking-summary span,.ranking-summary small{display:block;color:#adc4d2}
.ranking-player-total strong{display:block;margin:2px 0;color:#ffd55f;font-size:2.4rem}
.ranking-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}
.ranking-summary article{position:relative;overflow:hidden;padding:20px 24px;border-radius:12px}
.ranking-summary article:after{position:absolute;right:-24px;bottom:-42px;width:110px;height:110px;border-radius:50%;content:"";filter:blur(8px);opacity:.3}
.ranking-summary .economy:after{background:#2ad9a2}.ranking-summary .combat:after{background:#ff705e}.ranking-summary .total:after{background:#ffd35f}
.ranking-summary strong{display:block;margin:2px 0;color:#fff;font-size:1.85rem}
.ranking-board{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ranking-panel{overflow:hidden;border-radius:14px}
.ranking-panel-heading{padding:20px 22px 14px;border-bottom:1px solid rgba(83,145,177,.25)}
.ranking-panel-heading>div{display:flex;align-items:center;gap:10px}
.ranking-panel-heading h2,.ranking-rules h2{margin:0;color:#fff;font-size:1.25rem}
.ranking-panel-heading p{margin:5px 0 0 38px;color:#87a9bb;font-size:.9rem}
.ranking-panel-icon{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:8px;font-weight:900}
.ranking-panel-icon.economy{color:#58efbe;background:rgba(32,183,136,.18)}.ranking-panel-icon.combat{color:#ff8879;background:rgba(223,70,55,.18)}.ranking-panel-icon.total{color:#ffd45c;background:rgba(226,174,47,.18)}
.ranking-table{width:100%;border-collapse:collapse}
.ranking-table th,.ranking-table td{padding:13px 18px;border-bottom:1px solid rgba(88,143,170,.16);text-align:left}
.ranking-table th{color:#789cae;background:rgba(14,43,63,.42);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.ranking-table tbody tr:hover{background:rgba(49,142,183,.09)}
.ranking-table tbody tr.is-current-player{background:rgba(235,190,68,.12);box-shadow:inset 3px 0 #ffd452}
.ranking-position{display:inline-grid;width:29px;height:29px;place-items:center;border-radius:50%;color:#a9d7ea;background:#0d334b;font-weight:800}
.ranking-table tbody tr:nth-child(1) .ranking-position{color:#3b2b00;background:#ffd15b}.ranking-table tbody tr:nth-child(2) .ranking-position{color:#25313b;background:#c8d5df}.ranking-table tbody tr:nth-child(3) .ranking-position{color:#39220e;background:#d69257}
.ranking-role{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.76rem;font-weight:750}
.ranking-role.is-merchant{color:#6ce4ff;background:rgba(33,153,190,.15)}.ranking-role.is-pirate{color:#ff9a8b;background:rgba(207,68,52,.15)}
.ranking-points{color:#fff;font-weight:850;text-align:right!important;font-variant-numeric:tabular-nums}.ranking-table th:last-child{text-align:right}
.ranking-total-panel{margin-top:16px}
.ranking-rules{margin-top:16px;padding:22px;border-radius:14px}
.ranking-rules>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
.ranking-rules article{padding:12px 14px;border:1px solid rgba(80,144,176,.27);border-radius:9px;background:rgba(15,46,67,.42)}
.ranking-rules article strong,.ranking-rules article span{display:block}.ranking-rules article strong{color:#e9f7ff}.ranking-rules article span{margin-top:3px;color:#7fc7e7;font-size:.85rem}.ranking-rules>p{margin:14px 0 0;color:#91acba;font-size:.88rem}
@media(max-width:1050px){.ranking-board{grid-template-columns:1fr}}
@media(max-width:720px){.ranking-hero{align-items:stretch;flex-direction:column;padding:22px}.ranking-player-total{min-width:0;text-align:left}.ranking-summary{grid-template-columns:1fr}.ranking-rules>div{grid-template-columns:1fr}.ranking-table th:nth-child(3),.ranking-table td:nth-child(3){display:none}.ranking-table th,.ranking-table td{padding:11px 10px}}

/* Einteilige Spielerrangliste */
.ranking-single-shell{width:calc(100% - 24px);max-width:none;padding:12px 0}
.ranking-list-panel{min-height:calc(100vh - 24px);overflow:hidden;border:1px solid rgba(75,151,190,.48);border-radius:14px;background:rgba(4,23,39,.92);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.ranking-list-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-bottom:1px solid rgba(83,145,177,.25);background:linear-gradient(90deg,rgba(6,36,57,.96),rgba(6,27,43,.78))}
.ranking-list-heading span{color:#71d5ff;font-size:.72rem;font-weight:850;letter-spacing:.14em}
.ranking-list-heading h1{margin:4px 0 0;color:#fff;font-size:2rem}
.ranking-list-heading>strong{padding:9px 13px;border:1px solid rgba(102,196,232,.32);border-radius:9px;color:#bdeaff;background:rgba(8,45,65,.72)}
.ranking-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(170px,auto) auto;align-items:end;gap:14px;padding:18px 22px;border-bottom:1px solid rgba(83,145,177,.25);background:rgba(7,29,46,.72)}
.ranking-filter-form label{margin:0}
.ranking-filter-form label>span{display:block;margin-bottom:6px;color:#a9cad9;font-size:.78rem;font-weight:700}
.ranking-filter-form input[type=search],.ranking-filter-form select{box-sizing:border-box;width:100%;height:40px;padding:8px 11px;border:1px solid #315d7c;border-radius:7px;color:#eefaff;background:#071827}
.ranking-online-filter{display:flex!important;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid rgba(60,132,168,.48);border-radius:7px;background:#0a2438;white-space:nowrap}
.ranking-online-filter input{width:16px;height:16px;margin:0;accent-color:#38c68b}
.ranking-online-filter>span{margin:0!important;color:#d6edf7!important}
.ranking-filter-form>button{height:40px;padding:0 20px;border:1px solid #61c9ee;border-radius:7px;color:#fff;background:#168fbe;font:inherit;font-weight:800;cursor:pointer}
.ranking-filter-form>button:hover{background:#25a7d8}
.ranking-table-scroll{overflow-x:auto}
.ranking-user-table{width:100%;min-width:1220px;border-collapse:collapse}
.ranking-user-table th,.ranking-user-table td{padding:13px 16px;border-bottom:1px solid rgba(88,143,170,.17);text-align:center}
.ranking-user-table th{background:rgba(9,38,58,.94);font-size:.76rem;letter-spacing:.035em;text-transform:uppercase}
.ranking-user-table th:first-child,.ranking-user-table td:first-child{text-align:left}
.ranking-user-table th a{display:flex;align-items:center;justify-content:center;gap:7px;color:#c2dce8;text-decoration:none}
.ranking-user-table th:first-child a{justify-content:flex-start}
.ranking-user-table th a:hover{color:#fff}
.ranking-user-table th a span{color:#699fb8;font-size:.68rem}
.ranking-user-table th.rank-total,.ranking-user-table td.rank-total{color:#ffd65d}
.ranking-user-table th.rank-economy,.ranking-user-table td.rank-economy{color:#63e6a8}
.ranking-user-table th.rank-combat,.ranking-user-table td.rank-combat{color:#75d9ff}
.ranking-user-table tbody tr:hover{background:rgba(43,132,169,.09)}
.ranking-user-table tbody tr.is-current-player{background:rgba(232,185,55,.1);box-shadow:inset 3px 0 #ffd452}
.ranking-user-table td b{font-size:1rem;font-variant-numeric:tabular-nums}
.ranking-username{white-space:nowrap}
.ranking-username i{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;vertical-align:1px}
.ranking-username i.is-online{background:#51e493;box-shadow:0 0 9px rgba(81,228,147,.62)}
.ranking-username i.is-offline{background:#587080}
.ranking-username small{margin-left:8px;padding:3px 6px;border-radius:999px;color:#ffe188;background:rgba(223,178,55,.17);font-size:.66rem}
.ranking-user-table td button{min-width:88px;padding:7px 10px;border:1px solid #31556d;border-radius:6px;color:#6f8793;background:#102536;font:inherit;font-size:.75rem;font-weight:700;cursor:not-allowed;opacity:.62}
.ranking-empty{padding:38px!important;color:#88a8b7;text-align:center!important}
.ranking-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;color:#87a9b9}
.ranking-pagination nav{display:flex;align-items:center;gap:6px}
.ranking-pagination nav a,.ranking-pagination nav>span:not(.ranking-page-gap){display:grid;min-width:34px;height:34px;padding:0 7px;place-items:center;border:1px solid #315a76;border-radius:6px;color:#cfeaf5;background:#0b2940;text-decoration:none}
.ranking-pagination nav a:hover,.ranking-pagination nav a.is-active{border-color:#62caee;color:#fff;background:#168dbb}
.ranking-pagination nav .is-disabled{opacity:.35}
.ranking-pagination .ranking-page-gap{padding:0 4px;color:#6c92a4}
@media(max-width:900px){
 .ranking-single-shell{width:calc(100% - 16px);padding:8px 0}
 .ranking-list-panel{min-height:0}
 .ranking-filter-form{grid-template-columns:1fr 1fr}
 .ranking-search-field{grid-column:1/-1}
 .ranking-filter-form>button{width:100%}
}
@media(max-width:560px){
 .ranking-list-heading{align-items:flex-start;flex-direction:column;padding:19px}
 .ranking-filter-form{grid-template-columns:1fr}
 .ranking-search-field{grid-column:auto}
 .ranking-pagination{align-items:flex-start;flex-direction:column}
}

/* Internes Nachrichtensystem */
.messages-shell{width:calc(100% - 24px);margin:0 auto;padding:12px 0}
.messages-panel{min-height:calc(100vh - 24px);overflow:hidden;border:1px solid rgba(75,151,190,.48);border-radius:14px;background:rgba(4,22,37,.94);box-shadow:0 18px 50px rgba(0,0,0,.32)}
.messages-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,520px);align-items:end;gap:36px;padding:25px 28px;border-bottom:1px solid rgba(83,145,177,.25);background:linear-gradient(100deg,rgba(7,38,59,.96),rgba(5,25,42,.82))}
.messages-heading>div>span{color:#71d5ff;font-size:.71rem;font-weight:850;letter-spacing:.14em}
.messages-heading h1{margin:5px 0 6px;color:#fff;font-size:2rem}
.messages-heading p{margin:0;color:#99b7c7}
.messages-open-form{margin:0}
.messages-open-form>label{display:block;margin-bottom:7px;color:#d9edf6;font-weight:750}
.messages-open-form>div{display:grid;grid-template-columns:1fr auto;gap:9px}
.message-user-search{align-items:start}
.message-user-autocomplete{position:relative;min-width:0}
.messages-open-form #message-user{box-sizing:border-box;width:100%;min-width:0;height:42px;padding:8px 11px;border:1px solid #35617f;border-radius:8px;color:#eefaff;background:#071827;font:inherit}
.messages-open-form #message-user:focus{outline:2px solid rgba(91,207,241,.28);border-color:#68d4f5}
.message-user-search-status{display:block;min-height:16px;margin:5px 2px 0;color:#79a4b7;font-size:.67rem}
.message-user-suggestions{position:absolute;z-index:30;top:46px;left:0;right:0;max-height:260px;overflow-y:auto;margin:0;padding:5px;border:1px solid #3f7190;border-radius:9px;background:#061522;box-shadow:0 16px 34px rgba(0,0,0,.48);list-style:none}
.message-user-suggestions[hidden]{display:none}
.message-user-suggestions li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:6px;color:#e9f8ff;cursor:pointer}
.message-user-suggestions li:hover,.message-user-suggestions li.is-active{background:#12688c}
.message-user-suggestions li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-user-suggestions li span{flex:0 0 auto;color:#82cde9;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.messages-open-form button,.message-reply-form button{padding:0 20px;border:1px solid #62cbef;border-radius:8px;color:#fff;background:#168fbe;font:inherit;font-weight:850;cursor:pointer}
.messages-open-form button:hover,.message-reply-form button:hover{background:#25a7d8}
.messages-open-form button:disabled{opacity:.4;cursor:not-allowed}
.messages-alert{margin:14px 18px 0;padding:11px 14px;border:1px solid;border-radius:8px}
.messages-alert-success{border-color:rgba(83,226,153,.48);color:#baffd9;background:rgba(12,87,58,.56)}
.messages-alert-error{border-color:rgba(255,104,111,.56);color:#ffd4d6;background:rgba(103,18,25,.65)}
.messages-layout{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:640px}
.conversation-sidebar{padding:22px 16px;border-right:1px solid rgba(91,154,184,.25);background:rgba(3,17,29,.62)}
.conversation-sidebar h2{margin:0 6px 16px;color:#fff;font-size:1.25rem}
.conversation-list{display:grid;gap:9px}
.conversation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:7px;border:1px solid rgba(75,139,168,.27);border-radius:10px;background:rgba(10,38,56,.58)}
.conversation-row.is-active{border-color:#56c9ef;background:rgba(19,94,122,.42);box-shadow:inset 3px 0 #67d7fb}
.conversation-row>a{position:relative;min-width:0;padding:7px;color:#e7f7fe;text-decoration:none}
.conversation-row>a span,.conversation-row>a small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-row>a span{padding-right:25px;font-weight:800}.conversation-row>a small{margin-top:3px;color:#83aabb;font-size:.68rem}
.conversation-row>a b{position:absolute;top:5px;right:4px;display:grid;min-width:21px;height:21px;padding:0 5px;place-items:center;border-radius:99px;color:#03131e;background:#6fddff;font-size:.69rem}
.conversation-row form{display:flex;margin:0}
.conversation-row form button{align-self:stretch;padding:0 8px;border:1px solid rgba(255,102,111,.36);border-radius:7px;color:#ff9ca2;background:rgba(99,22,29,.42);font:inherit;font-size:.68rem;cursor:pointer}
.conversation-row form button:hover{color:#fff;background:#982f3a}
.conversation-empty{margin:10px;color:#789baa;line-height:1.5}
.conversation-main{min-width:0;padding:22px 26px}
.conversation-placeholder{display:grid;min-height:520px;place-content:center;text-align:center;color:#85a8b8}
.conversation-placeholder strong{color:#dceff7;font-size:1.25rem}
.conversation-placeholder p{max-width:430px;margin:7px auto 0}
.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.conversation-header span{color:#76b8d3;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.conversation-header h2{margin:2px 0 0;color:#fff;font-size:1.55rem}
.conversation-header form{margin:0}
.conversation-header button{padding:9px 13px;border-radius:8px;background:transparent;font:inherit;font-weight:800;cursor:pointer}
.message-block-button{border:1px solid rgba(255,104,112,.66);color:#ff9299}.message-block-button:hover{color:#fff;background:#8e2634}
.message-unblock-button{border:1px solid rgba(89,221,157,.56);color:#7beab2}.message-unblock-button:hover{color:#041b13;background:#68dcaa}
.message-history{display:flex;min-height:390px;max-height:52vh;overflow-y:auto;flex-direction:column;gap:12px;padding:18px;border:1px solid rgba(78,143,175,.3);border-radius:13px;background:rgba(2,13,23,.62)}
.message-bubble{max-width:min(680px,76%);padding:12px 15px;border:1px solid;border-radius:15px}
.message-bubble.is-own{align-self:flex-end;border-color:rgba(91,203,238,.42);background:linear-gradient(140deg,rgba(17,85,112,.82),rgba(10,56,79,.88));border-bottom-right-radius:4px}
.message-bubble.is-foreign{align-self:flex-start;border-color:rgba(101,153,178,.35);background:rgba(14,40,57,.92);border-bottom-left-radius:4px}
.message-bubble header{display:flex;align-items:center;gap:10px;color:#95b6c5;font-size:.72rem}
.message-bubble header strong{color:#dff5ff}
.message-bubble p{margin:8px 0 0;color:#f0f9fd;line-height:1.5;overflow-wrap:anywhere}
.message-bubble>small{display:block;margin-top:6px;color:#80b5ca;text-align:right;font-size:.65rem}
.message-reply-form{display:grid;gap:9px;margin-top:15px}
.message-reply-form label{color:#dff3fa;font-weight:800}
.message-reply-form textarea{box-sizing:border-box;width:100%;min-height:115px;resize:vertical;padding:12px 14px;border:1px solid #35617f;border-radius:9px;color:#eefaff;background:rgba(3,17,28,.92);font:inherit;line-height:1.5}
.message-reply-form textarea:focus{outline:2px solid rgba(91,207,241,.3);border-color:#66cdef}
.message-reply-form button{min-height:42px}
.message-blocked-note{margin-top:15px;padding:13px;border:1px solid rgba(255,158,80,.5);border-radius:9px;color:#ffd8b0;background:rgba(105,53,12,.52)}
.ranking-user-table td .ranking-message-button{display:inline-block;min-width:88px;padding:7px 10px;border:1px solid #4db4db;border-radius:6px;color:#e9faff;background:#116d91;text-decoration:none;font-size:.75rem;font-weight:800}
.ranking-user-table td .ranking-message-button:hover{border-color:#8be6ff;background:#1b94bf}
.ranking-friend-form{margin:0}
.ranking-user-table td .ranking-friend-button{min-width:132px;border-color:#43c99a;color:#eafff6;background:#13785b;cursor:pointer;opacity:1}
.ranking-user-table td .ranking-friend-button:hover{border-color:#8fffd7;background:#1c9b75}
.ranking-user-table td .ranking-friend-button.is-remove{border-color:#d88070;color:#fff0ed;background:#843c35}
.ranking-user-table td .ranking-friend-button.is-remove:hover{border-color:#ffb0a4;background:#aa4a40}
.ranking-action-tooltip{position:relative;display:inline-block}
.ranking-action-tooltip::after{position:absolute;z-index:20;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:220px;padding:7px 10px;border:1px solid #4d91b4;border-radius:7px;color:#e9f9ff;background:#061724;box-shadow:0 9px 24px rgba(0,0,0,.45);content:attr(data-tooltip);font-size:.72rem;font-weight:700;line-height:1.3;opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:opacity .16s ease,transform .16s ease}
.ranking-action-tooltip:hover::after,.ranking-action-tooltip:focus-within::after{opacity:1;transform:translate(-50%,0)}

/* Freundschaftsanfragen */
.friendship-modal-backdrop{position:fixed;z-index:20000;inset:0;display:grid;padding:24px;place-items:center;background:rgba(0,8,15,.78);backdrop-filter:blur(5px)}
.friendship-modal{box-sizing:border-box;width:min(520px,100%);padding:28px;border:1px solid rgba(93,218,255,.72);border-radius:15px;color:#dff6ff;background:linear-gradient(145deg,rgba(7,38,58,.99),rgba(3,20,34,.99));box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 30px rgba(63,193,235,.15);text-align:center}
.friendship-modal-kicker{display:block;color:#6edcff;font-size:.7rem;font-weight:900;letter-spacing:.16em}
.friendship-modal h2{margin:8px 0 0;color:#fff;font-size:1.75rem;line-height:1.25}
.friendship-modal h3{margin:16px 0 0;color:#aee9ff;font-size:1.15rem}
.friendship-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
.friendship-modal form{margin:24px 0 0}
.friendship-modal-actions form{margin:0}
.friendship-modal button{width:100%;min-height:44px;padding:9px 18px;border:1px solid;border-radius:8px;color:#fff;font:inherit;font-weight:850;cursor:pointer}
.friendship-modal .friendship-accept{border-color:#58e0aa;background:#16805f}
.friendship-modal .friendship-accept:hover{background:#20a177}
.friendship-modal .friendship-decline{border-color:#ff8c91;background:#8d3038}
.friendship-modal .friendship-decline:hover{background:#ad3d46}
.friendship-modal .friendship-ok{border-color:#68d9ff;background:#148bb7}
.friendship-modal .friendship-ok:hover{background:#20a7d8}
@media(max-width:520px){
 .friendship-modal-backdrop{padding:14px}
 .friendship-modal{padding:22px 18px}
 .friendship-modal-actions{grid-template-columns:1fr}
}

/* Freundesliste und Ressourcentransporte */
.friends-shell{width:calc(100% - 24px);margin:0 auto;padding:12px 0}
.friends-panel{min-height:calc(100vh - 24px);overflow:hidden;border:1px solid rgba(75,151,190,.48);border-radius:14px;background:rgba(4,22,37,.94);box-shadow:0 18px 50px rgba(0,0,0,.32)}
.friends-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-bottom:1px solid rgba(83,145,177,.25);background:linear-gradient(90deg,rgba(6,36,57,.96),rgba(6,27,43,.78))}
.friends-heading span{color:#71d5ff;font-size:.72rem;font-weight:850;letter-spacing:.14em}
.friends-heading h1{margin:4px 0 0;color:#fff;font-size:2rem}
.friends-heading>strong{padding:9px 13px;border:1px solid rgba(102,196,232,.32);border-radius:9px;color:#bdeaff;background:rgba(8,45,65,.72)}
.friends-alert{margin:15px 20px 0;padding:11px 14px;border:1px solid;border-radius:8px}
.friends-alert-success{border-color:#42c991;color:#c9ffe7;background:rgba(12,87,58,.62)}
.friends-alert-error{border-color:#e56871;color:#ffd6d9;background:rgba(103,18,25,.68)}
.friends-table-scroll{overflow-x:auto}
.friends-table{width:100%;min-width:820px;border-collapse:collapse}
.friends-table th,.friends-table td{padding:15px 18px;border-bottom:1px solid rgba(88,143,170,.18);text-align:left}
.friends-table th{color:#bcdbe8;background:rgba(9,38,58,.94);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}
.friends-table td{color:#dceff7}.friends-table td strong{color:#fff;font-size:1rem}
.friends-table td small{display:block;margin-top:3px;color:#7fb7ce}
.friends-actions{display:flex;justify-content:flex-end;gap:9px}.friends-actions form{margin:0}
.friends-actions button{min-height:36px;padding:7px 12px;border:1px solid;border-radius:7px;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}
.friend-remove-button{border-color:#c76569!important;color:#ffdadd;background:#762c34}.friend-remove-button:hover{background:#983842}
.friend-send-button{border-color:#51bee6!important;color:#effbff;background:#147b9f}.friend-send-button:hover{background:#1c9ac4}
.friend-send-button:disabled{border-color:#35566a!important;color:#6f8793;background:#102536;cursor:not-allowed;opacity:.58}
.friends-empty{padding:45px!important;color:#88a8b7!important;text-align:center!important}
.friend-modal-open{overflow:hidden}
.friend-send-backdrop{position:fixed;z-index:19000;inset:0;display:grid;padding:22px;place-items:center;background:rgba(0,8,15,.8);backdrop-filter:blur(5px)}
.friend-send-backdrop[hidden]{display:none}
.friend-send-modal{position:relative;box-sizing:border-box;width:min(1050px,100%);max-height:calc(100vh - 44px);overflow-y:auto;padding:26px;border:1px solid rgba(87,202,241,.68);border-radius:15px;color:#dff5ff;background:linear-gradient(145deg,rgba(6,34,53,.99),rgba(3,18,31,.99));box-shadow:0 25px 75px rgba(0,0,0,.65)}
.friend-send-modal>span{color:#69d7fb;font-size:.69rem;font-weight:900;letter-spacing:.15em}
.friend-send-modal h2{margin:5px 0 4px;color:#fff;font-size:1.7rem}.friend-send-target{margin:0 0 19px;color:#86bdd2}
.friend-send-close{position:absolute;top:14px;right:15px;width:36px;height:36px;border:1px solid #496c7f;border-radius:50%;color:#dff6ff;background:#0a2739;font-size:1.4rem;cursor:pointer}
.friend-ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.friend-ship-grid label,.friend-cargo-grid label{display:grid;gap:5px;padding:11px;border:1px solid rgba(68,136,168,.36);border-radius:9px;background:rgba(10,38,56,.68);font-weight:800}
.friend-ship-grid small,.friend-cargo-grid small{color:#82afc2;font-size:.69rem;font-weight:500}.friend-ship-grid em{color:#63d5a2;font-size:.7rem;font-style:normal}
.friend-send-modal input{box-sizing:border-box;width:100%;height:38px;padding:7px 9px;border:1px solid #35617f;border-radius:7px;color:#eefaff;background:#071827;font:inherit}
.friend-cargo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px}
.friend-load-summary,.friend-fuel-summary{margin-top:15px;padding:12px 14px;border:1px solid rgba(67,139,173,.4);border-radius:9px;background:rgba(7,31,47,.74)}
.friend-load-summary>div:first-child,.friend-fuel-summary{display:flex;align-items:center;justify-content:space-between;gap:15px}
.friend-load-bar{height:11px;margin:9px 0 6px;overflow:hidden;border-radius:99px;background:#102e42}
.friend-load-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#19a4d0,#5be0ae);transition:width .16s ease}.friend-load-bar i.is-overloaded{background:#e45861}
.friend-load-summary small{color:#8eb0bf}.friend-fuel-summary strong{color:#dff5ff}.friend-fuel-summary span{color:#8fd9f5}
.friend-send-warning{min-height:22px;margin:12px 2px;color:#ff9da2;font-weight:700}.friend-send-warning.is-ready{color:#68e2ac}
.friend-send-submit{width:100%;min-height:44px;border:1px solid #65d6fa;border-radius:8px;color:#fff;background:#168fbe;font:inherit;font-weight:900;cursor:pointer}.friend-send-submit:hover{background:#25a7d8}.friend-send-submit:disabled{border-color:#395769;color:#718896;background:#102638;cursor:not-allowed;opacity:.6}
@media(max-width:900px){.friend-cargo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.friends-shell{width:calc(100% - 16px);padding:8px 0}.friend-send-backdrop{padding:10px}.friend-send-modal{max-height:calc(100vh - 20px);padding:21px 15px}.friend-ship-grid,.friend-cargo-grid{grid-template-columns:1fr}.friend-fuel-summary{align-items:flex-start;flex-direction:column}.friends-heading{padding:19px}}
@media(max-width:900px){
 .messages-shell{width:calc(100% - 16px);padding:8px 0}
 .messages-panel{min-height:0}
 .messages-heading{grid-template-columns:1fr}
 .messages-layout{grid-template-columns:1fr}
 .conversation-sidebar{border-right:0;border-bottom:1px solid rgba(91,154,184,.25)}
 .conversation-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .messages-heading,.conversation-main{padding:18px}
 .conversation-list{grid-template-columns:1fr}
 .messages-open-form>div{grid-template-columns:1fr}
 .messages-open-form button{min-height:42px}
 .message-bubble{max-width:90%}
}

/* Galaktisches Spielerforum */
.forum-shell{width:calc(100% - 24px);margin:0 auto;padding:12px 0}
.forum-panel{min-height:calc(100vh - 24px);overflow:hidden;border:1px solid rgba(75,151,190,.48);border-radius:14px;background:rgba(4,22,37,.96);box-shadow:0 18px 50px rgba(0,0,0,.32)}
.forum-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:25px 28px;border-bottom:1px solid rgba(83,145,177,.25);background:linear-gradient(100deg,rgba(7,38,59,.97),rgba(5,25,42,.84))}
.forum-heading>div:first-child>span{color:#71d5ff;font-size:.71rem;font-weight:850;letter-spacing:.14em}
.forum-heading h1{margin:5px 0 6px;color:#fff;font-size:2rem}.forum-heading p{margin:0;color:#99b7c7}
.forum-heading-stats{display:grid;min-width:210px;padding:12px 15px;border:1px solid rgba(100,196,232,.32);border-radius:10px;background:rgba(7,35,53,.72);text-align:right}
.forum-heading-stats strong{color:#dff7ff;font-size:1.05rem}.forum-heading-stats small{margin-top:3px;color:#79b3c9}
.forum-alert{margin:14px 18px 0;padding:11px 14px;border:1px solid;border-radius:8px}.forum-alert-success{border-color:rgba(83,226,153,.48);color:#baffd9;background:rgba(12,87,58,.56)}.forum-alert-error{border-color:rgba(255,104,111,.56);color:#ffd4d6;background:rgba(103,18,25,.65)}
.forum-breadcrumb{display:flex;align-items:center;gap:9px;min-height:48px;padding:12px 24px;border-bottom:1px solid rgba(83,145,177,.18);color:#789fb2;background:rgba(3,17,29,.68);font-size:.82rem;overflow-wrap:anywhere}
.forum-breadcrumb a{color:#7fd9fa;text-decoration:none}.forum-breadcrumb a:hover{color:#fff}.forum-breadcrumb strong{color:#d9edf6}
.forum-category-list,.forum-topic-list{display:grid}.forum-category-row,.forum-topic-row{position:relative;display:grid;align-items:center;gap:18px;min-height:88px;padding:15px 23px;border-bottom:1px solid rgba(83,145,177,.18);color:inherit;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}
.forum-category-row{grid-template-columns:52px minmax(260px,1.2fr) 130px minmax(230px,.8fr) 18px}.forum-topic-row{grid-template-columns:22px minmax(260px,1.2fr) 120px minmax(170px,.65fr) auto 18px}
.forum-category-row:hover,.forum-topic-row:hover{border-color:rgba(96,204,243,.36);background:rgba(11,54,77,.66)}
.forum-category-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(82,195,235,.5);border-radius:13px;color:#9ae9ff;background:linear-gradient(145deg,rgba(18,102,135,.52),rgba(7,43,65,.75));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);font-size:1.35rem;font-weight:900}
.forum-category-copy,.forum-category-counts,.forum-category-latest,.forum-topic-copy,.forum-topic-counts,.forum-topic-latest{display:grid;gap:5px;min-width:0}.forum-category-copy strong,.forum-topic-copy strong{overflow:hidden;color:#f4fbff;font-size:1.02rem;text-overflow:ellipsis;white-space:nowrap}.forum-category-copy small,.forum-topic-copy small,.forum-category-counts small,.forum-category-latest small,.forum-topic-counts small,.forum-topic-latest small{color:#789fb2;line-height:1.35}.forum-category-counts b,.forum-topic-counts b,.forum-category-latest b,.forum-topic-latest b{overflow:hidden;color:#bedeea;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.forum-row-arrow{color:#4ea7ca;font-size:1.8rem;text-align:right}
.forum-category-intro{display:flex;align-items:center;gap:16px;padding:21px 24px;border-bottom:1px solid rgba(83,145,177,.18);background:linear-gradient(90deg,rgba(8,42,62,.78),rgba(4,24,39,.4))}.forum-category-intro h2{margin:0;color:#fff;font-size:1.35rem}.forum-category-intro p{margin:5px 0 0;color:#8fb2c2}
.forum-compose{margin:16px 20px;border:1px solid rgba(81,175,211,.42);border-radius:11px;background:rgba(6,31,47,.74)}.forum-compose summary{padding:13px 16px;color:#dff5ff;font-weight:850;cursor:pointer}.forum-compose[open] summary{border-bottom:1px solid rgba(81,175,211,.25);color:#77dbff}.forum-compose form,.forum-reply-form{display:grid;gap:9px;padding:17px}.forum-compose label,.forum-reply-form label{color:#dff3fa;font-weight:800}.forum-compose input,.forum-compose textarea,.forum-reply-form textarea{box-sizing:border-box;width:100%;padding:11px 13px;border:1px solid #35617f;border-radius:9px;color:#eefaff;background:rgba(3,17,28,.94);font:inherit;line-height:1.5}.forum-compose input:focus,.forum-compose textarea:focus,.forum-reply-form textarea:focus{outline:2px solid rgba(91,207,241,.28);border-color:#68d4f5}.forum-compose textarea,.forum-reply-form textarea{min-height:145px;resize:vertical}.forum-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.forum-form-footer small{color:#769bae}.forum-form-footer button{min-height:40px;padding:8px 18px;border:1px solid #62cbef;border-radius:8px;color:#fff;background:#168fbe;font:inherit;font-weight:850;cursor:pointer}.forum-form-footer button:hover{background:#25a7d8}
.forum-topic-signal{color:#57badf;font-size:.7rem}.forum-topic-signal.is-pinned{color:#ffd86b}.forum-topic-lock{padding:5px 8px;border:1px solid rgba(255,167,91,.5);border-radius:6px;color:#ffd1a8;background:rgba(101,53,15,.58);font-size:.68rem;font-weight:850}.forum-empty{padding:60px 24px;text-align:center}.forum-empty strong{color:#dff3fa;font-size:1.1rem}.forum-empty p{margin:7px 0 0;color:#7f9fac}
.forum-topic-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;border-bottom:1px solid rgba(83,145,177,.22);background:linear-gradient(90deg,rgba(8,42,62,.78),rgba(4,24,39,.38))}.forum-topic-heading span{color:#69d5fb;font-size:.74rem;font-weight:800;letter-spacing:.05em}.forum-topic-heading h2{margin:5px 0 0;color:#fff;font-size:1.45rem}.forum-locked-badge{padding:8px 11px;border:1px solid rgba(255,161,87,.55);border-radius:8px;color:#ffd5ad;background:rgba(104,53,13,.64);font-size:.75rem}
.forum-post-list{display:grid;gap:13px;padding:18px}.forum-post{display:grid;grid-template-columns:185px minmax(0,1fr);overflow:hidden;border:1px solid rgba(74,143,175,.34);border-radius:12px;background:rgba(5,27,42,.8);scroll-margin-top:18px}.forum-post-author{display:flex;align-items:center;flex-direction:column;padding:20px 14px;border-right:1px solid rgba(74,143,175,.26);background:rgba(8,38,57,.72);text-align:center}.forum-author-avatar{display:grid;width:54px;height:54px;margin-bottom:9px;place-items:center;border:1px solid rgba(93,207,245,.62);border-radius:50%;color:#e9fbff;background:linear-gradient(145deg,#157da5,#0b3c5a);font-size:1.35rem;font-weight:900;box-shadow:0 0 18px rgba(67,186,227,.17)}.forum-post-author>strong{color:#fff;overflow-wrap:anywhere}.forum-post-author>b{margin:6px 0 10px;padding:4px 7px;border-radius:5px;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}.forum-post-author>b.is-merchant{color:#7ff0bd;background:rgba(22,112,75,.45)}.forum-post-author>b.is-pirate{color:#ff9ca1;background:rgba(123,35,44,.48)}.forum-post-author small{margin-top:4px;color:#789faf;font-size:.68rem}.forum-post-content{min-width:0;padding:17px 19px}.forum-post-content header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:11px;border-bottom:1px solid rgba(83,145,177,.18);color:#7199aa;font-size:.72rem}.forum-post-content header span{color:#57c9f0;font-weight:850}.forum-post-content>div{padding:17px 2px;color:#e9f4f9;line-height:1.62;overflow-wrap:anywhere}.forum-post-content>small{display:block;margin-top:12px;color:#6f91a1;font-size:.68rem;font-style:italic}.forum-reply-form{margin:0 18px 18px;border:1px solid rgba(81,175,211,.42);border-radius:11px;background:rgba(6,31,47,.74)}.forum-closed-note{margin:0 18px 18px;padding:14px;border:1px solid rgba(255,158,80,.5);border-radius:9px;color:#ffd8b0;background:rgba(105,53,12,.52)}
@media(max-width:1050px){.forum-category-row{grid-template-columns:52px minmax(230px,1fr) 115px minmax(180px,.75fr) 18px}.forum-topic-row{grid-template-columns:22px minmax(220px,1fr) 105px minmax(150px,.6fr) auto 18px}}
@media(max-width:820px){.forum-shell{width:calc(100% - 16px);padding:8px 0}.forum-panel{min-height:0}.forum-heading{align-items:flex-start;flex-direction:column}.forum-heading-stats{width:100%;text-align:left}.forum-category-row,.forum-topic-row{grid-template-columns:48px minmax(0,1fr) 18px}.forum-topic-row{grid-template-columns:20px minmax(0,1fr) 18px}.forum-category-counts,.forum-category-latest,.forum-topic-counts,.forum-topic-latest,.forum-topic-lock{grid-column:2}.forum-category-counts,.forum-topic-counts{display:flex;gap:10px}.forum-category-latest,.forum-topic-latest{padding-top:7px;border-top:1px solid rgba(83,145,177,.15)}.forum-row-arrow{grid-column:3;grid-row:1/-1;align-self:center}.forum-post{grid-template-columns:1fr}.forum-post-author{align-items:center;flex-direction:row;gap:10px;padding:13px 16px;border-right:0;border-bottom:1px solid rgba(74,143,175,.26);text-align:left}.forum-author-avatar{width:42px;height:42px;margin:0}.forum-post-author>b{margin:0}.forum-post-author small{display:none}}
@media(max-width:560px){.forum-heading,.forum-breadcrumb,.forum-category-intro,.forum-topic-heading{padding-left:17px;padding-right:17px}.forum-heading h1{font-size:1.65rem}.forum-category-row,.forum-topic-row{padding:14px 15px;gap:12px}.forum-category-copy strong,.forum-topic-copy strong{white-space:normal}.forum-compose{margin:12px}.forum-compose form,.forum-reply-form{padding:13px}.forum-form-footer{align-items:stretch;flex-direction:column}.forum-form-footer button{width:100%}.forum-post-list{padding:12px}.forum-post-content{padding:14px}.forum-reply-form,.forum-closed-note{margin:0 12px 12px}.forum-post-author{flex-wrap:wrap}}

/* Geschützte Forumskategorien und Admin-Beiträge */
.forum-admin-only-badge{display:inline-block;margin-left:9px;padding:3px 7px;border:1px solid rgba(255,211,102,.5);border-radius:999px;color:#ffe49a;background:rgba(111,78,13,.42);font-size:.62rem;font-style:normal;font-weight:850;letter-spacing:.04em;text-transform:uppercase;vertical-align:2px}
.forum-readonly-label{display:inline-block;margin-top:10px;padding:6px 9px;border:1px solid rgba(255,211,102,.42);border-radius:7px;color:#ffe7a8;background:rgba(99,70,12,.38);font-size:.72rem}
.forum-readonly-note{margin:16px 20px;padding:13px 15px;border:1px solid rgba(255,211,102,.42);border-radius:9px;color:#ffe8ad;background:rgba(86,60,10,.38);line-height:1.45}
.forum-post-author.is-admin-author{background:linear-gradient(160deg,rgba(70,50,8,.82),rgba(17,49,64,.78))}
.forum-post-author.is-admin-author .forum-author-avatar{border-color:rgba(255,220,111,.78);color:#2d2200;background:linear-gradient(145deg,#ffe079,#b98318);box-shadow:0 0 20px rgba(255,205,63,.18)}
.forum-post-author>b.is-admin{color:#fff0b9;background:rgba(128,89,12,.62);border:1px solid rgba(255,218,105,.38)}
@media(max-width:560px){.forum-admin-only-badge{display:table;margin:6px 0 0}.forum-readonly-note{margin:12px}}

/* Einzelbeitrags-Moderation */
.forum-anchor{display:block;height:0;visibility:hidden;scroll-margin-top:18px}
.forum-moderator-note{display:grid;gap:7px;margin:15px 0 0;padding:13px 15px;border:1px solid rgba(255,153,60,.72);border-left:4px solid #ff9a3c;border-radius:8px;color:#ffe1bf;background:linear-gradient(90deg,rgba(132,59,8,.72),rgba(78,38,10,.48));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.forum-moderator-note strong{color:#ffc47d;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}
.forum-moderator-note span{color:#fff0df;line-height:1.5;overflow-wrap:anywhere}
.forum-post-body{padding:17px 2px;color:#e9f4f9;line-height:1.62;overflow-wrap:anywhere}
@media(max-width:560px){.forum-moderator-note{padding:11px 12px}}

/* Korruptionssystem */
.corruption-shell{width:calc(100% - 24px);margin:0 auto;padding:12px 0}
.corruption-panel{min-height:calc(100vh - 24px);overflow:hidden;border:1px solid rgba(65,153,205,.5);border-radius:13px;background:linear-gradient(180deg,rgba(4,24,39,.97),rgba(3,15,27,.98));box-shadow:0 24px 70px rgba(0,0,0,.42)}
.corruption-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 28px 24px;border-bottom:1px solid rgba(75,150,187,.34);background:linear-gradient(120deg,rgba(8,48,71,.9),rgba(4,24,39,.86))}
.corruption-heading>div:first-child{min-width:0}
.corruption-heading>div:first-child>span,.corruption-card-kicker{color:#76dcff;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.corruption-heading h1{margin:8px 0 7px;color:#fff;font-size:clamp(1.9rem,3vw,2.7rem)}
.corruption-heading p{max-width:880px;margin:0;color:#9fbccc;line-height:1.55}
.corruption-score{flex:0 0 auto;display:grid;min-width:128px;padding:14px 18px;border:1px solid rgba(105,198,231,.42);border-radius:12px;text-align:center;background:rgba(2,18,30,.72)}
.corruption-score strong{font-size:2.2rem;line-height:1;color:#fff}
.corruption-score span{margin-top:5px;color:#9fc6d8;font-size:.78rem}
.corruption-alert{margin:14px 18px 0;padding:12px 14px;border:1px solid;border-radius:8px}
.corruption-alert-success{color:#d8ffed;border-color:#3d9b72;background:rgba(21,103,73,.45)}
.corruption-alert-error{color:#ffdfe3;border-color:#a54856;background:rgba(108,28,40,.48)}
.corruption-summary-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:16px;padding:18px}
.corruption-status-card,.corruption-rules-card,.corruption-effects-section,.corruption-history-section{border:1px solid rgba(67,139,174,.43);border-radius:12px;background:rgba(6,29,46,.74)}
.corruption-status-card{padding:21px}
.corruption-status-title{display:flex;align-items:end;justify-content:space-between;gap:16px}
.corruption-status-title span{color:#91b7c8;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}
.corruption-status-title strong{color:#fff;font-size:clamp(1.35rem,2.2vw,2rem);text-align:right}
.corruption-meter{height:16px;margin:18px 0 15px;overflow:hidden;border:1px solid rgba(102,177,210,.43);border-radius:999px;background:#031420;box-shadow:inset 0 2px 7px rgba(0,0,0,.45)}
.corruption-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fe0a6,#f4c84b 46%,#f18b43 70%,#e84c67);box-shadow:0 0 16px rgba(238,115,70,.38)}
.corruption-status-card>p{margin:0;color:#c4dce7;line-height:1.6}
.corruption-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 0}
.corruption-facts>div{padding:12px;border:1px solid rgba(63,127,158,.36);border-radius:9px;background:rgba(2,19,31,.65)}
.corruption-facts dt{color:#7fa8ba;font-size:.72rem}
.corruption-facts dd{margin:5px 0 0;color:#eefaff;font-weight:800}
.corruption-rules-card{padding:21px}
.corruption-rules-card h2,.corruption-effects-section h2,.corruption-history-section h2{margin:7px 0 10px;color:#fff;font-size:1.35rem}
.corruption-rules-card p,.corruption-rules-card li{color:#bdd5df;line-height:1.55}
.corruption-rules-card ul{display:grid;gap:8px;margin:14px 0;padding-left:19px}
.corruption-rules-card small{display:block;padding-top:13px;border-top:1px solid rgba(64,128,158,.32);color:#f1c67c;line-height:1.5}
.corruption-effects-section,.corruption-history-section{margin:0 18px 18px;padding:21px}
.corruption-effects-section>header,.corruption-history-section>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.corruption-effects-section>header p{max-width:580px;margin:0;color:#8fb1c0;text-align:right;line-height:1.45}
.corruption-effects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.corruption-effect-card{min-width:0;padding:15px;border:1px solid rgba(72,145,176,.42);border-top:3px solid #63caee;border-radius:9px;background:rgba(3,20,32,.72)}
.corruption-effect-card>span{display:block;min-height:34px;color:#9bbdcb;font-size:.76rem;font-weight:800;line-height:1.35}
.corruption-effect-card>strong{display:block;margin:8px 0;color:#fff;font-size:1.55rem}
.corruption-effect-card p{margin:0;color:#88a9b8;font-size:.78rem;line-height:1.45}
.corruption-effect-green{border-top-color:#57db9a}.corruption-effect-orange{border-top-color:#f0a34d}.corruption-effect-red{border-top-color:#ef6577}.corruption-effect-purple{border-top-color:#bc85ef}
.corruption-history-section>header>strong{padding:7px 10px;border:1px solid rgba(83,157,190,.38);border-radius:999px;color:#bdeaff;background:rgba(3,22,35,.62);font-size:.78rem}
.corruption-history-list{display:grid;gap:9px}
.corruption-history-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;padding:13px 14px;border:1px solid rgba(64,128,158,.35);border-radius:9px;background:rgba(2,18,29,.62)}
.corruption-history-delta{display:grid;min-height:46px;place-items:center;border:1px solid;border-radius:8px;font-size:1.05rem;font-weight:900}
.corruption-history-row.is-positive .corruption-history-delta{color:#ffb76c;border-color:#a8632f;background:rgba(111,53,14,.42)}
.corruption-history-row.is-negative .corruption-history-delta{color:#8df0bc;border-color:#348b64;background:rgba(18,83,59,.38)}
.corruption-history-row strong{color:#f0faff}
.corruption-history-row p{margin:5px 0;color:#b5ced9;line-height:1.45}
.corruption-history-row small{display:block;margin-top:6px;color:#789aaa}
.corruption-empty-history{padding:28px;text-align:center;color:#8aaaba}
.corruption-empty-history strong{color:#e6f7ff}
.corruption-empty-history p{margin:7px 0 0}
.corruption-status-clean.corruption-score,.corruption-admin-status.corruption-status-clean{border-color:#4aa97a}.corruption-status-watched.corruption-score,.corruption-admin-status.corruption-status-watched{border-color:#d2b547}.corruption-status-entangled.corruption-score,.corruption-admin-status.corruption-status-entangled{border-color:#e59b4c}.corruption-status-underworld.corruption-score,.corruption-admin-status.corruption-status-underworld{border-color:#e47757}.corruption-status-severe.corruption-score,.corruption-admin-status.corruption-status-severe{border-color:#e35d70}.corruption-status-outlaw.corruption-score,.corruption-admin-status.corruption-status-outlaw{border-color:#d883ef;box-shadow:0 0 18px rgba(207,95,237,.16)}
@media(max-width:1250px){.corruption-effects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.corruption-summary-grid{grid-template-columns:1fr}.corruption-facts{grid-template-columns:1fr}.corruption-effects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.corruption-shell{width:calc(100% - 16px);padding:8px 0}.corruption-panel{min-height:0}.corruption-heading,.corruption-effects-section>header,.corruption-history-section>header{align-items:flex-start;flex-direction:column}.corruption-score{width:100%;grid-template-columns:auto auto;align-items:end;justify-content:space-between;text-align:left}.corruption-score span{margin:0}.corruption-summary-grid{padding:12px}.corruption-effects-section,.corruption-history-section{margin:0 12px 12px;padding:15px}.corruption-effects-section>header p{text-align:left}.corruption-effects-grid{grid-template-columns:1fr}.corruption-history-row{grid-template-columns:50px minmax(0,1fr)}}

/* MAYDAY-Freundeshilfe und Vertrauensschutz */
.friends-trust-note{margin:14px 18px 0;padding:11px 14px;border:1px solid rgba(255,185,77,.42);border-left:4px solid #f2a43d;border-radius:8px;color:#ffe2ae;background:rgba(99,53,10,.32);line-height:1.5}
.mayday-preference-form{margin:0}.mayday-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.mayday-switch input{position:absolute;width:1px;height:1px;opacity:0}.mayday-switch span{position:relative;width:40px;height:21px;border:1px solid #456676;border-radius:999px;background:#102735;transition:.18s}.mayday-switch span::after{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#718c98;content:"";transition:.18s}.mayday-switch input:checked+span{border-color:#61d6a6;background:#17664f}.mayday-switch input:checked+span::after{left:22px;background:#a9ffdb;box-shadow:0 0 9px rgba(105,242,178,.45)}.mayday-switch b{min-width:35px;color:#9bb6c2;font-size:.72rem}.mayday-switch input:checked~b{color:#94efc4}
.friends-mayday-missions{margin:0 18px 18px;padding:16px;border:1px solid rgba(243,155,57,.4);border-radius:10px;background:rgba(67,34,7,.25)}.friends-mayday-missions h2{margin:0 0 11px;color:#ffd396;font-size:1.05rem}.friends-mayday-mission{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 13px;border:1px solid rgba(91,149,174,.3);border-radius:8px;background:rgba(3,21,33,.65)}.friends-mayday-mission+ .friends-mayday-mission{margin-top:8px}.friends-mayday-mission div{display:grid;gap:3px}.friends-mayday-mission strong{color:#f4fbff}.friends-mayday-mission span{color:#91afbc;font-size:.76rem}.friends-mayday-mission>b{color:#ffbf68;font-variant-numeric:tabular-nums}
.mayday-backdrop{position:fixed;z-index:22000;inset:0;display:grid;padding:22px;place-items:center;background:rgba(5,4,3,.84);backdrop-filter:blur(6px)}
.mayday-modal{box-sizing:border-box;width:min(720px,100%);max-height:calc(100vh - 44px);overflow-y:auto;padding:28px;border:1px solid rgba(255,164,64,.85);border-radius:16px;color:#fff1df;background:radial-gradient(circle at 50% 0,rgba(141,49,13,.42),transparent 42%),linear-gradient(145deg,rgba(54,21,8,.99),rgba(12,20,29,.99) 60%);box-shadow:0 28px 85px rgba(0,0,0,.72),0 0 45px rgba(255,101,27,.16);text-align:center}
.mayday-kicker{display:block;color:#ffb45f;font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.mayday-modal h2{margin:7px 0 9px;color:#ff7957;font-size:clamp(2rem,5vw,3.3rem);letter-spacing:.05em;text-shadow:0 0 22px rgba(255,75,36,.35)}.mayday-modal>p{margin:0 auto;max-width:590px;color:#f5d8c2;font-size:1.03rem;line-height:1.55}.mayday-modal>p strong{color:#fff}
.mayday-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.mayday-time-grid>div{display:grid;gap:6px;padding:13px 10px;border:1px solid rgba(234,124,53,.35);border-radius:9px;background:rgba(7,18,27,.7)}.mayday-time-grid span{color:#b99b87;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.mayday-time-grid b{color:#ffd297;font-size:.95rem;font-variant-numeric:tabular-nums}
.mayday-question>strong{display:block;margin-bottom:15px;color:#fff;font-size:1.22rem}.mayday-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mayday-actions form{margin:0}.mayday-actions button{width:100%;min-height:45px;border:1px solid;border-radius:8px;color:#fff;font:inherit;font-weight:900;cursor:pointer}.mayday-yes{border-color:#72e2ac!important;background:#177758}.mayday-yes:hover{background:#21986f}.mayday-no{border-color:#ff917c!important;background:#8c352b}.mayday-no:hover{background:#ae4437}
.mayday-fleet-form[hidden],.mayday-question[hidden]{display:none}.mayday-fleet-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 13px;text-align:left}.mayday-fleet-heading>div{display:grid;gap:3px}.mayday-fleet-heading span{color:#ffad54;font-size:.69rem;font-weight:900;letter-spacing:.11em}.mayday-fleet-heading strong{color:#fff}.mayday-fleet-heading button{padding:7px 10px;border:1px solid #735240;border-radius:7px;color:#eacbb8;background:#24160f;font:inherit;font-size:.75rem;cursor:pointer}
.mayday-ship-list{display:grid;gap:8px;max-height:310px;overflow-y:auto;padding-right:3px}.mayday-ship-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:15px;padding:10px 12px;border:1px solid rgba(93,129,147,.35);border-radius:8px;background:rgba(4,20,30,.72);text-align:left}.mayday-ship-row>span{display:grid;gap:3px}.mayday-ship-row strong{color:#edfaff}.mayday-ship-row small{color:#88a9b8}.mayday-ship-row input{box-sizing:border-box;width:100%;height:36px;padding:6px 8px;border:1px solid #4a7187;border-radius:7px;color:#fff;background:#071a27;font:inherit;text-align:center}
.mayday-calculation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.mayday-calculation>div{display:grid;gap:5px;padding:10px 8px;border:1px solid rgba(229,133,59,.28);border-radius:8px;background:rgba(49,25,8,.32)}.mayday-calculation span{color:#bda18e;font-size:.64rem;text-transform:uppercase}.mayday-calculation b{color:#ffcf8a;font-size:.82rem;font-style:normal;font-variant-numeric:tabular-nums}.mayday-calculation i{font-style:normal}.mayday-warning{min-height:21px;margin:13px 0;color:#ff9987;font-weight:750}.mayday-warning.is-valid{color:#78e4ad}.mayday-launch{width:100%;min-height:45px;border:1px solid #ffb25c;border-radius:8px;color:#271306;background:#ff9b45;font:inherit;font-weight:950;cursor:pointer}.mayday-launch:hover{background:#ffb05f}.mayday-launch:disabled{border-color:#5c4b42;color:#877368;background:#2a211d;cursor:not-allowed;opacity:.7}
@media(max-width:780px){.mayday-backdrop{padding:10px}.mayday-modal{max-height:calc(100vh - 20px);padding:21px 15px}.mayday-time-grid,.mayday-calculation{grid-template-columns:repeat(2,minmax(0,1fr))}.mayday-actions{grid-template-columns:1fr}.friends-mayday-mission{align-items:flex-start;flex-direction:column}.friends-table{min-width:820px}}
@media(max-width:480px){.mayday-time-grid,.mayday-calculation{grid-template-columns:1fr}.mayday-ship-row{grid-template-columns:minmax(0,1fr) 74px}.mayday-fleet-heading{align-items:flex-start;flex-direction:column}.mayday-fleet-heading button{width:100%}}

/* Clan-Grundsystem */
.clans-shell{width:calc(100% - 24px);margin:0 auto;padding:12px 0}
.clans-panel{min-height:calc(100vh - 24px);overflow:hidden;border:1px solid rgba(75,151,190,.48);border-radius:14px;background:rgba(4,22,37,.95);box-shadow:0 18px 50px rgba(0,0,0,.34)}
.clans-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-bottom:1px solid rgba(83,145,177,.25);background:linear-gradient(90deg,rgba(6,36,57,.98),rgba(6,27,43,.8))}
.clans-heading>div:first-child>span{color:#71d5ff;font-size:.72rem;font-weight:850;letter-spacing:.14em}.clans-heading h1{margin:4px 0 0;color:#fff;font-size:2rem}
.clans-heading-status{padding:9px 13px;border:1px solid rgba(102,196,232,.32);border-radius:9px;color:#bdeaff;background:rgba(8,45,65,.72)}
.clans-heading-identity{display:flex;align-items:center;gap:11px;padding:7px 12px;border:1px solid rgba(106,197,232,.34);border-radius:10px;background:rgba(4,28,43,.72)}.clans-heading-identity>div{display:grid;gap:2px}.clans-heading-identity strong{color:#fff}.clans-heading-identity span{color:#7ed9f9;font-size:.76rem;font-weight:850;letter-spacing:.08em}
.clans-alert{margin:15px 20px 0;padding:11px 14px;border:1px solid;border-radius:8px}.clans-alert-success{border-color:#42c991;color:#c9ffe7;background:rgba(12,87,58,.62)}.clans-alert-error{border-color:#e56871;color:#ffd6d9;background:rgba(103,18,25,.68)}
.clans-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 20px 0;padding:14px 16px;border:1px solid;border-radius:10px}.clans-notice>div{display:grid;gap:4px}.clans-notice strong{color:#fff}.clans-notice span{color:#c7dce5;font-size:.84rem}.clans-notice form{margin:0}.clans-notice button{min-width:74px;padding:8px 14px;border:1px solid;border-radius:7px;font:inherit;font-weight:850;cursor:pointer}.clans-notice.is-accepted{border-color:#47c88e;background:rgba(12,80,55,.48)}.clans-notice.is-accepted button{border-color:#7df0bb;color:#07271b;background:#76e6b2}.clans-notice.is-rejected{border-color:#df8a63;background:rgba(93,48,22,.5)}.clans-notice.is-rejected button{border-color:#f1b189;color:#35180c;background:#eaa376}
.clan-crest{--crest-a:#58d8ff;--crest-b:#114b87;position:relative;display:inline-grid;flex:0 0 auto;width:66px;height:76px;place-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.33),transparent 22%),linear-gradient(145deg,var(--crest-a),var(--crest-b) 72%);clip-path:polygon(50% 0,94% 16%,88% 71%,50% 100%,12% 71%,6% 16%);filter:drop-shadow(0 8px 12px rgba(0,0,0,.42))}.clan-crest::before{position:absolute;inset:6px;border:1px solid rgba(255,255,255,.6);clip-path:inherit;content:""}.clan-crest::after{position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.18) 48%,transparent 58%);content:"";transform:translateX(-110%);transition:transform .35s ease}.clan-crest:hover::after{transform:translateX(110%)}.clan-crest>span{position:relative;z-index:1;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:900;text-shadow:0 2px 7px rgba(0,0,0,.65)}
.clan-crest-small{width:38px;height:44px}.clan-crest-small>span{font-size:1.2rem}.clan-crest-medium{width:72px;height:84px}.clan-crest-large{width:128px;height:148px}.clan-crest-large>span{font-size:4rem}.clan-crest-option{width:48px;height:56px}.clan-crest-option>span{font-size:1.45rem}
.clan-overview{display:grid;grid-template-columns:150px minmax(260px,1fr) minmax(320px,.8fr);align-items:center;gap:22px;margin:18px;padding:22px;border:1px solid rgba(80,157,190,.4);border-radius:12px;background:radial-gradient(circle at 8% 20%,rgba(46,145,185,.18),transparent 28%),rgba(3,20,33,.76)}.clan-overview-crest{display:grid;place-items:center}.clan-overview-copy .clan-kicker{color:#64d4f7;font-size:.74rem;font-weight:900;letter-spacing:.14em}.clan-overview-copy h2{margin:5px 0 10px;color:#fff;font-size:clamp(1.7rem,3vw,2.5rem)}.clan-overview-copy p{margin:0;color:#b8d0da;line-height:1.6}.clan-overview-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.clan-overview-facts>div{display:grid;gap:4px;padding:12px;border:1px solid rgba(75,145,176,.36);border-radius:8px;background:rgba(5,31,47,.72)}.clan-overview-facts span{color:#7fa7b8;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.clan-overview-facts strong{color:#effaff}
.clan-recruit-banner,.clan-cooldown-banner,.clan-pending-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 18px 18px;padding:16px 18px;border:1px solid;border-radius:10px}.clan-recruit-banner{border-color:rgba(241,174,75,.58);background:linear-gradient(90deg,rgba(108,57,10,.48),rgba(48,33,17,.32))}.clan-cooldown-banner{margin-top:18px;border-color:rgba(235,106,91,.58);background:linear-gradient(90deg,rgba(102,27,23,.55),rgba(50,26,26,.35))}.clan-pending-banner{margin-top:18px;border-color:rgba(86,193,230,.52);background:linear-gradient(90deg,rgba(10,75,101,.53),rgba(15,39,53,.36))}.clan-recruit-banner>div,.clan-cooldown-banner>div,.clan-pending-banner>div{display:grid;gap:4px}.clan-recruit-banner span,.clan-cooldown-banner span,.clan-pending-banner span{color:#ffbd67;font-size:.69rem;font-weight:900;letter-spacing:.12em}.clan-cooldown-banner span{color:#ff8f82}.clan-pending-banner span{color:#72d8fb}.clan-recruit-banner strong,.clan-cooldown-banner strong,.clan-pending-banner strong{color:#fff}.clan-recruit-banner p,.clan-cooldown-banner p,.clan-pending-banner p{margin:0;color:#c5d5dc;font-size:.84rem;line-height:1.45}.clan-countdown{min-width:132px;padding:10px 12px;border:1px solid rgba(255,190,91,.52);border-radius:8px;color:#ffd28a;background:rgba(28,21,14,.72);font-size:1rem;font-variant-numeric:tabular-nums;text-align:center}.clan-countdown.is-finished{color:#80e5b4;border-color:#4eae82}.clan-pending-banner form{margin:0}.clan-pending-banner button{padding:8px 12px;border:1px solid #da8875;border-radius:7px;color:#ffe4de;background:#7c342d;font:inherit;font-weight:800;cursor:pointer}
.clan-section{margin:0 18px 18px;padding:18px;border:1px solid rgba(67,137,170,.38);border-radius:11px;background:rgba(3,19,31,.68)}.clan-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.clan-section-heading>div>span{color:#67d2f5;font-size:.67rem;font-weight:900;letter-spacing:.12em}.clan-section-heading h2{margin:3px 0 0;color:#fff;font-size:1.35rem}.clan-section-heading>strong{padding:6px 10px;border:1px solid rgba(81,155,185,.38);border-radius:999px;color:#bce8f8;background:rgba(6,35,50,.65);font-size:.76rem}
.clan-table-scroll{overflow-x:auto;border:1px solid rgba(65,126,154,.28);border-radius:9px}.clan-members-table{width:100%;min-width:900px;border-collapse:collapse}.clan-members-table th,.clan-members-table td{padding:13px 14px;border-bottom:1px solid rgba(80,138,165,.18);text-align:left;vertical-align:middle}.clan-members-table tr:last-child td{border-bottom:0}.clan-members-table th{color:#accbd8;background:rgba(7,37,55,.9);font-size:.69rem;text-transform:uppercase;letter-spacing:.05em}.clan-members-table td{color:#d9edf5}.clan-members-table td>strong{color:#fff}.clan-members-table td>small{display:block;margin-top:3px;color:#7ea9ba}.clan-role{display:inline-block;padding:5px 8px;border:1px solid;border-radius:999px;font-size:.7rem;font-weight:900}.clan-role.is-leader{color:#ffe39a;border-color:#d2a843;background:rgba(103,73,12,.4)}.clan-role.is-member{color:#a9f2d0;border-color:#4bb186;background:rgba(16,79,59,.4)}.clan-role.is-recruit{color:#9fdff7;border-color:#4b9fbd;background:rgba(12,66,86,.44)}.clan-member-recruit-status{display:flex;align-items:center;gap:8px}.clan-member-recruit-status span{color:#95afba;font-size:.72rem}.clan-member-recruit-status .clan-countdown{min-width:112px;padding:5px 7px;font-size:.74rem}.clan-self-marker,.clan-member-ready{display:inline-block;color:#82ddb0;font-size:.75rem;font-weight:800}.clan-self-marker{color:#7fdaf9}.clan-member-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.clan-member-actions form{margin:0}.clan-member-actions button{padding:6px 9px;border:1px solid;border-radius:6px;font:inherit;font-size:.68rem;font-weight:850;cursor:pointer}.clan-action-lead{color:#fff2c9;border-color:#d5a74b;background:#755615}.clan-action-lead:hover{background:#98721d}.clan-action-kick{color:#ffe2e0;border-color:#cf696e;background:#742d34}.clan-action-kick:hover{background:#963a43}
.clan-empty-state{padding:28px;border:1px dashed rgba(82,146,174,.35);border-radius:9px;text-align:center}.clan-empty-state strong{color:#eaf9ff}.clan-empty-state p{margin:6px 0 0;color:#89a9b7}.clan-applications-list{display:grid;gap:10px}.clan-application-card{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(260px,1.4fr) auto;align-items:center;gap:18px;padding:14px;border:1px solid rgba(72,142,173,.35);border-radius:9px;background:rgba(5,29,43,.67)}.clan-application-player{display:grid;gap:3px}.clan-application-player strong{color:#fff;font-size:1rem}.clan-application-player span{color:#9bc1cf;font-size:.78rem}.clan-application-player small{color:#708f9c}.clan-application-card p{margin:0;color:#c6dae3;line-height:1.5}.clan-application-actions{display:flex;gap:7px}.clan-application-actions form{margin:0}.clan-application-actions button{padding:8px 12px;border:1px solid;border-radius:7px;font:inherit;font-size:.75rem;font-weight:900;cursor:pointer}.clan-accept-button{color:#eafff5;border-color:#58d6a0;background:#147353}.clan-reject-button{color:#ffe8e5;border-color:#df766d;background:#7c332d}
.clan-profile-form,.clan-foundation-form{display:grid;gap:15px}.clan-field{display:grid;gap:7px;color:#d8edf5;font-weight:800}.clan-field>span{font-size:.8rem}.clan-field input,.clan-field textarea,.clan-directory-action textarea,.clan-dissolve-form input{box-sizing:border-box;width:100%;padding:10px 11px;border:1px solid #35617f;border-radius:7px;color:#eefaff;background:#071827;font:inherit}.clan-field textarea,.clan-directory-action textarea{resize:vertical;line-height:1.45}.clan-field input:focus,.clan-field textarea:focus,.clan-directory-action textarea:focus,.clan-dissolve-form input:focus{outline:2px solid rgba(91,207,241,.28);border-color:#66cdef}.clan-primary-button{justify-self:start;min-height:40px;padding:9px 17px;border:1px solid #67d5f6;border-radius:7px;color:#031c28;background:#68d5f5;font:inherit;font-weight:900;cursor:pointer}.clan-primary-button:hover{background:#8be3fb}
.clan-foundation-section.is-disabled{opacity:.68}.clan-foundation-form fieldset{display:grid;gap:15px;margin:0;padding:0;border:0}.clan-foundation-form fieldset:disabled{cursor:not-allowed}.clan-foundation-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(150px,.5fr);gap:12px}.clan-crest-picker{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));gap:9px}.clan-crest-picker label{min-width:0;cursor:pointer}.clan-crest-picker input{position:absolute;width:1px;height:1px;opacity:0}.clan-crest-picker label>span{display:grid;min-height:100%;justify-items:center;gap:7px;padding:10px 7px;border:1px solid rgba(68,133,163,.38);border-radius:8px;background:rgba(5,29,43,.65);text-align:center;transition:.16s}.clan-crest-picker label>span>b{color:#bcd6e1;font-size:.68rem;line-height:1.25}.clan-crest-picker input:checked+span{border-color:#f0c45a;background:rgba(91,71,20,.52);box-shadow:0 0 0 2px rgba(240,196,90,.13)}.clan-crest-picker input:focus+span{outline:2px solid rgba(97,209,243,.38)}.clan-crest-picker-compact{grid-template-columns:repeat(6,minmax(90px,1fr))}
.clan-directory{display:grid;gap:11px}.clan-directory-card{display:grid;grid-template-columns:92px minmax(280px,1fr) minmax(190px,280px);align-items:center;gap:18px;padding:15px;border:1px solid rgba(67,137,169,.34);border-radius:10px;background:rgba(4,27,41,.68)}.clan-directory-crest{display:grid;place-items:center}.clan-directory-main>span{color:#6dd4f5;font-size:.7rem;font-weight:900;letter-spacing:.1em}.clan-directory-main h3{margin:3px 0 7px;color:#fff;font-size:1.25rem}.clan-directory-main p{margin:0;color:#a9c3ce;font-size:.84rem;line-height:1.5}.clan-directory-facts{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;color:#7f9eac;font-size:.72rem}.clan-directory-facts b{color:#dff4fc}.clan-directory-action{justify-self:stretch}.clan-directory-action>button,.clan-directory-action details>summary{box-sizing:border-box;width:100%;padding:9px 12px;border:1px solid #4fb9dd;border-radius:7px;color:#eefbff;background:#116e91;font-weight:850;text-align:center;cursor:pointer;list-style:none}.clan-directory-action details>summary::-webkit-details-marker{display:none}.clan-directory-action>button:disabled{border-color:#3e5b69;color:#738e9a;background:#142a36;cursor:not-allowed}.clan-directory-action details[open]>summary{border-bottom-right-radius:0;border-bottom-left-radius:0}.clan-directory-action details form{display:grid;gap:8px;padding:10px;border:1px solid #3e7892;border-top:0;border-radius:0 0 8px 8px;background:#061c2a}.clan-directory-action details label{display:grid;gap:5px;color:#bdd4de;font-size:.72rem;font-weight:800}.clan-directory-action details button{padding:8px;border:1px solid #65d9a8;border-radius:6px;color:#052419;background:#55c995;font:inherit;font-size:.75rem;font-weight:900;cursor:pointer}.clan-application-pending{display:block;padding:9px;border:1px solid #d2a64f;border-radius:7px;color:#ffdda0;background:rgba(100,70,14,.46);font-size:.78rem;font-weight:850;text-align:center}
.clan-rules-strip{display:grid;grid-template-columns:repeat(3,minmax(110px,.35fr)) minmax(300px,1fr);gap:10px;margin:0 18px 18px;padding:14px;border:1px solid rgba(87,153,181,.32);border-radius:10px;background:rgba(2,17,28,.62)}.clan-rules-strip>div{display:grid;gap:2px;padding:9px;border-right:1px solid rgba(89,145,170,.22)}.clan-rules-strip strong{color:#80dcfa;font-size:1.05rem}.clan-rules-strip span{color:#8aa8b5;font-size:.7rem}.clan-rules-strip p{align-self:center;margin:0;color:#a9c1cb;font-size:.8rem;line-height:1.45}
.clan-danger-zone{border-color:rgba(207,92,99,.42);background:rgba(62,17,24,.28)}.clan-danger-zone p{margin:0 0 13px;color:#d7b9ba;line-height:1.5}.clan-danger-zone>form:not(.clan-dissolve-form) button,.clan-dissolve-form button{padding:9px 13px;border:1px solid #dc7177;border-radius:7px;color:#ffe8e9;background:#7f2f37;font:inherit;font-weight:900;cursor:pointer}.clan-dissolve-form{display:flex;align-items:end;gap:10px}.clan-dissolve-form label{display:grid;flex:1;gap:6px;color:#e5c9ca;font-size:.78rem}.clan-dissolve-form label b{color:#fff}.clan-dissolve-form input{max-width:240px}
@media(max-width:1260px){.clan-crest-picker,.clan-crest-picker-compact{grid-template-columns:repeat(4,minmax(100px,1fr))}.clan-overview{grid-template-columns:130px minmax(0,1fr)}.clan-overview-facts{grid-column:1/-1}.clan-directory-card{grid-template-columns:86px minmax(0,1fr)}.clan-directory-action{grid-column:2}.clan-rules-strip{grid-template-columns:repeat(3,1fr)}.clan-rules-strip p{grid-column:1/-1}}
@media(max-width:850px){.clans-shell{width:calc(100% - 16px);padding:8px 0}.clans-panel{min-height:0}.clans-heading,.clans-notice,.clan-recruit-banner,.clan-cooldown-banner,.clan-pending-banner,.clan-section-heading{align-items:flex-start;flex-direction:column}.clan-overview{grid-template-columns:1fr;text-align:center}.clan-overview-facts{grid-column:auto}.clan-application-card{grid-template-columns:1fr}.clan-application-actions{justify-content:flex-start}.clan-foundation-fields{grid-template-columns:1fr}.clan-crest-picker,.clan-crest-picker-compact{grid-template-columns:repeat(3,minmax(92px,1fr))}.clan-directory-card{grid-template-columns:1fr;text-align:center}.clan-directory-action{grid-column:auto}.clan-directory-facts{justify-content:center}.clan-rules-strip{grid-template-columns:1fr}.clan-rules-strip>div{border-right:0;border-bottom:1px solid rgba(89,145,170,.22)}.clan-rules-strip p{grid-column:auto}.clan-dissolve-form{align-items:stretch;flex-direction:column}.clan-dissolve-form input{max-width:none}}
@media(max-width:520px){.clans-heading,.clan-section{padding:16px}.clan-section,.clan-overview,.clan-recruit-banner,.clan-cooldown-banner,.clan-pending-banner,.clan-rules-strip{margin-right:10px;margin-left:10px}.clan-crest-picker,.clan-crest-picker-compact{grid-template-columns:repeat(2,minmax(90px,1fr))}.clan-overview-facts{grid-template-columns:1fr}.clan-application-actions{display:grid;grid-template-columns:1fr 1fr}.clan-application-actions button{width:100%}.clan-countdown{width:100%}}

/* Phase 4: Clankriege */
.clan-war-alert{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;margin:0 18px 18px;padding:20px;border:1px solid rgba(235,87,87,.62);border-radius:12px;background:radial-gradient(circle at 12% 12%,rgba(202,53,65,.24),transparent 34%),linear-gradient(120deg,rgba(62,13,24,.88),rgba(8,28,42,.82));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.clan-war-alert.is-defender{border-color:rgba(255,158,74,.66);background:radial-gradient(circle at 12% 12%,rgba(222,108,42,.24),transparent 34%),linear-gradient(120deg,rgba(73,31,12,.88),rgba(8,28,42,.82))}.clan-war-alert-copy>span{color:#ff8d98;font-size:.7rem;font-weight:950;letter-spacing:.13em}.clan-war-alert.is-defender .clan-war-alert-copy>span{color:#ffb66f}.clan-war-alert h2{margin:5px 0 8px;color:#fff;font-size:1.75rem}.clan-war-alert p{margin:0;color:#c8d8df;line-height:1.55}.clan-war-alert-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.clan-war-alert-facts>div{display:grid;gap:4px;padding:10px;border:1px solid rgba(102,154,177,.28);border-radius:8px;background:rgba(4,24,36,.64)}.clan-war-alert-facts span{color:#799dac;font-size:.66rem;font-weight:900;text-transform:uppercase}.clan-war-alert-facts strong{color:#effaff;font-size:.83rem}.clan-war-own-fleet{margin-top:12px!important;padding:9px 11px;border-left:3px solid #d45f67;background:rgba(3,19,29,.48);font-size:.8rem}.clan-war-countdown-box{display:grid;align-content:center;justify-items:center;gap:8px;padding:16px;border:1px solid rgba(236,105,105,.38);border-radius:10px;background:rgba(25,9,14,.52);text-align:center}.clan-war-countdown-box>span{color:#ff9aa2;font-size:.68rem;font-weight:950;letter-spacing:.14em}.clan-war-countdown-box .clan-countdown{min-width:180px;color:#ffd4d7;border-color:#db656d;background:rgba(51,12,18,.75);font-size:1.35rem}.clan-war-countdown-box small{color:#acbbc1;line-height:1.4}
.clan-war-section{border-color:rgba(169,91,104,.42);background:radial-gradient(circle at 100% 0,rgba(126,31,46,.13),transparent 28%),rgba(3,19,31,.72)}.clan-war-recruit-lock,.clan-war-locked-note,.clan-war-await-leader{padding:16px;border:1px solid rgba(108,154,175,.33);border-radius:9px;background:rgba(7,31,44,.64)}.clan-war-recruit-lock strong,.clan-war-locked-note,.clan-war-await-leader{color:#d8edf5}.clan-war-recruit-lock p{margin:5px 0 0;color:#8daab6;line-height:1.5}.clan-war-proposals{display:grid;gap:13px}.clan-war-proposal{padding:15px;border:1px solid rgba(165,76,88,.48);border-radius:10px;background:linear-gradient(120deg,rgba(54,16,23,.55),rgba(5,29,42,.7))}.clan-war-proposal.is-approved{border-color:rgba(93,210,153,.58);background:linear-gradient(120deg,rgba(13,67,48,.5),rgba(5,29,42,.72))}.clan-war-proposal-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.clan-war-proposal-head>div>span{color:#ff9ba4;font-size:.66rem;font-weight:950;letter-spacing:.1em}.clan-war-proposal.is-approved .clan-war-proposal-head>div>span{color:#86e6b7}.clan-war-proposal-head h3{margin:3px 0;color:#fff}.clan-war-proposal-head small{color:#7f9da9}.clan-war-proposal-status{padding:6px 9px;border:1px solid rgba(217,91,101,.45);border-radius:999px;color:#ffb6bc;background:rgba(84,22,31,.45);font-size:.65rem}.clan-war-proposal.is-approved .clan-war-proposal-status{color:#aaf4d0;border-color:#56b98a;background:rgba(16,78,56,.4)}.clan-war-reason{margin:13px 0;padding:11px;border-left:3px solid #b64857;color:#d0e0e7;background:rgba(3,18,28,.48);line-height:1.55}.clan-war-vote-meter{display:grid;gap:7px}.clan-war-vote-meter-line{height:8px;overflow:hidden;border:1px solid rgba(76,132,156,.35);border-radius:999px;background:#071924}.clan-war-vote-meter-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ec996,#8be8bc)}.clan-war-vote-meter>div:last-child{display:flex;flex-wrap:wrap;gap:8px 16px;color:#819eaa;font-size:.73rem}.clan-war-vote-meter strong{color:#90edbe}.clan-war-vote-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.clan-war-vote-row>span:first-child{color:#91adb9;font-size:.76rem}.clan-war-vote-row .clan-countdown{min-width:112px;padding:5px 7px;font-size:.76rem}.clan-war-vote-buttons{display:flex;gap:8px}.clan-war-vote-buttons form{margin:0}.clan-war-vote-buttons button,.clan-war-declare-form button,.clan-war-propose-button{padding:8px 13px;border:1px solid;border-radius:7px;font:inherit;font-size:.77rem;font-weight:950;cursor:pointer}.clan-war-vote-yes{color:#eafff4;border-color:#5fd5a0;background:#13724f}.clan-war-vote-no{color:#ffe8e8;border-color:#d86b72;background:#7d2e37}.clan-war-voted{padding:7px 10px;border:1px solid rgba(103,145,164,.36);border-radius:7px;color:#9db4bf;background:rgba(6,29,42,.58);font-size:.73rem;font-weight:850}.clan-war-voted.is-yes{color:#9cf0c4;border-color:#4aa97c}.clan-war-voted.is-no{color:#ffadb1;border-color:#ad515a}.clan-war-declare-form{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px;border:1px solid rgba(91,203,145,.48);border-radius:9px;background:rgba(15,73,52,.35)}.clan-war-declare-form button{color:#071e15;border-color:#7de3b2;background:#69d8a3}.clan-war-declare-form span{color:#a8c9b8;font-size:.74rem}.clan-war-await-leader{margin-top:14px;color:#b9ddca;border-color:rgba(76,169,122,.4);background:rgba(15,67,49,.32)}
.clan-war-new-proposal{border:1px solid rgba(188,78,91,.46);border-radius:9px;background:rgba(46,14,21,.43)}.clan-war-new-proposal>summary{padding:13px 15px;color:#ffd8dc;font-weight:900;cursor:pointer}.clan-war-new-proposal[open]>summary{border-bottom:1px solid rgba(188,78,91,.32)}.clan-war-new-proposal form{display:grid;gap:13px;padding:15px}.clan-field select{box-sizing:border-box;width:100%;padding:10px 11px;border:1px solid #35617f;border-radius:7px;color:#eefaff;background:#071827;font:inherit}.clan-field select:focus{outline:2px solid rgba(91,207,241,.28);border-color:#66cdef}.clan-war-propose-button{justify-self:start;color:#fff1f2;border-color:#dd727b;background:#8b3340}.clan-war-new-proposal form>p{margin:0;color:#90aab5;font-size:.74rem}.clan-war-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.clan-war-rules>div{display:grid;gap:4px;padding:11px;border:1px solid rgba(70,130,156,.3);border-radius:8px;background:rgba(4,27,40,.58)}.clan-war-rules strong{color:#dff6ff;font-size:.79rem}.clan-war-rules span{color:#819fac;font-size:.68rem;line-height:1.4}
.clan-war-history-list{display:grid;gap:9px}.clan-war-report{overflow:hidden;border:1px solid rgba(74,139,167,.34);border-radius:9px;background:rgba(4,27,40,.63)}.clan-war-report.is-win{border-color:rgba(72,184,130,.42)}.clan-war-report.is-loss{border-color:rgba(192,77,88,.45)}.clan-war-report>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.clan-war-report>summary::-webkit-details-marker{display:none}.clan-war-result-badge{padding:5px 8px;border:1px solid;border-radius:999px;font-size:.64rem;font-weight:950}.clan-war-report.is-win .clan-war-result-badge{color:#a8f2ce;border-color:#52b987;background:rgba(17,83,59,.4)}.clan-war-report.is-loss .clan-war-result-badge{color:#ffb2b7;border-color:#b95761;background:rgba(87,25,34,.44)}.clan-war-report summary strong{color:#effaff}.clan-war-report summary span:not(.clan-war-result-badge),.clan-war-report summary b{color:#87a5b1;font-size:.72rem}.clan-war-report-body{display:grid;gap:14px;padding:14px;border-top:1px solid rgba(70,129,154,.24)}.clan-war-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clan-war-report-grid article{display:grid;gap:5px;padding:12px;border:1px solid rgba(66,126,151,.29);border-radius:8px;background:rgba(3,21,32,.6)}.clan-war-report-grid span,.clan-war-personal-report>span{color:#6fcdeb;font-size:.67rem;font-weight:950;letter-spacing:.09em}.clan-war-report-grid strong{color:#e8f8fe;font-size:.78rem;line-height:1.5}.clan-war-report-grid small{color:#8da8b3}.clan-war-report-grid b{color:#ffb0b4;font-size:.74rem}.clan-war-personal-report{display:grid;gap:8px}.clan-war-personal-report>div{display:grid;grid-template-columns:minmax(160px,1fr) repeat(3,auto);gap:14px;padding:9px 11px;border:1px solid rgba(67,127,152,.28);border-radius:7px;background:rgba(5,29,42,.56);font-size:.74rem}.clan-war-personal-report strong{color:#eefbff}.clan-war-personal-report div span{color:#91abb6}.clan-war-personal-report div b{color:#ff9ea5}.clan-war-personal-report p{margin:0;color:#8da6b1}.clan-war-debris-note{margin:0;padding:10px;border:1px solid rgba(234,167,69,.46);border-radius:8px;color:#ffd89b;background:rgba(89,56,13,.34);font-size:.78rem;line-height:1.5}
@media(max-width:1050px){.clan-war-alert{grid-template-columns:1fr}.clan-war-rules{grid-template-columns:1fr 1fr}.clan-war-proposal-head{grid-template-columns:auto 1fr}.clan-war-proposal-status{grid-column:1/-1;justify-self:start}.clan-war-report>summary{grid-template-columns:auto 1fr}.clan-war-report>summary>span:not(.clan-war-result-badge),.clan-war-report>summary>b{grid-column:2}.clan-war-personal-report>div{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.clan-war-alert-facts,.clan-war-rules,.clan-war-report-grid{grid-template-columns:1fr}.clan-war-vote-row,.clan-war-declare-form{align-items:stretch;flex-direction:column}.clan-war-vote-buttons{display:grid;grid-template-columns:1fr 1fr}.clan-war-vote-buttons button{width:100%}.clan-war-report>summary{grid-template-columns:1fr}.clan-war-report>summary>*{grid-column:auto!important}.clan-war-personal-report>div{grid-template-columns:1fr}.clan-war-countdown-box .clan-countdown{min-width:0;width:100%}}
.clan-war-action-lock{display:block;margin-top:7px;color:#c99198;font-size:.69rem;font-weight:850}.clan-accept-button:disabled,.clan-danger-zone button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.35)}.clan-war-danger-lock{padding:10px;border:1px solid rgba(215,92,102,.4);border-radius:7px;background:rgba(84,22,30,.35);color:#ffc4c8!important}
.clan-war-active-reason,.clan-war-report-reason{margin:12px 0 0!important;padding:10px 12px;border-left:3px solid #d5616a;color:#d9e8ee!important;background:rgba(4,20,30,.5);font-size:.78rem;line-height:1.5}.clan-war-report-reason{margin:0!important;border-left-color:#b55c66}.clan-war-active-reason b,.clan-war-report-reason b{color:#ffb1b7}

/* Raider Wiki */
.wiki-shell{width:calc(100% - 24px);margin:0 auto;padding:12px 0}
.wiki-panel{min-height:calc(100vh - 24px);overflow:clip;border:1px solid rgba(75,151,190,.48);border-radius:14px;background:rgba(4,22,37,.96);box-shadow:0 18px 50px rgba(0,0,0,.34)}
.wiki-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;border-bottom:1px solid rgba(83,145,177,.25);background:linear-gradient(90deg,rgba(6,36,57,.98),rgba(6,27,43,.82))}
.wiki-heading>div:first-child>span{color:#71d5ff;font-size:.72rem;font-weight:900;letter-spacing:.14em}
.wiki-heading h1{margin:5px 0 4px;color:#fff;font-size:2rem}
.wiki-heading p{max-width:900px;margin:0;color:#9ebdcd;line-height:1.55}
.wiki-heading-status{min-width:190px;padding:12px 16px;border:1px solid rgba(99,198,235,.34);border-radius:10px;background:rgba(5,31,49,.82);text-align:right}
.wiki-heading-status strong,.wiki-heading-status small{display:block}.wiki-heading-status strong{color:#fff;font-size:1.05rem}.wiki-heading-status small{margin-top:3px;color:#88bed3}
.wiki-searchbar{padding:18px 24px;border-bottom:1px solid rgba(80,143,175,.22);background:rgba(3,17,29,.76)}
.wiki-searchbar>label{display:block;margin-bottom:8px;color:#dff4fc;font-weight:850}
.wiki-searchbox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.wiki-searchbox input{width:100%;min-height:45px;padding:10px 14px;border:1px solid #35617f;border-radius:9px;color:#eefaff;background:rgba(3,17,28,.94);font:inherit}
.wiki-searchbox input:focus{outline:2px solid rgba(91,207,241,.3);border-color:#66cdef}
.wiki-searchbox button{min-width:92px;padding:9px 15px;border:1px solid #4b9fc4;border-radius:8px;color:#eafaff;background:#116b8d;font:inherit;font-weight:850;cursor:pointer}
.wiki-searchbox button:hover{background:#188db7}
.wiki-searchbar>p{margin:8px 0 0;color:#719eb2;font-size:.76rem}
.wiki-layout{display:grid;grid-template-columns:245px minmax(0,1fr);align-items:start;overflow:visible}
.wiki-navigation{position:sticky;top:12px;align-self:start;height:fit-content;display:grid;gap:4px;max-height:calc(100vh - 24px);padding:18px 14px;overflow-y:auto;border-right:1px solid rgba(74,143,177,.24);background:rgba(4,20,33,.88)}
.wiki-navigation-title{padding:4px 10px 9px;color:#70d8ff;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.wiki-navigation a{padding:8px 10px;border:1px solid transparent;border-radius:7px;color:#b8d9e7;text-decoration:none;font-size:.82rem;font-weight:750;line-height:1.25}
.wiki-navigation a:hover{border-color:rgba(90,188,226,.34);color:#fff;background:rgba(17,83,111,.56)}
.wiki-content{min-width:0;padding:22px}
.wiki-no-results{padding:42px 24px;border:1px dashed rgba(91,178,216,.38);border-radius:12px;text-align:center;background:rgba(4,23,37,.72)}
.wiki-no-results strong,.wiki-no-results span{display:block}.wiki-no-results strong{color:#fff;font-size:1.2rem}.wiki-no-results span{margin-top:7px;color:#8db2c3}
.wiki-article{scroll-margin-top:16px;margin-bottom:20px;padding:22px;border:1px solid rgba(70,139,174,.3);border-radius:12px;background:linear-gradient(145deg,rgba(6,31,48,.9),rgba(3,19,31,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.wiki-article:last-child{margin-bottom:0}.wiki-article[hidden]{display:none}
.wiki-article>header{margin:-22px -22px 20px;padding:17px 20px;border-bottom:1px solid rgba(78,145,177,.24);background:rgba(8,42,62,.58)}
.wiki-article>header span{color:#68d5ff;font-size:.68rem;font-weight:900;letter-spacing:.13em}.wiki-article>header h2{margin:4px 0 0;color:#fff;font-size:1.45rem}
.wiki-article h3{margin:22px 0 9px;color:#dff6ff;font-size:1.05rem}.wiki-article p{margin:0 0 12px;color:#bfd5df;line-height:1.62}.wiki-article li{margin:5px 0;color:#bfd5df;line-height:1.52}.wiki-article ol,.wiki-article ul{margin:8px 0 14px;padding-left:22px}
.wiki-callout{margin:15px 0;padding:14px 16px;border:1px solid rgba(84,181,218,.38);border-left-width:4px;border-radius:9px;background:rgba(9,56,76,.56)}
.wiki-callout strong{display:block;color:#e6f8ff}.wiki-callout p{margin:5px 0 0}.wiki-callout.is-important{border-color:rgba(82,224,169,.58);background:rgba(11,81,59,.43)}.wiki-callout.is-warning{border-color:rgba(255,177,79,.62);background:rgba(98,53,8,.45)}
.wiki-two-columns,.wiki-three-columns{display:grid;gap:14px;margin:12px 0}.wiki-two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.wiki-two-columns>section,.wiki-three-columns>section{padding:15px;border:1px solid rgba(73,142,176,.26);border-radius:10px;background:rgba(4,24,38,.62)}
.wiki-two-columns h3,.wiki-three-columns h3{margin:0 0 8px}.wiki-two-columns p,.wiki-three-columns p{margin:0}
.wiki-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;list-style:'✓  ';padding-left:24px!important}.wiki-checklist li::marker{color:#72e5b7;font-weight:900}
.wiki-definition-grid,.wiki-live-grid,.wiki-rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.wiki-definition-grid>div,.wiki-live-grid>div,.wiki-rule-list>div{padding:13px 14px;border:1px solid rgba(73,142,176,.25);border-radius:9px;background:rgba(4,25,40,.68)}
.wiki-definition-grid strong,.wiki-definition-grid span,.wiki-live-grid strong,.wiki-live-grid span,.wiki-rule-list strong,.wiki-rule-list span{display:block}.wiki-definition-grid strong,.wiki-live-grid strong,.wiki-rule-list strong{color:#e8f8ff}.wiki-definition-grid span,.wiki-live-grid span,.wiki-rule-list span{margin-top:4px;color:#8fb7c8;line-height:1.45}
.wiki-current-role{padding:12px 14px;border:1px solid rgba(117,215,255,.35);border-radius:8px;background:rgba(12,63,85,.48)}
.wiki-formula{margin:12px 0 16px;padding:14px;border:1px solid rgba(95,207,244,.4);border-radius:9px;color:#dff8ff;background:#061b2a;font-family:Consolas,"Courier New",monospace;text-align:center}
.wiki-world-list{display:grid;gap:13px}.wiki-world-card{display:grid;grid-template-columns:180px minmax(0,1fr);overflow:hidden;border:1px solid rgba(78,148,181,.3);border-radius:11px;background:rgba(4,24,38,.72)}
.wiki-world-image{min-height:190px;background:#03111d}.wiki-world-image img{width:100%;height:100%;object-fit:cover}.wiki-world-copy{padding:16px}.wiki-world-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wiki-world-title h3{margin:0;color:#fff;font-size:1.18rem}.wiki-world-title>span{padding:5px 8px;border:1px solid rgba(89,210,176,.32);border-radius:999px;color:#8fe7c4;background:rgba(10,70,52,.5);font-size:.68rem;font-weight:800;text-align:right}
.wiki-world-copy>p{margin:8px 0 12px}.wiki-world-copy dl{display:grid;gap:7px;margin:0}.wiki-world-copy dl div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px}.wiki-world-copy dt{color:#72d8ff;font-size:.76rem;font-weight:850}.wiki-world-copy dd{margin:0;color:#a9c7d4;line-height:1.4}
.wiki-world-resources{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.wiki-world-resources span{padding:5px 8px;border:1px solid rgba(94,156,184,.3);border-radius:999px;color:#a8cbd9;background:rgba(4,32,49,.72);font-size:.68rem}.wiki-world-resources span.is-primary{border-color:rgba(91,222,172,.42);color:#a3f0d1;background:rgba(8,67,49,.56)}
.wiki-table-scroll{margin:14px 0;overflow-x:auto;border:1px solid rgba(73,143,177,.28);border-radius:10px}.wiki-table{width:100%;min-width:920px;border-collapse:collapse}.wiki-table th,.wiki-table td{padding:11px 12px;border-bottom:1px solid rgba(76,137,166,.18);text-align:left;vertical-align:top}.wiki-table th{position:sticky;top:0;color:#bfe4f1;background:#092b40;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.wiki-table td{color:#b9d1dc;background:rgba(3,20,33,.72);line-height:1.4}.wiki-table tr:last-child td{border-bottom:0}.wiki-table td strong,.wiki-table td small{display:block}.wiki-table td strong{color:#f1fbff}.wiki-table td small{margin-top:2px;color:#699eb4;font-size:.66rem}
.wiki-building-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.wiki-building-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:11px;align-items:center;padding:12px;border:1px solid rgba(74,143,177,.26);border-radius:10px;background:rgba(4,25,39,.68)}.wiki-building-card img{width:72px;height:72px;object-fit:contain}.wiki-building-card h3{margin:0 0 5px;font-size:.96rem}.wiki-building-card p{margin:0;color:#91b4c3;font-size:.78rem;line-height:1.4}
.wiki-ship-name{display:flex;align-items:center;gap:8px}.wiki-ship-name img{width:46px;height:38px;object-fit:contain}.wiki-ship-table{min-width:1240px}
.wiki-research-category{margin-top:18px}.wiki-research-category>h3{padding-bottom:7px;border-bottom:1px solid rgba(72,143,177,.22)}.wiki-research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wiki-research-grid>div{padding:12px;border:1px solid rgba(74,142,174,.25);border-radius:9px;background:rgba(4,24,38,.68)}.wiki-research-grid strong{color:#eaf9ff}.wiki-research-grid p{margin:5px 0 8px;color:#8fafbd;font-size:.78rem;line-height:1.42}.wiki-research-grid span{color:#6fd7ff;font-size:.7rem;font-weight:800}
.wiki-war-timeline{display:grid;gap:9px;margin:14px 0}.wiki-war-timeline>div{display:grid;grid-template-columns:36px 190px minmax(0,1fr);gap:12px;align-items:center;padding:11px 13px;border:1px solid rgba(75,144,177,.26);border-radius:9px;background:rgba(5,27,42,.68)}.wiki-war-timeline b{display:grid;width:32px;height:32px;place-items:center;border:1px solid #69d7ff;border-radius:50%;color:#dff8ff;background:#0a668a}.wiki-war-timeline strong{color:#fff}.wiki-war-timeline span{color:#92b6c6;line-height:1.42}
.wiki-faq-list{display:grid;gap:8px}.wiki-faq-list details{border:1px solid rgba(73,142,176,.28);border-radius:9px;background:rgba(4,24,38,.68)}.wiki-faq-list summary{padding:12px 14px;color:#dff4fc;font-weight:850;cursor:pointer}.wiki-faq-list details[open] summary{border-bottom:1px solid rgba(73,142,176,.22);background:rgba(9,52,72,.42)}.wiki-faq-list details p{margin:0;padding:12px 14px}
@media(max-width:1250px){.wiki-layout{grid-template-columns:210px minmax(0,1fr)}.wiki-building-grid,.wiki-research-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-three-columns{grid-template-columns:1fr}.wiki-world-card{grid-template-columns:145px minmax(0,1fr)}}
@media(max-width:900px){.wiki-shell{width:calc(100% - 20px)}.wiki-heading{align-items:flex-start;padding:20px;flex-direction:column}.wiki-heading-status{width:100%;text-align:left}.wiki-layout{display:block}.wiki-navigation{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;border-right:0;border-bottom:1px solid rgba(74,143,177,.24)}.wiki-navigation-title{grid-column:1/-1}.wiki-content{padding:14px}.wiki-two-columns,.wiki-definition-grid,.wiki-live-grid,.wiki-rule-list{grid-template-columns:1fr}.wiki-building-grid,.wiki-research-grid{grid-template-columns:1fr}.wiki-world-card{grid-template-columns:1fr}.wiki-world-image{height:220px}.wiki-checklist{grid-template-columns:1fr}.wiki-war-timeline>div{grid-template-columns:36px minmax(0,1fr)}.wiki-war-timeline span{grid-column:2}}
@media(max-width:560px){.wiki-searchbox{grid-template-columns:1fr}.wiki-navigation{grid-template-columns:1fr}.wiki-article{padding:16px}.wiki-article>header{margin:-16px -16px 16px}.wiki-world-title{flex-direction:column}.wiki-world-copy dl div{grid-template-columns:1fr}.wiki-building-card{grid-template-columns:60px minmax(0,1fr)}.wiki-building-card img{width:58px;height:58px}}

/* Phase 4: Schwarzmarkt, Schmuggel, Kontrollen und Bestechung */
.underworld-section{margin:0 18px 18px;padding:21px;border:1px solid rgba(72,143,176,.4);border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(96,42,122,.13),transparent 28%),rgba(4,24,38,.76)}
.underworld-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.underworld-section-heading h2{margin:5px 0 0;color:#fff;font-size:1.45rem}.underworld-section-meta{display:grid;gap:3px;text-align:right}.underworld-section-meta strong{color:#e9f8ff}.underworld-section-meta small{color:#7ea7b8}
.underworld-locked{padding:24px;border:1px dashed rgba(131,105,176,.55);border-radius:10px;background:rgba(24,16,39,.48);text-align:center}.underworld-locked strong{color:#e4ccff;font-size:1.08rem}.underworld-locked p{margin:7px 0 0;color:#a9a0bd}
.underworld-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.underworld-market-card{min-width:0;padding:15px;border:1px solid rgba(111,75,151,.5);border-top:3px solid #b57be5;border-radius:10px;background:linear-gradient(145deg,rgba(27,16,43,.9),rgba(4,25,38,.88))}.underworld-market-card.is-sell{border-top-color:#e6b65b}.underworld-market-card>span{color:#c899ee;font-size:.66rem;font-weight:950;letter-spacing:.11em}.underworld-market-card.is-sell>span{color:#f1ca75}.underworld-market-card h3{margin:5px 0 12px;color:#fff;font-size:1.15rem}.underworld-market-card dl,.underworld-contract-card dl,.underworld-inspection-alert dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 13px}.underworld-market-card dl>div,.underworld-contract-card dl>div,.underworld-inspection-alert dl>div{padding:8px;border:1px solid rgba(84,130,153,.26);border-radius:7px;background:rgba(2,17,28,.55)}.underworld-market-card dt,.underworld-contract-card dt,.underworld-inspection-alert dt{color:#769baa;font-size:.64rem;text-transform:uppercase}.underworld-market-card dd,.underworld-contract-card dd,.underworld-inspection-alert dd{margin:3px 0 0;color:#edfaff;font-weight:850}.underworld-market-card form{margin:0}.underworld-market-card button,.underworld-contract-card button,.underworld-inspection-actions button{width:100%;min-height:39px;padding:8px 12px;border:1px solid;border-radius:7px;font:inherit;font-weight:900;cursor:pointer}.underworld-market-card button{color:#f8eeff;border-color:#b879e2;background:#6d3693}.underworld-market-card.is-sell button{color:#251800;border-color:#f0c66a;background:#d9a13d}.underworld-market-card button:hover{filter:brightness(1.12)}.underworld-market-card button:disabled,.underworld-contract-card button:disabled,.underworld-inspection-actions button:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.45)}.underworld-market-card>small{display:block;margin-top:8px;color:#798f9b;font-size:.67rem}
.underworld-contract-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.underworld-contract-card{min-width:0;padding:16px;border:1px solid rgba(77,169,130,.45);border-top:3px solid #5bd4a0;border-radius:10px;background:linear-gradient(145deg,rgba(9,53,40,.58),rgba(4,24,38,.9))}.underworld-contract-card.risk-medium{border-color:rgba(214,161,70,.48);border-top-color:#e3af52;background:linear-gradient(145deg,rgba(74,46,8,.5),rgba(4,24,38,.9))}.underworld-contract-card.risk-high{border-color:rgba(210,78,91,.5);border-top-color:#e35e6c;background:linear-gradient(145deg,rgba(72,16,26,.54),rgba(4,24,38,.9))}.underworld-contract-card.is-locked{opacity:.72}.underworld-contract-card>span{color:#7de2b2;font-size:.66rem;font-weight:950;letter-spacing:.1em}.underworld-contract-card.risk-medium>span{color:#edc36f}.underworld-contract-card.risk-high>span{color:#ff929d}.underworld-contract-card h3{margin:5px 0 7px;color:#fff;font-size:1.15rem}.underworld-contract-card>p{min-height:54px;margin:0 0 12px;color:#aac3cd;line-height:1.48}.underworld-contract-card button{color:#031d14;border-color:#67dfad;background:#61d7a5}.underworld-contract-card.risk-medium button{color:#271a02;border-color:#efc56f;background:#dea845}.underworld-contract-card.risk-high button{color:#fff;border-color:#ea7c86;background:#a83d49}.underworld-contract-card>small{display:block;margin-top:8px;color:#839eaa;font-size:.69rem}
.underworld-active-job{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:18px;padding:18px;border:1px solid rgba(79,201,233,.52);border-radius:10px;background:linear-gradient(110deg,rgba(9,73,95,.62),rgba(4,24,38,.88))}.underworld-active-job>div:first-child>span{color:#75ddfb;font-size:.66rem;font-weight:950;letter-spacing:.12em}.underworld-active-job h3{margin:5px 0 6px;color:#fff;font-size:1.25rem}.underworld-active-job p{margin:0;color:#b7d0da}.underworld-active-job small{display:block;margin-top:9px;color:#7faabd}.underworld-job-countdown{display:grid;gap:4px;padding:14px;border:1px solid rgba(103,210,239,.35);border-radius:9px;background:rgba(3,20,31,.64);text-align:center}.underworld-job-countdown span{color:#82afc0;font-size:.67rem;text-transform:uppercase}.underworld-job-countdown strong{color:#9ceaff;font-size:1.65rem;font-variant-numeric:tabular-nums}
.underworld-inspection-alert{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:20px;border:1px solid rgba(255,143,63,.72);border-left:5px solid #ff8c3e;border-radius:11px;background:radial-gradient(circle at 0 0,rgba(200,75,20,.23),transparent 38%),linear-gradient(120deg,rgba(76,27,8,.82),rgba(5,25,38,.9));box-shadow:0 0 26px rgba(255,102,30,.08)}.underworld-inspection-alert>div:first-child>span{color:#ffad68;font-size:.69rem;font-weight:950;letter-spacing:.13em}.underworld-inspection-alert h3{margin:5px 0 7px;color:#fff;font-size:1.45rem}.underworld-inspection-alert p{margin:0 0 13px;color:#f0d1bd}.underworld-inspection-actions{display:grid;align-content:center;gap:9px}.underworld-inspection-actions form{margin:0}.underworld-bribe-button{color:#211500;border-color:#ffcb68;background:#eeb64b}.underworld-accept-control{color:#ffe9e7;border-color:#e77c70;background:#8b372f}.underworld-inspection-actions small{color:#d6aa8a;text-align:center;line-height:1.35}
.underworld-control-rules{background:radial-gradient(circle at 10% 0,rgba(199,111,30,.12),transparent 28%),rgba(4,24,38,.76)}.underworld-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.underworld-rule-grid article{padding:13px;border:1px solid rgba(78,139,167,.28);border-radius:9px;background:rgba(3,20,32,.62)}.underworld-rule-grid strong{color:#f3d49d}.underworld-rule-grid p{margin:6px 0 0;color:#93b0bd;font-size:.78rem;line-height:1.45}
.underworld-job-history{margin-top:17px;padding-top:15px;border-top:1px solid rgba(75,139,167,.23)}.underworld-job-history>h3{margin:0 0 10px;color:#dff5ff}.underworld-job-result{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;padding:10px 12px;border:1px solid rgba(70,132,158,.27);border-radius:8px;background:rgba(3,20,31,.58)}.underworld-job-result+.underworld-job-result{margin-top:7px}.underworld-job-result>div{display:grid;gap:3px}.underworld-job-result strong{color:#eaf8fd}.underworld-job-result span{color:#7395a3;font-size:.68rem}.underworld-job-result p{margin:0;color:#a9c1cb;line-height:1.45}.underworld-job-result.result-success{border-left:4px solid #59d49e}.underworld-job-result.result-confiscated{border-left:4px solid #e16470}.underworld-job-result.result-failed_delivery{border-left:4px solid #d4a34e}
@media(max-width:1180px){.underworld-market-grid,.underworld-contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.underworld-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.underworld-section{margin:0 12px 12px;padding:15px}.underworld-section-heading{align-items:flex-start;flex-direction:column}.underworld-section-meta{text-align:left}.underworld-market-grid,.underworld-contract-grid,.underworld-rule-grid{grid-template-columns:1fr}.underworld-active-job,.underworld-inspection-alert{grid-template-columns:1fr}.underworld-job-result{grid-template-columns:1fr}.underworld-market-card dl,.underworld-contract-card dl,.underworld-inspection-alert dl{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.underworld-market-card dl,.underworld-contract-card dl,.underworld-inspection-alert dl{grid-template-columns:1fr}}
.game-sidebar-alert{color:#2d1200!important;background:#ff9a45!important;border-color:#ffd0a3!important;box-shadow:0 0 13px rgba(255,123,43,.55)!important}

/* Persönliche Darstellung */
html.ur-font-small{font-size:14px}
html.ur-font-large{font-size:18px}
html.ur-font-very-large{font-size:20px}
html.ur-reduced-motion{scroll-behavior:auto!important}
html.ur-reduced-motion *,html.ur-reduced-motion *::before,html.ur-reduced-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}

/* Spielereinstellungen */
.settings-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0 42px}
.settings-panel{min-height:calc(100vh - 60px);overflow:hidden;border:1px solid rgba(75,151,190,.48);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(26,119,157,.1),transparent 30%),rgba(4,22,37,.96);box-shadow:0 18px 50px rgba(0,0,0,.34)}
.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;border-bottom:1px solid rgba(83,145,177,.25);background:linear-gradient(90deg,rgba(6,36,57,.98),rgba(6,27,43,.82))}
.settings-heading span,.settings-section-copy>span{color:#71d5ff;font-size:.72rem;font-weight:900;letter-spacing:.14em}
.settings-heading h1{margin:5px 0 4px;color:#fff;font-size:2rem}
.settings-heading p{margin:0;color:#9ebdcd;line-height:1.55}
.settings-heading>strong{flex:0 0 auto;padding:10px 14px;border:1px solid rgba(94,211,158,.58);border-radius:999px;color:#9af0c9;background:rgba(14,76,55,.48);font-size:.8rem;letter-spacing:.04em}
.settings-alert{margin:20px 24px 0;padding:13px 16px;border:1px solid;border-radius:9px;line-height:1.5}
.settings-alert ul{margin:7px 0 0;padding-left:20px}
.settings-alert-success{color:#c7ffe5;border-color:rgba(77,205,145,.55);background:rgba(12,82,56,.56)}
.settings-alert-error{color:#ffd4d8;border-color:rgba(232,92,109,.58);background:rgba(91,24,34,.62)}
.settings-form{display:block}
.settings-section{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:28px;margin:24px;padding:24px;border:1px solid rgba(75,145,177,.28);border-radius:12px;background:linear-gradient(145deg,rgba(6,31,48,.82),rgba(3,19,31,.9))}
.settings-section-copy h2{margin:6px 0 8px;color:#fff;font-size:1.38rem}
.settings-section-copy p{margin:0;color:#9eb9c6;line-height:1.62}
.settings-font-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
.settings-font-picker legend{grid-column:1/-1;margin-bottom:2px;color:#dff5ff;font-weight:850}
.settings-choice{position:relative;display:block;cursor:pointer}
.settings-choice input{position:absolute;opacity:0;pointer-events:none}
.settings-choice>span{display:grid;gap:4px;min-height:74px;padding:13px 14px;border:1px solid rgba(83,144,172,.34);border-radius:9px;background:rgba(2,18,29,.62);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.settings-choice strong{color:#edfaff}
.settings-choice small{color:#829eab;line-height:1.38}
.settings-choice:hover>span{border-color:rgba(98,204,240,.65);transform:translateY(-1px)}
.settings-choice input:checked+span{border-color:#63d6ff;background:linear-gradient(145deg,rgba(13,82,110,.72),rgba(3,27,43,.9));box-shadow:inset 0 0 0 1px rgba(99,214,255,.18),0 0 18px rgba(43,169,213,.1)}
.settings-choice input:focus-visible+span{outline:3px solid rgba(115,221,255,.35);outline-offset:2px}
.settings-toggle-list{display:grid;gap:9px}
.settings-toggle-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:16px;min-height:66px;padding:12px 14px;border:1px solid rgba(83,144,172,.3);border-radius:9px;background:rgba(2,18,29,.62);cursor:pointer}
.settings-section>.settings-toggle-row{grid-column:2;margin-top:2px}
.settings-toggle-row>span{display:grid;gap:4px}
.settings-toggle-row strong{color:#edfaff}
.settings-toggle-row small{color:#829eab;line-height:1.38}
.settings-toggle-row input{position:absolute;opacity:0;pointer-events:none}
.settings-toggle-row i{position:relative;width:46px;height:25px;border:1px solid rgba(111,144,158,.65);border-radius:999px;background:#243744;box-shadow:inset 0 2px 5px rgba(0,0,0,.28);transition:background .18s ease,border-color .18s ease}
.settings-toggle-row i::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#a9bac2;box-shadow:0 2px 4px rgba(0,0,0,.38);transition:transform .18s ease,background .18s ease}
.settings-toggle-row input:checked+i{border-color:#5fe0ac;background:#187b5a}
.settings-toggle-row input:checked+i::after{transform:translateX(21px);background:#eafff6}
.settings-toggle-row input:focus-visible+i{outline:3px solid rgba(115,221,255,.35);outline-offset:3px}
.settings-save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 24px 24px;padding:15px 18px;border:1px solid rgba(98,203,238,.35);border-radius:10px;background:rgba(7,47,68,.68)}
.settings-save-bar p{margin:0;color:#91b2c0;line-height:1.45}
.settings-primary-button,.settings-secondary-button{min-height:42px;padding:10px 17px;border:1px solid;border-radius:8px;font:inherit;font-weight:900;cursor:pointer;transition:filter .18s ease,transform .18s ease}
.settings-primary-button{flex:0 0 auto;color:#042032;border-color:#84e5ff;background:linear-gradient(180deg,#70d9f8,#42b9df)}
.settings-secondary-button{color:#ecfbff;border-color:#5babc9;background:linear-gradient(180deg,#20789a,#14556e)}
.settings-primary-button:hover,.settings-secondary-button:hover{filter:brightness(1.1);transform:translateY(-1px)}
.settings-security-section{border-color:rgba(196,151,71,.33);background:radial-gradient(circle at 100% 0,rgba(170,112,31,.12),transparent 34%),linear-gradient(145deg,rgba(21,32,43,.9),rgba(3,19,31,.94))}
.settings-security-section .settings-section-copy>span{color:#efc36d}
.settings-password-form{display:grid;gap:11px}
.settings-password-form label{display:grid;gap:6px}
.settings-password-form label>span{color:#cfe6ef;font-size:.78rem;font-weight:800}
.settings-password-form input{width:100%;min-height:42px;box-sizing:border-box;padding:9px 11px;border:1px solid rgba(91,147,172,.48);border-radius:8px;color:#effbff;background:rgba(1,15,25,.78);font:inherit;outline:none}
.settings-password-form input:focus{border-color:#67d2f4;box-shadow:0 0 0 3px rgba(74,187,224,.14)}
.settings-password-form .settings-secondary-button{justify-self:start;margin-top:3px}
@media(max-width:900px){.settings-shell{width:calc(100% - 20px)}.settings-heading{align-items:flex-start;padding:20px;flex-direction:column}.settings-section{grid-template-columns:1fr;margin:18px 14px;padding:20px}.settings-section>.settings-toggle-row{grid-column:1}.settings-save-bar{align-items:stretch;flex-direction:column;margin:0 14px 18px}.settings-primary-button{width:100%}}
@media(max-width:560px){.settings-font-picker{grid-template-columns:1fr}.settings-heading h1{font-size:1.65rem}.settings-section{padding:16px}.settings-toggle-row{grid-template-columns:minmax(0,1fr) 48px}.settings-alert{margin:14px 14px 0}}

/* =========================================================
   Universe Raiders Login-HUD
   Hintergrund: assets/images/background/login_bg_high.jpg
   ========================================================= */
body.login-page {
    min-width: 320px;
    overflow-x: hidden;
    background-color: #020812;
    background-image:
        linear-gradient(180deg, rgba(0, 5, 12, .12) 0%, rgba(0, 8, 18, .06) 48%, rgba(0, 4, 10, .42) 100%),
        url('../assets/images/background/login_bg_high.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body.login-page::before {
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(0, 5, 12, .42), transparent 20%, transparent 80%, rgba(0, 5, 12, .42)),
        radial-gradient(circle at 50% 33%, rgba(7, 181, 235, .08), transparent 34%);
    opacity: 1;
}

.login-stage {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.login-topbar {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 6px 18px 6px 13px;
    border-top: 1px solid rgba(128, 218, 255, .34);
    border-bottom: 1px solid rgba(91, 175, 215, .34);
    background: linear-gradient(180deg, rgba(2, 10, 18, .96), rgba(3, 14, 24, .88));
    box-shadow: 0 7px 26px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(220, 247, 255, .05);
    font-family: "Segoe UI", Arial, sans-serif;
}

.login-topbar-brand,
.login-topbar-status {
    display: flex;
    align-items: center;
}

.login-topbar-brand { gap: 12px; }

.login-mini-emblem {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #8deaff;
    border: 1px solid rgba(85, 214, 255, .75);
    background: radial-gradient(circle, rgba(15, 150, 203, .34), rgba(1, 17, 29, .94) 67%);
    box-shadow: 0 0 16px rgba(0, 180, 240, .25), inset 0 0 12px rgba(40, 197, 245, .2);
    clip-path: polygon(25% 4%, 75% 4%, 98% 50%, 75% 96%, 25% 96%, 2% 50%);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.login-topbar-name {
    color: #e5f6ff;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-shadow: 0 0 12px rgba(63, 199, 255, .24);
}

.login-topbar-genre {
    margin-left: 13px;
    padding-left: 18px;
    color: #3da6cf;
    border-left: 1px solid rgba(89, 177, 218, .3);
    font-size: .62rem;
    letter-spacing: .1em;
}

.login-topbar-status {
    gap: 8px;
    color: #c8d7de;
    font-size: .58rem;
    letter-spacing: .08em;
}

.login-topbar-status strong {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #62d577;
    font-size: .58rem;
    font-weight: 700;
}

.login-topbar-status strong i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #58df70;
    box-shadow: 0 0 10px #4fe76c;
}

.login-language {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 13px;
    padding: 0 13px;
    border-left: 1px solid rgba(98, 157, 185, .28);
    color: #dce9ef;
}

.login-language b { color: #7193a3; font-size: .72rem; }

.login-main {
    width: min(1100px, calc(100% - 28px));
    margin: 0 auto;
    padding: clamp(14px, 2vh, 28px) 0 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login-hero {
    width: min(670px, 100%);
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) 112px;
    align-items: center;
    gap: 18px;
    margin-bottom: 12px;
}

.login-title-block { text-align: center; }

.login-main-logo {
    display: block;
    width: min(430px, 100%);
    max-height: 190px;
    margin: 0 auto -13px;
    object-fit: contain;
    filter: drop-shadow(0 9px 18px rgba(0, 0, 0, .7)) drop-shadow(0 0 12px rgba(38, 183, 239, .18));
}

.login-title-block p {
    margin: 0;
    color: #5ed8ef;
    font-size: clamp(.78rem, 1.25vw, 1.08rem);
    font-weight: 500;
    letter-spacing: .18em;
    text-shadow: 0 0 14px rgba(26, 190, 238, .54);
}

.login-title-block h1 {
    margin: 4px 0 0;
    color: #86e6ff;
    font-size: clamp(1.05rem, 2.05vw, 1.7rem);
    font-weight: 500;
    letter-spacing: .11em;
    text-shadow: 0 0 16px rgba(32, 186, 239, .52);
}

.login-faction-emblem {
    width: 98px;
    height: 98px;
    display: grid;
    place-items: center;
    justify-self: center;
    color: #72dcff;
    border: 1px solid rgba(44, 200, 247, .78);
    background:
        radial-gradient(circle, rgba(14, 159, 210, .18), rgba(0, 13, 25, .88) 66%),
        linear-gradient(145deg, rgba(20, 64, 86, .72), rgba(1, 11, 21, .96));
    clip-path: polygon(25% 3%, 75% 3%, 98% 50%, 75% 97%, 25% 97%, 2% 50%);
    box-shadow: 0 0 24px rgba(14, 177, 231, .26), inset 0 0 20px rgba(43, 191, 239, .12);
}

.login-faction-emblem::before {
    content: "";
    position: absolute;
}

.login-faction-emblem span {
    font-size: 2.2rem;
    font-weight: 900;
    text-shadow: 0 0 16px rgba(45, 210, 255, .75);
}

.login-faction-pirate span { color: #6ce6ff; font-size: 2rem; }

.login-console {
    position: relative;
    width: min(442px, 100%);
    padding: 31px 35px 26px;
    border: 1px solid rgba(93, 175, 205, .55);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(9, 27, 40, .94), rgba(2, 12, 22, .97)),
        radial-gradient(circle at top, rgba(21, 164, 211, .12), transparent 42%);
    box-shadow:
        0 18px 52px rgba(0, 0, 0, .72),
        0 0 0 5px rgba(2, 8, 14, .72),
        0 0 0 6px rgba(102, 158, 181, .22),
        inset 0 1px 0 rgba(195, 239, 255, .08),
        inset 0 0 26px rgba(2, 126, 173, .07);
}

.login-console::before,
.login-console::after {
    content: "";
    position: absolute;
    top: -7px;
    width: 68px;
    height: 16px;
    border-top: 2px solid #32bde7;
    background: linear-gradient(180deg, rgba(8, 35, 48, .96), rgba(4, 18, 28, .96));
    box-shadow: 0 0 10px rgba(38, 193, 237, .26);
}

.login-console::before {
    left: 50%;
    transform: translateX(-100%) skewX(35deg);
    border-left: 1px solid rgba(91, 175, 205, .45);
}

.login-console::after {
    right: 50%;
    transform: translateX(100%) skewX(-35deg);
    border-right: 1px solid rgba(91, 175, 205, .45);
}

.login-console h2 {
    position: absolute;
    top: -4px;
    left: 50%;
    z-index: 2;
    width: 150px;
    margin: 0;
    transform: translateX(-50%);
    color: #58cce8;
    font-size: .73rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-align: center;
    text-shadow: 0 0 10px rgba(55, 204, 242, .5);
}

.login-console-notch {
    position: absolute;
    top: -2px;
    width: 17px;
    height: 6px;
    background: #1e99bc;
    box-shadow: 0 0 9px rgba(40, 195, 234, .52);
}

.login-console-notch-left { left: calc(50% - 86px); }
.login-console-notch-right { right: calc(50% - 86px); }

.login-console .alert {
    margin: 0 0 14px;
    padding: 9px 11px;
    border-radius: 3px;
    font-size: .78rem;
}

.login-form { display: grid; gap: 13px; }

.login-field > span:first-child {
    margin-bottom: 7px;
    color: #dce7ec;
    font-size: .74rem;
    font-weight: 600;
}

.login-input-shell {
    position: relative;
    display: block;
}

.login-input-shell input[type="text"],
.login-input-shell input[type="password"] {
    min-height: 39px;
    padding: 9px 38px 9px 39px;
    border: 1px solid rgba(74, 121, 149, .5);
    border-radius: 3px;
    background: rgba(1, 9, 17, .84);
    color: #eaf8ff;
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .35);
    font-size: .74rem;
}

.login-input-shell input::placeholder { color: #657783; }

.login-input-shell input:focus {
    border-color: #34bde7;
    box-shadow: 0 0 0 2px rgba(42, 185, 228, .11), inset 0 0 14px rgba(0, 0, 0, .35);
}

.login-field-icon {
    position: absolute;
    top: 50%;
    left: 11px;
    z-index: 2;
    transform: translateY(-50%);
    color: #84abc0;
    font-style: normal;
    font-size: .8rem;
}

.login-password-toggle {
    position: absolute;
    top: 50%;
    right: 7px;
    z-index: 2;
    width: 28px;
    height: 28px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #718895;
    cursor: pointer;
}

.login-password-toggle:hover,
.login-password-toggle.is-visible { color: #72d9f4; }

.login-remember {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: 8px;
    margin: 0;
    color: #c4d0d5;
    font-size: .7rem;
    cursor: pointer;
}

.login-remember input {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: #11bfe8;
}

.login-remember span { margin: 0; font-weight: 400; }

.login-submit {
    min-height: 43px;
    border: 1px solid #24c6ee;
    border-radius: 3px;
    background: linear-gradient(180deg, #118eb9, #075978);
    color: #e9fbff;
    box-shadow: 0 0 16px rgba(15, 181, 225, .27), inset 0 1px 0 rgba(223, 251, 255, .24);
    font: inherit;
    font-size: .91rem;
    font-weight: 700;
    letter-spacing: .04em;
    cursor: pointer;
    transition: filter .15s ease, transform .15s ease, box-shadow .15s ease;
}

.login-submit:hover {
    filter: brightness(1.16);
    transform: translateY(-1px);
    box-shadow: 0 0 23px rgba(15, 181, 225, .42), inset 0 1px 0 rgba(223, 251, 255, .3);
}

.login-secondary-actions {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 10px;
}

.login-secondary-actions a,
.login-secondary-actions button {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 9px;
    border: 1px solid rgba(106, 161, 189, .62);
    border-radius: 3px;
    background: linear-gradient(180deg, rgba(10, 29, 42, .95), rgba(3, 15, 25, .95));
    color: #d8e7ed;
    font: inherit;
    font-size: .68rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.login-secondary-actions a:hover {
    border-color: #4ec9ec;
    color: #fff;
    box-shadow: 0 0 12px rgba(36, 183, 224, .16);
}

.login-secondary-actions button:disabled {
    color: #aebcc2;
    cursor: not-allowed;
    opacity: .78;
}

.login-system-message {
    width: min(445px, 100%);
    min-height: 57px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 12px;
    padding: 9px 19px;
    border: 1px solid rgba(74, 133, 158, .5);
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(7, 23, 35, .92), rgba(2, 12, 20, .94));
    box-shadow: 0 10px 24px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(184, 230, 246, .04);
}

.login-signal-icon {
    color: #25c2ee;
    font-size: 1.7rem;
    transform: rotate(-10deg);
    text-shadow: 0 0 12px rgba(29, 194, 236, .72);
}

.login-system-message strong {
    display: block;
    color: #35bddd;
    font-size: .64rem;
    font-weight: 600;
    letter-spacing: .11em;
}

.login-system-message p {
    margin: 2px 0 0;
    color: #c4d2d8;
    font-size: .65rem;
    line-height: 1.36;
}

.login-footer {
    min-height: 49px;
    padding: 7px 18px 6px;
    border-top: 1px solid rgba(92, 161, 190, .28);
    background: linear-gradient(180deg, rgba(2, 9, 16, .55), rgba(1, 7, 12, .9));
    text-align: center;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .3);
}

.login-footer nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 22px;
}

.login-footer a {
    color: #778b94;
    font-size: .58rem;
    letter-spacing: .05em;
    text-decoration: none;
}

.login-footer a:hover { color: #68d6f1; }

.login-footer p {
    margin: 5px 0 0;
    color: #52646d;
    font-size: .57rem;
}

@media (max-width: 760px) {
    .login-topbar { padding-inline: 10px; }
    .login-topbar-genre { display: none; }
    .login-topbar-name { font-size: .74rem; }
    .login-topbar-status > span:first-child { display: none; }
    .login-language { margin-left: 5px; padding-inline: 8px; }
    .login-main { justify-content: flex-start; padding-top: 22px; }
    .login-hero { grid-template-columns: 60px minmax(0, 1fr) 60px; gap: 7px; }
    .login-faction-emblem { width: 56px; height: 56px; }
    .login-faction-emblem span { font-size: 1.38rem; }
    .login-main-logo { margin-bottom: -5px; }
    .login-console { padding: 30px 22px 23px; }
    .login-footer nav { gap: 10px 15px; }
}

@media (max-width: 480px) {
    body.login-page { background-position: 48% center; }
    .login-mini-emblem { width: 35px; height: 35px; }
    .login-topbar-status strong { font-size: .52rem; }
    .login-language { display: none; }
    .login-hero { display: block; }
    .login-faction-emblem { display: none; }
    .login-title-block p { margin-top: 5px; }
    .login-secondary-actions { grid-template-columns: 1fr; }
    .login-system-message { padding-inline: 14px; }
}

@media (max-height: 820px) and (min-width: 761px) {
    .login-main { padding-top: 8px; padding-bottom: 8px; }
    .login-main-logo { max-height: 142px; width: 360px; }
    .login-hero { margin-bottom: 6px; }
    .login-faction-emblem { width: 78px; height: 78px; }
    .login-console { padding-top: 27px; padding-bottom: 20px; }
    .login-form { gap: 9px; }
    .login-system-message { min-height: 49px; margin-top: 8px; }
}

/* Login hero: separate artwork keeps the full logo composition pixel-stable. */
.login-hero {
    width: min(790px, 94vw);
    display: block;
    margin: -2px auto 6px;
    line-height: 0;
    pointer-events: none;
}

.login-hero-art {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    mix-blend-mode: normal;
    filter:
        drop-shadow(0 10px 20px rgba(0, 0, 0, .8))
        drop-shadow(0 0 15px rgba(26, 177, 230, .18));
    -webkit-user-select: none;
    user-select: none;
}

@media (max-width: 760px) {
    .login-hero {
        width: min(680px, 100%);
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {
    .login-hero {
        width: 108%;
        max-width: none;
        margin-left: -4%;
    }
}

@media (max-height: 820px) and (min-width: 761px) {
    .login-hero {
        width: min(650px, 88vw);
        margin-top: -10px;
        margin-bottom: -2px;
    }
}

/* =========================================================
   Login HUD V2 – detail polish without changing composition
   ========================================================= */
.login-mini-emblem {
    position: relative;
    isolation: isolate;
}

.login-mini-emblem::before,
.login-mini-emblem::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.login-mini-emblem::before {
    inset: 4px;
    z-index: -1;
    border: 1px solid rgba(95, 221, 255, .26);
    clip-path: inherit;
}

.login-mini-emblem::after {
    left: 50%;
    bottom: 6px;
    width: 16px;
    height: 1px;
    transform: translateX(-50%);
    background: #31c7ed;
    box-shadow: 0 0 8px rgba(49, 199, 237, .7);
}

.login-topbar-status strong i {
    animation: login-online-pulse 2.2s ease-in-out infinite;
}

.login-chevron {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: currentColor;
    -webkit-mask: url('../assets/images/login/chevron-down.svg') center / contain no-repeat;
    mask: url('../assets/images/login/chevron-down.svg') center / contain no-repeat;
}

.login-console {
    isolation: isolate;
    background:
        radial-gradient(circle at 50% -10%, rgba(33, 172, 216, .13), transparent 34%),
        linear-gradient(180deg, rgba(9, 27, 40, .955), rgba(2, 12, 22, .975));
}

.login-console::before,
.login-console::after,
.login-console h2,
.login-console-notch,
.login-corner {
    z-index: 3;
}

.login-console::before,
.login-console::after {
    pointer-events: none;
}

.login-corner {
    position: absolute;
    width: 23px;
    height: 23px;
    pointer-events: none;
    opacity: .8;
    filter: drop-shadow(0 0 5px rgba(45, 184, 225, .18));
}

.login-corner::before,
.login-corner::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, rgba(102, 185, 216, .72), rgba(31, 117, 151, .18));
}

.login-corner::before { width: 20px; height: 1px; }
.login-corner::after { width: 1px; height: 20px; }

.login-corner-tl { top: 7px; left: 7px; }
.login-corner-tr { top: 7px; right: 7px; transform: scaleX(-1); }
.login-corner-bl { bottom: 7px; left: 7px; transform: scaleY(-1); }
.login-corner-br { right: 7px; bottom: 7px; transform: scale(-1); }

.login-corner::before,
.login-corner::after { top: 0; left: 0; }

.login-field-icon,
.login-action-icon,
.login-eye-icon,
.login-signal-icon {
    display: inline-block;
    background: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.login-field-icon {
    width: 15px;
    height: 15px;
    transition: color .15s ease, filter .15s ease;
}

.login-icon-user {
    -webkit-mask-image: url('../assets/images/login/user.svg');
    mask-image: url('../assets/images/login/user.svg');
}

.login-icon-lock {
    -webkit-mask-image: url('../assets/images/login/lock.svg');
    mask-image: url('../assets/images/login/lock.svg');
}

.login-icon-user-plus {
    -webkit-mask-image: url('../assets/images/login/user-plus.svg');
    mask-image: url('../assets/images/login/user-plus.svg');
}

.login-icon-key {
    -webkit-mask-image: url('../assets/images/login/key.svg');
    mask-image: url('../assets/images/login/key.svg');
}

.login-input-shell:focus-within .login-field-icon {
    color: #69daf6;
    filter: drop-shadow(0 0 5px rgba(74, 203, 239, .46));
}

.login-input-shell::after {
    content: "";
    position: absolute;
    left: 39px;
    right: 39px;
    bottom: 0;
    height: 1px;
    transform: scaleX(0);
    transform-origin: center;
    background: linear-gradient(90deg, transparent, #48cef0, transparent);
    box-shadow: 0 0 7px rgba(47, 196, 233, .48);
    transition: transform .18s ease;
    pointer-events: none;
}

.login-input-shell:focus-within::after { transform: scaleX(1); }

.login-password-toggle {
    display: grid;
    place-items: center;
    border-radius: 50%;
}

.login-password-toggle:focus-visible {
    outline: 1px solid #4bc8ea;
    outline-offset: 1px;
}

.login-eye-icon {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url('../assets/images/login/eye.svg');
    mask-image: url('../assets/images/login/eye.svg');
}

.login-password-toggle.is-visible .login-eye-icon {
    -webkit-mask-image: url('../assets/images/login/eye-off.svg');
    mask-image: url('../assets/images/login/eye-off.svg');
}

.login-remember {
    position: relative;
    gap: 8px;
}

.login-remember input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.login-checkbox-mark {
    position: relative;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    margin: 0;
    border: 1px solid rgba(117, 155, 174, .72);
    border-radius: 2px;
    background: linear-gradient(145deg, rgba(18, 35, 47, .96), rgba(3, 12, 20, .96));
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .5), 0 0 0 1px rgba(0, 0, 0, .32);
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.login-checkbox-mark::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #e8fbff;
    border-bottom: 2px solid #e8fbff;
    transition: transform .13s ease;
}

.login-remember input:checked + .login-checkbox-mark {
    border-color: #35caed;
    background: linear-gradient(145deg, #159bc3, #07617f);
    box-shadow: 0 0 10px rgba(33, 190, 230, .35), inset 0 1px 0 rgba(229, 252, 255, .2);
}

.login-remember input:checked + .login-checkbox-mark::after {
    transform: rotate(45deg) scale(1);
}

.login-remember input:focus-visible + .login-checkbox-mark {
    outline: 1px solid #6edbf4;
    outline-offset: 2px;
}

.login-remember:hover .login-checkbox-mark { border-color: #56cae8; }
.login-remember-text { margin: 0; font-weight: 400; }

.login-submit {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.login-submit::before {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border: 1px solid rgba(206, 247, 255, .08);
    border-radius: 2px;
    pointer-events: none;
}

.login-submit::after {
    content: "";
    position: absolute;
    top: -25%;
    bottom: -25%;
    left: -35%;
    width: 22%;
    transform: skewX(-22deg);
    background: linear-gradient(90deg, transparent, rgba(224, 250, 255, .2), transparent);
    transition: left .42s ease;
    pointer-events: none;
}

.login-submit:hover::after { left: 115%; }

.login-action-icon {
    width: 14px;
    height: 14px;
    color: #9cc2d1;
    flex: 0 0 14px;
}

.login-secondary-actions a:hover .login-action-icon {
    color: #69ddf7;
    filter: drop-shadow(0 0 5px rgba(65, 204, 239, .48));
}

.login-secondary-actions button:disabled .login-action-icon { color: #768b94; }

.login-signal-icon {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    color: #25c2ee;
    transform: none;
    -webkit-mask-image: url('../assets/images/login/signal.svg');
    mask-image: url('../assets/images/login/signal.svg');
    filter: drop-shadow(0 0 6px rgba(29, 194, 236, .56));
}

.login-system-message {
    position: relative;
    overflow: hidden;
}

.login-system-message::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 105px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(54, 194, 229, .62));
    box-shadow: 0 0 7px rgba(54, 194, 229, .28);
}

@keyframes login-online-pulse {
    0%, 100% { opacity: .78; transform: scale(.92); }
    50% { opacity: 1; transform: scale(1.12); }
}

@media (prefers-reduced-motion: reduce) {
    .login-topbar-status strong i { animation: none; }
    .login-submit,
    .login-submit::after,
    .login-checkbox-mark,
    .login-checkbox-mark::after,
    .login-input-shell::after,
    .login-field-icon { transition: none; }
}

/* =========================================================
   Login HUD V3 – browser autofill and console-tab cleanup
   Keeps the approved desktop composition unchanged.
   ========================================================= */
.login-console h2 {
    top: -3px;
    z-index: 7;
    color: #72def7;
    line-height: 1.1;
    text-shadow:
        0 0 4px rgba(0, 0, 0, .95),
        0 0 11px rgba(55, 204, 242, .72);
    pointer-events: none;
}

.login-console::before,
.login-console::after,
.login-console-notch {
    z-index: 4;
}

.login-input-shell input[type="text"],
.login-input-shell input[type="password"] {
    caret-color: #75dcf5;
    -webkit-text-fill-color: #eaf8ff;
}

/* Neutralize the yellow/olive password-manager autofill background. */
.login-input-shell input:-webkit-autofill,
.login-input-shell input:-webkit-autofill:hover,
.login-input-shell input:-webkit-autofill:focus,
.login-input-shell input:-webkit-autofill:active {
    border-color: rgba(74, 121, 149, .5) !important;
    -webkit-text-fill-color: #eaf8ff !important;
    caret-color: #75dcf5 !important;
    -webkit-box-shadow:
        0 0 0 1000px #020d17 inset,
        inset 0 0 14px rgba(0, 0, 0, .35) !important;
    box-shadow:
        0 0 0 1000px #020d17 inset,
        inset 0 0 14px rgba(0, 0, 0, .35) !important;
    transition: background-color 9999s ease-out 0s;
}

.login-input-shell input:-webkit-autofill:focus {
    border-color: #34bde7 !important;
    -webkit-box-shadow:
        0 0 0 1000px #020d17 inset,
        0 0 0 2px rgba(42, 185, 228, .11),
        inset 0 0 14px rgba(0, 0, 0, .35) !important;
    box-shadow:
        0 0 0 1000px #020d17 inset,
        0 0 0 2px rgba(42, 185, 228, .11),
        inset 0 0 14px rgba(0, 0, 0, .35) !important;
}

.login-input-shell input:autofill {
    color: #eaf8ff;
    background: #020d17;
    box-shadow: 0 0 0 1000px #020d17 inset;
}

.login-input-shell:has(input:-webkit-autofill) .login-field-icon,
.login-input-shell:has(input:autofill) .login-field-icon {
    color: #84abc0;
}

.login-input-shell:focus-within:has(input:-webkit-autofill) .login-field-icon,
.login-input-shell:focus-within:has(input:autofill) .login-field-icon {
    color: #69daf6;
}

.login-password-toggle:hover {
    color: #8fdaed;
    background: rgba(57, 179, 216, .08);
}

.login-submit:focus-visible,
.login-secondary-actions a:focus-visible,
.login-secondary-actions button:focus-visible {
    outline: 2px solid rgba(91, 216, 247, .9);
    outline-offset: 2px;
}

/* =========================================================
   Login HUD V4 – segmented metal chassis
   Adds depth without changing the approved size or position.
   ========================================================= */
.login-console {
    overflow: visible;
    border-color: rgba(109, 188, 218, .66);
    box-shadow:
        0 22px 58px rgba(0, 0, 0, .76),
        0 0 0 4px rgba(1, 7, 13, .9),
        0 0 0 6px rgba(89, 133, 153, .34),
        0 0 0 7px rgba(8, 28, 40, .94),
        0 0 22px rgba(30, 164, 209, .16),
        inset 0 1px 0 rgba(210, 242, 255, .1),
        inset 0 0 30px rgba(2, 126, 173, .08);
}

.login-metal-rail,
.login-metal-beam,
.login-metal-rivet,
.login-system-clamp {
    position: absolute;
    display: block;
    pointer-events: none;
    user-select: none;
}

.login-metal-rail {
    z-index: 2;
    top: 26px;
    bottom: 26px;
    width: 15px;
    background:
        linear-gradient(90deg,
            rgba(0, 6, 11, .98) 0%,
            rgba(38, 64, 77, .96) 16%,
            rgba(119, 151, 164, .78) 31%,
            rgba(32, 58, 71, .98) 48%,
            rgba(5, 18, 28, .99) 74%,
            rgba(79, 118, 135, .68) 87%,
            rgba(2, 9, 15, .99) 100%);
    border-top: 1px solid rgba(143, 197, 217, .36);
    border-bottom: 1px solid rgba(0, 0, 0, .94);
    box-shadow:
        inset 1px 0 0 rgba(203, 235, 246, .12),
        inset -1px 0 0 rgba(0, 0, 0, .84),
        0 0 0 1px rgba(0, 4, 8, .94),
        0 7px 18px rgba(0, 0, 0, .7),
        0 0 10px rgba(20, 150, 194, .1);
}

.login-metal-rail::before,
.login-metal-rail::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 5px;
    height: 5px;
    transform: translateX(-50%);
    border: 1px solid rgba(0, 5, 9, .9);
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 30%, #b7cbd2 0 8%, #5f7984 15%, #1a303a 42%, #050d12 72%);
    box-shadow:
        inset 0 0 1px rgba(255, 255, 255, .45),
        0 1px 2px rgba(0, 0, 0, .92),
        0 0 5px rgba(64, 190, 225, .1);
}

.login-metal-rail::before { top: 14px; }
.login-metal-rail::after { bottom: 14px; }

.login-metal-rail-left {
    left: -14px;
    clip-path: polygon(38% 0, 100% 10px, 100% calc(100% - 10px), 38% 100%, 0 calc(100% - 17px), 0 17px);
}

.login-metal-rail-right {
    right: -14px;
    transform: scaleX(-1);
    clip-path: polygon(38% 0, 100% 10px, 100% calc(100% - 10px), 38% 100%, 0 calc(100% - 17px), 0 17px);
}

.login-metal-beam {
    z-index: 2;
    height: 12px;
    background:
        linear-gradient(180deg,
            rgba(123, 157, 170, .72) 0%,
            rgba(42, 68, 80, .96) 17%,
            rgba(10, 27, 38, .99) 48%,
            rgba(32, 56, 68, .98) 73%,
            rgba(3, 11, 18, .99) 100%);
    border-top: 1px solid rgba(177, 218, 231, .22);
    border-bottom: 1px solid rgba(0, 3, 7, .94);
    box-shadow:
        inset 0 1px 0 rgba(227, 246, 252, .08),
        inset 0 -1px 0 rgba(0, 0, 0, .9),
        0 3px 10px rgba(0, 0, 0, .56);
}

.login-metal-beam::after {
    content: "";
    position: absolute;
    inset: 3px 12px auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(65, 203, 238, .32), transparent);
    box-shadow: 0 0 6px rgba(46, 187, 224, .18);
}

.login-metal-beam-top-left {
    top: -13px;
    left: -6px;
    width: calc(50% - 89px);
    clip-path: polygon(7px 0, 100% 0, calc(100% - 9px) 100%, 0 100%);
}

.login-metal-beam-top-right {
    top: -13px;
    right: -6px;
    width: calc(50% - 89px);
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 100%, 9px 100%);
}

.login-metal-beam-bottom {
    left: 14px;
    right: 14px;
    bottom: -14px;
    height: 13px;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, calc(100% - 12px) 100%, 12px 100%, 0 8px);
}

.login-metal-rivet {
    z-index: 5;
    width: 7px;
    height: 7px;
    border: 1px solid rgba(1, 8, 13, .95);
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 30%, #d1e0e5 0 7%, #758d97 15%, #263b44 43%, #070e13 74%);
    box-shadow:
        inset 0 0 1px rgba(255, 255, 255, .55),
        0 1px 3px rgba(0, 0, 0, .92),
        0 0 5px rgba(64, 190, 225, .12);
}

.login-metal-rivet::after {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    top: 50%;
    height: 1px;
    transform: rotate(-18deg);
    background: rgba(3, 9, 13, .78);
}

.login-metal-rivet-tl { top: 14px; left: 14px; }
.login-metal-rivet-tr { top: 14px; right: 14px; }
.login-metal-rivet-bl { bottom: 14px; left: 14px; }
.login-metal-rivet-br { right: 14px; bottom: 14px; }

.login-console h2 {
    min-height: 19px;
    display: grid;
    place-items: center;
    background:
        linear-gradient(180deg, rgba(36, 75, 91, .96), rgba(5, 20, 30, .99) 58%, rgba(1, 9, 15, .99));
    border-top: 1px solid rgba(137, 216, 239, .34);
    border-bottom: 1px solid rgba(0, 3, 7, .95);
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 7px, calc(100% - 12px) 100%, 12px 100%, 0 7px);
    box-shadow:
        inset 0 1px 0 rgba(229, 249, 255, .07),
        0 3px 9px rgba(0, 0, 0, .56),
        0 0 9px rgba(34, 174, 214, .13);
}

.login-console-notch {
    z-index: 6;
    top: -1px;
    height: 7px;
    background: linear-gradient(180deg, #45d7f6, #147b9d);
    border-top: 1px solid rgba(221, 250, 255, .45);
    box-shadow: 0 0 10px rgba(40, 195, 234, .6), inset 0 -1px 0 rgba(0, 0, 0, .46);
}

.login-system-message {
    overflow: visible;
    border-color: rgba(91, 166, 196, .62);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .52),
        0 0 0 3px rgba(1, 8, 14, .82),
        0 0 0 4px rgba(77, 123, 143, .25),
        inset 0 1px 0 rgba(197, 235, 248, .07),
        inset 0 0 20px rgba(16, 112, 148, .06);
}

.login-system-clamp {
    z-index: 3;
    top: 9px;
    bottom: 9px;
    width: 11px;
    background:
        linear-gradient(90deg, #050d13, #455e69 28%, #162c36 54%, #07121a 100%);
    border: 1px solid rgba(93, 137, 153, .3);
    box-shadow:
        inset 1px 0 0 rgba(211, 236, 244, .08),
        inset -1px 0 0 rgba(0, 0, 0, .82),
        0 3px 8px rgba(0, 0, 0, .5);
}

.login-system-clamp::before,
.login-system-clamp::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 4px;
    height: 4px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #afc3ca 0 10%, #4e6872 30%, #071117 72%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .9);
}

.login-system-clamp::before { top: 7px; }
.login-system-clamp::after { bottom: 7px; }
.login-system-clamp-left { left: -10px; clip-path: polygon(45% 0, 100% 8px, 100% calc(100% - 8px), 45% 100%, 0 calc(100% - 12px), 0 12px); }
.login-system-clamp-right { right: -10px; transform: scaleX(-1); clip-path: polygon(45% 0, 100% 8px, 100% calc(100% - 8px), 45% 100%, 0 calc(100% - 12px), 0 12px); }

@media (max-width: 560px) {
    .login-metal-rail { width: 10px; }
    .login-metal-rail-left { left: -9px; }
    .login-metal-rail-right { right: -9px; }
    .login-metal-beam-top-left,
    .login-metal-beam-top-right { width: calc(50% - 79px); }
    .login-metal-rivet-tl,
    .login-metal-rivet-bl { left: 10px; }
    .login-metal-rivet-tr,
    .login-metal-rivet-br { right: 10px; }
    .login-system-clamp-left { left: -7px; }
    .login-system-clamp-right { right: -7px; }
}

/* =========================================================
   Registration HUD V1 – same visual language as Login V4
   ========================================================= */
body.register-page {
    background-position: center center;
}

.register-stage {
    min-height: 100dvh;
}

.register-main {
    width: min(1180px, calc(100% - 34px));
    justify-content: center;
    padding-top: clamp(2px, 1vh, 12px);
    padding-bottom: 7px;
}

.register-hero {
    width: min(660px, 90vw);
    margin-top: -12px;
    margin-bottom: -2px;
}

.register-console {
    width: min(920px, 100%);
    padding: 28px 30px 19px;
    background:
        linear-gradient(180deg, rgba(8, 28, 42, .955), rgba(2, 12, 22, .98)),
        radial-gradient(circle at 50% -10%, rgba(24, 171, 216, .14), transparent 39%);
}

.register-console h2 {
    width: 230px;
}

.register-console .login-metal-beam-top-left,
.register-console .login-metal-beam-top-right {
    width: calc(50% - 129px);
}

.register-console .login-console-notch-left {
    left: calc(50% - 126px);
}

.register-console .login-console-notch-right {
    right: calc(50% - 126px);
}

.register-intro {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 10px;
    padding: 0 2px 8px;
    border-bottom: 1px solid rgba(75, 143, 171, .27);
}

.register-intro strong {
    flex: 0 0 auto;
    color: #52d4ef;
    font-size: .64rem;
    letter-spacing: .13em;
    text-shadow: 0 0 10px rgba(50, 194, 232, .34);
}

.register-intro span {
    color: #819aa6;
    font-size: .65rem;
    line-height: 1.3;
    text-align: right;
}

.register-alert {
    max-height: 126px;
    overflow: auto;
    border-color: rgba(237, 95, 95, .5) !important;
    background: linear-gradient(180deg, rgba(75, 18, 25, .88), rgba(39, 8, 14, .93)) !important;
}

.register-alert strong {
    display: block;
    margin-bottom: 4px;
}

.register-alert ul {
    margin: 0;
    padding-left: 18px;
}

.register-alert li + li {
    margin-top: 2px;
}

.register-form {
    display: grid;
    gap: 8px;
}

.register-grid {
    display: grid;
    gap: 10px;
}

.register-grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.register-console .login-field > span:first-child {
    margin-bottom: 4px;
    font-size: .67rem;
    letter-spacing: .015em;
}

.register-console .login-input-shell input[type="text"],
.register-console .login-input-shell input[type="email"],
.register-console .login-input-shell input[type="password"] {
    min-height: 38px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.login-icon-mail {
    -webkit-mask-image: url('../assets/images/login/mail.svg');
    mask-image: url('../assets/images/login/mail.svg');
}

.register-role-picker {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
}

.register-role-picker legend {
    grid-column: 1 / -1;
    margin: 0 0 2px;
    padding: 0;
    color: #dce7ec;
    font-size: .67rem;
    font-weight: 600;
}

.register-role-card {
    position: relative;
    min-height: 74px;
    display: grid;
    grid-template-columns: 53px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 11px;
    padding: 8px 12px;
    overflow: hidden;
    border: 1px solid rgba(72, 127, 153, .55);
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(8, 30, 44, .9), rgba(2, 13, 22, .96)),
        radial-gradient(circle at 10% 50%, rgba(38, 179, 220, .08), transparent 42%);
    box-shadow: inset 0 1px 0 rgba(197, 235, 248, .045);
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}

.register-role-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    bottom: 9px;
    width: 2px;
    background: #24c4eb;
    box-shadow: 0 0 11px rgba(36, 196, 235, .62);
    opacity: .22;
}

.register-role-card:hover {
    border-color: rgba(78, 201, 236, .78);
    transform: translateY(-1px);
}

.register-role-card input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.register-role-card:has(input:checked) {
    border-color: #37c9ed;
    background:
        linear-gradient(135deg, rgba(8, 58, 79, .94), rgba(2, 18, 30, .98)),
        radial-gradient(circle at 10% 50%, rgba(47, 205, 241, .2), transparent 45%);
    box-shadow:
        0 0 0 1px rgba(55, 201, 237, .16),
        0 0 18px rgba(24, 177, 218, .13),
        inset 0 1px 0 rgba(211, 244, 255, .07);
}

.register-role-card:has(input:checked)::before {
    opacity: 1;
}

.register-role-card:has(input:focus-visible) {
    outline: 2px solid rgba(91, 216, 247, .9);
    outline-offset: 2px;
}

.register-role-icon {
    width: 42px;
    height: 42px;
    display: block;
    color: #4fcdeb;
    background: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    filter: drop-shadow(0 0 7px rgba(44, 194, 232, .35));
    opacity: .76;
}

.register-role-icon-pirate {
    -webkit-mask-image: url('../assets/images/login/pirate.svg');
    mask-image: url('../assets/images/login/pirate.svg');
}

.register-role-icon-trader {
    -webkit-mask-image: url('../assets/images/login/trader.svg');
    mask-image: url('../assets/images/login/trader.svg');
}

.register-role-card:has(input:checked) .register-role-icon {
    color: #75e6ff;
    opacity: 1;
}

.register-role-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.register-role-copy strong {
    color: #e8f8ff;
    font-size: .77rem;
    letter-spacing: .08em;
}

.register-role-copy small {
    color: #8ca4af;
    font-size: .63rem;
    line-height: 1.3;
}

.register-role-status {
    width: 14px;
    height: 14px;
    display: grid;
    place-items: center;
    border: 1px solid #647b87;
    border-radius: 50%;
    background: #07131c;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .65);
}

.register-role-status::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: transparent;
}

.register-role-card:has(input:checked) .register-role-status {
    border-color: #55d9f8;
    box-shadow: 0 0 9px rgba(52, 195, 232, .46), inset 0 0 4px rgba(0, 0, 0, .65);
}

.register-role-card:has(input:checked) .register-role-status::after {
    background: #44d6f6;
    box-shadow: 0 0 7px #35c8ec;
}

.register-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 22px;
}

.register-terms {
    margin: 0;
}

.register-terms a,
.register-login-link a {
    color: #55d5f4;
    text-decoration: none;
}

.register-terms a:hover,
.register-login-link a:hover {
    color: #a0edff;
    text-shadow: 0 0 9px rgba(68, 204, 239, .35);
}

.register-security-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #60808e;
    font-size: .55rem;
    letter-spacing: .08em;
}

.register-security-note i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4bd979;
    box-shadow: 0 0 8px rgba(75, 217, 121, .65);
}

.register-submit {
    min-height: 42px;
}

.register-login-link {
    margin: 0;
    color: #8399a3;
    font-size: .67rem;
    text-align: center;
}

.register-login-link a {
    margin-left: 5px;
    font-weight: 700;
    letter-spacing: .05em;
}

@media (max-width: 760px) {
    .register-main {
        width: min(100% - 24px, 760px);
        justify-content: flex-start;
        padding-top: 16px;
    }

    .register-hero {
        width: min(620px, 98vw);
        margin-bottom: 8px;
    }

    .register-console {
        padding: 31px 23px 24px;
    }

    .register-intro {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .register-intro span {
        text-align: left;
    }

    .register-grid-two,
    .register-role-picker {
        grid-template-columns: 1fr;
    }

    .register-bottom-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .register-security-note {
        padding-left: 22px;
    }
}

@media (max-width: 480px) {
    .register-console {
        padding-inline: 18px;
    }

    .register-console h2 {
        width: 200px;
        font-size: .66rem;
    }

    .register-console .login-metal-beam-top-left,
    .register-console .login-metal-beam-top-right {
        width: calc(50% - 112px);
    }

    .register-console .login-console-notch-left {
        left: calc(50% - 111px);
    }

    .register-console .login-console-notch-right {
        right: calc(50% - 111px);
    }

    .register-role-card {
        grid-template-columns: 42px minmax(0, 1fr) 18px;
        gap: 9px;
        padding-inline: 10px;
    }

    .register-role-icon {
        width: 39px;
        height: 39px;
    }
}

@media (max-height: 980px) and (min-width: 761px) {
    .register-main {
        justify-content: flex-start;
        padding-top: 0;
        padding-bottom: 4px;
    }

    .register-hero {
        width: 560px;
        margin-top: -14px;
        margin-bottom: -6px;
    }

    .register-console {
        padding: 26px 26px 16px;
    }

    .register-intro {
        margin-bottom: 8px;
        padding-bottom: 7px;
    }

    .register-intro strong {
        font-size: .62rem;
    }

    .register-intro span {
        font-size: .62rem;
    }

    .register-form {
        gap: 7px;
    }

    .register-grid {
        gap: 8px;
    }

    .register-role-picker {
        gap: 8px;
    }

    .register-role-picker legend {
        margin-bottom: 3px;
    }

    .register-role-card {
        min-height: 68px;
        padding: 7px 10px;
        grid-template-columns: 44px minmax(0, 1fr) 18px;
        gap: 9px;
    }

    .register-role-icon {
        width: 36px;
        height: 36px;
    }

    .register-console .login-field > span:first-child {
        margin-bottom: 3px;
    }

    .register-console .login-input-shell input[type="text"],
    .register-console .login-input-shell input[type="email"],
    .register-console .login-input-shell input[type="password"] {
        min-height: 36px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .register-submit {
        min-height: 40px;
    }

    body.register-page .login-footer {
        min-height: 38px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .register-role-card {
        transition: none;
    }
}


/* =========================================================
   Registration HUD V2 – proportionally reduced desktop fit
   ========================================================= */
@media (min-width: 761px) {
    .register-main {
        padding-top: 0;
        padding-bottom: 2px;
    }

    .register-hero {
        width: min(610px, 86vw);
        margin-top: -10px;
        margin-bottom: 9px;
    }

    .register-console {
        width: min(828px, 100%);
        padding: 24px 26px 14px;
    }

    .register-intro {
        margin-bottom: 7px;
        padding-bottom: 6px;
        gap: 14px;
    }

    .register-intro strong {
        font-size: .60rem;
    }

    .register-intro span {
        font-size: .60rem;
        line-height: 1.25;
    }

    .register-form {
        gap: 6px;
    }

    .register-grid {
        gap: 7px;
    }

    .register-console .login-field > span:first-child,
    .register-role-picker legend {
        font-size: .64rem;
    }

    .register-console .login-field > span:first-child {
        margin-bottom: 3px;
    }

    .register-console .login-input-shell input[type="text"],
    .register-console .login-input-shell input[type="email"],
    .register-console .login-input-shell input[type="password"] {
        min-height: 34px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: .70rem;
    }

    .register-role-picker {
        gap: 7px;
    }

    .register-role-card {
        min-height: 61px;
        grid-template-columns: 38px minmax(0, 1fr) 16px;
        gap: 8px;
        padding: 6px 9px;
    }

    .register-role-card::before {
        top: 7px;
        bottom: 7px;
    }

    .register-role-icon {
        width: 31px;
        height: 31px;
    }

    .register-role-copy {
        gap: 2px;
    }

    .register-role-copy strong {
        font-size: .72rem;
    }

    .register-role-copy small {
        font-size: .58rem;
        line-height: 1.22;
    }

    .register-role-status {
        width: 12px;
        height: 12px;
    }

    .register-role-status::after {
        width: 5px;
        height: 5px;
    }

    .register-bottom-row {
        min-height: 20px;
        gap: 10px;
    }

    .register-terms,
    .register-login-link,
    .register-security-note,
    .register-console .login-remember {
        font-size: .61rem;
    }

    .register-submit {
        min-height: 36px;
        font-size: .84rem;
    }

    body.register-page .login-footer {
        min-height: 32px;
        padding: 3px 12px 3px;
    }

    body.register-page .login-footer nav {
        gap: 14px;
    }

    body.register-page .login-footer a {
        font-size: .52rem;
    }

    body.register-page .login-footer p {
        margin-top: 2px;
        font-size: .52rem;
    }
}


/* =========================================================
   Registration HUD V3 – final desktop fit at 100% zoom
   ========================================================= */
@media (min-width: 761px) {
    .register-main {
        padding-top: 0;
        padding-bottom: 1px;
    }

    .register-hero {
        width: min(560px, 82vw);
        margin-top: -10px;
        margin-bottom: 16px;
    }

    .register-console {
        width: min(760px, 100%);
        padding: 20px 22px 12px;
    }

    .register-console h2 {
        width: 210px;
        font-size: .70rem;
    }

    .register-console .login-metal-beam-top-left,
    .register-console .login-metal-beam-top-right {
        width: calc(50% - 118px);
    }

    .register-console .login-console-notch-left {
        left: calc(50% - 116px);
    }

    .register-console .login-console-notch-right {
        right: calc(50% - 116px);
    }

    .register-intro {
        margin-bottom: 6px;
        padding-bottom: 5px;
        gap: 10px;
    }

    .register-intro strong,
    .register-intro span {
        font-size: .57rem;
        line-height: 1.2;
    }

    .register-form {
        gap: 5px;
    }

    .register-grid {
        gap: 6px;
    }

    .register-console .login-field > span:first-child,
    .register-role-picker legend {
        margin-bottom: 2px;
        font-size: .62rem;
    }

    .register-console .login-input-shell input[type="text"],
    .register-console .login-input-shell input[type="email"],
    .register-console .login-input-shell input[type="password"] {
        min-height: 32px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: .67rem;
    }

    .register-role-picker {
        gap: 6px;
    }

    .register-role-card {
        min-height: 55px;
        grid-template-columns: 34px minmax(0, 1fr) 14px;
        gap: 7px;
        padding: 5px 8px;
    }

    .register-role-card::before {
        top: 6px;
        bottom: 6px;
    }

    .register-role-icon {
        width: 27px;
        height: 27px;
    }

    .register-role-copy strong {
        font-size: .67rem;
    }

    .register-role-copy small {
        font-size: .54rem;
        line-height: 1.16;
    }

    .register-role-status {
        width: 11px;
        height: 11px;
    }

    .register-role-status::after {
        width: 4px;
        height: 4px;
    }

    .register-bottom-row {
        min-height: 18px;
        gap: 8px;
    }

    .register-terms,
    .register-login-link,
    .register-security-note,
    .register-console .login-remember {
        font-size: .58rem;
    }

    .register-security-note {
        letter-spacing: .06em;
    }

    .register-submit {
        min-height: 34px;
        font-size: .79rem;
    }

    body.register-page .login-footer {
        min-height: 28px;
        padding: 2px 10px;
    }

    body.register-page .login-footer nav {
        gap: 12px;
    }

    body.register-page .login-footer a,
    body.register-page .login-footer p {
        font-size: .49rem;
    }

    body.register-page .login-footer p {
        margin-top: 1px;
    }
}


/* =========================================================
   Universe Raiders – Ingame Dashboard Command Center V1
   ========================================================= */
body.game-body {
    min-height: 100vh;
    color: #e7f5ff;
    background:
        radial-gradient(circle at 50% 22%, rgba(22, 140, 210, .16), transparent 34%),
        linear-gradient(180deg, rgba(2, 9, 18, .70), rgba(3, 10, 18, .90)),
        url('../assets/images/background/login_bg_high.jpg') center center / cover fixed no-repeat;
}

body.game-body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(9, 18, 34, .42), rgba(0, 0, 0, 0) 24%, rgba(0,0,0,0) 76%, rgba(9, 18, 34, .42)),
        linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0,0,0,0) 22%, rgba(0,0,0,.28));
    z-index: -1;
}

body.has-game-sidebar {
    padding-left: 256px;
}

.game-sidebar {
    width: 232px;
    padding: 18px 16px 20px;
    background:
        linear-gradient(180deg, rgba(6, 17, 31, .96), rgba(5, 15, 28, .92));
    border-right: 1px solid rgba(95, 183, 235, .26);
    box-shadow:
        inset -1px 0 0 rgba(194, 236, 255, .08),
        24px 0 48px rgba(0, 0, 0, .34);
    backdrop-filter: blur(8px);
}

.game-sidebar::before,
.game-sidebar::after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(80, 199, 255, .65), transparent);
}

.game-sidebar::before { top: 88px; }
.game-sidebar::after { bottom: 84px; }

.game-sidebar-logo {
    min-height: 84px;
    padding: 6px 10px 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(8, 25, 45, .88), rgba(4, 14, 28, .74));
    border: 1px solid rgba(90, 195, 255, .14);
    box-shadow: inset 0 0 0 1px rgba(201, 239, 255, .05), 0 10px 24px rgba(0,0,0,.26);
}

.game-sidebar-stats,
.game-sidebar-account {
    border-radius: 14px;
    background: rgba(8, 21, 38, .72);
    border: 1px solid rgba(77, 146, 193, .22);
    box-shadow: inset 0 0 0 1px rgba(185, 231, 255, .05);
}

.game-sidebar-stats {
    padding: 12px 12px 10px;
    gap: 7px;
}

.game-sidebar-account {
    padding: 12px;
    gap: 6px;
}

.game-sidebar-nav {
    gap: 10px;
}

.game-sidebar-button {
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(81, 155, 202, .22);
    background: linear-gradient(180deg, rgba(9, 23, 40, .95), rgba(5, 14, 25, .92));
    color: #dcf4ff;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .77rem;
    box-shadow: inset 0 0 0 1px rgba(195, 235, 255, .04);
}

.game-sidebar-button:hover {
    border-color: rgba(98, 209, 255, .46);
    box-shadow: inset 0 0 0 1px rgba(195, 235, 255, .07), 0 0 18px rgba(36, 160, 216, .15);
    transform: translateY(-1px);
}

.game-sidebar-button.is-active {
    color: #04121d;
    border-color: rgba(129, 227, 255, .72);
    background: linear-gradient(180deg, #5ed4ff, #2498cc);
    box-shadow: 0 0 20px rgba(73, 193, 255, .34);
}

.game-sidebar-logout {
    margin-top: 4px;
    background: linear-gradient(180deg, rgba(33, 60, 86, .95), rgba(11, 22, 35, .92));
}

.game-header {
    width: min(1520px, calc(100vw - 294px));
    margin: 14px auto 0;
    padding: 14px 18px;
    border-radius: 18px;
    border: 1px solid rgba(83, 162, 212, .28);
    background: linear-gradient(180deg, rgba(7, 20, 36, .94), rgba(5, 13, 24, .90));
    box-shadow:
        inset 0 0 0 1px rgba(198, 236, 255, .04),
        0 18px 36px rgba(0, 0, 0, .28);
    backdrop-filter: blur(8px);
    top: 12px;
}

.game-location {
    gap: 4px;
}

.game-location b {
    color: #f4fbff;
    font-size: 1rem;
    letter-spacing: .14em;
}

.game-location span {
    color: #94c6dd;
    font-size: .77rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.planet-switcher {
    gap: 10px;
    padding: 7px 10px;
    border-radius: 12px;
    background: rgba(4, 13, 24, .72);
    border: 1px solid rgba(82, 162, 212, .2);
}

.planet-switcher select {
    min-width: 280px;
    background: rgba(2, 10, 18, .95);
    border-color: rgba(77, 154, 202, .34);
}

.economy-shell {
    width: min(1520px, calc(100vw - 294px));
    margin: 0 auto;
    padding: 18px 0 36px;
}

.eco-panel,
.supply-warning {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(7, 20, 35, .94), rgba(4, 12, 23, .92));
    border: 1px solid rgba(81, 155, 202, .26);
    border-radius: 18px;
    box-shadow:
        inset 0 0 0 1px rgba(196, 236, 255, .05),
        0 18px 40px rgba(0, 0, 0, .28);
}

.eco-panel::before,
.supply-warning::before {
    content: '';
    position: absolute;
    inset: 10px;
    border: 1px solid rgba(79, 154, 197, .12);
    border-radius: 14px;
    pointer-events: none;
}

.eco-panel h2,
.supply-warning-head h2 {
    color: #ecf9ff;
    letter-spacing: .03em;
}

.eco-panel h2 {
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.resource-grid {
    gap: 10px;
}

.resource-grid > div,
.action-cards article,
.depot-grid article,
.job,
.mission,
.offer,
.market-offer {
    background: linear-gradient(180deg, rgba(12, 33, 54, .92), rgba(7, 19, 31, .92));
    border: 1px solid rgba(80, 155, 201, .22);
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(190, 233, 255, .03);
}

.resource-grid > div {
    padding: 12px 13px;
}

.resource-grid strong {
    color: #f2fbff;
}

.resource-grid span,
.resource-grid small {
    color: #90daf7;
}

.eco-panel button {
    border: 1px solid rgba(110, 214, 255, .45);
    background: linear-gradient(180deg, #34afe0, #177ea8);
    box-shadow: 0 0 18px rgba(52, 175, 224, .14);
    font-weight: 700;
    letter-spacing: .03em;
}

.eco-panel button:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 0 20px rgba(52, 175, 224, .22);
}

.eco-panel input,
.eco-panel select,
.eco-panel textarea {
    background: rgba(2, 10, 17, .96);
    border-color: rgba(81, 156, 201, .34);
    color: #edf9ff;
    box-shadow: inset 0 0 0 1px rgba(188, 233, 255, .03);
}

.supply-warning {
    margin-bottom: 18px;
    background:
        radial-gradient(circle at right top, rgba(77, 196, 255, .12), transparent 34%),
        linear-gradient(180deg, rgba(8, 22, 39, .96), rgba(5, 14, 26, .92));
}

.supply-facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.supply-facts span {
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(10, 28, 45, .64);
    border: 1px solid rgba(78, 150, 196, .18);
    color: #abd6eb;
}

.industry-processing-row > .eco-panel {
    min-width: 0;
}

body.game-body .alert {
    border-radius: 16px;
    border-width: 1px;
}

@media (max-width: 1100px) {
    body.has-game-sidebar { padding-left: 0; }

    .game-sidebar {
        width: 100%;
        position: static;
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(95, 183, 235, .24);
    }

    .game-header,
    .economy-shell {
        width: calc(100% - 18px);
    }
}


/* =========================================================
   Universe Raiders – Dashboard Command Center V2
   ========================================================= */
body.has-game-sidebar {
    padding-left: 238px;
}

.game-sidebar {
    width: 218px;
    padding: 14px 14px 18px;
    background:
        radial-gradient(circle at 50% -10%, rgba(46, 169, 236, .18), transparent 36%),
        linear-gradient(180deg, rgba(4, 15, 28, .97), rgba(4, 13, 25, .94));
    box-shadow:
        inset -1px 0 0 rgba(174, 231, 255, .07),
        18px 0 42px rgba(0, 0, 0, .30);
}

.game-sidebar::before { top: 78px; }
.game-sidebar::after { bottom: 76px; }

.game-sidebar-logo {
    min-height: 72px;
    padding: 8px 8px 12px;
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 15%, rgba(35, 152, 215, .18), transparent 48%),
        linear-gradient(180deg, rgba(7, 20, 37, .92), rgba(3, 12, 23, .86));
}

.game-sidebar-logo img {
    width: 150px;
    max-height: 72px;
    filter: drop-shadow(0 0 12px rgba(74, 192, 255, .18));
}

.game-sidebar-stats,
.game-sidebar-account {
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(7, 20, 36, .80), rgba(5, 15, 28, .72));
}

.game-sidebar-stats {
    padding: 10px 12px;
    gap: 6px;
}

.game-sidebar-account {
    padding: 10px 12px;
    gap: 5px;
}

.game-sidebar-account b {
    font-size: 1.05rem;
}

.game-sidebar-nav {
    gap: 8px;
}

.game-sidebar-button {
    min-height: 40px;
    border-radius: 13px;
    position: relative;
    overflow: hidden;
    padding-inline: 14px;
    justify-content: flex-start;
    letter-spacing: .075em;
}

.game-sidebar-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, rgba(108, 222, 255, .75), rgba(15, 128, 179, .20));
    opacity: .52;
}

.game-sidebar-button span,
.game-sidebar-button {
    position: relative;
    z-index: 1;
}

.game-sidebar-button:hover {
    background: linear-gradient(180deg, rgba(13, 34, 55, .98), rgba(7, 18, 31, .95));
}

.game-sidebar-button.is-active {
    color: #04131e;
    background: linear-gradient(180deg, #86e9ff, #2aa4d7 58%, #197ea6);
    text-shadow: 0 1px 0 rgba(255,255,255,.16);
}

.game-sidebar-button.is-active::before {
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(222, 249, 255, .55));
    opacity: .96;
}

.game-sidebar-logout {
    margin-top: 8px;
    justify-content: center;
    font-weight: 800;
}

.game-header,
.economy-shell,
body.has-game-sidebar .pirate-shell {
    width: min(1540px, calc(100vw - 260px));
}

.game-header {
    margin-top: 10px;
    padding: 16px 20px;
    border-radius: 20px;
    position: sticky;
    overflow: hidden;
    background:
        radial-gradient(circle at 24% -25%, rgba(72, 193, 255, .14), transparent 34%),
        linear-gradient(180deg, rgba(7, 20, 36, .96), rgba(3, 11, 21, .92));
}

.game-header::before {
    content: '';
    position: absolute;
    left: 24px;
    right: 24px;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(96, 217, 255, .94), transparent);
    opacity: .9;
}

.game-header::after {
    content: '';
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(96, 171, 214, .11);
    border-radius: 14px;
    pointer-events: none;
}

.game-location {
    position: relative;
    padding-left: 2px;
}

.game-location b {
    font-size: 1.15rem;
    letter-spacing: .13em;
}

.game-location span {
    color: #86b7cf;
    font-size: .76rem;
    letter-spacing: .09em;
}

.planet-switcher {
    padding: 8px 12px;
    border-radius: 14px;
    background: rgba(3, 12, 21, .78);
    box-shadow: inset 0 0 0 1px rgba(177, 229, 255, .04);
}

.planet-switcher label {
    color: #9ad9f1;
    font-size: .70rem;
}

.planet-switcher select {
    min-width: 330px;
    border-radius: 10px;
    padding: 10px 12px;
}

.economy-shell {
    padding-top: 14px;
    padding-bottom: 42px;
}

.supply-warning,
.eco-panel {
    border-radius: 20px;
}

.supply-warning {
    padding: 20px 22px;
    background:
        radial-gradient(circle at 100% 0, rgba(87, 220, 255, .12), transparent 30%),
        radial-gradient(circle at 0 100%, rgba(30, 93, 70, .20), transparent 32%),
        linear-gradient(180deg, rgba(8, 35, 36, .95), rgba(6, 25, 33, .92));
}

.supply-warning-head h2 {
    font-size: 1.55rem;
    margin-bottom: 6px;
}

.supply-warning-head p {
    color: #d9f5ea;
}

.supply-warning-head > strong {
    font-size: 2.1rem;
    color: #ecffff;
}

.supply-facts span,
.supply-warning-details span {
    border-radius: 999px;
    padding: 9px 12px;
    background: rgba(8, 32, 44, .62);
}

.eco-panel {
    padding: 20px;
    background:
        radial-gradient(circle at 100% 0, rgba(73, 190, 255, .08), transparent 28%),
        linear-gradient(180deg, rgba(7, 20, 35, .95), rgba(4, 12, 23, .93));
}

.eco-panel::after {
    content: '';
    position: absolute;
    inset: 17px;
    border-radius: 12px;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(106, 213, 255, .35), rgba(106, 213, 255, 0)) left top / 28px 1px no-repeat,
        linear-gradient(180deg, rgba(106, 213, 255, .35), rgba(106, 213, 255, 0)) left top / 1px 28px no-repeat,
        linear-gradient(270deg, rgba(106, 213, 255, .35), rgba(106, 213, 255, 0)) right top / 28px 1px no-repeat,
        linear-gradient(180deg, rgba(106, 213, 255, .35), rgba(106, 213, 255, 0)) right top / 1px 28px no-repeat,
        linear-gradient(90deg, rgba(106, 213, 255, .35), rgba(106, 213, 255, 0)) left bottom / 28px 1px no-repeat,
        linear-gradient(0deg, rgba(106, 213, 255, .35), rgba(106, 213, 255, 0)) left bottom / 1px 28px no-repeat,
        linear-gradient(270deg, rgba(106, 213, 255, .35), rgba(106, 213, 255, 0)) right bottom / 28px 1px no-repeat,
        linear-gradient(0deg, rgba(106, 213, 255, .35), rgba(106, 213, 255, 0)) right bottom / 1px 28px no-repeat;
}

.eco-panel > * {
    position: relative;
    z-index: 1;
}

.eco-panel h2 {
    margin-bottom: 12px;
    font-size: 1.28rem;
}

.resource-grid {
    gap: 11px;
}

.resource-grid > div {
    align-items: center;
    min-height: 50px;
    padding: 11px 14px;
    border-radius: 13px;
    background:
        linear-gradient(180deg, rgba(14, 39, 63, .96), rgba(7, 20, 33, .94));
}

.resource-grid strong {
    font-size: 1.02rem;
}

.resource-grid span,
.resource-grid small {
    font-weight: 700;
}

.action-cards article,
.depot-grid article,
.job,
.mission,
.offer,
.market-offer,
.research-card,
.wiki-building-card,
.wiki-research-grid>div,
.clan-directory-card {
    border-radius: 14px;
}

.market-offer {
    padding: 20px;
    background:
        linear-gradient(180deg, rgba(11, 31, 49, .96), rgba(7, 19, 30, .92));
}

.industry-tabs {
    width: 100%;
    gap: 12px;
    margin-bottom: 20px;
}

.industry-tab {
    border-radius: 14px !important;
    min-height: 48px;
    background: linear-gradient(180deg, rgba(7, 20, 35, .92), rgba(4, 13, 24, .92));
    border: 1px solid rgba(85, 165, 211, .28) !important;
    box-shadow: inset 0 0 0 1px rgba(192, 234, 255, .04);
}

.industry-tab.is-active,
.industry-tab[aria-selected="true"] {
    background: linear-gradient(180deg, #59d0ff, #1f93c1);
    color: #03111b !important;
    box-shadow: 0 0 18px rgba(71, 187, 255, .20);
}

.research-grid {
    gap: 12px;
}

.research-card {
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 13px;
    background:
        radial-gradient(circle at top right, rgba(72, 185, 255, .12), transparent 34%),
        linear-gradient(145deg, rgba(5, 21, 35, .96), rgba(7, 28, 43, .88));
    border-color: rgba(98, 183, 230, .34);
    box-shadow: inset 0 0 0 1px rgba(196, 236, 255, .03);
}

.research-symbol {
    width: 56px;
    height: 56px;
    border-radius: 12px;
}

.research-card-copy h3 {
    font-size: .96rem;
    margin: 5px 0 7px;
}

.research-card-copy p {
    font-size: .72rem;
}

.research-card-copy small {
    font-size: .73rem;
}

.research-action button,
.ship-build-card button,
.industry-card button {
    min-height: 34px;
    border-radius: 9px;
}

@media (max-width: 1100px) {
    .game-header,
    .economy-shell,
    body.has-game-sidebar .pirate-shell {
        width: calc(100% - 14px);
    }
}


/* =========================================================
   Universe Raiders – Dashboard Command Center V3 polish
   ========================================================= */
.game-sidebar-logo {
    min-height: 84px;
    padding: 10px 8px 13px;
    position: relative;
    box-shadow:
        inset 0 0 0 1px rgba(155, 226, 255, .07),
        0 10px 24px rgba(0, 0, 0, .22);
}

.game-sidebar-logo::after,
.game-sidebar-stats::after,
.game-sidebar-account::after {
    content: '';
    position: absolute;
    inset: 10px;
    border-radius: 12px;
    pointer-events: none;
    border: 1px solid rgba(99, 187, 230, .10);
}

.game-sidebar-logo img {
    width: 168px;
    max-height: 82px;
    filter: drop-shadow(0 0 16px rgba(74, 192, 255, .24));
}

.game-sidebar-stats,
.game-sidebar-account {
    position: relative;
    overflow: hidden;
    box-shadow:
        inset 0 0 0 1px rgba(177, 229, 255, .04),
        0 10px 24px rgba(0, 0, 0, .18);
}

.game-sidebar-stats strong {
    display: block;
    position: relative;
    padding-left: 14px;
    font-size: 1rem;
    letter-spacing: .01em;
}

.game-sidebar-stats strong::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 10px currentColor;
    background: currentColor;
}

.game-sidebar-account > span {
    color: #84aeca;
    text-transform: uppercase;
    letter-spacing: .11em;
    font-size: .66rem;
}

.game-sidebar-account b {
    display: inline-block;
    color: #f0fbff;
    font-size: 1.16rem;
    letter-spacing: .03em;
    margin: 2px 0 8px;
    text-shadow: 0 0 10px rgba(85, 198, 255, .08);
}

.game-sidebar-account .last-online-label {
    margin-top: 2px;
}

.game-sidebar-account time {
    color: #d4efff;
    font-size: .96rem;
}

.game-sidebar-button {
    background:
        linear-gradient(180deg, rgba(10, 29, 48, .98), rgba(5, 16, 29, .96));
    box-shadow:
        inset 0 1px 0 rgba(199, 240, 255, .07),
        inset 0 0 0 1px rgba(103, 181, 226, .12),
        0 8px 18px rgba(0, 0, 0, .15);
}

.game-sidebar-button::after {
    content: '';
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(148, 232, 255, .30), transparent);
    opacity: .72;
}

.game-sidebar-button.is-active {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 0 0 1px rgba(240, 254, 255, .18),
        0 0 18px rgba(67, 188, 255, .18);
}

.game-sidebar-unread,
.game-sidebar-alert {
    margin-left: auto;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 900;
    background: linear-gradient(180deg, #7ce1ff, #2598c7);
    color: #03131d;
    box-shadow: 0 0 12px rgba(63, 191, 255, .22);
}

.game-sidebar-alert {
    background: linear-gradient(180deg, #ffd46a, #d69210);
    color: #261600;
}

.game-sidebar-logout {
    margin-top: 10px;
}

.game-header {
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24);
}

.eco-panel h2,
.processing-subtitle,
.industry-section-title {
    letter-spacing: .02em;
}

.industry-tabs {
    gap: 14px;
}

.industry-tab {
    position: relative;
    overflow: hidden;
    min-height: 52px;
    font-weight: 800;
    letter-spacing: .04em;
    background:
        radial-gradient(circle at 50% 0, rgba(112, 227, 255, .10), transparent 42%),
        linear-gradient(180deg, rgba(10, 29, 47, .96), rgba(4, 13, 24, .95));
    box-shadow:
        inset 0 1px 0 rgba(198, 240, 255, .06),
        inset 0 0 0 1px rgba(192, 234, 255, .04),
        0 8px 18px rgba(0, 0, 0, .14);
}

.industry-tab::before {
    content: '';
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(166, 236, 255, .34), transparent);
}

.industry-tab:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(198, 240, 255, .10),
        inset 0 0 0 1px rgba(111, 213, 255, .08),
        0 12px 24px rgba(0, 0, 0, .18);
}

.industry-tab.is-active,
.industry-tab[aria-selected="true"] {
    color: #03131d !important;
    background:
        linear-gradient(180deg, #86ebff, #42bfe9 52%, #1b89b6);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.34),
        inset 0 0 0 1px rgba(237, 252, 255, .20),
        0 0 20px rgba(71, 187, 255, .24);
}

.research-card {
    position: relative;
    overflow: hidden;
    padding: 14px;
    box-shadow:
        inset 0 0 0 1px rgba(196, 236, 255, .03),
        0 12px 22px rgba(0, 0, 0, .14);
}

.research-card::before {
    content: '';
    position: absolute;
    inset: 10px;
    border-radius: 10px;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(101, 215, 255, .22), rgba(101, 215, 255, 0)) left top / 24px 1px no-repeat,
        linear-gradient(180deg, rgba(101, 215, 255, .22), rgba(101, 215, 255, 0)) left top / 1px 24px no-repeat,
        linear-gradient(270deg, rgba(101, 215, 255, .22), rgba(101, 215, 255, 0)) right bottom / 24px 1px no-repeat,
        linear-gradient(0deg, rgba(101, 215, 255, .22), rgba(101, 215, 255, 0)) right bottom / 1px 24px no-repeat;
}

.research-symbol {
    background: linear-gradient(180deg, rgba(11, 43, 63, .95), rgba(6, 22, 34, .95));
    border: 1px solid rgba(104, 187, 233, .24);
    box-shadow: inset 0 0 0 1px rgba(219, 244, 255, .03);
}

.research-card-copy > span {
    color: #89e2ff;
    font-size: .60rem;
}

.research-card-copy h3 {
    font-size: 1rem;
    margin: 6px 0 8px;
}

.research-card-copy p {
    color: #b5d4e2;
    line-height: 1.42;
}

.processing-panel {
    background:
        radial-gradient(circle at 100% 0, rgba(92, 205, 255, .11), transparent 30%),
        linear-gradient(180deg, rgba(7, 20, 35, .96), rgba(4, 12, 23, .94));
}

.processing-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.processing-wallet {
    min-width: 230px;
    padding: 12px 16px;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(69, 51, 8, .98), rgba(126, 91, 13, .94));
    border: 1px solid rgba(255, 214, 112, .24);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 10px 20px rgba(0, 0, 0, .14);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.processing-wallet strong {
    color: #ffeab4;
    font-size: 1.12rem;
}

.processing-wallet span {
    color: #fff5c8;
    font-size: 1.45rem;
    font-weight: 900;
}

.processing-panel .resource-grid > div {
    min-height: 60px;
    position: relative;
    overflow: hidden;
}

.processing-panel .resource-grid > div::before {
    content: '';
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139, 229, 255, .18), transparent);
}

.processing-panel .resource-grid .resource-fuel {
    background:
        radial-gradient(circle at 0 50%, rgba(74, 214, 152, .12), transparent 30%),
        linear-gradient(180deg, rgba(13, 63, 54, .92), rgba(9, 42, 37, .92));
    border-color: rgba(105, 218, 183, .22);
}

.processing-commerce {
    margin-top: 22px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.processing-commerce-section {
    border-top: 1px solid rgba(90, 156, 198, .18);
    padding-top: 16px;
}

.processing-subtitle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    font-size: 1.18rem;
}

.processing-subtitle::before {
    content: '';
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(95, 227, 255, .96), rgba(95, 227, 255, 0));
}

.market-offer {
    position: relative;
    overflow: hidden;
}

.market-offer::before {
    content: '';
    position: absolute;
    left: 16px;
    right: 16px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(123, 226, 255, .25), transparent);
}

@media (max-width: 1100px) {
    .processing-heading {
        flex-direction: column;
        align-items: stretch;
    }

    .processing-wallet {
        min-width: 0;
    }
}

/* =========================================================
   Universe Raiders – Dashboard Command Center V4 COMPACT
   Ziel: Desktop bei 100 % Browserzoom, Sidebar ohne Scrollen
   ========================================================= */
@media (min-width: 1101px) {
    body.game-body {
        font-size: 14px;
    }

    body.has-game-sidebar {
        padding-left: 218px;
    }

    .game-sidebar {
        width: 196px;
        height: 100vh;
        min-height: 0;
        padding: 10px 10px 12px;
        overflow: hidden;
    }

    .game-sidebar::before,
    .game-sidebar::after {
        display: none;
    }

    .game-sidebar-logo {
        min-height: 62px;
        padding: 5px 6px 7px;
        border-radius: 13px;
    }

    .game-sidebar-logo::after {
        inset: 6px;
        border-radius: 9px;
    }

    .game-sidebar-logo img {
        width: 132px;
        max-height: 58px;
    }

    .game-sidebar-stats {
        padding: 7px 9px;
        gap: 3px;
        border-radius: 12px;
    }

    .game-sidebar-stats::after,
    .game-sidebar-account::after {
        inset: 6px;
        border-radius: 8px;
    }

    .game-sidebar-stats strong {
        padding-left: 11px;
        font-size: .78rem;
        line-height: 1.3;
    }

    .game-sidebar-stats strong::before {
        width: 5px;
        height: 5px;
    }

    .game-sidebar-account {
        padding: 8px 9px;
        gap: 2px;
        border-radius: 12px;
    }

    .game-sidebar-account > span {
        font-size: .52rem;
        letter-spacing: .08em;
    }

    .game-sidebar-account b {
        margin: 1px 0 4px;
        font-size: .88rem;
    }

    .game-sidebar-account time {
        font-size: .68rem;
    }

    .game-sidebar-nav {
        gap: 5px;
    }

    .game-sidebar-button {
        min-height: 31px;
        padding: 5px 10px 5px 13px;
        border-radius: 9px;
        font-size: .63rem;
        letter-spacing: .065em;
    }

    .game-sidebar-button::before {
        top: 6px;
        bottom: 6px;
        width: 2px;
    }

    .game-sidebar-button::after {
        left: 9px;
        right: 9px;
    }

    .game-sidebar-unread,
    .game-sidebar-alert {
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        font-size: .58rem;
    }

    .game-sidebar-logout {
        min-height: 31px;
        margin-top: 5px;
    }

    .game-header,
    .economy-shell,
    body.has-game-sidebar .pirate-shell {
        width: min(1560px, calc(100vw - 236px));
    }

    .game-header {
        margin-top: 7px;
        padding: 10px 14px;
        border-radius: 15px;
        top: 7px;
    }

    .game-header::after {
        inset: 6px;
        border-radius: 10px;
    }

    .game-location b {
        font-size: .92rem;
    }

    .game-location span {
        font-size: .60rem;
        letter-spacing: .07em;
    }

    .planet-switcher {
        padding: 5px 7px;
        border-radius: 10px;
    }

    .planet-switcher label {
        font-size: .56rem;
    }

    .planet-switcher select {
        min-width: 285px;
        padding: 7px 9px;
        border-radius: 8px;
        font-size: .78rem;
    }

    .economy-shell {
        padding-top: 10px;
        padding-bottom: 26px;
    }

    .eco-panel,
    .supply-warning {
        margin-bottom: 11px;
        border-radius: 14px;
    }

    .eco-panel {
        padding: 13px;
    }

    .eco-panel::before {
        inset: 7px;
        border-radius: 10px;
    }

    .eco-panel::after {
        inset: 10px;
    }

    .eco-panel h2 {
        margin-bottom: 7px;
        font-size: 1rem;
    }

    .supply-warning {
        padding: 12px 14px;
    }

    .supply-warning::before {
        inset: 7px;
        border-radius: 10px;
    }

    .supply-warning-head {
        gap: 10px;
    }

    .supply-warning-head h2 {
        margin: 1px 0 3px;
        font-size: 1.15rem;
    }

    .supply-warning-head p {
        font-size: .76rem;
        line-height: 1.3;
    }

    .supply-warning-head > strong {
        min-width: 110px;
        font-size: 1.55rem;
    }

    .supply-warning-head > strong small {
        font-size: .55rem;
    }

    .supply-kicker {
        font-size: .56rem;
    }

    .supply-facts,
    .supply-warning-details {
        gap: 5px !important;
        margin-top: 7px !important;
    }

    .supply-facts span,
    .supply-warning-details span {
        padding: 5px 8px;
        font-size: .62rem;
    }

    .resource-grid {
        gap: 7px;
    }

    .resource-grid > div {
        min-height: 38px;
        padding: 7px 10px;
        border-radius: 9px;
    }

    .resource-grid strong {
        font-size: .78rem;
    }

    .resource-grid span,
    .resource-grid small {
        font-size: .72rem;
    }

    .eco-columns {
        gap: 11px;
    }

    .industry-world-label {
        margin-bottom: 6px;
    }

    .industry-kicker {
        font-size: .55rem;
    }

    .industry-tabs {
        gap: 7px;
        margin-bottom: 10px;
    }

    .industry-tab {
        min-height: 36px;
        padding: 7px 8px !important;
        border-radius: 9px !important;
        font-size: .68rem;
    }

    .industry-section-title {
        margin-bottom: 8px !important;
        font-size: 1.02rem !important;
    }

    .research-grid {
        gap: 7px;
    }

    .research-card {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 7px;
        padding: 8px;
        border-radius: 9px;
    }

    .research-card::before {
        inset: 6px;
        border-radius: 7px;
    }

    .research-symbol {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        font-size: .72rem;
    }

    .research-card-copy > span {
        font-size: .45rem;
    }

    .research-card-copy h3 {
        margin: 2px 0 3px;
        font-size: .72rem;
    }

    .research-card-copy p {
        font-size: .54rem;
        line-height: 1.25;
    }

    .research-card-copy small {
        margin-top: 4px;
        font-size: .55rem;
    }

    .research-action button,
    .ship-build-card button,
    .industry-card button {
        min-height: 27px;
        padding: 5px 6px;
        border-radius: 7px;
        font-size: .60rem;
    }

    .processing-heading {
        margin-bottom: 8px;
    }

    .processing-wallet {
        min-width: 190px;
        padding: 7px 11px;
        border-radius: 11px;
    }

    .processing-wallet strong {
        font-size: .80rem;
    }

    .processing-wallet span {
        font-size: 1.03rem;
    }

    .processing-panel .resource-grid > div {
        min-height: 40px;
    }

    .processing-commerce {
        margin-top: 12px;
        gap: 11px;
    }

    .processing-commerce-section {
        padding-top: 10px;
    }

    .processing-subtitle {
        margin-bottom: 7px;
        font-size: .88rem;
    }

    .market-offer,
    .action-cards article,
    .depot-grid article,
    .job,
    .mission,
    .offer {
        padding: 9px;
        border-radius: 9px;
    }

    .eco-panel input,
    .eco-panel select,
    .eco-panel textarea {
        padding: 6px;
        font-size: .70rem;
    }

    .eco-panel label {
        margin: 3px 0;
        gap: 5px;
        font-size: .68rem;
    }

    .eco-panel button {
        padding: 7px 10px;
        font-size: .68rem;
    }
}

@media (min-width: 1101px) and (max-height: 820px) {
    .game-sidebar {
        overflow-y: auto;
    }
}


/* =========================================================
   Universe Raiders – Dashboard V5 METAL COMMAND CENTER
   Basis: V4 Compact; sichtbare Stahlrahmen wie Login/Register
   ========================================================= */
:root {
    --ur-steel-light: #9aa7af;
    --ur-steel-mid: #4f5d66;
    --ur-steel-dark: #121a20;
    --ur-steel-black: #030608;
    --ur-cyan-line: #38c8f2;
    --ur-cyan-soft: rgba(56, 200, 242, .45);
}

body.game-body {
    background-image:
        linear-gradient(180deg, rgba(0, 5, 12, .20), rgba(0, 5, 12, .50)),
        url('../assets/images/background/login_bg_high.jpg');
}

.game-sidebar {
    background:
        linear-gradient(180deg, rgba(3, 12, 22, .985), rgba(2, 9, 17, .985)),
        url('../assets/images/background/login_bg_high.jpg') 18% center / auto 100% fixed;
    border-right: 2px solid #59666e;
    box-shadow:
        0 0 0 1px #020405,
        0 0 0 5px #11191e,
        0 0 0 6px #3e4b53,
        16px 0 38px rgba(0, 0, 0, .68),
        inset -1px 0 0 rgba(151, 225, 255, .16);
}

.game-sidebar-logo,
.game-sidebar-account,
.game-sidebar-system,
.game-header,
.supply-warning,
.eco-panel,
.game-footer {
    border: 2px solid var(--ur-steel-mid) !important;
    box-shadow:
        0 0 0 1px var(--ur-steel-black),
        0 0 0 4px var(--ur-steel-dark),
        0 0 0 5px #68757d,
        0 0 0 7px #05090c,
        0 14px 30px rgba(0, 0, 0, .42),
        inset 0 0 0 1px rgba(186, 230, 248, .08),
        inset 0 1px 0 rgba(219, 244, 255, .10) !important;
}

.game-sidebar-logo,
.game-sidebar-account,
.game-sidebar-system {
    border-radius: 4px !important;
    background:
        radial-gradient(circle at 50% 0, rgba(27, 151, 210, .18), transparent 46%),
        linear-gradient(180deg, rgba(7, 21, 34, .98), rgba(2, 10, 18, .98));
}

.game-sidebar-logo {
    min-height: 90px !important;
    padding: 8px 7px 10px !important;
    overflow: visible;
}

.game-sidebar-logo::before,
.game-sidebar-logo::after,
.game-sidebar-account::before,
.game-sidebar-account::after,
.game-sidebar-system::before,
.game-sidebar-system::after {
    content: '';
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.game-sidebar-logo::before,
.game-sidebar-account::before,
.game-sidebar-system::before {
    inset: 5px;
    border: 1px solid rgba(82, 170, 207, .24);
    box-shadow: inset 0 0 13px rgba(31, 157, 208, .06);
}

.game-sidebar-logo::after,
.game-sidebar-account::after,
.game-sidebar-system::after {
    inset: 0;
    background:
        radial-gradient(circle, #b7c3ca 0 1px, #172027 2px 3px, transparent 4px) 7px 7px / 8px 8px no-repeat,
        radial-gradient(circle, #b7c3ca 0 1px, #172027 2px 3px, transparent 4px) calc(100% - 7px) 7px / 8px 8px no-repeat,
        radial-gradient(circle, #b7c3ca 0 1px, #172027 2px 3px, transparent 4px) 7px calc(100% - 7px) / 8px 8px no-repeat,
        radial-gradient(circle, #b7c3ca 0 1px, #172027 2px 3px, transparent 4px) calc(100% - 7px) calc(100% - 7px) / 8px 8px no-repeat,
        linear-gradient(90deg, transparent, rgba(55, 207, 249, .9), transparent) center 2px / 52% 2px no-repeat;
}

.game-sidebar-logo img {
    width: 176px !important;
    max-height: 84px !important;
    filter:
        drop-shadow(0 4px 8px rgba(0, 0, 0, .8))
        drop-shadow(0 0 12px rgba(45, 191, 238, .28));
}

.game-sidebar-account {
    padding: 10px 12px !important;
    margin-top: 12px;
}

.game-sidebar-account-kicker {
    color: #52d6f5 !important;
    font-weight: 800;
}

.game-sidebar-account b {
    color: #f4fbff;
    text-shadow: 0 0 10px rgba(80, 204, 255, .20);
}

.game-sidebar-nav {
    margin-top: 13px !important;
    gap: 6px !important;
}

.game-sidebar-button {
    min-height: 34px !important;
    padding: 6px 10px !important;
    gap: 9px;
    border: 2px solid #4f5d66 !important;
    border-radius: 3px !important;
    clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
    background:
        linear-gradient(180deg, rgba(14, 31, 45, .98), rgba(3, 12, 21, .98)) padding-box;
    box-shadow:
        0 0 0 1px #030608,
        inset 0 1px 0 rgba(199, 235, 249, .10),
        inset 0 0 0 1px rgba(51, 111, 139, .18),
        0 5px 10px rgba(0, 0, 0, .32) !important;
    color: #dcebf2;
    text-transform: none;
    letter-spacing: .025em !important;
    font-size: .69rem !important;
}

.game-sidebar-button::before {
    top: 5px !important;
    bottom: 5px !important;
    width: 3px !important;
    background: linear-gradient(180deg, #67dfff, #0b6894) !important;
    box-shadow: 0 0 9px rgba(66, 207, 249, .55);
}

.game-sidebar-button::after {
    left: 18px !important;
    right: 10px !important;
    background: linear-gradient(90deg, rgba(179, 233, 252, .22), transparent) !important;
}

.game-sidebar-button:hover {
    border-color: #75858e !important;
    background: linear-gradient(180deg, rgba(20, 52, 72, .98), rgba(4, 19, 31, .98)) padding-box;
    transform: translateX(2px);
}

.game-sidebar-button.is-active {
    color: #02121a !important;
    border-color: #a0b2ba !important;
    background:
        linear-gradient(180deg, #7be6ff 0%, #20a6d7 52%, #08749e 100%) padding-box !important;
    box-shadow:
        0 0 0 1px #020608,
        0 0 14px rgba(39, 191, 240, .65),
        inset 0 1px 0 rgba(255,255,255,.46),
        inset 0 0 0 1px rgba(211, 248, 255, .22) !important;
}

.game-sidebar-icon {
    --ur-icon: none;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: inline-block;
    background: currentColor;
    -webkit-mask: var(--ur-icon) center / contain no-repeat;
    mask: var(--ur-icon) center / contain no-repeat;
    filter: drop-shadow(0 0 4px rgba(80, 201, 245, .34));
}

.game-sidebar-icon-home{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M3%2011%2012%203l9%208v9a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1z%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-ranking{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M8%204h8v4c0%204-2%206-4%206s-4-2-4-6zM8%206H4v2c0%203%202%205%205%205m7-7h4v2c0%203-2%205-5%205M12%2014v4m-4%203h8%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-messages{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M3%205h18v14H3zM3%206l9%207%209-7%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-friends{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208zm6-1a3%203%200%201%200%200-6m-12%2017v-2a6%206%200%200%201%2012%200v2m2-7a5%205%200%200%201%204%205v2%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-clans{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M12%203%2020%206v6c0%205-3%208-8%2010-5-2-8-5-8-10V6zM9%2012l2%202%204-5%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-forum{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M4%204h13v10H8l-4%204zm5%2014h7l4%203v-9%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-corruption{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M12%203%203%2020h18zM12%209v5m0%203v.01%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-settings{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M12%208a4%204%200%201%200%200%208%204%204%200%200%200%200-8zm0-5%201%202%202%20.5%202-1%202%202-1%202%20.5%202%202%201v3l-2%201-.5%202%201%202-2%202-2-1-2%20.5-1%202H9l-1-2-2-.5-2%201-2-2%201-2-.5-2-2-1v-3l2-1%20.5-2-1-2%202-2%202%201L8%205l1-2z%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-about{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%2F%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20d%3D%27M12%2011v6m0-10v.01%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-wiki{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M4%204h7a3%203%200%200%201%203%203v13a3%203%200%200%200-3-3H4zm16%200h-6v16a3%203%200%200%201%203-3h3z%27%2F%3E%3C%2Fsvg%3E");}
.game-sidebar-icon-logout{--ur-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M10%204H5v16h5m3-4%204-4-4-4m4%204H8%27%2F%3E%3C%2Fsvg%3E");}

.game-sidebar-logout {
    margin-top: 7px !important;
    justify-content: flex-start !important;
}

.game-sidebar-system {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 4px;
    margin-top: auto;
    padding: 10px 10px 11px;
    color: #a8c0cc;
    text-align: center;
}

.game-sidebar-system > span {
    color: #62d8f3;
    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.game-sidebar-system time {
    color: #f0f8fc;
    font-size: .73rem;
    font-variant-numeric: tabular-nums;
}

.game-sidebar-system-line {
    width: 74%;
    height: 1px;
    margin: 3px 0;
    background: linear-gradient(90deg, transparent, #50717f, #39c5ed, #50717f, transparent);
}

.game-sidebar-system strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #79e7a2;
    font-size: .65rem;
}

.game-sidebar-system strong i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4fe879;
    box-shadow: 0 0 10px #4fe879;
}

.game-sidebar-system small {
    color: #758f9d;
    font-size: .54rem;
}

.game-header,
.game-footer {
    border-radius: 3px !important;
    background:
        linear-gradient(180deg, rgba(7, 18, 29, .985), rgba(2, 8, 14, .985));
}

.game-header {
    min-height: 48px;
    padding: 8px 12px !important;
    overflow: visible !important;
}

.game-header::before,
.game-header::after,
.game-footer::before,
.game-footer::after {
    content: '';
    position: absolute;
    pointer-events: none;
}

.game-header::before,
.game-footer::before {
    inset: 4px !important;
    border: 1px solid rgba(77, 155, 190, .23) !important;
    border-radius: 0 !important;
    background: none !important;
    height: auto !important;
}

.game-header::after,
.game-footer::after {
    inset: -1px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, transparent, #37c9f0, transparent) center 0 / 42% 2px no-repeat,
        linear-gradient(90deg, transparent, #37c9f0, transparent) center 100% / 22% 2px no-repeat,
        linear-gradient(135deg, #a4afb5, #263139 72%) left top / 26px 8px no-repeat,
        linear-gradient(225deg, #a4afb5, #263139 72%) right top / 26px 8px no-repeat,
        linear-gradient(45deg, #a4afb5, #263139 72%) left bottom / 26px 8px no-repeat,
        linear-gradient(315deg, #a4afb5, #263139 72%) right bottom / 26px 8px no-repeat !important;
}

.game-header-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-left: auto;
    position: relative;
    z-index: 2;
}

.game-header-credits {
    color: #ffe7a0;
    padding-right: 11px;
    border-right: 1px solid rgba(117, 172, 197, .28);
    font-size: .73rem;
    white-space: nowrap;
}

.game-header-link {
    color: #79d8f3;
    padding: 0 9px;
    text-decoration: none;
    font-size: .70rem;
}

.game-header-settings {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid #57656d;
    color: #d9edf5;
    background: linear-gradient(180deg, #17242d, #080e13);
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.planet-switcher {
    padding: 3px 6px !important;
    border-radius: 2px !important;
    border: 1px solid rgba(84, 140, 169, .34);
    background: rgba(1, 8, 14, .74) !important;
}

.planet-switcher select {
    min-width: 245px !important;
    max-width: 330px;
    padding: 5px 7px !important;
    border-radius: 2px !important;
}

.supply-warning,
.eco-panel {
    border-radius: 3px !important;
    margin-bottom: 17px !important;
    overflow: visible;
}

.supply-warning::before,
.eco-panel::before {
    content: '' !important;
    position: absolute !important;
    inset: 4px !important;
    z-index: 4 !important;
    border: 1px solid rgba(70, 149, 185, .22) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 16px rgba(28, 123, 160, .05) !important;
    background: none !important;
    pointer-events: none;
}

.supply-warning::after,
.eco-panel::after {
    content: '' !important;
    position: absolute !important;
    inset: -1px !important;
    z-index: 5 !important;
    border: 0 !important;
    border-radius: 0 !important;
    pointer-events: none;
    background:
        radial-gradient(circle, #bac5ca 0 1px, #11191e 2px 3px, transparent 4px) 8px 8px / 8px 8px no-repeat,
        radial-gradient(circle, #bac5ca 0 1px, #11191e 2px 3px, transparent 4px) calc(100% - 8px) 8px / 8px 8px no-repeat,
        radial-gradient(circle, #bac5ca 0 1px, #11191e 2px 3px, transparent 4px) 8px calc(100% - 8px) / 8px 8px no-repeat,
        radial-gradient(circle, #bac5ca 0 1px, #11191e 2px 3px, transparent 4px) calc(100% - 8px) calc(100% - 8px) / 8px 8px no-repeat,
        linear-gradient(90deg, transparent, rgba(57, 208, 248, .95), transparent) center 1px / 36% 2px no-repeat,
        linear-gradient(90deg, transparent, rgba(57, 208, 248, .65), transparent) center calc(100% - 1px) / 18% 2px no-repeat,
        linear-gradient(135deg, #9ca8ae 0%, #1b252b 74%) left top / 30px 9px no-repeat,
        linear-gradient(225deg, #9ca8ae 0%, #1b252b 74%) right top / 30px 9px no-repeat,
        linear-gradient(45deg, #9ca8ae 0%, #1b252b 74%) left bottom / 30px 9px no-repeat,
        linear-gradient(315deg, #9ca8ae 0%, #1b252b 74%) right bottom / 30px 9px no-repeat !important;
}

.supply-warning > *,
.eco-panel > * {
    position: relative;
    z-index: 6;
}

.supply-warning {
    background:
        radial-gradient(circle at 8% 25%, rgba(29, 201, 197, .10), transparent 30%),
        linear-gradient(180deg, rgba(4, 57, 52, .98), rgba(2, 37, 37, .98)) !important;
}

.supply-warning-head::before {
    content: '!';
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    margin-right: 8px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    color: #062124;
    background: #a8e4e5;
    font-weight: 950;
    font-size: 1.2rem;
}

.supply-warning-head {
    align-items: center !important;
}

.supply-warning-head > div {
    flex: 1;
}

.resource-grid > div,
.action-cards article,
.depot-grid article,
.research-card,
.industry-card,
.ship-build-card,
.job,
.mission,
.offer,
.market-offer {
    border: 1px solid #53636c !important;
    border-radius: 2px !important;
    box-shadow:
        0 0 0 1px #040709,
        inset 0 1px 0 rgba(183, 226, 243, .08),
        inset 0 0 0 1px rgba(44, 103, 130, .10) !important;
    background-color: rgba(4, 17, 28, .92);
}

.industry-tabs {
    gap: 9px !important;
}

.industry-tab {
    min-height: 34px !important;
    border: 2px solid #53616a !important;
    border-radius: 2px !important;
    clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
    background: linear-gradient(180deg, #101f2b, #050d14) !important;
    box-shadow:
        0 0 0 1px #030608,
        inset 0 1px 0 rgba(194, 234, 249, .08) !important;
}

.industry-tab.is-active,
.industry-tab[aria-selected='true'] {
    color: #03141d !important;
    border-color: #a0b0b7 !important;
    background: linear-gradient(180deg, #6de1ff, #169ccb 56%, #08739b) !important;
    box-shadow:
        0 0 0 1px #020608,
        0 0 13px rgba(40, 190, 238, .62),
        inset 0 1px 0 rgba(255,255,255,.36) !important;
}

.processing-wallet {
    border: 2px solid #756a43 !important;
    border-radius: 2px !important;
    box-shadow: 0 0 0 1px #070603, inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.eco-panel button {
    border: 1px solid #57c9ef !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, #159fcf, #086b92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 10px rgba(28, 170, 219, .18) !important;
}

.eco-panel input,
.eco-panel select,
.eco-panel textarea {
    border-radius: 2px !important;
}

.game-footer {
    position: relative;
    width: min(1560px, calc(100vw - 236px));
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 4px auto 16px;
    padding: 10px 22px;
    color: #8197a3;
}

.game-footer p {
    margin: 0;
    font-size: .63rem;
}

.game-footer nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.game-footer a {
    padding: 0 14px;
    border-left: 1px solid rgba(106, 151, 171, .27);
    color: #8ea6b2;
    font-size: .62rem;
    text-decoration: none;
}

.game-footer a:hover {
    color: #62d7f4;
}

@media (min-width: 1101px) {
    body.has-game-sidebar {
        padding-left: 224px !important;
    }

    .game-sidebar {
        width: 204px !important;
        padding: 10px 10px 11px !important;
    }

    .game-sidebar-logo {
        min-height: 91px !important;
    }

    .game-sidebar-account {
        padding: 8px 10px !important;
        margin-top: 11px;
    }

    .game-sidebar-account > span {
        font-size: .50rem !important;
    }

    .game-sidebar-account b {
        margin: 1px 0 3px !important;
        font-size: .84rem !important;
    }

    .game-sidebar-account time {
        font-size: .62rem !important;
    }

    .game-sidebar-button {
        min-height: 32px !important;
        font-size: .64rem !important;
    }

    .game-sidebar-system {
        padding: 8px 8px 9px;
    }

    .game-header,
    .economy-shell,
    .game-footer,
    body.has-game-sidebar .pirate-shell {
        width: min(1560px, calc(100vw - 245px)) !important;
    }

    .game-header {
        margin-top: 11px !important;
    }

    .economy-shell {
        padding-top: 16px !important;
        padding-bottom: 20px !important;
    }

    .eco-panel,
    .supply-warning {
        margin-bottom: 18px !important;
    }
}

@media (max-width: 1100px) {
    .game-header-controls {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .game-footer {
        width: calc(100% - 20px);
        flex-direction: column;
        text-align: center;
    }

    .game-footer a:first-child {
        border-left: 0;
    }
}

@media (max-height: 850px) and (min-width: 1101px) {
    .game-sidebar-logo {
        min-height: 74px !important;
        padding-block: 5px !important;
    }

    .game-sidebar-logo img {
        width: 154px !important;
        max-height: 68px !important;
    }

    .game-sidebar-account {
        margin-top: 9px;
        padding-block: 6px !important;
    }

    .game-sidebar-account .last-online-label,
    .game-sidebar-account time {
        display: none;
    }

    .game-sidebar-nav {
        margin-top: 10px !important;
        gap: 4px !important;
    }

    .game-sidebar-button {
        min-height: 29px !important;
        padding-block: 4px !important;
    }

    .game-sidebar-system {
        padding-block: 6px;
    }
}


/* =========================================================
   Universe Raiders – Dashboard V7 EDGE FRAME SYSTEM
   Graphic corners + one-axis graphic edges. Transparent center.
   ========================================================= */
:root {
    --ur7-corner-tl: url('../assets/images/ui-v7/corner_tl.svg');
    --ur7-corner-tr: url('../assets/images/ui-v7/corner_tr.svg');
    --ur7-corner-bl: url('../assets/images/ui-v7/corner_bl.svg');
    --ur7-corner-br: url('../assets/images/ui-v7/corner_br.svg');
    --ur7-edge-top: url('../assets/images/ui-v7/edge_top.svg');
    --ur7-edge-bottom: url('../assets/images/ui-v7/edge_bottom.svg');
    --ur7-edge-left: url('../assets/images/ui-v7/edge_left.svg');
    --ur7-edge-right: url('../assets/images/ui-v7/edge_right.svg');
    --ur7-button: url('../assets/images/ui-v7/button_frame.svg');
    --ur7-button-active: url('../assets/images/ui-v7/button_frame_active.svg');
}

/* Reset the old V5 pseudo-metal and keep a clean, glossy center surface. */
.game-sidebar-logo,
.game-sidebar-account,
.game-sidebar-system,
.game-header,
.supply-warning,
.eco-panel,
.game-footer {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    border: 1px solid rgba(77, 145, 180, .20) !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.30), inset 0 0 0 1px rgba(196,236,255,.025) !important;
}

.game-sidebar-logo::before,
.game-sidebar-account::before,
.game-sidebar-system::before,
.game-header::before,
.supply-warning::before,
.eco-panel::before,
.game-footer::before {
    content: '' !important;
    position: absolute !important;
    inset: -7px !important;
    z-index: 20 !important;
    pointer-events: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image:
        var(--ur7-corner-tl), var(--ur7-corner-tr),
        var(--ur7-corner-bl), var(--ur7-corner-br),
        var(--ur7-edge-top), var(--ur7-edge-bottom),
        var(--ur7-edge-left), var(--ur7-edge-right) !important;
    background-position:
        left top, right top,
        left bottom, right bottom,
        center top, center bottom,
        left center, right center !important;
    background-size:
        42px 42px, 42px 42px,
        42px 42px, 42px 42px,
        calc(100% - 72px) 15px, calc(100% - 72px) 15px,
        15px calc(100% - 72px), 15px calc(100% - 72px) !important;
    background-repeat: no-repeat !important;
}

.game-sidebar-logo::after,
.game-sidebar-account::after,
.game-sidebar-system::after,
.game-header::after,
.supply-warning::after,
.eco-panel::after,
.game-footer::after {
    content: '' !important;
    position: absolute !important;
    inset: 7px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    border: 1px solid rgba(75, 178, 222, .14) !important;
    border-radius: 5px !important;
    background: none !important;
    box-shadow: inset 0 0 24px rgba(25, 133, 181, .035) !important;
}

.game-sidebar-logo > *,
.game-sidebar-account > *,
.game-sidebar-system > *,
.game-header > *,
.supply-warning > *,
.eco-panel > *,
.game-footer > * {
    position: relative;
    z-index: 5;
}

/* Clean panel centers: no repeated or stretched metal texture. */
.game-header,
.game-footer {
    background:
        radial-gradient(circle at 50% -80%, rgba(40, 177, 232, .11), transparent 45%),
        linear-gradient(180deg, rgba(5, 18, 31, .985), rgba(1, 8, 15, .985)) !important;
}

.supply-warning {
    background:
        radial-gradient(circle at 6% 18%, rgba(51, 218, 192, .13), transparent 31%),
        radial-gradient(circle at 100% 0, rgba(34, 159, 172, .08), transparent 35%),
        linear-gradient(180deg, rgba(4, 63, 57, .985), rgba(2, 34, 34, .985)) !important;
}

.eco-panel,
.game-sidebar-logo,
.game-sidebar-account,
.game-sidebar-system {
    background:
        radial-gradient(circle at 100% 0, rgba(41, 169, 222, .075), transparent 32%),
        linear-gradient(180deg, rgba(5, 19, 33, .985), rgba(2, 10, 18, .985)) !important;
}

/* Sidebar: large login-style wordmark, compact geometry retained. */
.game-sidebar {
    background:
        linear-gradient(180deg, rgba(2, 10, 19, .97), rgba(1, 7, 14, .985)),
        url('../assets/images/background/login_bg_high.jpg') 15% center / auto 100% fixed !important;
    border-right: 1px solid rgba(69, 171, 216, .26) !important;
    box-shadow: 18px 0 38px rgba(0,0,0,.34) !important;
}

.game-sidebar-logo {
    min-height: 96px !important;
    padding: 10px 8px 8px !important;
}
.game-sidebar-logo img {
    width: 190px !important;
    max-width: 97% !important;
    max-height: 86px !important;
    object-fit: contain;
    filter: drop-shadow(0 6px 10px rgba(0,0,0,.75)) drop-shadow(0 0 12px rgba(54,198,244,.24)) !important;
}

/* Real graphic button outlines; transparent SVG center, no duplicated halves. */
.game-sidebar-button,
.industry-tab {
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    background-color: transparent !important;
    background-image:
        var(--ur7-button),
        linear-gradient(180deg, rgba(9, 29, 48, .98), rgba(3, 13, 23, .98)) !important;
    background-position: center, center !important;
    background-size: 100% 100%, 100% 100% !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 7px 14px rgba(0,0,0,.22) !important;
}
.game-sidebar-button::before,
.game-sidebar-button::after,
.industry-tab::before,
.industry-tab::after {
    content: none !important;
}
.game-sidebar-button:hover,
.industry-tab:hover:not(:disabled) {
    filter: brightness(1.13);
    transform: translateY(-1px) !important;
}
.game-sidebar-button.is-active,
.industry-tab.is-active,
.industry-tab[aria-selected='true'] {
    background-image:
        var(--ur7-button-active),
        linear-gradient(180deg, #71e2ff, #188db9) !important;
    color: #03131c !important;
    box-shadow: 0 0 17px rgba(39, 201, 250, .34) !important;
}

/* Keep small information cells clean and readable. */
.resource-grid > div,
.processing-panel .resource-grid > div,
.action-cards article,
.depot-grid article,
.job,
.mission,
.offer,
.market-offer {
    border: 1px solid rgba(73, 145, 184, .30) !important;
    border-radius: 7px !important;
    background:
        linear-gradient(180deg, rgba(9, 29, 47, .96), rgba(3, 14, 24, .95)) !important;
    box-shadow: inset 0 1px 0 rgba(198,239,255,.035), 0 8px 16px rgba(0,0,0,.17) !important;
}

/* Ship/research cards: slim steel edge, not a frame inside every field. */
.industry-card,
.ship-build-card,
.research-card {
    border: 1px solid rgba(115, 140, 151, .78) !important;
    border-radius: 7px !important;
    background:
        linear-gradient(135deg, rgba(121, 139, 148, .16), transparent 22%),
        linear-gradient(315deg, rgba(98, 124, 136, .12), transparent 22%),
        linear-gradient(180deg, rgba(7, 24, 38, .97), rgba(3, 13, 22, .96)) !important;
    box-shadow:
        inset 0 0 0 2px rgba(12, 28, 38, .95),
        inset 0 0 0 3px rgba(111, 199, 231, .10),
        0 10px 20px rgba(0,0,0,.23) !important;
}

/* Header labels remain part of the surface, rather than oversized fake plates. */
.eco-panel > h2,
.processing-heading > h2,
.industry-section-title {
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 0 9px !important;
    background: none !important;
    color: #eefaff !important;
    text-shadow: 0 0 10px rgba(66, 202, 246, .13);
}
.processing-heading > h2 { margin-bottom: 0 !important; }

/* Footer is a real page ending and uses the same graphic edge system. */
.game-footer {
    margin-top: 10px !important;
    margin-bottom: 13px !important;
    min-height: 48px !important;
}

/* Compact 100% desktop geometry. */
@media (min-width: 1101px) {
    body.has-game-sidebar { padding-left: 224px !important; }
    .game-sidebar { width: 204px !important; padding: 13px 13px 14px !important; }
    .game-sidebar-nav { gap: 4px !important; margin-top: 10px !important; }
    .game-sidebar-button { min-height: 30px !important; padding: 5px 11px !important; }
    .game-sidebar-logo { min-height: 91px !important; }
    .game-sidebar-logo img { width: 184px !important; max-height: 80px !important; }
    .game-sidebar-account { margin-top: 10px !important; padding: 8px 10px !important; }
    .game-sidebar-system { padding: 8px 9px !important; }
    .game-header,
    .economy-shell,
    .game-footer,
    body.has-game-sidebar .pirate-shell {
        width: min(1560px, calc(100vw - 245px)) !important;
    }
    .game-header { padding: 11px 16px !important; }
    .supply-warning { padding: 14px 17px !important; }
    .eco-panel { padding: 14px !important; }
}

@media (max-height: 850px) and (min-width: 1101px) {
    .game-sidebar-logo { min-height: 73px !important; padding-block: 5px !important; }
    .game-sidebar-logo img { width: 158px !important; max-height: 64px !important; }
    .game-sidebar-button { min-height: 28px !important; padding-block: 4px !important; }
    .game-sidebar-nav { gap: 3px !important; }
    .game-sidebar-account .last-online-label,
    .game-sidebar-account time { display: none; }
}

@media (max-width: 1100px) {
    .game-sidebar-logo::before,
    .game-sidebar-account::before,
    .game-sidebar-system::before,
    .game-header::before,
    .supply-warning::before,
    .eco-panel::before,
    .game-footer::before {
        inset: -5px !important;
        background-size:
            34px 34px, 34px 34px,
            34px 34px, 34px 34px,
            calc(100% - 58px) 12px, calc(100% - 58px) 12px,
            12px calc(100% - 58px), 12px calc(100% - 58px) !important;
    }
}

/* =========================================================
   Universe Raiders V8 – metal frames on all game pages
   Button correction + shared footer
   ========================================================= */

/* Corrected graphic buttons: one continuous fill, one frame overlay. */
.game-sidebar-button,
.industry-tab {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-image: none !important;
    background: linear-gradient(180deg, rgba(13, 39, 61, .99), rgba(3, 15, 26, .99)) !important;
    box-shadow: 0 7px 14px rgba(0,0,0,.23) !important;
}

.game-sidebar-button::before,
.industry-tab::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background: var(--ur7-button) center / 100% 100% no-repeat !important;
    opacity: 1 !important;
}

.game-sidebar-button::after,
.industry-tab::after {
    content: '' !important;
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    top: 4px !important;
    height: 1px !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent, rgba(164,235,255,.34), transparent) !important;
}

.game-sidebar-button > *,
.industry-tab > * {
    position: relative;
    z-index: 4;
}

.game-sidebar-button:hover,
.industry-tab:hover:not(:disabled) {
    background: linear-gradient(180deg, rgba(20, 65, 91, .99), rgba(4, 24, 39, .99)) !important;
    filter: brightness(1.08);
    transform: translateX(1px) !important;
}

.game-sidebar-button.is-active,
.industry-tab.is-active,
.industry-tab[aria-selected='true'] {
    color: #03131d !important;
    background: linear-gradient(180deg, #8cecff 0%, #32b8e5 48%, #0d7da8 100%) !important;
    box-shadow: 0 0 18px rgba(37,202,250,.34), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

.game-sidebar-button.is-active::before,
.industry-tab.is-active::before,
.industry-tab[aria-selected='true']::before {
    background-image: var(--ur7-button-active) !important;
}

.game-sidebar-button.is-active .game-sidebar-icon {
    color: #03131d !important;
    filter: none !important;
}

/* Shared outer graphic frame for every major game page. */
:is(
    .ranking-list-panel,
    .messages-panel,
    .friends-panel,
    .clans-panel,
    .forum-panel,
    .corruption-panel,
    .settings-panel,
    .wiki-panel
) {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    min-height: calc(100vh - 104px) !important;
    border: 1px solid rgba(77,145,180,.20) !important;
    border-radius: 8px !important;
    background:
        radial-gradient(circle at 100% 0, rgba(41,169,222,.075), transparent 32%),
        linear-gradient(180deg, rgba(5,19,33,.985), rgba(2,10,18,.985)) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.34), inset 0 0 0 1px rgba(196,236,255,.025) !important;
}

:is(
    .ranking-list-panel,
    .messages-panel,
    .friends-panel,
    .clans-panel,
    .forum-panel,
    .corruption-panel,
    .settings-panel,
    .wiki-panel
)::before {
    content: '' !important;
    position: absolute !important;
    inset: -7px !important;
    z-index: 20 !important;
    pointer-events: none !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image:
        var(--ur7-corner-tl), var(--ur7-corner-tr),
        var(--ur7-corner-bl), var(--ur7-corner-br),
        var(--ur7-edge-top), var(--ur7-edge-bottom),
        var(--ur7-edge-left), var(--ur7-edge-right) !important;
    background-position:
        left top, right top, left bottom, right bottom,
        center top, center bottom, left center, right center !important;
    background-size:
        42px 42px, 42px 42px, 42px 42px, 42px 42px,
        calc(100% - 72px) 15px, calc(100% - 72px) 15px,
        15px calc(100% - 72px), 15px calc(100% - 72px) !important;
    background-repeat: no-repeat !important;
}

:is(
    .ranking-list-panel,
    .messages-panel,
    .friends-panel,
    .clans-panel,
    .forum-panel,
    .corruption-panel,
    .settings-panel,
    .wiki-panel
)::after {
    content: '' !important;
    position: absolute !important;
    inset: 7px !important;
    z-index: 1 !important;
    pointer-events: none !important;
    border: 1px solid rgba(75,178,222,.14) !important;
    border-radius: 5px !important;
    background: none !important;
    box-shadow: inset 0 0 28px rgba(25,133,181,.04) !important;
}

:is(
    .ranking-list-panel,
    .messages-panel,
    .friends-panel,
    .clans-panel,
    .forum-panel,
    .corruption-panel,
    .settings-panel,
    .wiki-panel
) > * {
    position: relative;
    z-index: 5;
}

/* Smaller graphic frames around the principal modules inside subpages. */
:is(
    .conversation-sidebar,
    .conversation-main,
    .friends-trust-note,
    .clan-overview,
    .clan-section,
    .clan-war-section,
    .forum-compose,
    .corruption-status-card,
    .corruption-rules-card,
    .corruption-effects-section,
    .corruption-history-section,
    .settings-section,
    .wiki-navigation,
    .wiki-article
) {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    border: 1px solid rgba(75,151,190,.34) !important;
    border-radius: 7px !important;
    background:
        radial-gradient(circle at 100% 0, rgba(42,166,214,.055), transparent 30%),
        linear-gradient(180deg, rgba(5,22,36,.96), rgba(2,13,23,.97)) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.22), inset 0 0 0 1px rgba(187,232,250,.025) !important;
}

:is(
    .conversation-sidebar,
    .conversation-main,
    .friends-trust-note,
    .clan-overview,
    .clan-section,
    .clan-war-section,
    .forum-compose,
    .corruption-status-card,
    .corruption-rules-card,
    .corruption-effects-section,
    .corruption-history-section,
    .settings-section,
    .wiki-navigation,
    .wiki-article
)::before {
    content: '' !important;
    position: absolute !important;
    inset: -5px !important;
    z-index: 12 !important;
    pointer-events: none !important;
    background-image:
        var(--ur7-corner-tl), var(--ur7-corner-tr),
        var(--ur7-corner-bl), var(--ur7-corner-br),
        var(--ur7-edge-top), var(--ur7-edge-bottom),
        var(--ur7-edge-left), var(--ur7-edge-right) !important;
    background-position:
        left top, right top, left bottom, right bottom,
        center top, center bottom, left center, right center !important;
    background-size:
        32px 32px, 32px 32px, 32px 32px, 32px 32px,
        calc(100% - 56px) 11px, calc(100% - 56px) 11px,
        11px calc(100% - 56px), 11px calc(100% - 56px) !important;
    background-repeat: no-repeat !important;
}

:is(
    .conversation-sidebar,
    .conversation-main,
    .friends-trust-note,
    .clan-overview,
    .clan-section,
    .clan-war-section,
    .forum-compose,
    .corruption-status-card,
    .corruption-rules-card,
    .corruption-effects-section,
    .corruption-history-section,
    .settings-section,
    .wiki-navigation,
    .wiki-article
) > * {
    position: relative;
    z-index: 3;
}

/* Unified metal action buttons across the remaining game pages. */
:is(
    .ranking-shell,
    .messages-shell,
    .friends-shell,
    .clans-shell,
    .forum-shell,
    .corruption-shell,
    .settings-shell,
    .wiki-shell
) button:not(.friend-send-close):not(.modal-close),
.ranking-message-button,
.settings-primary-button,
.settings-secondary-button {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    min-height: 36px;
    padding: 8px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #eefaff !important;
    background: linear-gradient(180deg, #1ea6d5, #086b92) !important;
    box-shadow: 0 7px 15px rgba(0,0,0,.22), 0 0 12px rgba(31,171,218,.12) !important;
    font: inherit;
    font-weight: 850 !important;
    text-decoration: none !important;
    cursor: pointer;
}

:is(
    .ranking-shell,
    .messages-shell,
    .friends-shell,
    .clans-shell,
    .forum-shell,
    .corruption-shell,
    .settings-shell,
    .wiki-shell
) button:not(.friend-send-close):not(.modal-close)::before,
.ranking-message-button::before,
.settings-primary-button::before,
.settings-secondary-button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: var(--ur7-button) center / 100% 100% no-repeat !important;
}

:is(
    .ranking-shell,
    .messages-shell,
    .friends-shell,
    .clans-shell,
    .forum-shell,
    .corruption-shell,
    .settings-shell,
    .wiki-shell
) button:not(.friend-send-close):not(.modal-close):hover:not(:disabled),
.ranking-message-button:hover,
.settings-primary-button:hover,
.settings-secondary-button:hover {
    background: linear-gradient(180deg, #57cef2, #0d7ea8) !important;
    transform: translateY(-1px);
    filter: brightness(1.06);
}

:is(
    .ranking-shell,
    .messages-shell,
    .friends-shell,
    .clans-shell,
    .forum-shell,
    .corruption-shell,
    .settings-shell,
    .wiki-shell
) button:disabled {
    color: #6f8692 !important;
    background: linear-gradient(180deg, rgba(31,57,72,.92), rgba(12,27,38,.94)) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    filter: saturate(.45) !important;
}

/* Destructive actions keep a red command-console state. */
:is(
    .ranking-friend-button.is-remove,
    .message-block-button,
    .friend-remove-button,
    .clan-reject-button,
    .clan-action-kick,
    .danger-button
),
.clan-danger-zone button {
    color: #fff3f1 !important;
    background: linear-gradient(180deg, #bd5a4d, #7e2928) !important;
    box-shadow: 0 7px 15px rgba(0,0,0,.22), 0 0 12px rgba(207,72,63,.14) !important;
}

/* Close controls stay compact and circular. */
.friend-send-close,
.modal-close {
    border-radius: 50% !important;
    background: rgba(5,19,31,.96) !important;
}

/* Footer on every logged-in page. */
:is(
    .ranking-page,
    .messages-page,
    .friends-page,
    .clans-page,
    .forum-page,
    .corruption-page,
    .settings-page,
    .wiki-page
) .game-footer {
    width: min(1680px, calc(100vw - 250px)) !important;
}

@media (max-width: 1100px) {
    :is(
        .ranking-list-panel,
        .messages-panel,
        .friends-panel,
        .clans-panel,
        .forum-panel,
        .corruption-panel,
        .settings-panel,
        .wiki-panel
    )::before {
        inset: -5px !important;
        background-size:
            34px 34px, 34px 34px, 34px 34px, 34px 34px,
            calc(100% - 58px) 12px, calc(100% - 58px) 12px,
            12px calc(100% - 58px), 12px calc(100% - 58px) !important;
    }

    :is(
        .ranking-page,
        .messages-page,
        .friends-page,
        .clans-page,
        .forum-page,
        .corruption-page,
        .settings-page,
        .wiki-page
    ) .game-footer {
        width: calc(100% - 18px) !important;
    }
}


/* =========================================================
   Universe Raiders V9 – compact action buttons
   Normal page actions use CSS metal surfaces, not stretched SVG frames.
   ========================================================= */
:is(
    .ranking-shell,
    .messages-shell,
    .friends-shell,
    .clans-shell,
    .forum-shell,
    .corruption-shell,
    .settings-shell,
    .wiki-shell
) button:not(.friend-send-close):not(.modal-close),
.ranking-message-button,
.settings-primary-button,
.settings-secondary-button {
    position: relative !important;
    isolation: auto !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: auto;
    min-width: 88px;
    min-height: 34px !important;
    padding: 7px 14px !important;
    border: 1px solid rgba(85, 185, 225, .72) !important;
    border-radius: 7px !important;
    color: #eefaff !important;
    background:
        linear-gradient(180deg, rgba(38, 174, 218, .98) 0%, rgba(15, 124, 166, .98) 52%, rgba(6, 85, 117, .99) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(0,0,0,.28),
        0 5px 12px rgba(0,0,0,.24),
        0 0 10px rgba(34, 173, 221, .10) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.34);
    font: inherit;
    font-size: .78rem !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    filter: none !important;
    transform: none !important;
}

:is(
    .ranking-shell,
    .messages-shell,
    .friends-shell,
    .clans-shell,
    .forum-shell,
    .corruption-shell,
    .settings-shell,
    .wiki-shell
) button:not(.friend-send-close):not(.modal-close)::before,
:is(
    .ranking-shell,
    .messages-shell,
    .friends-shell,
    .clans-shell,
    .forum-shell,
    .corruption-shell,
    .settings-shell,
    .wiki-shell
) button:not(.friend-send-close):not(.modal-close)::after,
.ranking-message-button::before,
.ranking-message-button::after,
.settings-primary-button::before,
.settings-primary-button::after,
.settings-secondary-button::before,
.settings-secondary-button::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

:is(
    .ranking-shell,
    .messages-shell,
    .friends-shell,
    .clans-shell,
    .forum-shell,
    .corruption-shell,
    .settings-shell,
    .wiki-shell
) button:not(.friend-send-close):not(.modal-close):hover:not(:disabled),
.ranking-message-button:hover,
.settings-primary-button:hover,
.settings-secondary-button:hover {
    border-color: rgba(153, 231, 255, .90) !important;
    background:
        linear-gradient(180deg, rgba(83, 207, 242, .99) 0%, rgba(22, 151, 195, .99) 54%, rgba(8, 101, 137, .99) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.26),
        inset 0 -1px 0 rgba(0,0,0,.25),
        0 7px 15px rgba(0,0,0,.25),
        0 0 14px rgba(55, 199, 240, .20) !important;
    transform: translateY(-1px) !important;
}

:is(
    .ranking-shell,
    .messages-shell,
    .friends-shell,
    .clans-shell,
    .forum-shell,
    .corruption-shell,
    .settings-shell,
    .wiki-shell
) button:disabled {
    border-color: rgba(79, 117, 136, .55) !important;
    border-radius: 7px !important;
    color: #7e939e !important;
    background:
        linear-gradient(180deg, rgba(35, 60, 73, .92), rgba(14, 31, 42, .95)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        inset 0 -1px 0 rgba(0,0,0,.24) !important;
    text-shadow: none !important;
    opacity: .72 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Keep semantic action colours, now with the same compact shape. */
.ranking-friend-button:not(.is-remove),
.message-unblock-button,
.clan-accept-button,
.clan-action-lead,
.clan-war-vote-yes {
    border-color: rgba(94, 218, 170, .72) !important;
    background: linear-gradient(180deg, #2eae81, #126a52) !important;
}

:is(
    .ranking-friend-button.is-remove,
    .message-block-button,
    .friend-remove-button,
    .clan-reject-button,
    .clan-action-kick,
    .clan-war-vote-no,
    .danger-button
),
.clan-danger-zone button {
    border-color: rgba(226, 113, 102, .72) !important;
    border-radius: 7px !important;
    color: #fff4f1 !important;
    background: linear-gradient(180deg, #b95649, #742c2a) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 5px 12px rgba(0,0,0,.24),
        0 0 10px rgba(204,74,62,.10) !important;
}

.friend-send-close,
.modal-close {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

/* Correct aspect ratio for the original graphical logo. */
.game-sidebar-logo img {
    width: 178px !important;
    max-width: 96% !important;
    max-height: 88px !important;
    object-fit: contain !important;
}


/* =========================================================
   Universe Raiders V11 – locked Wiki navigation
   The metal frame remains fixed while only the chapter list scrolls.
   ========================================================= */
.wiki-navigation-scroll {
    box-sizing: border-box;
    display: grid;
    align-content: start;
    gap: 4px;
    min-width: 0;
}

@media (min-width: 901px) {
    .wiki-layout {
        align-items: start !important;
        overflow: visible !important;
    }

    .wiki-navigation {
        position: sticky !important;
        top: 12px !important;
        align-self: start !important;
        z-index: 40 !important;
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        height: calc(100vh - 24px) !important;
        max-height: calc(100vh - 24px) !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .wiki-navigation-scroll {
        width: 100%;
        height: 100%;
        max-height: 100%;
        padding: 18px 14px 22px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        border-radius: 7px;
    }

    .wiki-navigation-scroll::-webkit-scrollbar {
        width: 8px;
    }

    .wiki-navigation-scroll::-webkit-scrollbar-track {
        background: rgba(2, 12, 21, .68);
        border-left: 1px solid rgba(72, 146, 182, .14);
    }

    .wiki-navigation-scroll::-webkit-scrollbar-thumb {
        border: 2px solid rgba(2, 12, 21, .72);
        border-radius: 999px;
        background: linear-gradient(180deg, #39bce8, #126f98);
    }

    .wiki-navigation-scroll {
        scrollbar-width: thin;
        scrollbar-color: #208db8 rgba(2, 12, 21, .68);
    }
}

@media (max-width: 900px) {
    .wiki-navigation {
        position: relative !important;
        top: auto !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .wiki-navigation-scroll {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
        padding: 18px 14px;
        overflow: visible;
    }

    .wiki-navigation-title {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .wiki-navigation-scroll {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   Universe Raiders V12 - Ranking table fits at 100% zoom
   ========================================================= */
.ranking-table-scroll {
    max-width: 100%;
    overflow-x: hidden;
}

.ranking-user-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
}

.ranking-user-table th,
.ranking-user-table td {
    box-sizing: border-box;
    min-width: 0;
    padding: 12px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ranking-user-table th {
    font-size: .68rem;
    letter-spacing: .02em;
    white-space: nowrap;
}

.ranking-user-table th:nth-child(1),
.ranking-user-table td:nth-child(1) { width: 15%; }
.ranking-user-table th:nth-child(2),
.ranking-user-table td:nth-child(2) { width: 11%; }
.ranking-user-table th:nth-child(3),
.ranking-user-table td:nth-child(3) { width: 13%; }
.ranking-user-table th:nth-child(4),
.ranking-user-table td:nth-child(4) { width: 11%; }
.ranking-user-table th:nth-child(5),
.ranking-user-table td:nth-child(5) { width: 15%; }
.ranking-user-table th:nth-child(6),
.ranking-user-table td:nth-child(6) { width: 11%; }
.ranking-user-table th:nth-child(7),
.ranking-user-table td:nth-child(7) { width: 12%; }
.ranking-user-table th:nth-child(8),
.ranking-user-table td:nth-child(8) { width: 12%; }

.ranking-user-table th a {
    min-width: 0;
    gap: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranking-username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranking-user-table td button,
.ranking-user-table td .ranking-message-button,
.ranking-user-table td .ranking-friend-button {
    box-sizing: border-box;
    width: 100%;
    min-width: 0 !important;
    max-width: 132px;
    min-height: 32px !important;
    padding: 6px 7px !important;
    font-size: .68rem !important;
    line-height: 1.1 !important;
    white-space: normal !important;
}

.ranking-friend-form {
    display: flex;
    justify-content: center;
    min-width: 0;
}

.ranking-action-tooltip {
    width: 100%;
    max-width: 132px;
}

@media (max-width: 1300px) {
    .ranking-user-table th,
    .ranking-user-table td {
        padding-right: 5px;
        padding-left: 5px;
    }

    .ranking-user-table th {
        font-size: .61rem;
    }

    .ranking-user-table td button,
    .ranking-user-table td .ranking-message-button,
    .ranking-user-table td .ranking-friend-button {
        padding-right: 4px !important;
        padding-left: 4px !important;
        font-size: .62rem !important;
    }
}

@media (max-width: 900px) {
    .ranking-table-scroll {
        overflow-x: auto;
    }

    .ranking-user-table {
        min-width: 980px;
        table-layout: auto;
    }
}


/* =========================================================
   Universe Raiders V13 – compact controls, tooltips, depots,
   messages and complete captain information
   ========================================================= */

/* Complete captain block: keep the data visible even on shorter screens. */
.game-sidebar-account {
    padding: 8px 9px 9px !important;
}

.game-sidebar-account > span:not(.game-sidebar-account-kicker) {
    font-size: .52rem !important;
    letter-spacing: .08em !important;
}

.game-sidebar-account b {
    margin: 1px 0 5px !important;
    font-size: .86rem !important;
}

.game-sidebar-account-facts {
    display: grid;
    grid-template-columns: .7fr 1.3fr;
    gap: 4px;
    margin-top: 3px;
}

.game-sidebar-account-facts > span {
    min-width: 0;
    padding: 4px 5px;
    border: 1px solid rgba(73, 145, 184, .22);
    border-radius: 5px;
    background: rgba(3, 15, 25, .55);
}

.game-sidebar-account-facts > span:nth-child(2),
.game-sidebar-account-facts > span:nth-child(4) {
    grid-column: 1 / -1;
}

.game-sidebar-account-facts small,
.game-sidebar-account-facts strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-sidebar-account-facts small {
    color: #75a8bd;
    font-size: .47rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.game-sidebar-account-facts strong {
    margin-top: 1px;
    color: #eaf8ff;
    font-size: .57rem;
}

.game-sidebar-account-presence {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
    color: #83dcb0;
    font-size: .52rem;
    font-weight: 750;
}

.game-sidebar-account-presence i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ce58c;
    box-shadow: 0 0 8px rgba(76,229,140,.72);
}

@media (max-height: 850px) and (min-width: 1101px) {
    .game-sidebar-account-facts { gap: 2px; }
    .game-sidebar-account-facts > span { padding: 2px 4px; }
    .game-sidebar-account-presence { margin-top: 3px; }
}

/* Requirement tooltips: narrower and free to leave the framed panel. */
.building-requirements-tooltip {
    width: 205px !important;
    max-width: min(205px, calc(100vw - 28px)) !important;
    padding: 8px 10px !important;
}

.building-requirements-tooltip > strong {
    margin-bottom: 5px !important;
    font-size: .68rem !important;
}

.building-requirements-tooltip .tooltip-section-title {
    margin-top: 5px !important;
    font-size: .55rem !important;
}

.building-requirements-tooltip li,
.building-requirements-tooltip p {
    font-size: .60rem !important;
    line-height: 1.25 !important;
}

.industry-panel,
.industry-shade,
.industry-tab-pane,
.industry-tab-pane.is-active,
.research-grid,
.research-card,
.research-action {
    overflow: visible !important;
}

.research-card:hover,
.research-card:focus-within,
.industry-card:hover,
.ship-build-card:hover {
    z-index: 120 !important;
}

.research-action .building-requirements-tooltip {
    z-index: 500 !important;
}

/* Smaller controls throughout game pages. */
body.game-body button:not(.game-sidebar-button):not(.industry-tab):not(.depot-tab):not(.modal-close):not(.friend-send-close),
body.game-body .ranking-message-button,
body.game-body .settings-primary-button,
body.game-body .settings-secondary-button {
    min-width: 72px !important;
    min-height: 29px !important;
    padding: 5px 10px !important;
    font-size: .68rem !important;
    line-height: 1.1 !important;
}

body.game-body .industry-tab {
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: .68rem !important;
}

.industry-card button,
.ship-build-card button,
.research-action button {
    min-height: 29px !important;
    padding: 5px 6px !important;
    font-size: .64rem !important;
}

/* Compact depot overview and business dialog. */
.depot-panel {
    padding: 11px 13px !important;
}

.depot-panel-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 8px;
}

.depot-panel-heading h2 {
    margin: 0 0 2px !important;
    font-size: 1rem !important;
}

.depot-panel-heading p {
    margin: 0;
    color: #91adba;
    font-size: .61rem;
    line-height: 1.25;
}

.depot-panel-heading > span {
    flex: 0 0 auto;
    color: #68d6f7;
    font-size: .52rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.depot-panel .depot-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.depot-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    padding: 8px 9px !important;
}

.depot-card h3 {
    margin: 0 0 2px;
    font-size: .72rem;
}

.depot-card p {
    margin: 0;
    color: #8eabb9;
    font-size: .54rem;
    line-height: 1.3;
}

.depot-open-button {
    flex: 0 0 auto;
    min-width: 72px !important;
}

.depot-dialog {
    box-sizing: border-box;
    width: min(660px, calc(100vw - 30px)) !important;
    max-width: 660px !important;
    max-height: min(82vh, 760px) !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(83, 166, 207, .70) !important;
    border-radius: 9px !important;
    color: #eaf8ff;
    background: linear-gradient(180deg, rgba(7, 24, 39, .995), rgba(2, 12, 21, .995)) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.72) !important;
}

.depot-dialog::backdrop {
    background: rgba(0, 5, 12, .78);
    backdrop-filter: blur(3px);
}

.depot-dialog-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 13px 8px;
    border-bottom: 1px solid rgba(73, 145, 184, .26);
}

.depot-dialog-heading span {
    color: #64d5f6;
    font-size: .50rem;
    font-weight: 850;
    letter-spacing: .13em;
}

.depot-dialog-heading h3 {
    margin: 1px 0 0;
    font-size: .92rem;
}

.depot-close-button {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;
    font-size: 1rem !important;
}

.depot-dialog-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 8px 12px 0;
}

.depot-tab {
    min-height: 30px !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(76, 151, 190, .40) !important;
    border-radius: 6px !important;
    color: #a9c6d4 !important;
    background: rgba(4, 17, 29, .84) !important;
    font-size: .63rem !important;
    font-weight: 800 !important;
    cursor: pointer;
}

.depot-tab.is-active {
    color: #03131d !important;
    border-color: #75ddff !important;
    background: linear-gradient(180deg, #67d8f6, #178eb9) !important;
}

.depot-form-panel {
    display: none;
    max-height: calc(min(82vh, 760px) - 86px);
    padding: 8px 12px 11px;
    overflow-y: auto;
}

.depot-form-panel.is-active {
    display: block;
}

.depot-form-panel[hidden] {
    display: none !important;
}

.depot-form-note {
    margin: 0 0 6px;
    color: #8eabb9;
    font-size: .58rem;
    line-height: 1.3;
}

.depot-sell-warning {
    color: #e8bd6d;
}

.depot-dialog table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: .64rem;
}

.depot-dialog th,
.depot-dialog td {
    padding: 4px 7px !important;
    border-bottom: 1px solid rgba(71, 134, 166, .28) !important;
    text-align: left;
}

.depot-dialog th {
    color: #bfe6f5;
    font-size: .58rem;
    letter-spacing: .04em;
}

.depot-dialog th:last-child,
.depot-dialog td:last-child {
    width: 88px;
    text-align: right;
}

.depot-dialog input[type="number"] {
    box-sizing: border-box;
    width: 76px !important;
    max-width: 76px !important;
    min-height: 25px !important;
    padding: 3px 5px !important;
    font-size: .63rem !important;
}

.depot-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    padding-top: 8px;
}

.depot-secondary-button {
    color: #aac2cd !important;
    border-color: rgba(91, 137, 158, .52) !important;
    background: linear-gradient(180deg, rgba(39, 64, 77, .94), rgba(15, 31, 41, .96)) !important;
}

@media (max-width: 1250px) {
    .depot-panel .depot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .depot-panel .depot-grid { grid-template-columns: 1fr; }
    .depot-card { align-items: stretch; flex-direction: column; }
    .depot-open-button { width: 100% !important; }
}

/* Messages: same functionality, but far less empty space. */
.messages-shell {
    width: min(1240px, calc(100% - 18px)) !important;
    padding: 10px 0 14px !important;
}

.messages-panel {
    min-height: 0 !important;
}

.messages-heading {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 430px) !important;
    gap: 22px !important;
    padding: 16px 20px !important;
}

.messages-heading > div > span {
    font-size: .58rem !important;
}

.messages-heading h1 {
    margin: 3px 0 3px !important;
    font-size: 1.48rem !important;
}

.messages-heading p {
    font-size: .75rem !important;
}

.messages-open-form > label {
    margin-bottom: 4px !important;
    font-size: .72rem !important;
}

.messages-open-form #message-user {
    height: 34px !important;
    padding: 6px 9px !important;
    font-size: .73rem !important;
}

.message-user-search-status {
    min-height: 12px !important;
    margin-top: 3px !important;
    font-size: .56rem !important;
}

.messages-layout {
    grid-template-columns: 250px minmax(0, 1fr) !important;
    min-height: 480px !important;
}

.conversation-sidebar {
    padding: 14px 10px !important;
}

.conversation-sidebar h2 {
    margin: 0 5px 10px !important;
    font-size: 1rem !important;
}

.conversation-row {
    gap: 5px !important;
    padding: 5px !important;
}

.conversation-row > a {
    padding: 5px !important;
}

.conversation-row form button {
    padding: 4px 7px !important;
    min-width: 58px !important;
    font-size: .58rem !important;
}

.conversation-main {
    padding: 14px 16px !important;
}

.conversation-header {
    margin-bottom: 9px !important;
}

.conversation-header h2 {
    font-size: 1.22rem !important;
}

.message-history {
    min-height: 260px !important;
    max-height: 39vh !important;
    gap: 8px !important;
    padding: 12px !important;
}

.message-bubble {
    max-width: min(560px, 74%) !important;
    padding: 9px 11px !important;
    border-radius: 11px !important;
    font-size: .72rem !important;
}

.message-bubble p {
    margin-top: 5px !important;
}

.message-reply-form {
    gap: 5px !important;
    margin-top: 9px !important;
}

.message-reply-form label {
    font-size: .70rem !important;
}

.message-reply-form textarea {
    min-height: 70px !important;
    padding: 8px 10px !important;
    font-size: .72rem !important;
}

@media (max-width: 820px) {
    .messages-heading { grid-template-columns: 1fr !important; }
    .messages-layout { grid-template-columns: 1fr !important; }
    .conversation-sidebar { border-right: 0 !important; border-bottom: 1px solid rgba(91,154,184,.25); }
}

/* =========================================================
   Universe Raiders V14 - compact sidebar and action buttons
   ========================================================= */
@media (min-width: 1101px) {
    .game-sidebar {
        padding: 8px 10px 10px !important;
    }

    .game-sidebar-logo {
        min-height: 72px !important;
        padding: 4px 6px !important;
    }

    .game-sidebar-logo img {
        width: 158px !important;
        max-height: 62px !important;
    }

    .game-sidebar-account {
        margin-top: 6px !important;
        padding: 6px 7px 7px !important;
        gap: 1px !important;
    }

    .game-sidebar-account-kicker {
        font-size: .48rem !important;
        letter-spacing: .08em !important;
    }

    .game-sidebar-account > span:not(.game-sidebar-account-kicker) {
        font-size: .45rem !important;
        line-height: 1.15 !important;
    }

    .game-sidebar-account b {
        margin: 0 0 3px !important;
        font-size: .74rem !important;
        line-height: 1.1 !important;
    }

    .game-sidebar-account-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 2px !important;
        margin-top: 1px !important;
    }

    .game-sidebar-account-facts > span,
    .game-sidebar-account-facts > span:nth-child(2),
    .game-sidebar-account-facts > span:nth-child(4) {
        grid-column: auto !important;
        padding: 2px 4px !important;
        border-radius: 4px !important;
    }

    .game-sidebar-account-facts small {
        font-size: .39rem !important;
        line-height: 1.05 !important;
    }

    .game-sidebar-account-facts strong {
        margin-top: 0 !important;
        font-size: .48rem !important;
        line-height: 1.15 !important;
    }

    .game-sidebar-account-presence {
        gap: 4px !important;
        margin-top: 3px !important;
        font-size: .44rem !important;
        line-height: 1.1 !important;
    }

    .game-sidebar-account-presence i {
        width: 5px !important;
        height: 5px !important;
    }

    .game-sidebar-nav {
        gap: 2px !important;
        margin-top: 5px !important;
    }

    .game-sidebar-button {
        min-height: 24px !important;
        padding: 2px 8px !important;
        gap: 6px !important;
        font-size: .57rem !important;
        line-height: 1 !important;
    }

    .game-sidebar-icon {
        width: 15px !important;
        height: 15px !important;
        flex-basis: 15px !important;
    }

    .game-sidebar-unread,
    .game-sidebar-alert {
        min-width: 17px !important;
        height: 17px !important;
        padding: 0 4px !important;
        font-size: .52rem !important;
    }

    .game-sidebar-logout {
        margin-top: 3px !important;
    }

    .game-sidebar-system {
        padding: 5px 7px !important;
    }

    .game-sidebar-system > span,
    .game-sidebar-system time,
    .game-sidebar-system strong,
    .game-sidebar-system small {
        font-size: .45rem !important;
        line-height: 1.15 !important;
    }

    .game-sidebar-system-line {
        margin: 4px 0 !important;
    }
}

/* Smaller controls on all signed-in pages. */
body.game-body button:not(.game-sidebar-button):not(.industry-tab):not(.depot-tab):not(.modal-close):not(.friend-send-close),
body.game-body .ranking-message-button,
body.game-body .settings-primary-button,
body.game-body .settings-secondary-button {
    min-width: 58px !important;
    min-height: 25px !important;
    padding: 3px 7px !important;
    font-size: .61rem !important;
    line-height: 1.05 !important;
    border-radius: 6px !important;
}

body.game-body .industry-tab {
    min-height: 30px !important;
    padding: 4px 7px !important;
    font-size: .62rem !important;
}

.industry-card button,
.ship-build-card button,
.research-action button {
    min-height: 25px !important;
    padding: 3px 5px !important;
    font-size: .58rem !important;
}

/* Ranking actions: compact and consistent at 100% zoom. */
.ranking-user-table td button,
.ranking-user-table td .ranking-message-button,
.ranking-user-table td .ranking-friend-button {
    width: auto !important;
    min-width: 70px !important;
    max-width: 110px !important;
    min-height: 25px !important;
    padding: 3px 6px !important;
    font-size: .60rem !important;
    line-height: 1.05 !important;
    white-space: normal !important;
}

.ranking-user-table td .ranking-friend-button {
    min-width: 92px !important;
    max-width: 118px !important;
}

.ranking-action-tooltip {
    width: auto !important;
    max-width: 110px !important;
}

.ranking-pagination nav a,
.ranking-pagination nav > span:not(.ranking-page-gap) {
    min-width: 27px !important;
    height: 27px !important;
    padding: 0 7px !important;
    font-size: .65rem !important;
}

/* Universe Raiders V15 – final ranking remove button compact fix */
.ranking-user-table td .ranking-friend-button.is-remove {
    min-width: 82px !important;
    max-width: 94px !important;
    min-height: 24px !important;
    padding: 3px 5px !important;
    font-size: .56rem !important;
    line-height: 1.0 !important;
    white-space: normal !important;
    word-break: break-word;
    text-align: center !important;
}

/* Universe Raiders V16 – final compact friend page action buttons */
body.friends-page .friends-table td.friends-actions {
    gap: 6px !important;
}

body.friends-page .friends-table td.friends-actions form {
    flex: 0 0 auto !important;
}

body.friends-page .friends-table td.friends-actions .friend-remove-button,
body.friends-page .friends-table td.friends-actions .friend-send-button {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 104px !important;
    max-width: 116px !important;
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    font-size: .60rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
}

body.friends-page .friends-table td.friends-actions .friend-remove-button {
    min-width: 102px !important;
    max-width: 112px !important;
}

body.friends-page .friends-table td.friends-actions .friend-send-button {
    min-width: 108px !important;
    max-width: 118px !important;
}