.wg-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1100px;margin:0 auto 18px}
.wg-status-card{display:flex;flex-direction:column;gap:9px;padding:16px;background:rgba(9,25,43,.96);border:1px solid #2a536e;border-radius:8px;text-decoration:none;line-height:1.5}
.wg-status-card strong{color:#9ee4ff;font-size:13px}.wg-status-card span{overflow-wrap:anywhere}.wg-progress{width:100%;height:8px;accent-color:#4bd5ff}
#menu a.wg-current{background:#184e6c;color:#fff;border-left:3px solid #73dfff;padding-left:13px}
#menu [class^="menucat"]{padding:0}#menu [class^="menucat"] button{width:100%;text-align:left;padding:11px 12px;color:#bceeff;border:0;background:transparent;font-weight:bold;cursor:pointer}
#menu [class^="menucat"] button:after{content:' −';float:right}#menu [class^="menucat"] button[aria-expanded=false]:after{content:' +'}
.wg-menu-toggle{display:none}.wg-shortage{color:#ffb89d}.wg-image-missing{border:1px dashed #ffae71!important;background:#162436;color:#ffca9e;object-fit:contain}
.wg-admin-search{display:block;width:70%;padding:12px;margin:12px auto;border:1px solid #46748f;border-radius:5px}
:focus-visible{outline:2px solid #65d9ff!important;outline-offset:3px}
@media(max-width:900px){.wg-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}#leftmenu{float:none;width:auto;margin:8px 10px;padding:0}.wg-menu-toggle{display:block;width:100%;padding:12px;background:#16364e;color:#e4f8ff;border:1px solid #476a82}#menu{margin-top:5px}.full #content{margin:8px;padding:8px;overflow-x:auto}.full #content>table,.full #content form>table{width:100%!important;max-width:100%}#resourcesdiv{overflow-x:auto}}
@media(max-width:480px){.wg-dashboard{grid-template-columns:1fr}.wg-status-card{padding:12px}}
.wg-diagnostics{max-width:900px;margin:25px auto;padding:20px;background:#102436;color:#dceeff;line-height:1.7}.wg-diagnostics table{width:100%}.wg-log-search{width:80%;padding:10px;margin:10px;color:#fff;background:#153449;border:1px solid #5583a0}
/* Preserve full artwork and its original aspect ratio. */
#content img[src*="/gebaeude/"],#content img[src*="/planeten/"]{object-fit:contain;object-position:center;display:inline-block;vertical-align:middle;height:auto}
#content td[rowspan] > a > img[src*="/gebaeude/"]{width:120px;height:auto;max-width:100%}

/* Shared full-height background, including standalone admin documents. */
body.wg-admin { min-height:100vh; box-sizing:border-box; background-color:#080f1b; background-image:url("../../theme/gow/img/bkd_page.webp") !important; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; background-attachment:fixed !important; }

#content img[src*="/planeten/"] { border:0 !important; border-radius:50%; mix-blend-mode:screen; background:transparent !important; }
#content img.wg-detail-image { width:100%; max-width:600px; height:auto; object-fit:contain; }
.wg-detail-art { vertical-align:top; padding:10px !important; }

.wg-galaxy-grid{width:100%;max-width:1100px;margin:12px auto}.wg-expedition-thumb{width:30px!important;height:30px!important;object-fit:cover;border-radius:50%;vertical-align:middle}

.wg-exp-admin{max-width:1100px;margin:20px auto;padding:24px;background:rgba(7,24,41,.96);border:1px solid #467794;color:#dfedfa;line-height:1.6}.wg-exp-admin fieldset{border:1px solid #42657e;margin:22px 0;padding:18px}.wg-exp-admin legend{color:#a4e9ff;font-size:18px}.wg-exp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wg-exp-fields label{display:flex;flex-direction:column;gap:6px}.wg-exp-admin input,.wg-exp-admin select,.wg-exp-admin button{padding:10px;box-sizing:border-box;max-width:100%;background:#16344b;color:#ecf6ff;border:1px solid #5484a1}.wg-exp-admin .wg-exp-save{background:#92dbff;color:#082135;font-weight:bold}.wg-exp-admin details{margin-top:25px}@media(max-width:650px){.wg-exp-fields{grid-template-columns:1fr}.wg-exp-admin{padding:14px}}

/* Fleet review and controls share one table and one aligned frame. */
#content .wg-fleet-form{min-width:0!important;max-width:100%;table-layout:fixed}
.wg-fleet-form .wg-fleet-overview{padding:12px 14px;line-height:1.6}
.wg-flight-details{margin:0}.wg-flight-details>div{display:grid;grid-template-columns:45% minmax(0,1fr);gap:12px;padding:4px 0}
.wg-flight-details dt{color:#bceeff}.wg-flight-details dd{margin:0;overflow-wrap:anywhere}.wg-flight-ship{display:block}
.wg-fleet-form td>table{width:100%!important;table-layout:fixed}.wg-fleet-form input[type=text]{width:100%;max-width:90px;box-sizing:border-box}
@media(max-width:480px){.wg-flight-details>div{grid-template-columns:1fr;gap:2px}.wg-fleet-form .wg-fleet-overview{padding:10px}.wg-fleet-form input[type=radio]{width:24px!important}}

.wg-tutorial{max-width:1000px;margin:12px auto;color:#e4f2ff}.wg-tutorial-hero{box-sizing:border-box;min-height:300px;padding:32px;border:1px solid #477790;border-radius:12px;background:#122c43 url('../images/tutorial/academy.png') center/cover no-repeat;box-shadow:inset 0 0 0 1000px rgba(2,12,24,.26);text-align:left}.wg-tutorial-kicker,.wg-tutorial-step{font-size:11px;letter-spacing:1.2px;color:#80dfff}.wg-tutorial-hero h1{font-size:32px;line-height:1.2;margin:14px 0;color:#fff}.wg-tutorial-hero p{max-width:550px;line-height:1.7}.wg-tutorial-progress{max-width:420px;display:grid;gap:10px;margin-top:28px}.wg-tutorial progress{width:100%;accent-color:#5bdfa9;height:10px}.wg-tutorial-notice{padding:16px;line-height:1.65;text-align:left;background:rgba(10,29,48,.96);border:1px solid #2c5470;border-radius:8px}.wg-tutorial-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wg-tutorial-task{display:flex;gap:16px;padding:18px;box-sizing:border-box;background:rgba(8,24,40,.96);border:1px solid #304c65;border-radius:10px;text-align:left}.wg-tutorial-task.is-current{border-color:#59cfed;box-shadow:0 0 16px #173c52}.wg-tutorial-task.is-done{border-color:#3e765f}.wg-tutorial-task>img{width:88px;height:88px;object-fit:contain;flex-shrink:0;border-radius:6px}.wg-tutorial-task-body{min-width:0;flex:1}.wg-tutorial-task h2{font-size:17px;margin:10px 0;color:#f4fbff}.wg-tutorial-task p{line-height:1.6;margin:10px 0}.wg-tutorial-goal{display:flex;align-items:center;gap:12px}.wg-tutorial-goal span{white-space:nowrap}.wg-tutorial-reward{font-size:11px;color:#b4c7d7}.wg-tutorial-reward span{color:#d4eacf}.wg-tutorial button,.wg-tutorial-action{display:inline-block;padding:10px 14px;border:1px solid #66c8df;border-radius:5px;background:#18536b;color:#fff;text-decoration:none;cursor:pointer}.wg-tutorial-claimed{color:#7de1af}.wg-tutorial-locked{color:#8fa3b8;font-size:11px}.wg-tutorial-graduated{padding:24px;background:#173b32;border:1px solid #65af90;border-radius:8px;margin:16px 0}@media(max-width:900px){.wg-tutorial-tasks{grid-template-columns:1fr}}@media(max-width:480px){.wg-tutorial-hero{padding:20px}.wg-tutorial-hero h1{font-size:25px}.wg-tutorial-task{padding:12px;gap:12px}.wg-tutorial-task>img{width:56px;height:56px}}

/* War_Gate 1.0 Beta – Ressourcenleiste, 15.10.2026. Studio war_Gate. */
body.full #page > #header {
    background: linear-gradient(112deg, rgba(22, 47, 69, .88), rgba(12, 30, 48, .84) 58%, rgba(23, 48, 70, .86));
    border: 1px solid rgba(124, 181, 216, .27);
    border-top-color: rgba(157, 211, 242, .42);
    border-radius: 10px;
    box-shadow: 0 7px 20px rgba(3, 12, 22, .18), inset 0 1px 0 rgba(222, 242, 255, .035);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
body.full #header #resourceWrapper,
body.full #header #resourceTable,
body.full #header #resourceTable > tbody,
body.full #header #resourceTable > tbody > tr,
body.full #header #resourceTable td {
    background: transparent;
}
body.full #header #resourceTable .res_name { color: #b2c7d9; }
body.full #header #resourceTable .res_max { color: #97aec2; }
body.full #header #planetSelector {
    color: #e4f0fa;
    background-color: #163047;
    border: 1px solid rgba(124, 181, 216, .34);
    border-radius: 6px;
}
@media (prefers-reduced-transparency: reduce) {
    body.full #page > #header {
        background: linear-gradient(112deg, #18344d, #10283e 58%, #19354c);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}