:root{
  --bg:#05070b;
  --panel:#2f3138;
  --panel2:#3a3d47;
  --line:#7f8799;
  --text:#edf2ff;
  --muted:#bcc6da;
  --blue1:#0c1d52;
  --blue2:#102d8d;
  --blue3:#315eff;
  --green:#1be85f;
  --red:#ff4d4d;
  --grey:#7f8796;
  --gold:#f7cf68;
}

/* 0.12.14: Persönliche Planetenverteilung im Planetenring. */
.planet-overview-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.planet-order-link{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:#a9caff!important;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.planet-order-link:hover,.planet-order-link:focus-visible{color:#fff!important}
body.planet-order-open{overflow:hidden}
.planet-order-modal[hidden]{display:none!important}
.planet-order-modal{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:12px;background:rgba(0,4,14,.82);backdrop-filter:blur(3px)}
.planet-order-window{display:flex;flex-direction:column;width:min(680px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 24px));overflow:hidden;border:1px solid #6f8bc7;border-radius:9px;background:linear-gradient(180deg,#081936 0,#030b19 100%);box-shadow:0 24px 80px #000,0 0 30px rgba(45,107,211,.25);color:#f2f6ff}
.planet-order-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid #48669f;background:linear-gradient(180deg,#173c82,#071944)}
.planet-order-header small{display:block;margin-bottom:2px;color:#91afe6;font-size:.7rem;letter-spacing:.13em}
.planet-order-header h2{margin:0;font-size:1.12rem}
.planet-order-header>button{width:32px;height:32px;padding:0;border:1px solid #7896ce;border-radius:4px;background:#081735;color:#fff;font-size:1.35rem;line-height:1;cursor:pointer}
.planet-order-intro{margin:0;padding:12px 16px;border-bottom:1px solid #1f345c;color:#b9c7df;line-height:1.4}
.planet-order-list{min-height:0;overflow:auto;padding:0 10px}
.planet-order-row{display:grid;grid-template-columns:34px 48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:8px 6px;border-bottom:1px solid rgba(109,139,193,.26);background:transparent}
.planet-order-row:last-child{border-bottom:0}
.planet-order-row.active{box-shadow:inset 3px 0 #54a3ff}
.planet-order-position{display:grid;place-items:center;width:28px;height:28px;border:1px solid #46669d;border-radius:50%;color:#a9caff;font-weight:700}
.planet-order-row>img{width:44px;height:44px;object-fit:contain}
.planet-order-details{min-width:0}
.planet-order-details b,.planet-order-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planet-order-details b{color:#fff;font-size:1rem}
.planet-order-details small{margin-top:3px;color:#aab9d1}
.planet-order-actions{display:flex;align-items:center;gap:6px}
.planet-order-actions form{margin:0}
.planet-order-actions button,.planet-order-footer button{min-height:34px;padding:5px 9px;border:1px solid #5f7eb8;border-radius:4px;background:linear-gradient(180deg,#173a78,#081a45);color:#fff;cursor:pointer;white-space:nowrap}
.planet-order-actions button:hover:not(:disabled),.planet-order-actions button:focus-visible:not(:disabled),.planet-order-footer button:hover,.planet-order-footer button:focus-visible{border-color:#a9caff;background:linear-gradient(180deg,#24539e,#0d2b69)}
.planet-order-actions button:disabled{opacity:.28;cursor:not-allowed}
.planet-order-footer{display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid #48669f;background:#06132d}
.planet-order-footer button{min-width:92px}
@media(max-width:680px){
  .planet-overview-title-actions{align-items:flex-end;flex-direction:column;gap:3px}
  .planet-order-row{grid-template-columns:30px 42px minmax(0,1fr);gap:8px}
  .planet-order-row>img{width:38px;height:38px}
  .planet-order-actions{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr}
  .planet-order-actions button{width:100%}
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#000 url('images/ui/galaxy-background.jpg') center/cover fixed no-repeat}
a{color:inherit;text-decoration:none}
.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(35,70,160,.35),transparent 30%),#000 url('images/ui/galaxy-background.jpg') center/cover fixed no-repeat}
.login-panel{width:min(420px,92vw);background:rgba(18,22,32,.92);border:1px solid #8ea1d7;border-radius:12px;padding:28px;box-shadow:0 25px 55px rgba(0,0,0,.55)}
.login-logo{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px}.login-logo span{font-size:1.7rem;letter-spacing:.18em;color:#9ec2ff}.login-logo b{font-size:2.3rem;color:#fff}.login-logo small{color:#b9c9ef}
.login-panel form{display:grid;gap:12px}.login-panel label{display:grid;gap:6px;font-weight:700;color:#dfe7ff}.login-panel input,.login-panel select,.login-panel button,.login-panel textarea{font:inherit}.login-panel input,.login-panel select{width:100%;padding:10px;border:1px solid #6f7fa6;background:#090d17;color:#fff;border-radius:4px}.login-panel button,button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#3657c3,#152f89);border:1px solid #aab7f2;color:#fff;padding:10px 14px;border-radius:4px;font-weight:700;cursor:pointer}.login-panel button:hover,button:hover,.button-link:hover{filter:brightness(1.1)}button[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.error,.flash-error{background:rgba(140,24,24,.88);border:1px solid #ff7b7b;color:#fff;padding:10px 12px;border-radius:4px}.success,.flash-success{background:rgba(14,87,43,.88);border:1px solid #61f0a0;color:#fff;padding:10px 12px;border-radius:4px}.flash{margin-bottom:14px}
.game-shell{display:grid;grid-template-columns:250px 1fr;grid-template-rows:72px auto;min-height:100vh;background:rgba(0,0,0,.45)}
.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:10px 16px;background:linear-gradient(180deg,rgba(73,75,82,.96),rgba(41,43,47,.96));border-bottom:1px solid #a1a8bb;box-shadow:0 2px 10px rgba(0,0,0,.4);position:sticky;top:0;z-index:10}.brand{display:flex;flex-direction:column;line-height:1}.brand span{font-size:1.2rem;letter-spacing:.16em;color:#bdd7ff}.brand b{font-size:2rem}.brand small{font-size:.8rem;color:#d3d9e8}.topnav{display:flex;gap:8px;flex-wrap:wrap}.topnav a{padding:9px 14px;border:1px solid #8c96ae;background:linear-gradient(180deg,#74767b,#494b50);border-radius:4px;color:#f5f7fb}.topnav a.active{background:linear-gradient(180deg,#2641a5,#0b216f);border-color:#c2cdff}.server-clock{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.server-clock span{font-size:.78rem;color:#cdd5e7}.server-clock b{font-size:1.05rem}
.sidebar{padding:18px 14px;border-right:1px solid rgba(180,190,220,.35);background:linear-gradient(180deg,rgba(34,39,54,.95),rgba(20,24,36,.95))}.sidebar-hero{display:grid;justify-items:center;gap:6px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14)}.sidebar-logo{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.4rem;background:radial-gradient(circle at 30% 30%,#7ca5ff,#203892 60%,#0c173b)}.sidebar-hero span{font-weight:700}.sidebar-hero small{color:var(--muted)}.planet-console{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}.planet-console span{font-size:.78rem;color:#d5def6}.planet-console select{width:100%;padding:8px;border:1px solid #7485ad;background:#0b1020;color:#fff;border-radius:4px}.planet-console b{font-size:.92rem}
.side-menu{display:grid;gap:6px;padding-top:14px}.side-menu h3{margin:10px 0 6px;color:#eaf0ff;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.side-menu a{padding:8px 12px;border:1px solid #566895;background:linear-gradient(180deg,#11225e,#09153c);border-radius:4px;color:#edf3ff}.side-menu a.active{background:linear-gradient(180deg,#395fff,#1737a0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.sidebar-status{margin-top:16px;padding:12px;border:1px solid #66769a;background:rgba(8,12,22,.8);border-radius:4px;display:grid;gap:4px}.sidebar-status span,.sidebar-status small{color:#c7d0ea}.sidebar-status b{font-size:1.1rem}
.viewport{padding:18px}
.resourcebar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 1.2fr;gap:6px;margin-bottom:14px}.resource{padding:10px 12px;border:1px solid #8a95b0;background:linear-gradient(180deg,rgba(70,72,80,.94),rgba(47,49,56,.94));border-radius:4px;min-height:72px}.resource b{display:block;color:#f6f7fb}.resource span{display:block;font-size:1.08rem;font-weight:700;margin:4px 0}.resource small{color:#cfd7ea}.resource-world{background:linear-gradient(180deg,rgba(33,41,83,.96),rgba(18,24,50,.96))}
.content-area{display:grid;gap:18px}.panel{border:1px solid #9099af;background:linear-gradient(180deg,rgba(72,73,79,.96),rgba(52,54,61,.96));border-radius:4px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.28)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:10px 14px;background:linear-gradient(180deg,#17318c,#081d68);border-bottom:1px solid #b4c0ed}.panel-title h2{margin:0;font-size:1.2rem}.panel-title span{color:#dde6ff;font-size:.92rem}
.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.hero-panel{grid-column:1 / -1}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:14px}.hero-copy h3{margin:0 0 8px;font-size:1.55rem}.hero-copy p{line-height:1.5;color:#eef2ff}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.hero-image{min-height:220px;border:1px solid #98a5c7;background:center/cover no-repeat;border-radius:4px}.status-list,.report-detail pre{padding:14px}.list-row,.activity-row,.fleet-row,.inventory-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08)}.list-row:first-child,.activity-row:first-child,.inventory-row:first-child{border-top:0}.list-row span,.activity-row span,.fleet-row div,.inventory-row span{display:grid;gap:2px}.list-row small,.activity-row time,.fleet-row small,.inventory-row small,.muted,.stats-note{color:#d5dcef}.activity-row time{min-width:46px}
.active-order{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;background:rgba(10,30,76,.35);border-bottom:1px solid rgba(255,255,255,.12)}
.section-title{margin:0;padding:12px 14px 8px;font-size:1.02rem;color:#f4f7ff;background:rgba(8,12,20,.18);border-top:1px solid rgba(255,255,255,.08)}
.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px 14px 16px}.thumb-card{display:grid;gap:0;border:1px solid #939eb8;background:#1f2431;border-radius:4px;overflow:hidden;box-shadow:0 6px 15px rgba(0,0,0,.18)}.thumb-card.selected{outline:2px solid #ffe88a;transform:translateY(-1px)}.thumb-card.state-ready{border-color:#9db0d8}.thumb-card.state-building{border-color:#34f06f;background:#173424}.thumb-card.state-locked{border-color:#7b8491;background:#414650}.thumb-card.state-shortage{border-color:#ff7676;background:#4d1e1e}.thumb-image{position:relative;min-height:112px;background:center/cover no-repeat}.thumb-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.55))}.thumb-level{position:absolute;right:6px;bottom:6px;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:4px;background:rgba(0,0,0,.82);color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.35)}.thumb-name{padding:10px;font-weight:700;text-align:center;min-height:54px;display:grid;align-items:center}
.detail-panel .detail-grid,.ship-detail .detail-grid{display:grid;grid-template-columns:300px 1fr;gap:16px;padding:14px}.detail-image{min-height:240px;border:1px solid #9aa6c6;background:center/cover no-repeat;border-radius:4px}.detail-copy p{line-height:1.5;color:#f1f4ff}.state-badge{display:inline-flex;padding:6px 10px;border-radius:4px;font-weight:700;margin-bottom:10px}.state-badge.state-ready{background:#0c3156;color:#d8ecff}.state-badge.state-building{background:#195b2e;color:#e8fff0}.state-badge.state-locked{background:#5e6370;color:#fff}.state-badge.state-shortage{background:#7d2323;color:#fff}.detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.detail-meta div{padding:10px;border:1px solid rgba(255,255,255,.14);background:rgba(6,10,18,.25);display:grid;gap:4px}.requirements-box{display:grid;gap:8px;margin:12px 0}.req-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;margin:2px 6px 2px 0;font-size:.92rem}.req-pill.met{background:rgba(27,232,95,.15);border:1px solid rgba(27,232,95,.55)}.req-pill.missing{background:rgba(255,87,87,.14);border:1px solid rgba(255,87,87,.55)}
.cost-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cost-chip{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid}.cost-chip.ok{background:rgba(46,74,153,.25);border-color:#91adeb}.cost-chip.short{background:rgba(137,24,24,.28);border-color:#ff8f8f}.action-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.action-form label{display:grid;gap:6px}.action-form input,.action-form select,.fleet-form input,.fleet-form select,textarea{padding:9px;border:1px solid #8393b7;background:#0b1020;color:#fff;border-radius:4px}.inline-form input{width:110px}
.shipyard-layout{display:grid;grid-template-columns:300px 1fr;gap:16px;padding:14px}.ship-list{display:grid;gap:8px;align-content:start}.ship-row{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:8px;border:1px solid #8a96b6;background:rgba(7,11,18,.32);border-radius:4px}.ship-row.selected{outline:2px solid #ffe88a}.ship-thumb{height:54px;border:1px solid rgba(255,255,255,.2);background:center/cover no-repeat;border-radius:4px}.ship-row-copy{display:grid;gap:4px}.ship-stats{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.ship-stats span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(8,12,20,.25);border-radius:999px}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fleet-form,.fleet-select{display:grid;gap:10px}.fleet-select label,.form-grid label{display:grid;gap:6px}.target-box{padding:10px 12px;margin:0 14px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(7,11,20,.26);display:grid;gap:4px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.inventory-row{padding:10px 14px}.inventory-image{width:54px;height:54px;flex:0 0 54px;border:1px solid rgba(255,255,255,.2);background:center/cover no-repeat;border-radius:4px}
.galaxy{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;padding:14px}.system{position:relative;min-height:68px;border:1px solid rgba(255,255,255,.12);background:rgba(7,9,16,.45);display:grid;place-items:center;border-radius:4px}.system.has-star{background:radial-gradient(circle at 50% 40%,rgba(87,121,255,.28),rgba(7,9,16,.58))}.system span{font-size:1.3rem}.system small{position:absolute;left:6px;bottom:5px;color:#d0d8ee;font-size:.75rem}.system em{position:absolute;right:6px;top:5px;font-style:normal;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.12)}.sector-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px}.sector-tabs a{padding:8px 12px;border:1px solid #8c9bc0;background:linear-gradient(180deg,#2949b5,#0e266e);border-radius:4px}.sector-tabs a.active{background:linear-gradient(180deg,#5b77d8,#203a96)}.planet-orbits{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:14px}.orbit{padding:12px;border:1px solid rgba(255,255,255,.12);background:rgba(8,12,20,.22);border-radius:4px;display:grid;gap:6px}.orbit.occupied{border-color:#9ab0ec}
.report-link{display:grid;gap:4px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08)}.report-link.unread{background:rgba(13,35,108,.3)}.report-detail pre{white-space:pre-wrap;word-break:break-word;margin:0}
.status{display:inline-flex;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.1)}.status-online,.status-outbound{background:rgba(24,138,56,.35)}.status-offline,.status-returning{background:rgba(35,68,155,.35)}
.stats-table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.1);text-align:left}.stats-table th{background:rgba(7,12,24,.38)}.stats-table tr.me{background:rgba(92,62,178,.25)}
.empty-state{padding:24px 14px;text-align:center}.empty-state b{display:block;margin-bottom:8px;font-size:1.1rem}.diagnostic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0}.diagnostic-grid div{padding:10px;border:1px solid rgba(255,255,255,.14);background:rgba(6,10,18,.22);display:grid;gap:4px}.diagnostic-grid span{color:#cfd6eb}
@media (max-width:1200px){.dashboard-grid,.two-column,.shipyard-layout,.detail-panel .detail-grid,.ship-detail .detail-grid,.hero-grid{grid-template-columns:1fr}.resourcebar{grid-template-columns:repeat(3,minmax(0,1fr))}.game-shell{grid-template-columns:1fr}.sidebar{order:2}.topbar{position:static}.viewport{order:3}}
@media (max-width:760px){.resourcebar{grid-template-columns:repeat(2,minmax(0,1fr))}.topnav{display:none}.content-area,.viewport{padding:0}.viewport{padding:12px}.sidebar{padding:12px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb-image{min-height:88px}}

/* 0.4.0: Gründungsbildschirm */
.setup-screen{min-height:100vh;background:#02050a url('images/ui/galaxy-background.jpg') center/cover fixed no-repeat;color:#eef4ff;padding:24px}
.setup-shell{width:min(1500px,100%);margin:0 auto}
.setup-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:14px 18px;background:rgba(15,21,34,.94);border:1px solid #63769f;border-radius:6px}
.setup-header .login-logo{margin:0;align-items:flex-start}
.setup-panel{background:rgba(27,31,42,.96);border:1px solid #8593af;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.45);padding:22px}
.setup-panel h1{margin:0 0 8px;font-size:1.7rem}.setup-panel h2{margin:24px 0 10px;font-size:1.12rem;color:#f3f6ff;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:7px}.setup-panel>p{color:#d4dcef;line-height:1.5}
.setup-form{display:grid;gap:8px}.choice-grid{display:grid;gap:10px}.race-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.planet-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.star-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.choice-card{position:relative;display:block;cursor:pointer}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card>span{height:100%;display:grid;gap:6px;padding:12px;border:1px solid #7180a0;background:linear-gradient(180deg,rgba(45,52,69,.96),rgba(27,32,45,.96));border-radius:5px}.choice-card>span b{font-size:1rem}.choice-card>span small{color:#d0d8eb;line-height:1.35}.choice-card>span em{font-style:normal;font-size:.8rem;color:#9fc1ff}.choice-card input:checked+span{outline:2px solid #73a0ff;border-color:#c2d3ff;background:linear-gradient(180deg,rgba(42,70,139,.96),rgba(20,37,83,.96))}
.star-choice>span{place-items:center;text-align:center}.star-choice i,.suggestion-star i{display:block;width:52px;height:52px;border-radius:50%;box-shadow:0 0 18px currentColor,0 0 36px currentColor inset;background:currentColor}.star-gelb{color:#ffe26b}.star-rot{color:#ff5a52}.star-blau{color:#62a8ff}.star-weiss{color:#f4f7ff}.star-violett{color:#ba78ff}.star-gruen{color:#6fe889}
.setup-form>button{justify-self:start;margin-top:12px;padding:12px 18px}.suggestion-box{margin-top:24px;padding:18px;border:1px solid #82a1e8;background:rgba(7,15,34,.72);border-radius:6px;text-align:center}.suggestion-box h2{margin-top:0}.suggestion-star{display:grid;place-items:center;margin:8px auto 14px}.suggestion-star i{width:90px;height:90px}.confirm-form{display:flex;justify-content:center;margin-top:14px}.confirm-form button{background:linear-gradient(180deg,#2b9850,#17602f);border-color:#8ff3af}
@media(max-width:720px){.setup-screen{padding:10px}.setup-panel{padding:14px}.race-grid,.planet-grid{grid-template-columns:1fr}.star-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;padding:14px}.bonus-grid div{padding:10px;border:1px solid rgba(255,255,255,.12);background:rgba(6,10,18,.28);display:grid;gap:4px}.bonus-grid span{font-size:1.05rem;font-weight:700}.bonus-note{padding:0 14px 14px;margin:0}

/* Wirtschaft 0.4.1 */
.economy-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px}.economy-summary>div{display:grid;gap:5px;padding:12px;border:1px solid rgba(154,174,226,.35);background:linear-gradient(180deg,rgba(13,28,67,.66),rgba(8,15,34,.68));border-radius:4px}.economy-summary b{color:#fff}.economy-summary span{font-size:1.2rem;font-weight:700}.economy-summary small{color:#c8d5f3}.table-scroll{overflow-x:auto}.economy-table{width:100%;border-collapse:collapse;min-width:760px}.economy-table th,.economy-table td{padding:9px 10px;border:1px solid rgba(192,202,228,.22);text-align:right;white-space:nowrap}.economy-table th{background:rgba(8,24,69,.78);color:#eef3ff}.economy-table td:first-child,.economy-table th:first-child{text-align:left}.economy-table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}.economy-table tfoot th{background:rgba(12,34,93,.72)}.economy-table td.positive,.economy-table th.positive{color:#65ef8c}.economy-table td.negative,.economy-table th.negative{color:#ff7777}.production-select{min-width:86px;padding:7px;border:1px solid #8192bd;background:#090e1c;color:#fff;border-radius:3px}.fixed-percent{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:3px;color:#dfe8ff}.economy-table.compact{min-width:680px}.economy-table.compact td:first-child a{display:grid;gap:3px}.economy-table.compact td:first-child small{color:#bdc9e5}.economy-columns{align-items:start}.bonus-table{min-width:620px}
@media(max-width:900px){.economy-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 0.4.2: Stern- und Planetenbilder, Gebäudetooltips, getrennte Detailseiten */
.star-choice>span,.planet-choice>span{overflow:hidden}
.star-choice img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.24);margin-bottom:4px}
.planet-choice img{width:112px;height:112px;object-fit:cover;border-radius:50%;justify-self:center;border:1px solid rgba(255,255,255,.28);box-shadow:0 7px 20px rgba(0,0,0,.42)}
.suggestion-worlds{display:flex;justify-content:center;align-items:center;gap:18px;margin:12px auto}.suggestion-worlds img{width:150px;height:150px;object-fit:cover;border-radius:50%;border:1px solid #91a7db;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.building-overview-panel{overflow:visible}.building-overview-panel .category-grid{position:relative}.building-card{position:relative;overflow:visible;z-index:1}.building-card:hover{z-index:30;transform:translateY(-2px)}
.building-card .thumb-image{overflow:hidden}.state-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}.thumb-image::after{z-index:2}.thumb-level{z-index:4}
.thumb-card.state-building .thumb-image{filter:saturate(1.15) brightness(1.06)}.thumb-card.state-building .state-overlay{background:rgba(0,220,67,.28);box-shadow:inset 0 0 28px rgba(0,255,90,.42)}
.thumb-card.state-locked .thumb-image,.thumb-card.state-busy .thumb-image{filter:grayscale(1) brightness(.56)}.thumb-card.state-locked .state-overlay,.thumb-card.state-busy .state-overlay{background:rgba(95,104,118,.25)}
.thumb-card.state-shortage .thumb-image{filter:grayscale(.35) sepia(.25) saturate(1.65) brightness(.72)}.thumb-card.state-shortage .state-overlay{background:rgba(190,0,0,.34);box-shadow:inset 0 0 28px rgba(255,30,30,.38)}
.thumb-card.state-busy{border-color:#979da9;background:#3c414b}.thumb-card.state-ready .thumb-image{filter:none}
.card-tooltip{position:absolute;display:none;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:280px;padding:12px 14px;background:rgba(7,10,17,.98);border:1px solid #9aa8cc;border-radius:5px;box-shadow:0 15px 36px rgba(0,0,0,.68);color:#f4f7ff;text-align:left;z-index:80}.building-card:hover .card-tooltip,.building-card:focus .card-tooltip{display:grid;gap:7px}.card-tooltip::before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);background:#080b13;border-left:1px solid #9aa8cc;border-top:1px solid #9aa8cc}.card-tooltip strong{font-size:1.05rem}.card-tooltip b{margin-top:3px}.card-tooltip p{margin:0;color:#dbe2f2;line-height:1.35}.card-tooltip ul{margin:0;padding-left:18px;color:#dfe6f7}.card-tooltip li{margin:3px 0}.card-tooltip small{color:#aebbd5}.tooltip-status{font-weight:700}.tooltip-ready{color:#a8ceff}.tooltip-building{color:#61ef91}.tooltip-locked,.tooltip-busy{color:#c0c6d1}.tooltip-shortage{color:#ff8989}.tooltip-costs{display:flex;flex-wrap:wrap;gap:5px}.tooltip-costs span{padding:4px 7px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);font-size:.78rem}
.building-legend{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.building-legend span{padding:6px 9px;border-radius:3px;border:1px solid}.legend-ready{border-color:#9db0d8!important}.legend-building{border-color:#34f06f!important;background:rgba(0,180,55,.18)}.legend-locked{border-color:#9299a4!important;background:rgba(110,116,128,.2)}.legend-shortage{border-color:#ff7676!important;background:rgba(180,0,0,.2)}
.detail-toolbar{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.state-image{position:relative;overflow:hidden}.state-image .state-overlay{z-index:1}.state-image.state-building .state-overlay{background:rgba(0,210,65,.22)}.state-image.state-locked .state-overlay,.state-image.state-busy .state-overlay{background:rgba(85,91,104,.34)}.state-image.state-shortage .state-overlay{background:rgba(180,0,0,.28)}.blocking-message{margin:12px 0;padding:12px;border:1px solid #959eaf;background:rgba(15,19,28,.45);border-radius:4px}.blocking-message p{margin:6px 0}.success-box{border-color:#65db89;background:rgba(12,93,43,.25)}
.image-galaxy .system{min-height:104px;overflow:hidden;padding:0;background:#070a11}.image-galaxy .system img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .18s ease,filter .18s ease}.image-galaxy .system:hover img{transform:scale(1.08);filter:brightness(1.2)}.image-galaxy .system small{z-index:3;background:rgba(0,0,0,.7);padding:3px 5px;border-radius:3px}.image-galaxy .system em{z-index:3;background:rgba(14,35,96,.88)}.image-galaxy .system>span{position:absolute;left:5px;right:5px;bottom:5px;z-index:3;font-size:.72rem;text-align:center;background:rgba(0,0,0,.72);padding:3px;border-radius:3px}.image-galaxy .system::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.64));z-index:2;pointer-events:none}.image-galaxy .system.empty::after{display:none}.image-galaxy .system.empty{color:#78829a}.star-legend{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.1)}.star-legend span{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:rgba(5,8,14,.28)}.star-legend img{width:30px;height:30px;object-fit:cover;border-radius:50%}.star-legend b{font-size:.82rem}
.system-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.system-breadcrumb a{color:#b7d1ff;text-decoration:underline}.system-hero{display:flex;align-items:center;gap:16px;padding:14px;background:rgba(5,9,17,.32);border-bottom:1px solid rgba(255,255,255,.1)}.system-hero img{width:118px;height:118px;object-fit:cover;border-radius:50%;border:1px solid #9eafd8}.system-hero div{display:grid;gap:5px}.system-hero b{font-size:1.25rem}.system-hero span,.system-hero small{color:#d0d9ed}
.system-table{width:100%;border-collapse:collapse}.system-table th,.system-table td{padding:10px 11px;border-top:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:middle}.system-table th{background:rgba(8,14,28,.55)}.system-table tr.unoccupied{background:rgba(5,8,14,.18)}.system-table tr.occupied{background:rgba(22,39,78,.2)}.entity-image{width:72px;background:#02040a}.entity-image img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.24);display:block}.star-row .entity-image img{box-shadow:0 0 18px rgba(255,204,80,.28)}.compact-button{padding:6px 9px;font-size:.82rem}.planet-type-cell{position:relative}.planet-type-wrap{position:relative;display:inline-block}.entity-tooltip{display:none;position:absolute;left:10px;top:80%;width:300px;padding:12px;background:rgba(6,9,16,.98);border:1px solid #9ba8ca;border-radius:5px;box-shadow:0 14px 32px rgba(0,0,0,.65);z-index:90}.planet-type-wrap:hover .entity-tooltip,.planet-type-wrap:focus .entity-tooltip,.planet-type-wrap:focus-within .entity-tooltip{display:grid;gap:6px}.entity-tooltip strong{font-size:1rem}.entity-tooltip>span{color:#8de6a5}.entity-tooltip p{margin:0;color:#d6deee;line-height:1.35}.entity-tooltip ul{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;margin:0;padding-left:18px;color:#dde5f5}
@media(max-width:850px){.card-tooltip{left:0;transform:none;width:min(280px,80vw)}.suggestion-worlds img{width:110px;height:110px}.image-galaxy .system{min-height:76px}.system-table{min-width:760px}}

/* 0.4.3: Rohstoff-Wartezeit, separate Forschungs-/Schiffsseiten und Stufentabellen */
.button-link.secondary{background:linear-gradient(180deg,#596273,#303746);border-color:#9ea8bd}
.detail-toolbar{display:flex;gap:10px;flex-wrap:wrap}
.detail-image-link{display:block;position:relative;align-self:start}
.detail-image-link .detail-image{position:relative}
.image-click-hint{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;padding:7px 9px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.76);text-align:center;font-weight:700;border-radius:3px;opacity:.88}
.detail-image-link:hover .image-click-hint{background:rgba(20,43,105,.92)}
.build-option-table,.level-table{width:100%;min-width:820px;border-collapse:collapse}
.build-option-table th,.build-option-table td,.level-table th,.level-table td{padding:9px 10px;border:1px solid rgba(196,207,232,.22);text-align:right;vertical-align:top}
.build-option-table th:first-child,.build-option-table td:first-child,.level-table th:first-child,.level-table td:first-child{text-align:left}
.build-option-table th,.level-table th{background:rgba(7,22,66,.82);color:#f2f5ff}
.build-option-table td small{display:block;margin-top:4px;color:#ffb0b0;white-space:normal;line-height:1.25}
.positive{color:#6cf194}.negative{color:#ff8383}
.wait-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:11px 12px;border:1px solid #dfbd63;background:rgba(95,66,10,.28);border-radius:4px;color:#fff2c3}
.wait-summary time,.wait-summary strong{font-size:1.04rem;color:#ffe17e}
.wait-summary small{width:100%;color:#eddbac}
.wait-summary.impossible{border-color:#df6c6c;background:rgba(100,15,15,.3);color:#ffdada}
.entity-info-head{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.entity-info-head img{width:220px;height:220px;object-fit:cover;border:1px solid #9ca9c8;background:#05070d;border-radius:4px}
.entity-info-head h3{margin:0 0 8px;font-size:1.35rem}.entity-info-head p{line-height:1.45;color:#e1e7f5}
.level-table tr.current-level{background:rgba(45,96,201,.32);outline:1px solid rgba(153,187,255,.45)}
.level-table tbody tr:hover{background:rgba(255,255,255,.07)}
.level-table a{color:#bdd5ff;text-decoration:underline}
.technology-card{position:relative;overflow:visible;z-index:1}.technology-card:hover{z-index:30;transform:translateY(-2px)}
.technology-card .thumb-image{overflow:hidden}
.technology-card:hover .card-tooltip,.technology-card:focus .card-tooltip{display:grid;gap:7px}
.ship-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding:14px;overflow:visible}
.ship-card{position:relative;display:grid;border:1px solid #9aa6c0;background:#171d29;border-radius:4px;overflow:visible;z-index:1}
.ship-card:hover{z-index:30;transform:translateY(-2px)}
.ship-card-image{position:relative;height:138px;background:center/cover no-repeat;overflow:hidden;border-radius:3px 3px 0 0}
.ship-card-image::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.5))}
.ship-card-copy{display:grid;gap:4px;padding:10px}.ship-card-copy small{color:#cbd5e9}
.ship-card.state-building{border-color:#38ec70;background:#183526}.ship-card.state-building .state-overlay{background:rgba(0,215,65,.3);box-shadow:inset 0 0 25px rgba(0,255,90,.4)}
.ship-card.state-shortage{border-color:#ff7474;background:#4b1d1d}.ship-card.state-shortage .ship-card-image{filter:grayscale(.25) sepia(.2) brightness(.72)}.ship-card.state-shortage .state-overlay{background:rgba(180,0,0,.34)}
.ship-card.state-busy{border-color:#8f96a2;background:#3b4048}.ship-card.state-busy .ship-card-image{filter:grayscale(1) brightness(.55)}.ship-card.state-busy .state-overlay{background:rgba(90,97,110,.25)}
.ship-card:hover .card-tooltip,.ship-card:focus .card-tooltip{display:grid;gap:7px}
.quantity-calculator{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:14px 0;padding:12px;border:1px solid rgba(255,255,255,.14);background:rgba(5,9,18,.25);border-radius:4px}.quantity-calculator label{display:grid;gap:6px}.quantity-calculator input{width:150px;padding:9px;border:1px solid #8292b5;background:#090e1b;color:#fff;border-radius:4px}
@media(max-width:760px){.entity-info-head{grid-template-columns:1fr}.entity-info-head img{width:100%;height:auto;aspect-ratio:1/1}.ship-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-panel .detail-grid{grid-template-columns:1fr}}
.state-badge.state-busy{background:#5e6370;color:#fff}

/* Bevölkerung, Arbeiter und Energie */
.resourcebar{grid-template-columns:repeat(7,minmax(0,1fr)) 1.2fr}
.resource-people,.resource-power{color:inherit;text-decoration:none}
.resource-people{background:linear-gradient(180deg,rgba(64,71,96,.96),rgba(42,47,66,.96))}
.resource-power{background:linear-gradient(180deg,rgba(76,67,28,.96),rgba(48,42,18,.96))}
.resource-power.resource-alert{border-color:#ff6767;background:linear-gradient(180deg,rgba(105,31,31,.96),rgba(60,19,19,.96))}
.population-summary,.power-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}
.population-summary>div,.power-summary>div{padding:14px;border:1px solid rgba(255,255,255,.16);background:rgba(6,10,18,.28);display:grid;gap:6px;border-radius:4px}
.population-summary b,.power-summary b{color:#dbe5ff}.population-summary span,.power-summary span{font-size:1.3rem;font-weight:800}
.population-note{padding:14px;margin:0;line-height:1.5;color:#d8e0f3}
.total-row{background:rgba(20,46,105,.3)}
.workers-overview-form{padding:14px}.worker-assignment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.worker-assignment-grid label{display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.14);background:rgba(6,10,18,.25);border-radius:4px}.worker-assignment-grid label span{display:grid;gap:3px}.worker-assignment-grid small{color:#cbd5eb}.worker-assignment-grid input{padding:10px;border:1px solid #8494ba;background:#0b1020;color:#fff;border-radius:4px}.worker-assignment-grid input:disabled{opacity:.55}
.worker-panel{margin:16px 0;border:1px solid #8494ba;background:rgba(7,12,25,.38);border-radius:4px;overflow:hidden}.worker-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(180deg,#182d78,#0a1d5b)}.worker-panel>header div{display:grid;gap:2px}.worker-panel>header small{color:#d2dcf4}.worker-panel>header>span{font-weight:800}.worker-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12)}.worker-stats>div{padding:10px;background:#343742;display:grid;gap:4px}.worker-stats span{font-weight:700}.worker-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:12px}.worker-form label{display:grid;gap:6px}.worker-form input{padding:9px;border:1px solid #8393b7;background:#0b1020;color:#fff;border-radius:4px;min-width:180px}
.energy-warning{margin:0 14px 14px;padding:12px;border:1px solid #ff7676;background:rgba(105,24,24,.4);border-radius:4px}.energy-warning p{margin:6px 0 0}.power-panel .economy-table{margin-top:0}
@media(max-width:1400px){.resourcebar{grid-template-columns:repeat(4,minmax(0,1fr))}.population-summary,.power-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.worker-assignment-grid,.worker-stats{grid-template-columns:1fr}.population-summary,.power-summary{grid-template-columns:1fr}}

/* 0.4.4: Bewohner, Arbeiter, Wohnraum, Energie und Energietechnik */

/* 0.4.5: Berichte nach ETOA-Prinzip */
.reports-panel{overflow:visible}
.report-tabs{display:flex;flex-wrap:wrap;gap:0;padding:10px 10px 0;background:rgba(5,9,18,.36);border-bottom:1px solid rgba(255,255,255,.13)}
.report-tabs a{position:relative;display:flex;align-items:center;gap:7px;padding:9px 12px;margin:0 3px 8px 0;border:1px solid #697796;background:linear-gradient(180deg,#535964,#303641);border-radius:4px;color:#f4f6fb}
.report-tabs a.active{background:linear-gradient(180deg,#3156c0,#142d83);border-color:#becaff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.report-tabs a b{min-width:22px;padding:2px 6px;border-radius:999px;background:rgba(0,0,0,.34);font-size:.76rem;text-align:center}
.report-tabs a i{font-style:normal;font-size:.72rem;color:#fff2a9}
.report-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:12px 14px;background:rgba(6,10,19,.24);border-bottom:1px solid rgba(255,255,255,.1)}
.report-toolbar>div{display:grid;gap:3px}.report-toolbar small{color:#ced7eb}.report-toolbar label{display:grid;gap:5px;font-weight:700}.report-toolbar select{min-width:190px;padding:8px;border:1px solid #8292b6;background:#0b1020;color:#fff;border-radius:4px}
.report-form{margin:0}.report-table{width:100%;min-width:760px;border-collapse:collapse}.report-table th,.report-table td{padding:9px 10px;border:1px solid rgba(197,207,229,.18);text-align:left;vertical-align:middle}.report-table thead th{background:rgba(7,22,66,.86);color:#f5f7ff}.report-table tbody tr.report-summary-row:hover{background:rgba(255,255,255,.07)}
.report-summary-row.unread{background:rgba(17,47,122,.36);font-weight:700}.report-summary-row.open{outline:1px solid rgba(255,225,125,.62);background:rgba(62,54,21,.3)}
.report-icon-column{width:42px;text-align:center!important}.report-check-column{width:42px;text-align:center!important}.report-subject a{display:block;color:#fff}.report-subject a:hover{text-decoration:underline;color:#d8e5ff}
.report-status{position:relative;display:inline-grid;place-items:center;width:26px;height:26px}.report-status svg{width:24px;height:24px;fill:currentColor}.report-status.read{color:#c6cedd}.report-status.unread{color:#fff}.report-status.unread i{position:absolute;right:0;top:0;width:8px;height:8px;border-radius:50%;background:#ffe26b;box-shadow:0 0 8px rgba(255,226,107,.85)}
.report-select-toggle{min-width:30px;padding:4px 7px;background:linear-gradient(180deg,#646c7c,#343b48)}
.report-detail-row>td{padding:0!important;background:rgba(3,7,14,.54)}.report-detail{padding:0}.report-detail>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;background:linear-gradient(180deg,rgba(39,53,91,.94),rgba(20,31,61,.94));border-bottom:1px solid rgba(255,255,255,.14)}.report-detail>header div{display:grid;gap:3px}.report-detail>header span{color:#d2dbec;font-size:.88rem}
.report-message{padding:16px;line-height:1.45}.report-message-title{display:block;margin-bottom:14px;font-size:1.12rem;letter-spacing:.04em}.report-message p{margin:7px 0 14px}.report-facts{display:grid;grid-template-columns:140px 1fr;gap:1px;margin:12px 0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}.report-facts dt,.report-facts dd{margin:0;padding:8px 10px;background:#30343d}.report-facts dt{font-weight:800;background:#252a35}
.report-block{margin:15px 0}.report-block h3{margin:0;padding:8px 10px;background:rgba(8,24,69,.86);border:1px solid rgba(190,205,239,.2);font-size:.98rem}.report-data-table{width:100%;border-collapse:collapse}.report-data-table th,.report-data-table td{padding:8px 10px;border:1px solid rgba(196,207,232,.18);text-align:left}.report-data-table th{background:rgba(10,16,29,.55)}.resource-report-table{max-width:520px}.resource-report-table td,.fleet-comparison td:not(:first-child),.fleet-comparison th:not(:first-child){text-align:right}.report-value-list{margin:0;padding-left:20px}.report-value-list li{margin:2px 0}
.report-detail-actions{display:flex;gap:9px;flex-wrap:wrap;padding:0 16px 16px}.report-detail-actions .success-action{background:linear-gradient(180deg,#2f944d,#185c2d);border-color:#76d494}.report-actions{display:flex;gap:9px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid rgba(255,255,255,.12);background:rgba(7,11,20,.3)}.report-actions .secondary-action{background:linear-gradient(180deg,#596273,#303746);border-color:#9ea8bd}
@media(max-width:850px){.report-toolbar{align-items:stretch;flex-direction:column}.report-toolbar label,.report-toolbar select{width:100%}.report-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.report-tabs a{margin:0}.report-facts{grid-template-columns:1fr}.report-facts dt{border-bottom:0}.report-table{min-width:690px}}

/* 0.4.6: ETOA-Gebäudewirkungen, Lager, Felder und Maximalstufen */
.thumb-card.state-maxed{border-color:#d6b45c;background:#4a4128}.thumb-card.state-maxed .thumb-image{filter:grayscale(.45) sepia(.35) brightness(.78)}.thumb-card.state-maxed .state-overlay{background:rgba(123,91,15,.28);box-shadow:inset 0 0 28px rgba(255,205,83,.22)}
.state-image.state-maxed .state-overlay{background:rgba(126,92,16,.3)}.state-badge.state-maxed{background:#79631f;color:#fff5bc}.tooltip-maxed{color:#ffe38a}.legend-maxed{border-color:#e1bd58!important;background:rgba(127,92,11,.25)}
.economy-summary .capacity-full{border-color:#ff7777;background:linear-gradient(180deg,rgba(83,25,25,.7),rgba(45,15,15,.72))}
.economy-capacity-columns{align-items:start}.capacity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.capacity-grid>div{display:grid;gap:5px;padding:11px;border:1px solid rgba(255,255,255,.15);background:rgba(5,9,18,.28);border-radius:4px}.capacity-grid span{font-weight:800}.capacity-grid progress{width:100%;height:12px;accent-color:#6f91ff}.capacity-grid small{color:#ccd6eb}.capacity-note{padding:0 14px 14px;margin:0;line-height:1.45}
.planet-field-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.13);margin:14px}.planet-field-summary>div{display:grid;gap:6px;padding:12px;background:#30343e}.planet-field-summary span{font-size:1.15rem;font-weight:800}
.effect-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.effect-comparison>section{border:1px solid rgba(169,185,222,.34);background:rgba(5,9,18,.28);border-radius:4px;overflow:hidden}.effect-comparison h3{margin:0;padding:9px 11px;background:rgba(8,28,83,.7);font-size:.98rem}.effect-facts{display:grid}.effect-facts>div{display:grid;grid-template-columns:minmax(170px,1fr) minmax(100px,1.25fr);gap:10px;align-items:start;padding:8px 10px;border-top:1px solid rgba(255,255,255,.1)}.effect-facts>div:first-child{border-top:0}.effect-facts>div>b{color:#dfe8ff}.effect-facts>div>span{font-weight:700;text-align:right}.effect-resource-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.effect-resource-list span{padding:3px 6px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);border-radius:999px;font-size:.78rem;white-space:nowrap}
.effects-level-table{min-width:1450px}.effects-level-table td:nth-child(2){min-width:235px}.effects-level-table .effect-resource-list{justify-content:flex-start}.effects-note{padding:0 14px 14px;margin:0;color:#d6dfef;line-height:1.45}
@media(max-width:1000px){.effect-comparison{grid-template-columns:1fr}.planet-field-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.capacity-grid{grid-template-columns:1fr}}

/* 0.4.7: Erkundung und verdeckte Galaxiekarte */
.exploration-progress{display:grid;gap:7px;margin:12px 14px;padding:12px;border:1px solid rgba(128,153,215,.45);background:rgba(5,13,31,.48);border-radius:4px}.exploration-progress>div{display:flex;justify-content:space-between;gap:12px}.exploration-progress progress{width:100%;height:13px;accent-color:#6d92ff}.exploration-progress small{color:#cad5ec;line-height:1.4}
.image-galaxy .system.unknown{color:#dce5f7;background:radial-gradient(circle at 50% 42%,rgba(65,78,110,.34),rgba(4,7,13,.95));border-color:#65728d;align-content:center;gap:4px;text-decoration:none}.image-galaxy .system.unknown::after{background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 7px,rgba(0,0,0,.08) 7px 14px)}.image-galaxy .system.unknown:hover{border-color:#a9c1ff;background:radial-gradient(circle at 50% 42%,rgba(59,93,184,.46),rgba(5,9,18,.94))}.image-galaxy .system.unknown .unknown-mark{position:relative;z-index:3;font-size:2.2rem;font-weight:900;line-height:1;color:#d9e4ff;text-shadow:0 0 14px rgba(125,163,255,.65)}.image-galaxy .system.unknown b{position:relative;z-index:3;font-size:.78rem}.image-galaxy .system.unknown em{top:auto;right:5px;bottom:5px;background:rgba(31,64,146,.88);font-size:.7rem}.image-galaxy .system.discovered-empty{background:rgba(4,7,12,.7);border-style:dashed}.image-galaxy .system.discovered-empty span{font-size:.72rem;color:#7f8aa1}
.legend-unknown i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#53617f,#131a28);font-style:normal;font-weight:900;font-size:1.15rem}.unknown-system-state{gap:12px}.unknown-system-state .button-link{margin:4px}.system-hero>.compact-button{margin-left:auto}
.exploration-target{border-color:#7397ee!important;background:linear-gradient(180deg,rgba(32,64,145,.55),rgba(10,25,66,.55))!important}.exploration-target b{font-size:1.05rem}.explore-report .report-facts{max-width:720px}.explore-planets{min-width:780px}.explore-planets td:first-child,.explore-planets td:nth-child(5),.explore-planets td:nth-child(6){text-align:right}
@media(max-width:850px){.image-galaxy .system.unknown .unknown-mark{font-size:1.7rem}.system-hero{align-items:flex-start;flex-wrap:wrap}.system-hero>.compact-button{margin-left:0}}

/* 0.4.8: Grundproduktion direkt neben dem effektiven Wert */
.economy-table td small {
    display: block;
    margin-top: .18rem;
    font-size: .72rem;
    opacity: .72;
    white-space: nowrap;
}

/* 0.4.9: Spionage, Überwachungsberichte und gespeicherte Aufklärung */
.spy-order-card{margin-top:16px;border:1px solid rgba(111,147,235,.5);background:linear-gradient(180deg,rgba(21,42,95,.55),rgba(8,17,43,.55));border-radius:5px;overflow:hidden}.spy-order-card>header{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:12px 14px;background:rgba(13,31,78,.75);border-bottom:1px solid rgba(255,255,255,.13)}.spy-order-card>header div{display:grid;gap:4px}.spy-order-card>header b{font-size:1rem}.spy-order-card>header small{max-width:650px;color:#cbd7f1;line-height:1.35}.spy-order-card>header>span{white-space:nowrap;padding:4px 8px;border:1px solid rgba(150,177,242,.38);background:rgba(0,0,0,.24);border-radius:999px}.compact-spy-form{padding:14px}.compact-spy-form button{background:linear-gradient(180deg,#485dc1,#243787);border-color:#94a8ff}.intel-state{display:block;margin-top:7px;padding:5px 8px;border-radius:3px;font-style:normal;font-size:.78rem}.intel-state.success{color:#caffd5;background:rgba(23,102,48,.33);border:1px solid rgba(93,219,124,.35)}.intel-state.failed{color:#ffd1d1;background:rgba(123,32,32,.31);border:1px solid rgba(235,105,105,.34)}
.spy-report .report-facts{max-width:760px}.spy-report .report-data-table{max-width:760px}.spy-report .report-data-table td:last-child{text-align:right}.spy-coverage .report-data-table{max-width:900px}.spy-coverage td:last-child{font-weight:800}.surveillance-report .report-facts{max-width:780px}.danger-box{border-color:#aa4f55!important;background:rgba(93,24,29,.42)!important}.report-data-table .muted{color:#aab3c4}.report-data-table .positive{color:#8cffaa}.report-data-table .negative{color:#ff9a9a}
@media(max-width:850px){.spy-order-card>header{flex-direction:column}.spy-order-card>header>span{white-space:normal}}

/* 0.5.0: Waffenfabrik und planetare Verteidigung */
.defense-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}.defense-summary>div{display:grid;gap:5px;padding:12px;border:1px solid rgba(150,173,218,.24);background:rgba(5,10,21,.34);border-radius:5px}.defense-summary b{font-size:.82rem;color:#aebbd4;text-transform:uppercase;letter-spacing:.04em}.defense-summary span{font-size:1.15rem;font-weight:900;color:#fff}
.object-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding:14px}.object-card{display:grid;grid-template-rows:150px 1fr;min-width:0;border:1px solid #8998b7;background:linear-gradient(180deg,rgba(32,40,58,.96),rgba(16,22,34,.98));border-radius:5px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 7px 16px rgba(0,0,0,.22);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.object-card:hover{transform:translateY(-2px);border-color:#d0ddff;box-shadow:0 11px 23px rgba(0,0,0,.34)}.object-image{position:relative;background:center/cover no-repeat;overflow:hidden}.object-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.object-level{position:absolute;right:8px;bottom:8px;z-index:3;min-width:38px;padding:7px 9px;text-align:center;font-weight:900;border:1px solid rgba(255,255,255,.42);background:rgba(0,0,0,.78);border-radius:4px}.state-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.object-copy{display:grid;gap:5px;padding:10px 11px 12px}.object-copy b{font-size:.96rem}.object-copy small{font-weight:800;color:#d4def2}.object-copy em{font-size:.76rem;line-height:1.35;color:#aebbd0;font-style:normal}
.object-card.state-ready{border-color:#69a9e8}.object-card.state-building{border-color:#43e677;box-shadow:0 0 0 1px rgba(67,230,119,.28),0 7px 18px rgba(0,0,0,.25)}.object-card.state-building .state-overlay{background:rgba(0,175,65,.23)}.object-card.state-locked,.object-card.state-busy,.object-card.state-race{border-color:#747d8d;background:#353a44}.object-card.state-locked .object-image,.object-card.state-busy .object-image,.object-card.state-race .object-image{filter:grayscale(1) brightness(.54)}.object-card.state-locked .state-overlay,.object-card.state-busy .state-overlay,.object-card.state-race .state-overlay{background:rgba(78,85,98,.32)}.object-card.state-shortage{border-color:#ee5d65;background:#431f27}.object-card.state-shortage .object-image{filter:saturate(.65) brightness(.72)}.object-card.state-shortage .state-overlay{background:rgba(162,0,18,.28)}.object-card.state-maxed{border-color:#e8c75e;background:#433a20}.object-card.state-maxed .state-overlay{background:rgba(175,133,0,.22)}
.state-badge.state-race{background:#555b69;color:#fff}.state-image.state-race .state-overlay{background:rgba(75,82,96,.4)}.state-image.state-race{filter:grayscale(1) brightness(.65)}.defense-stats{margin-top:14px}.defense-card-grid .object-copy em{min-height:2.6em}.defense-detail .detail-copy{min-width:0}.defense-detail .requirements-box{margin-top:14px}
@media(max-width:900px){.defense-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.object-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media(max-width:560px){.defense-summary{grid-template-columns:1fr}.object-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}.object-card{grid-template-rows:120px 1fr}.object-copy{padding:8px}.object-copy em{display:none}}

/* 0.5.1 Kolonisierung */
.colonization-target { border-color:rgba(98,190,126,.52); box-shadow:inset 0 0 30px rgba(64,160,102,.08); }
.colonization-form .colonization-note { display:flex; flex-direction:column; gap:4px; padding:11px 13px; margin:8px 0 12px; border:1px solid rgba(104,190,132,.38); background:rgba(35,102,63,.18); }
.colonization-form .colonization-note b { color:#aee7ba; }
.colonization-form .colonization-note span { color:#b9c8c0; font-size:.88rem; }
.colonize-report .report-message-title { color:#9ee8ad; }
.colonize-report .button-link { margin-top:8px; }
.system-entity.unoccupied .compact-button { white-space:nowrap; }
@media (max-width:760px) {
  .colonization-form .fleet-select label { grid-template-columns:1fr 92px; }
}

/* 0.5.2 Koordinatenarchiv und Flottenfavoriten */
.target-archive-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px}.target-archive-intro>div{max-width:760px}.target-archive-intro b{font-size:1.08rem}.target-archive-intro p{margin:.4rem 0 0;color:#c5cfe2;line-height:1.45}.target-archive-columns{align-items:start}.favorite-list{display:grid;gap:10px;padding:14px}.favorite-card{position:relative;display:grid;grid-template-columns:minmax(210px,1.2fr) auto;gap:10px 14px;align-items:start;padding:12px;border:1px solid rgba(143,163,207,.34);background:linear-gradient(180deg,rgba(29,37,55,.86),rgba(13,19,31,.92));border-radius:5px}.favorite-card.target-kind-colony{border-color:rgba(83,190,118,.54)}.favorite-card.target-kind-planet{border-color:rgba(96,144,236,.54)}.favorite-card.target-kind-missing{border-color:rgba(200,91,91,.5);opacity:.78}.favorite-main{display:grid;gap:4px;min-width:0}.favorite-main b{font-size:1rem;overflow-wrap:anywhere}.favorite-main small{color:#bdc8dd}.favorite-main em{font-size:.78rem;font-style:normal;color:#d7e0f2}.favorite-kind{width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:rgba(54,83,150,.5);border:1px solid rgba(138,168,235,.32);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.favorite-warning{color:#ffb0b0!important}.favorite-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.favorite-edit-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,.7fr) minmax(220px,1.4fr) auto;gap:8px;align-items:end;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.favorite-edit-form label,.manual-favorite-form label{display:grid;gap:4px;font-size:.76rem;font-weight:800;color:#c9d4e9}.favorite-edit-form input,.manual-favorite-form input,.manual-favorite-form textarea{width:100%;font:inherit;color:#fff;background:#090d16;border:1px solid #687795;border-radius:3px;padding:8px}.favorite-delete-form{position:absolute;right:12px;bottom:12px}.favorite-delete-form .danger-button,.danger-button{padding:7px 9px;background:linear-gradient(180deg,#9d373d,#651c22);border-color:#dd8288}.favorite-order-form{display:flex;gap:4px}.favorite-order-form button{padding:6px 9px;min-width:34px}.manual-favorite-form{display:grid;gap:11px;padding:14px}.coordinate-input-grid{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:8px}.coordinate-input-grid small{font-weight:400;color:#9eabc2}.inline-action-form{display:inline-flex;margin-left:5px;vertical-align:middle}.favorite-inline-form{margin-top:8px}.favorite-quick-list{display:grid;gap:7px;padding:12px;border-top:1px solid rgba(255,255,255,.12)}.favorite-quick-list h3{margin:0 0 2px}.favorite-quick-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px;border:1px solid rgba(132,151,190,.25);background:rgba(0,0,0,.16)}.favorite-quick-list span{display:grid;gap:3px}.favorite-quick-list small{color:#aebbd1}.empty-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.own-world{grid-template-columns:1fr auto}.own-world .favorite-actions{align-self:center}.system-table td:last-child{min-width:180px}.system-table td:last-child .inline-action-form{margin-top:5px;margin-left:0}
@media(max-width:900px){.coordinate-input-grid{grid-template-columns:repeat(3,minmax(80px,1fr))}.favorite-edit-form{grid-template-columns:1fr 1fr}.favorite-edit-form button{grid-column:1/-1}.favorite-delete-form{position:static;grid-column:1/-1}.favorite-card{grid-template-columns:1fr}.favorite-actions{justify-content:flex-start}.target-archive-intro{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.coordinate-input-grid{grid-template-columns:repeat(2,minmax(80px,1fr))}.favorite-edit-form{grid-template-columns:1fr}.favorite-quick-list>div{align-items:flex-start;flex-direction:column}.target-archive-intro{padding:12px}}

/* 0.5.4: Stationieren und Waren abholen */
.fleet-mission-help{display:grid;gap:4px;margin:10px 0 14px;padding:11px 13px;border:1px solid rgba(105,151,231,.38);background:rgba(28,55,112,.22);border-radius:4px}
.fleet-mission-help b{color:#d8e5ff}.fleet-mission-help span{color:#bdc9df;font-size:.86rem;line-height:1.4}

/* 0.5.5: Flottenrückruf und Einsatzdetails */
.fleet-movement-list{display:grid;gap:8px;padding:12px}.fleet-row-detailed{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px 16px;align-items:start;padding:12px;border:1px solid rgba(126,148,190,.3);background:linear-gradient(180deg,rgba(23,31,48,.88),rgba(11,17,29,.94));border-radius:5px}.fleet-row-detailed.active-fleet{border-color:rgba(92,139,226,.54)}.fleet-row-detailed.recalled-fleet{border-color:rgba(214,150,70,.52);box-shadow:inset 3px 0 0 rgba(231,160,72,.65)}.fleet-row-detailed.fleet-history{opacity:.82}.fleet-route{display:grid;gap:4px;min-width:0}.fleet-route span{color:#c7d2e7}.fleet-route small{color:#94a4bf}.fleet-timing{display:grid;justify-items:end;gap:7px}.fleet-details{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.09);padding-top:8px}.fleet-details summary{cursor:pointer;color:#bcd0f5;font-size:.82rem;font-weight:800;width:max-content}.fleet-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;margin-top:10px;padding:10px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.08)}.fleet-detail-grid>div{display:grid;gap:5px}.fleet-detail-grid>div>b{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#9fb3d8}.fleet-chip-list{display:flex;flex-wrap:wrap;gap:5px}.fleet-chip-list>span{padding:4px 7px;border:1px solid rgba(118,151,215,.3);background:rgba(43,73,129,.24);border-radius:999px;font-size:.76rem}.cargo-chip-list>span{border-color:rgba(121,188,132,.32);background:rgba(47,112,62,.2)}.fleet-recall-form{margin-top:10px}.fleet-recall-form .danger-button{font-size:.8rem}.status-outbound{background:#315d9b}.status-supporting{background:#3f6b55}.status-returning{background:#6c5a2d}.status-done{background:#2e6b45}.status-destroyed{background:#762e36}
@media(max-width:700px){.fleet-row-detailed{grid-template-columns:1fr}.fleet-timing{justify-items:start}.fleet-detail-grid{grid-template-columns:1fr}}

/* 0.5.7 Diplomatie */
.diplomacy-intro-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px}.diplomacy-intro-copy p{margin:.35rem 0 0;color:#bcc8dc;line-height:1.5}.diplomacy-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.diplomacy-legend span{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(137,158,198,.25);background:rgba(0,0,0,.15);border-radius:999px;font-size:.76rem}.relation-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.relation-dot.friendly{background:#6bd790}.relation-dot.neutral{background:#87a1cd}.relation-dot.wary{background:#d6b45f}.relation-dot.hostile{background:#df7c60}.relation-dot.war{background:#ef4b57}.diplomacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.diplomacy-card{overflow:hidden;border-left:3px solid #7185ad}.diplomacy-card.relation-friendly{border-left-color:#55c27b}.diplomacy-card.relation-wary{border-left-color:#d2ad54}.diplomacy-card.relation-hostile{border-left-color:#d76a54}.diplomacy-card.relation-war{border-left-color:#ef3f4d;box-shadow:inset 0 0 36px rgba(160,20,30,.08)}.diplomacy-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 14px 9px}.diplomacy-card-head h3{margin:5px 0 2px;font-size:1.1rem}.diplomacy-card-head small{color:#9eacc3}.relation-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#34415d;border:1px solid rgba(255,255,255,.15);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.relation-badge.friendly{background:#245d3a}.relation-badge.wary{background:#695825}.relation-badge.hostile{background:#743a31}.relation-badge.war{background:#8b2430}.attitude-number{display:grid;justify-items:end}.attitude-number b{font-size:1.45rem}.attitude-number span{font-size:.7rem;color:#8f9eb7;text-transform:uppercase}.attitude-track{position:relative;height:7px;margin:0 14px 10px;background:linear-gradient(90deg,#7e2430 0%,#7d6333 38%,#37435d 50%,#315b46 68%,#287648 100%);border-radius:999px;overflow:hidden}.attitude-track i{display:block;height:100%;border-right:2px solid white;box-shadow:0 0 8px rgba(255,255,255,.65)}.attitude-zero{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.35)}.diplomacy-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 14px 12px}.diplomacy-metrics>div{display:grid;gap:2px;padding:8px;text-align:center;border:1px solid rgba(124,148,192,.22);background:rgba(0,0,0,.14)}.diplomacy-metrics b{font-size:.95rem}.diplomacy-metrics span{font-size:.68rem;color:#8fa0bc;text-transform:uppercase}.diplomacy-event{display:grid;gap:3px;margin:0 14px 12px;padding:9px 10px;border-left:2px solid rgba(115,145,203,.55);background:rgba(20,31,51,.55)}.diplomacy-event span{font-size:.67rem;text-transform:uppercase;color:#8fa0bb}.diplomacy-event b{font-size:.82rem}.diplomacy-event small{color:#8e9ab0}.pact-banner{display:flex;justify-content:space-between;gap:10px;margin:0 14px 12px;padding:8px 10px;border:1px solid rgba(87,187,124,.36);background:rgba(44,116,69,.18)}.pact-banner b{color:#aee4be}.pact-banner span{font-size:.78rem;color:#bdd1c3}.diplomacy-actions{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 13px}.diplomacy-actions form{margin:0}.diplomacy-actions button{font-size:.78rem}.secondary-button{background:linear-gradient(180deg,#555f73,#343b49)!important;border-color:#7c879d!important}.tribute-box{margin:0 14px 14px;border-top:1px solid rgba(255,255,255,.09);padding-top:9px}.tribute-box summary{cursor:pointer;color:#bad0f5;font-size:.8rem;font-weight:800}.tribute-form{display:grid;gap:9px;margin-top:9px}.tribute-grid{display:grid;grid-template-columns:repeat(5,minmax(58px,1fr));gap:6px}.tribute-grid label{display:grid;gap:3px;font-size:.68rem;font-weight:800;color:#aab9d2}.tribute-grid input{width:100%;min-width:0;padding:7px;background:#080d16;border:1px solid #5e6e8c;color:#fff;border-radius:3px}.tribute-form small{color:#9eabc1;line-height:1.4}.tribute-form button{justify-self:start}
@media(max-width:800px){.diplomacy-intro-copy{grid-template-columns:1fr}.diplomacy-legend{justify-content:flex-start}}@media(max-width:520px){.diplomacy-grid{grid-template-columns:1fr}.tribute-grid{grid-template-columns:repeat(2,1fr)}.diplomacy-card-head{flex-direction:column}.attitude-number{justify-items:start}.pact-banner{flex-direction:column}}
/* 0.5.9 Galaktischer Markt */
.market-hero .market-intro{max-width:1050px;line-height:1.55;color:#c7d2e8;margin:4px 0 0}
.market-table{width:100%;border-collapse:collapse}.market-table th,.market-table td{padding:10px 12px;border-bottom:1px solid rgba(124,151,199,.18);vertical-align:middle;text-align:left}.market-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#9fb1d0}.market-table td small{display:block;color:#7f91ae;margin-top:2px}.market-table tr:last-child td{border-bottom:0}.market-create-columns{align-items:start}.market-form{display:grid;gap:12px}.market-form>small{color:#91a4c5;line-height:1.45}.market-calculator{padding:10px 12px;border:1px solid rgba(94,142,224,.4);background:rgba(29,52,96,.28);border-radius:5px;color:#b9c8e3;line-height:1.4}.market-calculator b{color:#e5eeff}.market-deal{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.76rem;font-weight:700;border:1px solid transparent;white-space:nowrap}.market-deal.cheap{color:#9ff0bc;border-color:rgba(79,204,126,.45);background:rgba(40,130,77,.18)}.market-deal.fair{color:#bfe6ff;border-color:rgba(74,161,217,.45);background:rgba(36,98,142,.18)}.market-deal.normal{color:#dbe8ff;border-color:rgba(111,144,210,.45);background:rgba(55,76,125,.2)}.market-deal.high{color:#ffd99a;border-color:rgba(225,165,69,.45);background:rgba(139,90,24,.18)}.market-deal.greedy{color:#ffabab;border-color:rgba(220,81,81,.5);background:rgba(126,35,35,.2)}.market-offer-row.greedy{background:linear-gradient(90deg,rgba(120,28,28,.08),transparent 45%)}.market-offer-row.cheap{background:linear-gradient(90deg,rgba(28,105,60,.08),transparent 45%)}.market-own-row,.market-history-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(124,151,199,.16)}.market-own-row:last-child,.market-history-row:last-child{border-bottom:0}.market-own-row>span,.market-history-row>span{display:grid;gap:2px}.market-own-row small,.market-history-row small{color:#8495b1}.market-history-row{display:grid;grid-template-columns:auto 1fr auto}.market-history-row>b{font-size:.78rem;text-transform:uppercase;color:#91a9cf}.empty-state.compact{padding:18px 12px}.market-table .positive{color:#90e9aa}.market-table .negative{color:#ffaaa5}
@media(max-width:800px){.market-table{min-width:760px}.market-history-row{grid-template-columns:1fr}.market-own-row{align-items:flex-start;flex-direction:column}}

/* 0.6.0 NPC-Beobachter */
.observer-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 16px 0;padding:12px 14px;border:1px solid rgba(244,184,74,.55);border-left:4px solid #e0a538;background:linear-gradient(90deg,rgba(103,69,16,.28),rgba(23,31,48,.94));box-shadow:0 8px 24px rgba(0,0,0,.18)}
.observer-banner>div{display:grid;gap:3px}.observer-banner>div>span{font-size:.68rem;font-weight:900;letter-spacing:.08em;color:#f1be64}.observer-banner>div>b{font-size:1.12rem;color:#fff}.observer-banner>div>small{color:#bdc9dd}.observer-banner>div>em{font-style:normal;color:#e7d7b4;font-size:.78rem}.observer-banner nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.observer-mode .content-area form button,.observer-mode .content-area form input,.observer-mode .content-area form select,.observer-mode .content-area form textarea{pointer-events:none;opacity:.52}.observer-mode .content-area form{position:relative}.observer-mode .content-area form:after{content:'NPC-Beobachtung: schreibgeschützt';display:inline-block;margin:5px 0 0;color:#d9ad60;font-size:.68rem;font-weight:800}
.npc-admin-screen{min-height:100vh;background:#070b13;color:#dce6f8}.npc-admin-shell{max-width:1500px;margin:0 auto;padding:22px}.npc-admin-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px;padding:16px 18px;border:1px solid rgba(112,144,204,.28);background:linear-gradient(180deg,rgba(22,31,49,.96),rgba(11,17,29,.98))}.npc-admin-header p{margin:.5rem 0 0;color:#9fb0ca}.npc-admin-head-actions{display:flex;gap:8px;flex-wrap:wrap}.npc-admin-summary{margin-bottom:12px}.npc-admin-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:12px}.npc-admin-tools label{display:grid;gap:5px;min-width:min(420px,100%);font-size:.76rem;font-weight:800;color:#a8b8d2}.npc-admin-tools input{padding:9px 11px;background:#090e18;border:1px solid #52698f;color:#fff}.npc-admin-tools>span{font-size:.76rem;color:#8193b0}.npc-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px}.npc-admin-card{padding:13px;border-left:3px solid #5576af}.npc-admin-card.observed{border-left-color:#e1aa48;box-shadow:inset 0 0 28px rgba(204,146,41,.08)}.npc-admin-card>header{display:flex;align-items:start;justify-content:space-between;gap:12px}.npc-admin-card>header>div{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.npc-admin-card h3{grid-column:2;margin:0}.npc-admin-card header small{grid-column:2;color:#8497b6}.npc-admin-card header strong{font-size:1rem;color:#d7e4fa}.status-dot{width:9px;height:9px;border-radius:50%;background:#65738c;grid-row:1/3}.status-dot.online{background:#63d68a;box-shadow:0 0 8px rgba(99,214,138,.45)}.status-dot.offline{background:#6e7c94}.npc-admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.npc-admin-metrics>div{display:grid;gap:2px;text-align:center;padding:7px 5px;border:1px solid rgba(112,143,198,.22);background:rgba(0,0,0,.15)}.npc-admin-metrics b{font-size:.9rem}.npc-admin-metrics span{font-size:.62rem;text-transform:uppercase;color:#8395b2}.npc-admin-goal{display:grid;gap:3px;padding:9px 10px;background:rgba(31,52,89,.32);border-left:2px solid #5c82c5}.npc-admin-goal span{font-size:.65rem;text-transform:uppercase;color:#8498ba}.npc-admin-goal b{color:#dce9ff}.npc-admin-goal small{color:#a8b6cd;line-height:1.35}.npc-admin-personality{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:9px 0}.npc-admin-personality span{display:flex;justify-content:space-between;padding:6px 8px;border:1px solid rgba(255,255,255,.07);font-size:.72rem;color:#9eafc9}.npc-admin-personality b{color:#dce8fb}.npc-admin-times{display:flex;justify-content:space-between;gap:10px;margin:8px 0 10px;color:#7e90ac}.npc-admin-card form{margin:0}.npc-admin-card form button{width:100%}
@media(max-width:800px){.observer-banner,.npc-admin-header,.npc-admin-tools{align-items:flex-start;flex-direction:column}.observer-banner nav{justify-content:flex-start}.npc-admin-shell{padding:10px}.npc-admin-grid{grid-template-columns:1fr}.npc-admin-tools label{min-width:100%}}@media(max-width:500px){.npc-admin-metrics{grid-template-columns:repeat(2,1fr)}.npc-admin-personality{grid-template-columns:1fr}.npc-admin-times{flex-direction:column}}
.emp-alert{margin:12px 18px 0;padding:10px 14px;border:1px solid rgba(255,198,74,.55);background:rgba(91,53,0,.72);display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-radius:6px}.emp-alert b{color:#ffd27a}.emp-alert span{color:#f5e6c6}.market-action-stack{display:grid;gap:6px;min-width:170px}.market-action-stack form{display:flex;gap:6px;align-items:center}.market-action-stack input:is([type=number],[data-game-number]){width:72px}.market-table td small{display:block;margin-top:3px}.market-table .req-pill{display:inline-block;margin:2px}

/* 0.8.0 ETOA alliance base and space resources */
.alliance-building-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.alliance-building-card{display:flex;flex-direction:column;gap:10px}.alliance-building-card form{margin-top:auto}.space-resource-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(120,210,255,.45);background:radial-gradient(circle at 35% 30%,rgba(230,245,255,.35),rgba(40,80,110,.55) 55%,rgba(5,12,22,.95));font-size:10px;font-weight:800;letter-spacing:.08em}.space-resource-row td{background:rgba(38,85,110,.12)}

.support-incoming{border-left:3px solid rgba(85,170,115,.75);background:rgba(45,105,65,.14)}


/* 0.9.2 Visuelle Überarbeitung */
:root{
  --bg:#030711;
  --panel:#101722;
  --panel2:#172232;
  --line:#2a3d5d;
  --text:#eef4ff;
  --muted:#aebbd3;
  --blue1:#12204d;
  --blue2:#173483;
  --blue3:#4e7dff;
  --green:#39e27b;
  --red:#ff6a6a;
  --grey:#8391a8;
  --gold:#f5d072;
}
html{scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 12% 16%,rgba(72,117,255,.12),transparent 22%),
  radial-gradient(circle at 84% 8%,rgba(120,219,255,.08),transparent 18%),
  radial-gradient(circle at 50% 120%,rgba(33,76,167,.18),transparent 40%),
  #030711 url('images/ui/galaxy-background.jpg') center/cover fixed no-repeat;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,8,16,.18),rgba(4,8,16,.54));z-index:-1}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:rgba(6,10,18,.85)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(87,120,194,.85),rgba(39,61,112,.95));border-radius:999px;border:2px solid rgba(4,8,16,.88)}

.game-shell{background:rgba(0,0,0,.28)}
.topbar{min-height:76px;padding:12px 18px;background:linear-gradient(180deg,rgba(17,24,37,.95),rgba(12,18,29,.92));border-bottom:1px solid rgba(117,149,214,.34);box-shadow:0 14px 42px rgba(0,0,0,.4);backdrop-filter:blur(12px)}
.brand span{font-size:1.05rem;letter-spacing:.28em;color:#88aefc;text-shadow:0 0 14px rgba(86,131,255,.28)}
.brand b{font-size:2rem;letter-spacing:.04em;text-shadow:0 0 20px rgba(116,162,255,.16)}
.brand small{color:#9fb3d7}
.topnav a,.side-menu a,button,.button-link{transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.topnav a{border-radius:10px;border-color:rgba(120,142,186,.44);background:linear-gradient(180deg,rgba(31,41,63,.95),rgba(17,26,44,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.topnav a:hover,.topnav a.active{transform:translateY(-1px);box-shadow:0 12px 22px rgba(0,0,0,.22),0 0 0 1px rgba(113,150,255,.16) inset}
.topnav a.active{background:linear-gradient(180deg,rgba(42,72,179,.96),rgba(17,43,127,.98));border-color:rgba(185,202,255,.72)}
button,.button-link,.login-panel button{padding:10px 15px;border-radius:10px;border:1px solid rgba(151,178,248,.62);background:linear-gradient(180deg,#3c68e3,#1a3aa0);box-shadow:0 10px 24px rgba(10,24,64,.3),inset 0 1px 0 rgba(255,255,255,.14)}
button:hover,.button-link:hover,.login-panel button:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(10,24,64,.34),0 0 0 1px rgba(255,255,255,.08) inset}
.button-link.secondary,.secondary-button,.detail-toolbar .button-link.secondary{background:linear-gradient(180deg,#48556d,#2b3444)!important;border-color:rgba(137,154,189,.5)!important}

.sidebar{background:linear-gradient(180deg,rgba(15,22,35,.95),rgba(11,16,27,.92));border-right:1px solid rgba(97,122,171,.28);backdrop-filter:blur(14px)}
.sidebar-hero{padding-bottom:18px}
.sidebar-logo{width:72px;height:72px;box-shadow:0 18px 28px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.06) inset}
.side-menu a{border-radius:10px;border-color:rgba(88,110,159,.44);background:linear-gradient(180deg,rgba(15,30,76,.9),rgba(10,19,48,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.side-menu a:hover,.side-menu a.active{transform:translateX(3px);border-color:rgba(159,185,255,.7);box-shadow:0 12px 24px rgba(0,0,0,.24)}
.side-menu a.active{background:linear-gradient(180deg,rgba(54,95,255,.96),rgba(26,58,165,.98))}
.sidebar-status,.planet-console select,.observer-banner,.emp-alert{border-radius:14px}

.viewport{padding:20px}
.resourcebar{gap:10px;margin-bottom:18px}
.resource{position:relative;overflow:hidden;padding:12px 14px;border-radius:14px;border:1px solid rgba(121,145,191,.42);background:linear-gradient(180deg,rgba(22,30,45,.94),rgba(13,19,30,.96));box-shadow:0 12px 24px rgba(0,0,0,.24)}
.resource::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,rgba(92,144,255,.1),rgba(121,186,255,.9),rgba(92,144,255,.1))}
.resource b{font-size:.82rem;color:#d5e2fb;letter-spacing:.04em;text-transform:uppercase}
.resource span{font-size:1.16rem;color:#fff}
.resource small{color:#93a6c5}
.resource-world{background:linear-gradient(180deg,rgba(15,36,83,.95),rgba(9,22,56,.98));border-color:rgba(104,138,214,.55)}

.content-area{gap:20px}
.panel{border-radius:18px;border:1px solid rgba(111,134,176,.28);background:linear-gradient(180deg,rgba(17,23,34,.95),rgba(12,17,27,.96));box-shadow:0 20px 45px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}
.panel-title{padding:12px 16px;background:linear-gradient(180deg,rgba(27,53,128,.98),rgba(13,31,85,.98));border-bottom:1px solid rgba(170,193,244,.24)}
.panel-title h2{font-size:1.08rem;letter-spacing:.02em}
.panel-title span{color:#c5d6ff}
.section-title{padding:14px 16px 10px;background:rgba(255,255,255,.02);font-weight:800;letter-spacing:.03em}
.hero-grid{padding:18px;gap:20px}
.hero-copy h3{font-size:1.72rem;margin-bottom:10px}
.hero-copy p{color:#d6e0f5;max-width:62ch}
.hero-image{min-height:250px;border-radius:16px;border:1px solid rgba(122,147,193,.3);box-shadow:0 18px 30px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.04)}

.list-row,.activity-row,.fleet-row,.inventory-row{padding:12px 15px;border-top:1px solid rgba(255,255,255,.06);transition:background .18s ease}
.list-row:hover,.activity-row:hover,.fleet-row:hover,.inventory-row:hover{background:rgba(255,255,255,.03)}
.active-order,.target-box,.blocking-message,.success-box,.detail-meta div,.economy-summary>div,.npc-admin-goal,.diplomacy-event,.pact-banner,.tribute-box,.market-calculator,.sidebar-status{border-radius:14px}
.active-order{background:linear-gradient(180deg,rgba(16,40,97,.36),rgba(12,26,65,.26))}

.category-grid{gap:14px;padding:14px 16px 18px}
.thumb-card,.diplomacy-card,.npc-admin-card,.alliance-building-card{border-radius:16px;border:1px solid rgba(111,134,176,.3);background:linear-gradient(180deg,rgba(19,26,38,.96),rgba(13,18,28,.98));box-shadow:0 14px 30px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .22s ease,border-color .22s ease}
.thumb-card:hover,.diplomacy-card:hover,.npc-admin-card:hover,.alliance-building-card:hover{transform:translateY(-4px);box-shadow:0 22px 36px rgba(0,0,0,.26);border-color:rgba(142,169,226,.48)}
.thumb-card.selected{outline:2px solid rgba(248,216,116,.9)}
.thumb-image,.detail-image,.inventory-image{border-radius:12px}
.thumb-image{margin:10px 10px 0;min-height:124px;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:transform .28s ease,filter .2s ease;box-shadow:0 10px 22px rgba(0,0,0,.18)}
.thumb-card:hover .thumb-image{transform:translateY(-1px) scale(1.03)}
.thumb-image::after{background:linear-gradient(180deg,transparent 18%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.72) 100%)}
.thumb-name{padding:12px 12px 14px;min-height:58px;font-size:.95rem;color:#edf4ff}
.thumb-level{right:12px;bottom:12px;min-width:36px;height:36px;border-radius:999px;background:rgba(4,9,18,.86);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.16);box-shadow:0 8px 18px rgba(0,0,0,.28)}

.detail-panel .detail-grid,.ship-detail .detail-grid{padding:18px;gap:20px}
.detail-image{min-height:260px;border-radius:16px;border-color:rgba(129,151,197,.36);box-shadow:0 18px 32px rgba(0,0,0,.28)}
.detail-meta{gap:12px}
.detail-meta div{padding:12px;border:1px solid rgba(110,134,180,.22);background:linear-gradient(180deg,rgba(17,25,40,.74),rgba(11,17,28,.86))}
.cost-chip,.req-pill,.building-legend span,.market-deal,.state-badge{border-radius:999px}
.cost-chip{padding:8px 12px}
.building-legend{padding:12px 16px;gap:10px;background:rgba(255,255,255,.02)}
.building-legend span{padding:7px 11px;font-weight:700}
.blocking-message{padding:14px 16px;border:1px solid rgba(123,144,183,.28);background:linear-gradient(180deg,rgba(16,23,35,.84),rgba(10,16,26,.92))}
.image-click-hint{border-radius:999px;backdrop-filter:blur(8px)}

input,select,textarea,.action-form input,.action-form select,.fleet-form input,.fleet-form select,.login-panel input,.login-panel select,.planet-console select,.production-select{border-radius:10px!important;border:1px solid rgba(112,133,171,.54)!important;background:linear-gradient(180deg,rgba(8,13,23,.95),rgba(5,10,18,.98))!important;color:#f3f7ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 10px rgba(0,0,0,.12)}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(146,178,255,.85)!important;box-shadow:0 0 0 3px rgba(76,120,255,.18),inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.18)!important}
.login-panel,.npc-admin-header,.npc-admin-card,.npc-admin-tools,.observer-banner{border-radius:18px}
.login-panel{border-color:rgba(123,151,219,.45);background:linear-gradient(180deg,rgba(12,18,28,.92),rgba(8,13,22,.96));backdrop-filter:blur(14px)}

.table-scroll{padding:0 2px 2px}
.economy-table,.market-table,.level-table,.bonus-table{border-collapse:separate;border-spacing:0;overflow:hidden}
.economy-table th,.economy-table td,.market-table th,.market-table td,.level-table th,.level-table td,.bonus-table th,.bonus-table td{border-color:rgba(116,140,186,.18)}
.economy-table th,.market-table th,.level-table th,.bonus-table th{position:sticky;top:0;z-index:1;background:linear-gradient(180deg,rgba(17,37,88,.96),rgba(11,27,70,.98));box-shadow:0 1px 0 rgba(255,255,255,.05) inset}
.economy-table tbody tr:hover,.market-table tbody tr:hover,.level-table tbody tr:hover,.bonus-table tbody tr:hover{background:rgba(255,255,255,.03)}

.npc-admin-goal{padding:11px 12px;border-left:3px solid rgba(107,143,224,.8);background:linear-gradient(180deg,rgba(17,37,84,.34),rgba(11,23,55,.26))}
.npc-admin-personality span,.npc-admin-metrics>div,.diplomacy-metrics>div{border-radius:10px}
.emp-alert{padding:12px 15px;border-color:rgba(255,203,103,.5);background:linear-gradient(180deg,rgba(104,66,5,.42),rgba(66,42,3,.54))}

@media (max-width:760px){
  .viewport{padding:12px}
  .panel,.login-panel,.npc-admin-header,.npc-admin-tools,.observer-banner{border-radius:14px}
  .hero-image{min-height:200px}
  .thumb-image{min-height:100px}
}

/* 0.9.4 ETOA-inspirierte Navigation, Imperiumsübersicht, Rathaus & Planetinfo */
.etoa-topnav{margin-left:auto;flex-wrap:nowrap}.etoa-topnav a{min-width:0;padding:9px 15px}.etoa-topbar .server-clock{margin-left:0;min-width:92px}.etoa-sidemenu h3{margin:14px 4px 6px;padding:0 8px 6px;border-bottom:1px solid rgba(120,149,206,.18);font-size:.72rem;letter-spacing:.13em;color:#7188ad}.etoa-sidemenu a{padding:8px 11px}.sidebar-logo{color:#fff;text-decoration:none}

.overview-statusline{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(121,148,197,.14);background:rgba(4,9,18,.28)}
.overview-statusline>a{min-width:0;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 11px;border:1px solid rgba(99,128,182,.2);border-radius:10px;background:rgba(16,25,42,.54)}
.overview-statusline>a:hover{border-color:rgba(116,158,239,.46);background:rgba(25,39,67,.62)}.overview-statusline span{font-size:.69rem;text-transform:uppercase;letter-spacing:.07em;color:#8095b7}.overview-statusline b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-statusline time{font-size:.78rem;color:#a9bddf}.overview-statusline .warning{border-color:rgba(236,92,92,.48);background:rgba(111,25,25,.23)}.overview-statusline .warning b{color:#ffaaa5}
.planet-orbit-wrap{position:relative;width:min(760px,calc(100vw - 330px));height:min(760px,calc(100vw - 330px));min-width:570px;min-height:570px;max-width:760px;max-height:760px;margin:28px auto 20px;background:radial-gradient(circle at center,rgba(36,69,137,.12) 0 20%,rgba(7,13,24,.22) 21% 58%,rgba(0,0,0,0) 59%),radial-gradient(circle at center,rgba(55,104,202,.15),transparent 68%)}
.planet-orbit-ring{position:absolute;inset:10%;border:1px solid rgba(94,129,196,.2);border-radius:50%;box-shadow:0 0 60px rgba(30,67,142,.08) inset;pointer-events:none}.planet-orbit-ring:before,.planet-orbit-ring:after{content:"";position:absolute;border:1px solid rgba(94,129,196,.09);border-radius:50%}.planet-orbit-ring:before{inset:12%}.planet-orbit-ring:after{inset:27%}
.planet-hover-panel{position:absolute;z-index:2;left:50%;top:50%;width:300px;min-height:255px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px;border:1px solid rgba(104,143,215,.34);border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(28,54,105,.93),rgba(8,15,28,.96) 68%);box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 55px rgba(35,87,191,.1) inset}.planet-hover-kicker{font-size:.64rem;text-transform:uppercase;letter-spacing:.16em;color:#7394ca}.planet-hover-panel>b{margin:4px 0 2px;font-size:1.35rem}.planet-hover-panel>small{color:#93a8c9}.planet-hover-orders{width:82%;margin:12px auto 8px;display:grid;gap:4px}.planet-hover-orders>div{display:grid;grid-template-columns:70px 1fr auto;gap:6px;align-items:center;text-align:left;font-size:.7rem}.planet-hover-orders span{color:#7f93b3}.planet-hover-orders strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce9ff}.planet-hover-orders small{color:#9eb0ca}.planet-hover-resources{width:88%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}.planet-hover-resources>div{display:grid;padding:4px 2px;border-top:1px solid rgba(255,255,255,.06)}.planet-hover-resources span{font-size:.57rem;color:#7187aa;text-transform:uppercase}.planet-hover-resources b{font-size:.68rem;color:#cbd9ef}
.planet-orbit-node{position:absolute;z-index:3;width:158px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease,filter .2s ease}.planet-orbit-node:hover,.planet-orbit-node:focus-within{z-index:8;transform:translate(-50%,-50%) scale(1.08)}.planet-orbit-image{position:relative;display:block;width:82px;height:82px;border-radius:50%;filter:drop-shadow(0 13px 13px rgba(0,0,0,.45));transition:filter .2s ease}.planet-orbit-image img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid rgba(104,135,194,.42);box-shadow:0 0 0 4px rgba(4,9,18,.7)}.planet-orbit-node:hover .planet-orbit-image img{border-color:#83afff;box-shadow:0 0 0 4px rgba(20,44,91,.8),0 0 26px rgba(70,128,255,.25)}.planet-orbit-node.selected .planet-orbit-image img{border-color:#f4d46e;box-shadow:0 0 0 4px rgba(95,72,15,.58),0 0 25px rgba(240,195,66,.22)}.planet-orbit-node.homeworld .planet-orbit-image:after{content:"★";position:absolute;right:-3px;top:-7px;color:#f6d66f;text-shadow:0 2px 5px #000;font-size:1.05rem}.planet-orbit-name{margin-top:6px;max-width:150px;font-weight:800;color:#eaf2ff;text-shadow:0 2px 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planet-orbit-node>small{max-width:150px;font-size:.6rem;color:#7f93b4;white-space:nowrap}.planet-build-label{position:absolute;left:50%;bottom:calc(100% + 6px);width:170px;transform:translateX(-50%);display:grid;gap:2px;padding:5px 7px;border:1px solid rgba(108,143,207,.25);border-radius:8px;background:rgba(5,11,22,.9);box-shadow:0 7px 16px rgba(0,0,0,.24);font-size:.64rem}.planet-build-label b{color:#dbe9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planet-build-label time{color:#8fb1e8}.planet-orbit-wrap.dense .planet-orbit-node{width:132px}.planet-orbit-wrap.dense .planet-orbit-image{width:64px;height:64px}.planet-orbit-wrap.dense .planet-build-label{width:145px}.overview-hint{text-align:center;color:#7087aa;font-size:.72rem;margin:0;padding:0 14px 16px}

.townhall-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px}.townhall-intro>div{max-width:780px}.townhall-intro b{font-size:1.28rem}.townhall-intro p{color:#aebbd0;line-height:1.55}.townhall-seal{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(116,156,227,.4);background:radial-gradient(circle,#244a98,#0b1731 68%);font-size:1.25rem;font-weight:900;color:#dce9ff;box-shadow:0 14px 30px rgba(0,0,0,.3)}.townhall-columns{align-items:start}.townhall-news-form,.townhall-war-form,.planet-identity-form{display:grid;gap:11px;padding:14px}.townhall-news-form label,.townhall-war-form label,.planet-identity-form label{display:grid;gap:6px;font-weight:800;color:#b7c6de}.townhall-news-form button,.townhall-war-form button,.planet-identity-form button{justify-self:start}.townhall-news-list{display:grid}.townhall-news{padding:15px 16px;border-top:1px solid rgba(117,142,183,.13)}.townhall-news header div{display:grid;gap:3px}.townhall-news header b{font-size:1.02rem}.townhall-news header small{color:#778eaf}.townhall-news p{margin:10px 0 0;line-height:1.55;color:#c7d3e5}.townhall-war-list{display:grid}.townhall-war-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.06)}.townhall-war-row span{display:grid;gap:2px}.townhall-war-row small{color:#8296b4}.townhall-war-row strong{color:#ff8b86;font-size:.72rem;letter-spacing:.11em}.danger-button{background:linear-gradient(180deg,#b74747,#732222)!important;border-color:#db7878!important}.townhall-note{padding:0 14px}.townhall-columns>.panel>.button-link{margin:0 14px 14px}

.planet-info-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid rgba(116,140,185,.15);background:rgba(4,10,19,.22)}.planet-info-tabs button{padding:8px 12px;background:linear-gradient(180deg,#27354c,#182235);border-color:rgba(112,139,186,.42);font-size:.79rem}.planet-info-tabs button.active{background:linear-gradient(180deg,#3f70df,#1d449f);border-color:#80a4ef}.planet-info-tab{display:none}.planet-info-tab.active{display:block}.planet-info-overview{min-height:355px;display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:center;padding:22px;background:radial-gradient(circle at 80% 45%,rgba(61,104,192,.15),transparent 38%)}.planet-info-copy h3{margin:0 0 16px;font-size:1.65rem}.planet-info-copy dl{margin:0;display:grid;gap:3px}.planet-info-copy dl>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055)}.planet-info-copy dt{color:#7f95b8;font-size:.78rem}.planet-info-copy dd{margin:0;font-weight:700;color:#dfeaff}.planet-description{padding:12px 14px;margin:16px 0 0;border-left:3px solid #547ecb;background:rgba(27,48,84,.25);color:#b8c6db;line-height:1.5}.planet-info-image{width:290px;height:290px;justify-self:center;object-fit:cover;border-radius:50%;border:1px solid rgba(109,150,224,.36);box-shadow:0 25px 50px rgba(0,0,0,.38),0 0 60px rgba(61,119,228,.18)}.planet-identity-form{max-width:720px}.field-usage-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px}.field-usage-summary>div{display:grid;gap:4px;padding:12px;border:1px solid rgba(109,136,181,.2);border-radius:10px;background:rgba(11,20,35,.5)}.field-usage-summary b{font-size:1.15rem}.field-usage-summary span{color:#8195b5;font-size:.7rem;text-transform:uppercase}.field-progress{height:12px;margin:0 16px 16px;border-radius:999px;overflow:hidden;background:#080e18;border:1px solid rgba(109,136,181,.25)}.field-progress span{display:block;height:100%;background:linear-gradient(90deg,#2d65d2,#66a0ff);border-radius:999px}

@media(max-width:1050px){.planet-orbit-wrap{width:min(680px,calc(100vw - 300px));height:min(680px,calc(100vw - 300px));min-width:540px;min-height:540px}.planet-hover-panel{width:260px;min-height:235px}.planet-hover-resources{grid-template-columns:repeat(3,1fr)}.planet-info-overview{grid-template-columns:1fr 250px}.planet-info-image{width:230px;height:230px}}
@media(max-width:800px){.overview-statusline{grid-template-columns:1fr}.planet-orbit-wrap{width:680px;height:680px;min-width:680px;min-height:680px;transform:scale(.72);transform-origin:top left;margin-bottom:-170px}.empire-overview-panel{overflow-x:auto}.planet-info-overview{grid-template-columns:1fr}.planet-info-image{grid-row:1;width:190px;height:190px}.field-usage-summary{grid-template-columns:repeat(2,1fr)}.townhall-columns{grid-template-columns:1fr}}
@media(max-width:520px){.planet-orbit-wrap{transform:scale(.55);margin-bottom:-290px}.planet-info-copy dl>div{grid-template-columns:100px 1fr}.planet-info-tabs button{flex:1 1 40%}}

/* 0.9.5 Discovery Compact
 * Die alte Discovery-Oberfläche lebt von hoher Informationsdichte: kleine Menüzeilen,
 * knappe Tabellen, klare Kopfzeilen. Diese Regeln übernehmen das Prinzip, nicht den 2006-Look.
 */
:root{
  --panel:#0d1420;
  --panel2:#111b2a;
  --line:#304765;
  --text:#eef4ff;
  --muted:#8fa0ba;
}
body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;background-color:#02050b}
.game-shell{grid-template-columns:190px minmax(0,1fr);grid-template-rows:56px auto;background:rgba(0,0,0,.24)}
.topbar{min-height:56px;height:56px;padding:5px 10px;gap:10px;background:linear-gradient(180deg,rgba(13,22,36,.98),rgba(7,13,23,.98));border-bottom:1px solid #36506f;box-shadow:0 4px 14px rgba(0,0,0,.32)}
.brand{min-width:135px}.brand span{font-size:.72rem;letter-spacing:.23em}.brand b{font-size:1.28rem;line-height:1.02}.brand small{font-size:.58rem;color:#7f93ae}
.etoa-topnav{gap:3px}.etoa-topnav a{padding:6px 9px!important;border-radius:3px!important;font-size:.72rem;background:#111b2a;border-color:#2c4565}.etoa-topnav a:hover,.etoa-topnav a.active{transform:none;box-shadow:none;background:#1b365e;border-color:#5479a9}
.etoa-topbar .server-clock{min-width:64px!important;margin-left:4px!important}.server-clock b{font-size:.78rem;font-weight:400;color:#9eb2cf}
.sidebar{padding:7px 7px 12px;background:linear-gradient(180deg,rgba(9,18,31,.98),rgba(5,11,20,.98));border-right:1px solid #29415f}
.sidebar-hero{grid-template-columns:38px 1fr;grid-template-rows:auto auto;justify-items:start;column-gap:8px;row-gap:0;padding:4px 4px 8px;margin-bottom:3px}.sidebar-logo{grid-row:1/3;width:34px;height:34px;border-radius:4px;font-size:.72rem}.sidebar-hero span{font-size:.76rem;align-self:end}.sidebar-hero small{font-size:.62rem;align-self:start}
.planet-console{gap:3px;padding:6px 3px 7px}.planet-console span{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#6f86a6}.planet-console select{padding:5px 6px!important;font-size:.7rem}.planet-console b{font-size:.62rem;font-weight:400;color:#91a5c2}
.side-menu{gap:0;padding-top:4px}.etoa-sidemenu h3{margin:7px 0 2px;padding:3px 6px;border:0;border-top:1px solid #22364f;background:rgba(38,58,82,.18);font-size:.58rem;letter-spacing:.12em;color:#7490b4}
.etoa-sidemenu a{padding:5px 7px!important;border:0;border-bottom:1px solid rgba(77,103,137,.2);border-radius:0!important;background:rgba(12,27,49,.58);font-size:.69rem;line-height:1.15;color:#d7e2f2}
.etoa-sidemenu a:hover,.etoa-sidemenu a.active{transform:none;box-shadow:none;border-color:rgba(97,131,178,.38);background:#254b7b;color:#fff}
.viewport{padding:8px 10px 14px;min-width:0}
.resourcebar{grid-template-columns:repeat(7,minmax(82px,1fr));gap:3px;margin-bottom:7px}
.resource{min-height:45px;padding:5px 7px;border-radius:3px;border-color:#2d4665;background:linear-gradient(180deg,rgba(19,30,47,.96),rgba(10,18,30,.98));box-shadow:none}
.resource::before{height:1px;opacity:.6}.resource b{font-size:.58rem;letter-spacing:.025em}.resource span{font-size:.82rem;margin:2px 0;white-space:nowrap}.resource small{font-size:.57rem;color:#7f94b0;white-space:nowrap}
.content-area{gap:8px}.panel{border-radius:4px;border-color:#2d4665;background:linear-gradient(180deg,rgba(14,22,34,.98),rgba(9,15,25,.99));box-shadow:0 5px 14px rgba(0,0,0,.22)}
.panel-title{min-height:31px;padding:6px 9px;background:linear-gradient(180deg,#17365d,#0e2748);border-color:#385a81}.panel-title h2{font-size:.82rem;letter-spacing:.015em}.panel-title span{font-size:.65rem;color:#9fb5d3}
.section-title{padding:6px 9px 5px;font-size:.7rem;background:rgba(35,55,80,.3);border-top-color:#243a56;color:#bcd0ea}
button,.button-link,.login-panel button{padding:6px 9px;border-radius:3px;font-size:.7rem;box-shadow:none}.button-link:hover,button:hover,.login-panel button:hover{transform:none;box-shadow:none}
input,select,textarea,.action-form input,.action-form select,.fleet-form input,.fleet-form select,.login-panel input,.login-panel select,.planet-console select,.production-select{border-radius:2px!important;padding:5px 6px!important;font-size:.72rem!important}
.flash,.error,.success,.flash-error,.flash-success{padding:7px 9px;border-radius:3px;font-size:.72rem}
.list-row,.activity-row,.fleet-row,.inventory-row{padding:6px 9px;gap:7px}.list-row small,.activity-row time,.fleet-row small,.inventory-row small,.muted,.stats-note{font-size:.65rem}
.active-order{padding:6px 9px;border-radius:0;font-size:.7rem}.active-order time{font-size:.68rem}
.two-column{gap:8px}

/* Bauhof/Forschung: Discovery-artig kompakte Objektübersicht, Details bleiben im Hover bzw. Detailfenster. */
.category-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;padding:6px 8px 8px}
.thumb-card{border-radius:3px;box-shadow:none;background:#0e1725}.thumb-card:hover{transform:none;box-shadow:0 0 0 1px rgba(121,166,224,.42);border-color:#6587af}
.thumb-image{min-height:82px;margin:0;border:0;border-radius:0;box-shadow:none}.thumb-card:hover .thumb-image{transform:none}
.thumb-level{right:4px;bottom:4px;min-width:26px;height:24px;padding:0 6px;border-radius:2px;font-size:.68rem}
.thumb-name{min-height:34px;padding:5px 6px;font-size:.68rem;line-height:1.15}
.card-tooltip{font-size:.68rem}.card-tooltip p{margin:2px 0}.card-tooltip ul{margin:2px 0;padding-left:16px}.tooltip-costs{gap:3px}

/* Werft und Verteidigung: weniger Karton, mehr Übersicht. */
.ship-card-grid,.object-card-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:6px;padding:7px 8px}
.ship-card,.object-card{border-radius:3px;box-shadow:none;background:#0e1725}.ship-card:hover,.object-card:hover{transform:none;box-shadow:0 0 0 1px rgba(118,162,220,.38)}
.ship-card-image{height:92px;border-radius:0}.ship-card-copy{gap:2px;padding:5px 6px}.ship-card-copy b{font-size:.7rem}.ship-card-copy small{font-size:.62rem}
.object-card{grid-template-rows:94px 1fr}.object-copy{gap:2px;padding:5px 6px 6px}.object-copy b{font-size:.69rem}.object-copy small{font-size:.61rem}.object-copy em{display:none}.object-level{right:4px;bottom:4px;min-width:28px;padding:4px 5px;border-radius:2px;font-size:.65rem}

/* Detailseiten: nur die Zahlen, die für eine Entscheidung wichtig sind, dicht zusammen. */
.detail-panel .detail-grid,.ship-detail .detail-grid{grid-template-columns:220px 1fr;gap:9px;padding:8px}.detail-image{min-height:205px;border-radius:3px;box-shadow:none}.detail-copy>p{margin:3px 0 7px;font-size:.68rem;line-height:1.35;color:#9fb0c7}.state-badge{padding:4px 7px;margin-bottom:5px;border-radius:2px;font-size:.66rem}
.detail-meta{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:4px;margin:6px 0}.detail-meta div{padding:6px;border-radius:2px}.detail-meta b{font-size:.59rem;color:#8297b4;text-transform:uppercase}.detail-meta span{font-size:.7rem}
.requirements-box{gap:3px;margin:7px 0}.req-pill,.cost-chip{padding:4px 7px;border-radius:3px;font-size:.65rem;margin:1px}.effect-comparison{gap:5px}.effect-comparison section{padding:6px}.effect-comparison h3{font-size:.7rem;margin:0 0 4px}
.worker-panel{margin-top:7px}.worker-panel header,.worker-form{padding:7px}.worker-stats{gap:4px;padding:7px}.worker-stats>div{padding:5px}

/* Tabellen orientieren sich an Discoverys 2–4px-Zellpadding. */
.economy-table th,.economy-table td,.market-table th,.market-table td,.level-table th,.level-table td,.bonus-table th,.bonus-table td,.build-option-table th,.build-option-table td{padding:4px 6px!important;font-size:.66rem!important;line-height:1.25}.economy-table th,.market-table th,.level-table th,.bonus-table th{font-size:.62rem!important}.table-scroll{overflow:auto}.market-table td small,.economy-table td small{font-size:.58rem}
.economy-summary,.population-summary,.power-summary,.defense-summary{gap:4px;padding:7px}.economy-summary>div,.population-summary>div,.power-summary>div,.defense-summary>div{padding:6px!important;border-radius:2px!important}.economy-summary b,.population-summary b,.power-summary b,.defense-summary b{font-size:.62rem}.economy-summary span,.population-summary span,.power-summary span,.defense-summary span{font-size:.78rem}.economy-summary small{font-size:.58rem}
/* Die separate Lagerkapazitätsbox wiederholt exakt die bereits sichtbaren Werte der Wirtschaftszusammenfassung. */
.economy-capacity-columns>section:first-child{display:none}.economy-capacity-columns{grid-template-columns:1fr}.capacity-note,.population-note,.effects-note,.bonus-note{display:none}
.planet-field-summary{gap:4px;padding:7px}.planet-field-summary>div{padding:6px}

/* Imperiumsübersicht: Ring bleibt, aber ohne unnötige Leerräume. */
.overview-statusline{grid-template-columns:1.5fr .65fr .65fr;gap:3px;padding:5px 7px}.overview-statusline>a{gap:5px;padding:5px 7px;border-radius:3px}.overview-statusline span{font-size:.55rem}.overview-statusline b,.overview-statusline time{font-size:.66rem}
.planet-orbit-wrap{width:min(580px,calc(100vw - 245px));height:min(580px,calc(100vw - 245px));min-width:500px;min-height:500px;max-width:580px;max-height:580px;margin:12px auto 10px}
.planet-hover-panel{width:220px;min-height:195px;padding:11px;border-radius:50%;box-shadow:0 10px 28px rgba(0,0,0,.3);font-size:.68rem}.planet-hover-panel>b{font-size:1rem}.planet-hover-panel>small{font-size:.6rem}.planet-hover-orders{width:88%;margin:7px auto 4px}.planet-hover-orders>div{grid-template-columns:55px 1fr auto;font-size:.58rem}.planet-hover-resources{width:91%;gap:2px}.planet-hover-resources span{font-size:.48rem}.planet-hover-resources b{font-size:.57rem}
.planet-orbit-node{width:124px}.planet-orbit-image{width:62px;height:62px}.planet-orbit-name{margin-top:3px;max-width:120px;font-size:.65rem}.planet-orbit-node>small{font-size:.51rem}.planet-build-label{bottom:calc(100% + 3px);width:138px;padding:3px 5px;border-radius:3px;font-size:.53rem}.planet-orbit-wrap.dense .planet-orbit-node{width:108px}.planet-orbit-wrap.dense .planet-orbit-image{width:52px;height:52px}.planet-orbit-wrap.dense .planet-build-label{width:122px}

/* Planetinfo: ETOA-Prinzip mit Tabs und knappen Datenzeilen. */
.planet-info-tabs{gap:2px;padding:4px 6px}.planet-info-tabs button{padding:5px 8px;font-size:.64rem;border-radius:2px}.planet-info-overview{min-height:220px;grid-template-columns:1fr 180px;gap:10px;padding:10px}.planet-info-copy h3{margin:0 0 7px;font-size:1rem}.planet-info-copy dl{gap:0}.planet-info-copy dl>div{grid-template-columns:92px 1fr;gap:7px;padding:3px 0}.planet-info-copy dt{font-size:.62rem}.planet-info-copy dd{font-size:.68rem}.planet-description{padding:6px 8px;margin:7px 0 0;font-size:.65rem;line-height:1.35}.planet-info-image{width:165px;height:165px;box-shadow:0 10px 25px rgba(0,0,0,.35)}.planet-identity-form{max-width:620px;gap:6px;padding:8px}.planet-identity-form textarea{min-height:72px;resize:vertical}.field-usage-summary{gap:4px;padding:7px}.field-usage-summary>div{padding:6px;border-radius:2px}.field-usage-summary b{font-size:.8rem}.field-progress{height:7px;margin:0 7px 7px;border-radius:2px}

/* Rathaus und sonstige Verwaltungsseiten: keine Dashboard-Deko. */
.townhall-columns{gap:7px}.townhall-news-form,.townhall-war-form{gap:6px;padding:8px}.townhall-news{padding:7px 9px}.townhall-news header b{font-size:.74rem}.townhall-news header small,.townhall-news p{font-size:.64rem}.townhall-news p{margin:5px 0 0;line-height:1.4}.townhall-war-row{padding:7px 9px}.townhall-note{display:none}.townhall-columns>.panel>.button-link{margin:0 8px 8px}
.diplomacy-intro-copy{padding:8px;gap:8px}.diplomacy-intro-copy p{font-size:.65rem}.diplomacy-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:6px}.diplomacy-card-head{padding:8px 8px 5px}.diplomacy-card-head h3{font-size:.8rem}.diplomacy-metrics{gap:3px;padding:0 8px 7px}.diplomacy-metrics>div{padding:5px}.diplomacy-event{margin:0 8px 7px;padding:5px 7px}.diplomacy-actions{gap:4px;padding:0 8px 8px}
.market-table th,.market-table td{padding:4px 6px}.market-create-columns{gap:7px}.market-form{gap:6px}.market-calculator{padding:6px 8px}.market-hero .market-intro{margin:0;font-size:.65rem;line-height:1.35}
.fleet-movement-list{gap:4px;padding:6px}.fleet-row-detailed{gap:5px 8px;padding:7px;border-radius:3px}.fleet-details{padding-top:5px}.fleet-detail-grid{gap:5px;margin-top:5px;padding:6px}.target-box,.blocking-message,.success-box{padding:7px 9px;border-radius:3px}

@media(max-width:1050px){
  .game-shell{grid-template-columns:175px minmax(0,1fr)}
  .resourcebar{grid-template-columns:repeat(4,minmax(82px,1fr))}
  .planet-orbit-wrap{width:520px;height:520px;min-width:520px;min-height:520px}
}
@media(max-width:800px){
  .game-shell{display:block}.topbar{position:sticky;height:auto;min-height:50px}.sidebar{position:relative;border-right:0;border-bottom:1px solid #29415f}.sidebar-hero{display:none}.planet-console{grid-template-columns:auto 1fr auto;align-items:center}.side-menu{display:flex;flex-wrap:wrap;gap:2px}.etoa-sidemenu h3{flex-basis:100%}.etoa-sidemenu a{flex:1 1 120px;border:1px solid rgba(77,103,137,.2);border-radius:2px!important}.viewport{padding:6px}.planet-orbit-wrap{width:520px;height:520px;min-width:520px;min-height:520px;transform:scale(.78);transform-origin:top center;margin-bottom:-105px}.planet-info-overview{grid-template-columns:1fr 135px}.planet-info-image{width:125px;height:125px}
}
@media(max-width:520px){
  .brand small{display:none}.etoa-topnav a{padding:5px 6px!important}.server-clock{display:none}.resourcebar{grid-template-columns:repeat(2,minmax(0,1fr))}.planet-orbit-wrap{transform:scale(.62);margin-bottom:-200px}.category-grid,.ship-card-grid,.object-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-panel .detail-grid,.ship-detail .detail-grid{grid-template-columns:1fr}.detail-image{min-height:180px}.planet-info-overview{grid-template-columns:1fr}.planet-info-image{grid-row:1;width:115px;height:115px}.field-usage-summary{grid-template-columns:repeat(2,1fr)}
}


/* 0.9.6 UI-Politur: sichere Overlays, saubere Ebenen und responsive Korrekturen */
.game-shell{isolation:isolate}
.topbar{z-index:200}
.sidebar{position:sticky;top:56px;align-self:start;height:calc(100vh - 56px);overflow-y:auto;overflow-x:hidden;z-index:20;scrollbar-width:thin}
.viewport{position:relative;z-index:30;min-width:0}
.content-area,.building-overview-panel,.building-overview-panel .category-grid,.ship-card-grid{position:relative;z-index:auto}

/* Kartenhinweise werden von JS am Viewport ausgerichtet. So verschwinden sie weder hinter
   der linken Navigation noch ausserhalb des sichtbaren Fensters. */
.card-tooltip.tooltip-floating{
  position:fixed!important;
  left:var(--tooltip-left,8px)!important;
  top:var(--tooltip-top,8px)!important;
  width:min(280px,calc(100vw - 16px))!important;
  max-height:min(420px,calc(100vh - 16px));
  overflow:auto;
  transform:none!important;
  z-index:1000!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.card-tooltip.tooltip-floating::before{
  left:var(--tooltip-arrow-x,50%)!important;
  top:-7px!important;
  bottom:auto!important;
}
.card-tooltip.tooltip-floating.tooltip-above::before{
  top:auto!important;
  bottom:-7px!important;
  border-left:0;
  border-top:0;
  border-right:1px solid #9aa8cc;
  border-bottom:1px solid #9aa8cc;
}
.building-card:hover,.building-card:focus-within,.technology-card:hover,.technology-card:focus-within,.ship-card:hover,.ship-card:focus-within{z-index:60}

/* Lange Zahlen und Titel dürfen keine Rasterzellen sprengen. */
.resource,.resource span,.resource small,.panel-title,.panel-title h2,.thumb-card,.ship-card,.object-card{min-width:0}
.resource span,.resource small,.detail-meta span,.economy-summary span,.population-summary span,.power-summary span,.defense-summary span{font-variant-numeric:tabular-nums}
.panel-title h2,.panel-title span,.thumb-name,.ship-card-copy b,.object-copy b{overflow-wrap:anywhere}

/* Formulare: ungültige alte CSS-Eigenschaft rows entfernt/ersetzt. */
.planet-identity-form textarea{min-height:72px;resize:vertical}

/* Tabellen, die vorher auf schmaleren Fenstern aus dem Panel liefen. */
.stats-table{display:block;width:100%;max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.report-table,.system-table{max-width:100%}
.table-scroll{max-width:100%;overscroll-behavior-inline:contain;scrollbar-width:thin}

/* Focus-Zustände waren beim Mouse-Design praktisch unsichtbar. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8ebcff;outline-offset:2px}
.thumb-card:focus-visible,.ship-card:focus-visible{outline-offset:1px}

@media(max-width:800px){
  .topbar{display:grid;grid-template-columns:minmax(110px,1fr) auto;gap:5px 8px;height:auto;min-height:50px;padding:5px 7px}
  .etoa-topnav{display:flex!important;justify-content:flex-end;flex-wrap:wrap;margin-left:0}
  .etoa-topnav a{white-space:nowrap}
  .server-clock{grid-column:1/-1;justify-self:end;display:none}
  .sidebar{position:relative;top:auto;height:auto;max-height:none;overflow:visible;z-index:20}
  .viewport{z-index:30}
  .planet-orbit-wrap{
    width:min(520px,100%);
    height:auto;
    aspect-ratio:1/1;
    min-width:0;
    min-height:0;
    transform:none;
    margin:8px auto 10px;
  }
  .planet-hover-panel{width:190px;min-height:170px;padding:9px}
  .planet-orbit-node{width:106px}
  .planet-orbit-image{width:54px;height:54px}
  .planet-orbit-name{max-width:104px;font-size:.61rem}
  .planet-build-label{width:120px;font-size:.5rem}
}
@media(max-width:520px){
  .brand{min-width:96px}.brand b{font-size:1.05rem}.brand span{font-size:.62rem}
  .etoa-topnav a{padding:5px!important;font-size:.63rem}
  .planet-orbit-wrap{width:100%;margin:6px auto 8px}
  .planet-hover-panel{width:154px;min-height:142px;padding:7px}
  .planet-hover-panel>b{font-size:.84rem}.planet-hover-orders{margin:4px auto 2px}.planet-hover-orders>div{grid-template-columns:42px 1fr;gap:2px}.planet-hover-orders>div small{grid-column:2}.planet-hover-resources{grid-template-columns:repeat(3,1fr)}
  .planet-orbit-node{width:88px}.planet-orbit-image{width:44px;height:44px}.planet-orbit-name{max-width:86px;font-size:.56rem}.planet-orbit-node>small{font-size:.45rem}.planet-build-label{width:100px;padding:2px 3px;font-size:.45rem}
}

/* 0.9.7 compact resource bar, larger build cards, cleaner economy */
.resourcebar{
  grid-template-columns:repeat(7,minmax(0,1fr)) 1.15fr;
  gap:8px;
  margin-bottom:14px;
}
.resource{
  --resource-accent:#d7e5ff;
  --resource-border:rgba(148,168,210,.32);
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:7px 10px;
  border-radius:4px;
  border:1px solid var(--resource-border);
  background:linear-gradient(180deg,rgba(10,20,44,.96),rgba(5,13,30,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.resource::before{display:none}
.resource-copy{display:grid;min-width:0;gap:1px;line-height:1.02}
.resource-copy b{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--resource-accent)}
.resource-copy span{font-size:1.22rem;font-weight:800;color:#fff;white-space:nowrap}
.resource-copy small{font-size:.66rem;color:#adbbd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-icon{
  width:30px;height:30px;flex:0 0 30px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.45));
}
.resource-icon::before{display:none}
.resource-titan{--resource-accent:#d8d2ca;--resource-border:rgba(196,190,182,.34)}
.resource-silicon{--resource-accent:#b9deff;--resource-border:rgba(120,175,255,.34)}
.resource-pvc{--resource-accent:#d7f6bb;--resource-border:rgba(138,214,102,.34)}
.resource-tritium{--resource-accent:#97b7ff;--resource-border:rgba(119,147,255,.34)}
.resource-food{--resource-accent:#ffd39a;--resource-border:rgba(246,180,78,.34)}
.resource-people{--resource-accent:#e7c8a1;--resource-border:rgba(206,161,100,.34)}
.resource-power{--resource-accent:#ffeb75;--resource-border:rgba(245,218,66,.34)}
.resource-icon-titan{background-image:url('icons/titan.png')}
.resource-icon-silicon{background-image:url('icons/silicon.png')}
.resource-icon-pvc{background-image:url('icons/pvc.png')}
.resource-icon-tritium{background-image:url('icons/tritium.png')}
.resource-icon-food{background-image:url('icons/food.png')}
.resource-icon-people{background-image:url('icons/people.png')}
.resource-icon-power{background-image:url('icons/power.png')}
.resource-power.resource-alert{border-color:rgba(255,128,128,.55)}

.category-grid{grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:12px;padding:12px 14px 18px}
.building-card .thumb-image{min-height:136px}
.building-card .thumb-name{display:none}
.building-card .thumb-title{
  position:absolute;left:0;right:0;top:0;z-index:2;padding:7px 8px;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.12));
  color:#fff;font-weight:800;font-size:.83rem;line-height:1.15;text-shadow:0 1px 2px rgba(0,0,0,.7)
}
.building-card .thumb-level{right:8px;bottom:8px;min-width:38px;height:30px;border-radius:3px;font-size:1rem}
.section-title{margin:8px 0 0;padding:8px 12px;font-size:1rem}
.active-order{margin:10px 14px 12px}

.etoa-economy-summary{display:grid;grid-template-columns:1fr;gap:0;padding:14px}
.etoa-economy-summary>div{
  display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.1fr) minmax(180px,1.4fr);
  gap:10px;align-items:center;padding:8px 10px;border:1px solid rgba(189,201,229,.18);
  border-top:0;background:rgba(12,18,30,.35)
}
.etoa-economy-summary>div:first-child{border-top:1px solid rgba(189,201,229,.18)}
.etoa-economy-summary b{color:#dfe9ff}
.etoa-economy-summary span{font-size:1.05rem;font-weight:800;color:#fff}
.etoa-economy-summary small{color:#b7c7e8;text-align:right}
.economy-inline-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 14px 14px}
.economy-inline-facts>div{display:grid;gap:4px;padding:9px 10px;border:1px solid rgba(162,178,214,.22);background:rgba(8,14,24,.3);border-radius:4px}
.economy-inline-facts b{font-size:.75rem;color:#c8d4ee;text-transform:uppercase;letter-spacing:.06em}
.economy-inline-facts span{font-size:1rem;font-weight:800;color:#fff}
.economy-table th,.economy-table td{padding:7px 9px}
.economy-table td small{display:block;margin-top:2px;font-size:.69rem;color:#adbcde}
.power-summary{padding:12px 14px;gap:8px}
.power-summary>div{padding:10px}

@media(max-width:1400px){
  .resourcebar{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .resourcebar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .economy-inline-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .etoa-economy-summary>div{grid-template-columns:1fr;gap:4px}
  .etoa-economy-summary small{text-align:left}
}
@media(max-width:760px){
  .resource{min-height:54px;padding:7px 8px}
  .resource-copy span{font-size:1.12rem}
  .resource-copy b{font-size:.67rem}
  .resource-icon{width:24px;height:24px;flex-basis:24px}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .building-card .thumb-image{min-height:118px}
}

/* 0.9.8 ETOA-artige Statistiken */
.stats-shell{overflow:visible}
.stats-mode-nav{display:flex;flex-wrap:wrap;gap:3px;padding:8px 10px 0}
.stats-mode-nav.secondary{padding-top:4px;padding-bottom:8px;border-bottom:1px solid rgba(151,171,211,.18)}
.stats-mode-nav a{padding:6px 10px;border:1px solid rgba(118,145,205,.42);background:linear-gradient(180deg,rgba(21,42,91,.9),rgba(10,23,56,.94));color:#dfe9ff;text-decoration:none;font-size:.72rem;font-weight:700;border-radius:3px}
.stats-mode-nav a:hover,.stats-mode-nav a.active{background:linear-gradient(180deg,rgba(55,91,180,.96),rgba(26,55,126,.98));border-color:rgba(157,185,244,.72);color:#fff}
.stats-mode-nav.secondary a{background:linear-gradient(180deg,rgba(35,43,59,.94),rgba(20,27,40,.96))}.stats-mode-nav.secondary a.active{background:linear-gradient(180deg,rgba(59,78,121,.96),rgba(31,47,81,.98))}
.stats-toolbar{display:flex;align-items:end;gap:8px;justify-content:space-between;padding:8px 10px;background:rgba(2,8,18,.28);border-bottom:1px solid rgba(151,171,211,.15)}
.stats-search{display:flex;align-items:end;gap:5px}.stats-search label{display:grid;gap:2px;font-size:.66rem;color:#aebbd6}.stats-search input{width:190px;min-height:29px;padding:5px 7px}.stats-search button,.stats-toolbar .compact-button{min-height:29px;padding:5px 9px;font-size:.68rem}
.stats-pager{display:flex;align-items:center;gap:5px;margin-left:auto}.stats-pager a,.stats-pager span{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 8px;border:1px solid rgba(130,153,203,.36);background:rgba(10,19,38,.75);border-radius:3px;text-decoration:none}.stats-pager a.disabled{opacity:.35;pointer-events:none}
.stats-shell .table-scroll{padding:10px;overflow-x:auto;overflow-y:visible}
.stats-shell .stats-table{display:table;width:100%;min-width:690px;border-collapse:collapse;white-space:nowrap;overflow:visible}
.stats-shell .stats-table caption{caption-side:top;padding:7px 10px;border:1px solid rgba(147,168,218,.35);border-bottom:0;background:linear-gradient(180deg,rgba(30,59,129,.94),rgba(16,37,88,.96));font-weight:800;text-align:center;color:#fff}
.stats-shell .stats-table th,.stats-shell .stats-table td{padding:6px 8px;border:1px solid rgba(168,187,228,.17);font-size:.72rem}
.stats-shell .stats-table th{background:linear-gradient(180deg,rgba(20,36,71,.94),rgba(11,24,50,.96));color:#eaf1ff}.stats-shell .stats-table th a{color:#8eb0ff;text-decoration:none;font-size:.6rem;margin-left:2px}
.stats-shell .stats-table tbody tr:nth-child(even){background:rgba(255,255,255,.018)}.stats-shell .stats-table tbody tr:hover{background:rgba(100,134,212,.09)}
.stats-shell .stats-table tr.stats-self{background:rgba(67,122,255,.17)}.stats-shell .stats-table tr.stats-ally{background:rgba(55,182,109,.11)}
.stats-rank a{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#fff;text-decoration:none}.stats-points{text-align:right!important;font-weight:800}.stats-npc{display:inline-block;margin-left:6px;padding:1px 4px;border:1px solid rgba(164,177,205,.3);border-radius:3px;color:#98a9c9;font-size:.54rem;vertical-align:middle}
.stats-shift{display:inline-flex;min-width:14px;justify-content:center;font-size:.65rem;font-weight:900}.stats-shift.up{color:#6cf08e}.stats-shift.down{color:#ff7b7b}.stats-shift.same{color:#8f9bb2}
.stats-empty{text-align:center!important;color:#9eacc7;padding:16px!important;font-style:italic}
.stats-legend,.stats-footer{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 10px;border-top:1px solid rgba(151,171,211,.16);background:rgba(5,11,23,.35);font-size:.64rem;color:#aebbd4}.stats-footer b{width:100%;color:#e5edff}.stats-self-sample{color:#82a8ff}.stats-ally-sample{color:#75d99c}
.stats-note.compact{margin:0;padding:7px 10px;border-top:1px solid rgba(151,171,211,.14);font-size:.64rem}
.stats-hover-anchor{position:relative;display:inline-flex;align-items:center;gap:6px}.stats-hover-anchor>b,.stats-hover-anchor>a{color:#fff;text-decoration:none}.stats-hover-anchor:hover>b,.stats-hover-anchor:hover>a{color:#cfe0ff}.stats-hover-card{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:120;width:410px;padding:8px 10px 10px;background:rgba(10,14,22,.985);border:1px solid rgba(138,154,196,.72);box-shadow:0 16px 38px rgba(0,0,0,.72)}.stats-hover-anchor:hover .stats-hover-card,.stats-hover-anchor:focus-within .stats-hover-card{display:block}.stats-hover-card header{display:grid;gap:2px;padding:0 0 6px}.stats-hover-card header b{font-size:.78rem;color:#f3f6ff}.stats-hover-card header span{font-size:.6rem;color:#c6d1e6}.stats-hover-card .stats-history-empty{padding:14px 8px;font-size:.62rem}.stats-hover-card::before{content:'';position:absolute;left:18px;top:-7px;width:12px;height:12px;transform:rotate(45deg);background:rgba(10,14,22,.985);border-left:1px solid rgba(138,154,196,.72);border-top:1px solid rgba(138,154,196,.72)}
.stats-history-box{margin:10px;border:1px solid rgba(126,153,213,.42);background:rgba(5,12,25,.8)}.stats-history-box>header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(144,165,211,.25)}.stats-history-box>header>div{display:grid;gap:2px}.stats-history-box>header b{font-size:.9rem}.stats-history-box>header span{font-size:.66rem;color:#b9c7e2}
.stats-history-chart{padding:8px 10px}.stats-history-chart svg{display:block;width:100%;height:190px;background:linear-gradient(180deg,#ececec,#dadada);border:1px solid rgba(94,111,155,.35)}.stats-history-chart.compact{padding:0}.stats-history-chart.compact svg{height:170px}.stats-grid-line{stroke:#b7b7b7;stroke-width:1}.stats-grid-line.vertical{stroke:#b3b3b3}.stats-grid-line.horizontal{stroke:#c8c8c8}.stats-history-line{fill:none;stroke:#3958d1;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.stats-history-axis{display:flex;justify-content:space-between;gap:8px;padding-top:5px;font-size:.61rem;color:#92a4c6}.stats-history-axis b{color:#dbe6ff}.stats-history-chart.compact .stats-history-axis{padding:4px 2px 0;font-size:.56rem}.stats-history-empty{padding:18px;text-align:center;color:#9baac7}
.stats-title-section{padding:10px}.stats-title-section+h3,.stats-title-section h3{margin:0 0 7px;padding:6px 8px;background:rgba(18,41,91,.68);border:1px solid rgba(136,160,213,.25);font-size:.82rem}.stats-title-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:6px}.stats-title-card{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;min-height:68px;padding:7px 9px;border:1px solid rgba(136,155,196,.24);background:rgba(6,13,26,.58)}.stats-title-card>div{display:grid;gap:2px}.stats-title-card b{font-size:.78rem;color:#eaf1ff}.stats-title-card strong{color:#ffe477;font-size:.8rem}.stats-title-card span,.stats-title-card small{font-size:.63rem;color:#aebddb}.stats-medal{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(217,194,107,.7);background:radial-gradient(circle at 35% 30%,#f6e6a1,#80641f 52%,#201a0c 72%);box-shadow:0 0 0 2px rgba(0,0,0,.5) inset}.stats-medal::after{content:"★";font-size:1.25rem;color:#101721;text-shadow:0 1px rgba(255,255,255,.25)}.stats-medal.fleet::after{content:"F"}.stats-medal.tech::after{content:"T"}.stats-medal.buildings::after{content:"B"}.stats-medal.exp::after{content:"E"}.stats-medal.battle::after{content:"K"}.stats-medal.trade::after{content:"H"}.stats-medal.diplomacy::after{content:"D"}.stats-medal.race::after{content:"R"}
.game-stats-heading{padding:10px}.game-stats-heading h3,.game-stats-section-title{margin:0 0 7px;padding:6px 8px;background:rgba(18,41,91,.68);border:1px solid rgba(136,160,213,.25);font-size:.82rem}.game-stats-section-title{margin:12px 10px 0}.game-stats-summary{display:flex;flex-wrap:wrap;gap:5px}.game-stats-summary span{display:flex;gap:5px;align-items:center;padding:5px 8px;border:1px solid rgba(130,150,191,.22);background:rgba(5,12,24,.55);font-size:.64rem}.game-stats-summary b{font-size:.76rem;color:#fff}
.game-stats-grid{display:grid;gap:8px;padding:0 10px 10px}.game-stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.game-stats-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.game-stats-grid section{border:1px solid rgba(130,151,196,.24);background:rgba(5,12,24,.46);overflow:auto}.game-stats-grid h4{margin:0;padding:6px 8px;background:rgba(22,42,82,.7);font-size:.7rem}.game-stats-grid table{width:100%;border-collapse:collapse}.game-stats-grid th,.game-stats-grid td{padding:4px 6px;border-top:1px solid rgba(163,181,218,.13);font-size:.62rem;text-align:left}.game-stats-grid td:not(:first-child),.game-stats-grid th:not(:first-child){text-align:right}
/* Spielstatistik: EtoA-Gliederung mit benachbarten Rekord- und Gesamtspalten. */
.etoa-game-stats .game-stats-grid{align-items:start;padding-top:8px}
.etoa-game-stats .game-stats-card{min-width:0;border-color:rgba(130,151,196,.4)}
.etoa-game-stats .game-stats-table{font-variant-numeric:tabular-nums}
.etoa-game-stats caption{text-align:left;padding:7px 8px;background:linear-gradient(180deg,#213b6d,#142b52);color:#eef4ff;font-size:.72rem;font-weight:700;line-height:1.4}
.etoa-game-stats thead{background:rgba(28,50,87,.65);color:#cbdaf2}
.etoa-game-stats .game-stats-table th,.etoa-game-stats .game-stats-table td{vertical-align:top;border-right:1px solid rgba(163,181,218,.1);line-height:1.5}
.etoa-game-stats .game-stats-table tr>:last-child{border-right:0}
.etoa-game-stats .game-stats-table .stat-name{text-align:left;overflow-wrap:break-word}
.etoa-game-stats .game-stats-table .stat-number{text-align:right}
.etoa-game-stats .game-stats-table td.stat-number{white-space:nowrap}
.etoa-game-stats .game-stats-table .stat-rank{width:1%;text-align:right;color:#8da3c8;white-space:nowrap}
.etoa-game-stats tbody tr:nth-child(even){background:rgba(57,84,135,.1)}
.etoa-game-stats tbody tr:hover{background:rgba(70,108,176,.18)}
.etoa-game-stats tfoot{background:rgba(26,48,86,.8);color:#f0f5ff;font-weight:700}
.etoa-game-stats .game-stats-table tfoot th{text-align:left}
.etoa-game-stats .game-stats-table .stats-empty{text-align:center;padding:16px 8px;white-space:normal}
.etoa-game-stats .game-stats-section-title span{font-weight:400;color:#b9c9e4}
@media(max-width:1000px){.stats-toolbar{flex-wrap:wrap}.stats-pager{margin-left:0}.game-stats-grid.three,.game-stats-grid.two{grid-template-columns:1fr}.stats-title-list{grid-template-columns:1fr}}
@media(max-width:620px){.stats-mode-nav a{flex:1 1 calc(33.333% - 4px);text-align:center;padding:6px 5px;font-size:.64rem}.stats-search{width:100%;flex-wrap:wrap}.stats-search label{flex:1}.stats-search input{width:100%}.stats-history-chart svg{height:150px}.stats-hover-card{width:min(92vw,410px);left:-8px}}

/* 0.10.0 ETOA-Schiffskatalog */
.ship-action-mini,.ship-actions-box{display:flex;flex-wrap:wrap;gap:4px}.ship-action-mini{margin-top:4px}.ship-action-mini span,.ship-actions-box span{padding:3px 6px;border:1px solid rgba(110,151,220,.35);background:rgba(25,52,104,.35);border-radius:3px;font-size:.59rem;color:#cfe0ff}.ship-actions-box{margin-top:9px;padding:8px;border:1px solid rgba(111,140,197,.24);background:rgba(5,13,28,.42)}.ship-actions-box>b{width:100%;font-size:.68rem;color:#f1f5ff;text-transform:uppercase;letter-spacing:.05em}.ship-actions-box.standalone{margin:10px}.ship-etou-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.ship-etou-data span{display:grid;gap:2px;padding:6px;border:1px solid rgba(117,140,184,.2);background:rgba(7,14,27,.42);font-size:.62rem;color:#9fb0cf}.ship-etou-data b{font-size:.7rem;color:#fff}.report-data-table{width:100%;border-collapse:collapse}.report-data-table th,.report-data-table td{padding:5px 7px;border:1px solid rgba(160,178,218,.17);font-size:.68rem;text-align:right}.report-data-table th:first-child,.report-data-table td:first-child{text-align:left}.report-data-table thead th{background:rgba(23,48,103,.55)}
@media(max-width:760px){.ship-etou-data{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 0.10.0 – ETOA-Schiffsaktionen */
.ship-action-note{margin:7px 0 10px;padding:7px 9px;border-left:3px solid rgba(104,151,255,.7);background:rgba(13,31,68,.32);color:#aebddd;font-size:.68rem;line-height:1.45}
.ship-action-note b{color:#e6efff}
.ship-etou-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:5px;margin:8px 0}
.ship-etou-data>span{display:flex;justify-content:space-between;gap:8px;padding:5px 7px;border:1px solid rgba(126,149,195,.18);background:rgba(10,18,31,.34);font-size:.66rem;color:#9fb0d1}
.ship-etou-data b{color:#edf4ff;font-weight:800}
.ship-actions-box{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:7px 0}
.ship-actions-box>b{width:100%;font-size:.69rem;color:#d9e5fb}
.ship-actions-box>span{padding:3px 6px;border:1px solid rgba(99,134,206,.32);background:rgba(18,42,91,.42);border-radius:3px;font-size:.61rem;color:#cfe0ff}

/* 0.10.1 ETOA Schiffskatalog Phase 2 */
.special-bonus-box{margin-top:8px;border-color:rgba(177,104,255,.42);background:linear-gradient(180deg,rgba(71,28,99,.25),rgba(20,13,35,.38))}
.special-bonus-box span{border-color:rgba(194,126,255,.28);color:#e7ccff}
.etoa-catalog-panel{margin-top:12px}
.etoa-catalog-panel .table-scroll{max-height:560px;overflow:auto}
.etoa-catalog-panel table{min-width:980px}
.ship-catalog-actions{white-space:normal}
.ship-catalog-actions span{display:inline-block;margin:1px 3px 1px 0;padding:2px 5px;border:1px solid rgba(112,142,200,.24);background:rgba(14,29,58,.45);border-radius:3px;font-size:.64rem;color:#c9d8f4}

/* 0.10.2 ETOA-artige Hilfe */
.help-shell{overflow:visible}
.help-nav{display:flex;flex-wrap:wrap;gap:5px;padding:10px 12px;border-bottom:1px solid rgba(135,158,202,.2);background:rgba(4,10,22,.38)}
.help-nav a{padding:7px 13px;border:1px solid rgba(116,143,198,.42);background:linear-gradient(180deg,rgba(31,65,117,.9),rgba(10,27,57,.95));color:#dce8ff;text-decoration:none;font-weight:700;font-size:.76rem}
.help-nav a:hover,.help-nav a.active{border-color:#7aa8ff;background:linear-gradient(180deg,#315f9d,#17375f);color:#fff}
.help-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px}
.help-intro b{font-size:1rem;color:#f0f5ff}.help-intro p{margin:4px 0 0;color:#aebdda;max-width:900px;font-size:.78rem;line-height:1.45}
.help-search{display:flex;gap:6px;align-items:center;min-width:min(500px,45vw)}.help-search input{min-width:220px;flex:1}.help-search button{white-space:nowrap}
.help-object-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:0 14px 16px}
.help-object-card{display:grid;grid-template-columns:88px 1fr;min-height:88px;border:1px solid rgba(129,150,192,.26);background:linear-gradient(180deg,rgba(16,29,52,.82),rgba(7,14,28,.88));text-decoration:none;color:#dfe8f8;overflow:hidden;transition:border-color .12s,transform .12s,background .12s}
.help-object-card:hover{border-color:#6c99df;background:linear-gradient(180deg,rgba(29,52,88,.94),rgba(10,21,40,.94));transform:translateY(-1px)}
.help-object-card img,.help-image-placeholder{width:88px;height:88px;object-fit:cover;background:linear-gradient(135deg,#17253c,#090f1a)}
.help-object-card>div:last-child{padding:8px 9px;min-width:0}.help-object-card b{display:block;color:#fff;font-size:.82rem}.help-object-card small{display:block;margin-top:3px;color:#8fb6ee;font-size:.62rem}.help-object-card p{margin:5px 0 0;color:#aab6cd;font-size:.67rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.help-detail-toolbar{justify-content:space-between}.help-detail-toolbar>span{color:#8298bc;font-size:.68rem}
.help-detail-head{display:grid;grid-template-columns:minmax(230px,360px) 1fr;gap:18px;padding:14px;border-bottom:1px solid rgba(132,154,198,.2)}
.help-detail-head>img{width:100%;max-height:290px;object-fit:cover;border:1px solid rgba(151,172,214,.35);background:#060b13}.help-detail-head h3{margin:2px 0 8px;color:#fff;font-size:1.35rem}.help-detail-head p{margin:0;color:#bdc9df;line-height:1.55;font-size:.82rem;max-width:1000px}
.help-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.help-tags span{padding:4px 7px;border:1px solid rgba(107,145,207,.36);background:rgba(29,62,109,.38);color:#cfe0ff;font-size:.64rem}.help-tags .warn{border-color:rgba(222,157,72,.48);background:rgba(112,66,18,.32);color:#ffd39b}
.help-detail-section{padding:14px;border-bottom:1px solid rgba(132,154,198,.18)}.help-detail-section:last-child{border-bottom:0}.help-detail-section h3{margin:0 0 10px;color:#dce8ff;font-size:.88rem;text-transform:uppercase;letter-spacing:.05em}
.help-resource-values{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px}.help-resource{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:7px 9px;border:1px solid rgba(128,148,185,.24);background:rgba(4,10,20,.42)}.help-resource .resource-icon{grid-row:1/3}.help-resource b{font-size:.63rem;color:#aebbd1;text-transform:uppercase}.help-resource strong{font-size:.9rem;color:#fff}
.help-resource-titan{border-color:rgba(196,190,182,.26)}.help-resource-silicon{border-color:rgba(120,175,255,.3)}.help-resource-pvc{border-color:rgba(138,214,102,.3)}.help-resource-tritium{border-color:rgba(119,147,255,.3)}.help-resource-food{border-color:rgba(246,180,78,.3)}
.help-value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:6px}.help-value-grid>span{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid rgba(128,148,185,.21);background:rgba(5,11,22,.38);color:#aab7ce;font-size:.69rem}.help-value-grid b{color:#f0f5ff;text-align:right}
.help-subvalues{display:grid;gap:6px;margin-top:8px}.help-subvalues>div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:8px 9px;background:rgba(15,26,45,.48);border-left:2px solid #315f9d}.help-subvalues b{color:#cfe0ff;font-size:.7rem}.help-subvalues span{color:#b8c4d8;font-size:.68rem}
.help-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:10px}.help-actions>b{margin-right:4px;color:#cfe0ff;font-size:.7rem}.help-actions>span{padding:4px 7px;background:#162d50;border:1px solid #315f88;color:#d9e7ff;font-size:.62rem}
.help-note{margin:9px 0 0;color:#98a8c3;font-size:.68rem;line-height:1.45}.help-note b{color:#dbe6fa}
.help-requirement-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:7px}.help-requirement{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 9px;border:1px solid rgba(122,142,179,.27);background:rgba(7,14,26,.46);text-decoration:none}.help-requirement span{color:#e3eaf7;font-weight:700;font-size:.72rem}.help-requirement b{color:#fff;font-size:.72rem}.help-requirement small{grid-column:1/-1;color:#8fa1bd;font-size:.61rem}.help-requirement.met{border-left:3px solid #4d9f6c}.help-requirement.missing{border-left:3px solid #b76a4e}.help-requirement.alliance{border-left:3px solid #8261c7}.help-requirement:hover{background:rgba(24,43,71,.55)}.help-no-requirements{padding:9px 10px;border:1px solid rgba(100,150,111,.28);background:rgba(21,69,38,.2);color:#b9dbbe;font-size:.7rem}
@media(max-width:900px){.help-intro{align-items:stretch;flex-direction:column}.help-search{min-width:0;width:100%}.help-detail-head{grid-template-columns:1fr}.help-detail-head>img{max-width:480px}.help-resource-values{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:600px){.help-object-grid{grid-template-columns:1fr;padding:0 8px 12px}.help-object-card{grid-template-columns:74px 1fr}.help-object-card img,.help-image-placeholder{width:74px;height:74px}.help-resource-values{grid-template-columns:1fr}.help-subvalues>div{grid-template-columns:1fr}.help-nav a{flex:1 1 calc(50% - 5px);text-align:center}}

/* 0.11.0 ETOA-Wurmlöcher, Allianzangriffe und gemeinsame Projekte */
.wormhole-row{background:linear-gradient(90deg,rgba(40,18,78,.42),rgba(8,21,45,.28))}.wormhole-row td{border-top-color:rgba(169,118,255,.28)!important;border-bottom-color:rgba(93,167,255,.2)!important}.wormhole-icon{display:inline-grid;place-items:center;min-width:32px;height:24px;margin-right:6px;border:1px solid rgba(168,118,255,.58);border-radius:999px;background:radial-gradient(circle,rgba(65,172,255,.52),rgba(108,51,170,.36) 48%,rgba(6,10,22,.8) 72%);color:#f1e8ff;font-size:.62rem;font-weight:900;letter-spacing:.05em;box-shadow:0 0 14px rgba(116,87,255,.2)}
.wormhole-route-select{border-color:rgba(138,112,229,.48);background-color:rgba(17,20,47,.92)}
.alliance-project-panel{border-top:1px solid rgba(132,158,215,.25);margin-top:10px;padding-top:8px}.alliance-project-panel>h3{margin:0 0 7px;padding:6px 8px;background:linear-gradient(180deg,rgba(31,55,111,.76),rgba(14,31,69,.76));border:1px solid rgba(129,154,211,.25);font-size:.78rem}.alliance-project-queue{display:grid;gap:5px;margin:7px 8px;padding:7px 8px;border:1px solid rgba(110,147,210,.28);background:rgba(4,12,27,.55)}.alliance-project-queue>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;align-items:center;font-size:.66rem}.alliance-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:7px;padding:0 8px 8px}.alliance-project-card{display:grid;gap:6px;padding:8px;border:1px solid rgba(124,149,201,.28);background:rgba(6,14,28,.55)}.alliance-project-card h4{margin:0;font-size:.73rem;color:#eef4ff}.alliance-project-card p{margin:0;font-size:.63rem;line-height:1.4;color:#aebbd2}.alliance-project-card .project-meta{display:flex;flex-wrap:wrap;gap:4px}.alliance-project-card .project-meta span{padding:3px 5px;border:1px solid rgba(111,143,204,.25);background:rgba(13,31,65,.46);font-size:.58rem;color:#cbd9f2}.alliance-attack-box{margin:8px 0;padding:8px;border:1px solid rgba(206,100,86,.34);background:rgba(55,15,17,.25)}.alliance-attack-box h3{margin:0 0 6px;font-size:.76rem}.alliance-attack-box .ship-action-note{margin:5px 0}
@media(max-width:700px){.alliance-project-grid{grid-template-columns:1fr}.alliance-project-queue>div{align-items:flex-start;flex-direction:column}}

/* 0.11.2 · ETOA-Auktionen und Rohstoffbunker */
.auction-bid-form{min-width:300px;display:grid;gap:8px}.auction-bid-grid{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:6px}.auction-bid-grid label{font-size:.78rem;color:var(--muted,#9aa7b8);display:grid;gap:3px}.auction-bid-grid input{min-width:0}.market-table .auction-bid-form button{justify-self:start}.market-history-row .resource-effect{display:inline-flex;flex-wrap:wrap;gap:5px}
@media(max-width:800px){.auction-bid-grid{grid-template-columns:1fr}.auction-bid-form{min-width:220px}}

/* 0.11.3 · ETOA-artige Allianzpolitik */
.inline-rank-form{display:flex;gap:6px;align-items:center;min-width:180px}.inline-rank-form select{min-width:110px}.alliance-admin-box{margin-top:14px;border:1px solid rgba(140,180,220,.22);border-radius:10px;padding:10px 12px;background:rgba(9,18,28,.42)}.alliance-admin-box>summary{cursor:pointer;font-weight:700}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px;margin:10px 0}.rights-grid label{display:flex;align-items:center;gap:7px}.alliance-politics-panel .relation-list,.relation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.alliance-relation-card{border-left:3px solid rgba(90,170,230,.65)}.alliance-diplomacy-forms{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:16px}.danger-zone{border:1px solid rgba(220,90,90,.25);padding:12px;border-radius:10px;background:rgba(90,15,15,.10)}.poll-card{border:1px solid rgba(130,170,210,.20);border-radius:10px;padding:12px;margin:10px 0;background:rgba(8,17,27,.45)}.poll-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.poll-card header small{color:var(--muted)}.poll-options{display:grid;gap:7px;margin-top:10px}.poll-options>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px;border-radius:8px;background:rgba(255,255,255,.035)}.poll-options form{margin:0}.alliance-history-list{display:grid;gap:2px}.alliance-history-list article{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.alliance-history-list time{color:var(--muted);font-size:.88em}.alliance-history-list p{margin:3px 0}.alliance-history-list small{color:var(--muted)}@media(max-width:850px){.alliance-diplomacy-forms{grid-template-columns:1fr}.alliance-history-list article{grid-template-columns:1fr}.poll-options>div{grid-template-columns:1fr auto}.poll-options form{grid-column:1/-1}.inline-rank-form{min-width:0;flex-wrap:wrap}}


/* 0.11.7: Allianz-Tabs und neue Weltraumillustrationen */
.entity-thumb{width:58px;height:58px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.24);display:block;background:#030712;box-shadow:0 0 14px rgba(80,120,220,.18)}
.space-resource-row .entity-thumb,.wormhole-row .entity-thumb{border-radius:12px;width:58px;height:58px}
.alliance-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.alliance-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(137,160,211,.38);border-radius:999px;background:linear-gradient(180deg,rgba(31,58,122,.88),rgba(15,29,71,.92));color:#eef4ff;text-decoration:none;font-weight:700;font-size:.86rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.alliance-tabs a:hover{background:linear-gradient(180deg,rgba(56,88,170,.95),rgba(20,40,96,.95))}
.warning-box{border-color:#d5a24f!important;background:rgba(95,64,16,.32)!important}
.warning-box b{color:#ffe6ae}
@media(max-width:700px){.alliance-tabs a{flex:1 1 calc(50% - 8px);justify-content:center;border-radius:10px}}


/* 0.11.8 – ETOA-naehere Galaxieansicht */
.galaxy-panel-etoa .panel-title{margin-bottom:0}
.galaxy-toolbar{padding:10px 14px 2px}
.sector-mini-map{display:grid;grid-template-columns:repeat(var(--sector-cols),minmax(0,1fr));gap:6px;max-width:240px}
.sector-mini{display:grid;place-items:center;min-height:34px;border:1px solid rgba(146,165,214,.3);background:linear-gradient(180deg,rgba(25,40,86,.72),rgba(8,16,42,.9));border-radius:6px;color:#dce7ff;font-size:.8rem;font-weight:700;text-decoration:none}
.sector-mini.active{border-color:#b7cdff;background:linear-gradient(180deg,rgba(56,86,184,.92),rgba(18,34,83,.98));box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 16px rgba(77,129,255,.2)}
.sector-stage{position:relative;padding:18px 42px 20px}
.sector-board{width:min(100%,760px);margin:0 auto;display:grid;gap:8px}
.x-labels{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:4px;padding:0 32px}
.x-labels span,.y-labels span{display:grid;place-items:center;color:#9fb6ea;font-weight:800;font-size:.82rem;text-shadow:0 0 10px rgba(33,86,198,.45)}
.sector-middle{display:grid;grid-template-columns:24px 1fr 24px;gap:8px;align-items:stretch}
.y-labels{display:grid;grid-template-rows:repeat(var(--grid-rows),1fr);gap:4px}
.sector-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);grid-template-rows:repeat(var(--grid-rows),1fr);gap:4px;aspect-ratio:1/1;padding:4px;border:1px solid rgba(180,200,245,.2);background:radial-gradient(circle at 50% 40%,rgba(19,29,61,.45),rgba(4,8,18,.95));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.sector-cell{position:relative;display:block;aspect-ratio:1/1;border:1px solid rgba(120,136,180,.18);background:#05070d;overflow:hidden}
.sector-cell-form{display:block;margin:0;padding:0;aspect-ratio:1/1;min-width:0;min-height:0}.sector-cell-form>.sector-cell{width:100%;height:100%;padding:0;margin:0;cursor:pointer;font:inherit;appearance:none;-webkit-appearance:none}
.sector-cell img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) brightness(.95)}
.sector-cell.star-cell:hover{transform:scale(1.05);z-index:2;box-shadow:none;border-color:rgba(189,209,255,.30)}
.sector-cell.empty{background:rgba(12,15,22,.94);border-style:dashed;border-color:rgba(105,118,150,.28)}
.sector-cell.unknown{background:rgba(48,52,60,.95);border-color:rgba(128,132,140,.35)}
.sector-cell.unknown:hover{background:rgba(66,71,81,.98);border-color:rgba(170,176,188,.45)}
.occupied-badge{position:absolute;right:3px;bottom:3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:rgba(12,28,74,.9);border:1px solid rgba(164,190,255,.42);font-size:.66rem;font-weight:800;color:#eaf2ff}
.sector-arrow{position:absolute;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(123,151,225,.34);background:linear-gradient(180deg,rgba(32,54,128,.92),rgba(10,22,62,.95));color:#eef4ff;text-decoration:none;font-size:1rem;font-weight:900;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 14px rgba(59,106,218,.22)}
.sector-arrow:hover{background:linear-gradient(180deg,rgba(54,85,183,.98),rgba(16,31,78,.98))}
.sector-arrow.up{left:50%;top:0;transform:translate(-50%,0)}
.sector-arrow.down{left:50%;bottom:0;transform:translate(-50%,0)}
.sector-arrow.left{left:0;top:50%;transform:translate(0,-50%)}
.sector-arrow.right{right:0;top:50%;transform:translate(0,-50%)}
@media(max-width:850px){.sector-stage{padding:18px 34px 20px}.x-labels{padding:0 28px}.sector-middle{grid-template-columns:20px 1fr 20px;gap:6px}.x-labels span,.y-labels span{font-size:.72rem}.sector-grid{gap:3px}}

/* 0.11.10 – ETOA-artiger dreistufiger Flottenstart */
.fleet-wizard-panel{overflow:visible}.fleet-wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}.fleet-wizard-steps span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgba(139,158,202,.28);background:rgba(8,15,32,.62);color:#94a2bd;font-weight:700}.fleet-wizard-steps span b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.08)}.fleet-wizard-steps span.active{border-color:#7fa7ff;background:linear-gradient(180deg,rgba(37,72,151,.9),rgba(13,28,66,.96));color:#fff}.fleet-wizard-steps span.done{color:#c9dcff;border-color:rgba(89,132,224,.45)}
.fleet-wizard-intro{display:grid;gap:4px;margin-bottom:12px;padding:10px 12px;border-left:3px solid #587ed8;background:rgba(24,46,92,.22)}.fleet-wizard-intro b{font-size:1rem}.fleet-wizard-intro span{color:#aebbd1}.fleet-ship-table{width:100%;min-width:680px}.fleet-ship-table td,.fleet-ship-table th{vertical-align:middle}.fleet-ship-table td small{display:block;color:#8390aa;margin-top:3px}.fleet-ship-table input:is([type=number],[data-game-number]){width:92px}.fleet-ship-pic{width:58px}.fleet-ship-pic img{width:48px;height:48px;object-fit:contain;background:#02050a;border:1px solid rgba(255,255,255,.14)}
.fleet-wizard-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.fleet-wizard-back{margin-top:14px}.fleet-selection-summary{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border:1px solid rgba(124,148,202,.24);background:rgba(5,12,26,.48)}.fleet-selection-summary>div{display:flex;flex-wrap:wrap;gap:6px}.fleet-selection-summary span{padding:4px 8px;border:1px solid rgba(113,143,208,.25);background:rgba(25,49,100,.34);font-size:.82rem}.fleet-target-columns{align-items:start}.fleet-target-picker,.fleet-target-preview{min-width:0}.fleet-coordinate-form{display:grid;gap:10px}.coordinate-grid{display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:8px}.coordinate-grid label{display:grid;gap:4px}.coordinate-grid small{color:#7e8aa3}.fleet-favorite-targets{margin-top:16px;display:grid;gap:7px}.fleet-favorite-targets>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.fleet-favorite-targets span{display:grid}.fleet-favorite-targets small{color:#8794ad}.fleet-flight-preview{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;margin-top:10px}.fleet-flight-preview.compact{grid-template-columns:repeat(4,minmax(110px,1fr));margin-bottom:14px}.fleet-flight-preview>div{display:grid;gap:2px;padding:8px 10px;border:1px solid rgba(126,151,204,.25);background:rgba(7,16,35,.48)}.fleet-flight-preview b{font-size:.72rem;text-transform:uppercase;color:#90a1c1}.fleet-flight-preview span{font-weight:700;color:#fff}.fleet-action-step{display:grid;gap:12px}.fleet-action-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.fleet-action-options label{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid rgba(126,149,197,.26);background:rgba(8,15,30,.52);cursor:pointer}.fleet-action-options label:has(input:checked){border-color:#7fa7ff;background:rgba(30,61,126,.42)}.fleet-action-options input{margin-top:3px}.fleet-action-options span{display:grid;gap:3px}.fleet-action-options small{color:#8795ae;line-height:1.35}
@media(max-width:850px){.coordinate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-flight-preview,.fleet-flight-preview.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-wizard-steps span{font-size:.82rem}}


/* 0.11.11 – ETOA-ähnliche Aktionsicons in der Systemansicht */
.system-action-stack{display:grid;gap:8px}
.system-action-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.system-action-form{display:inline-flex;margin:0}
.system-action-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(154,171,209,.3);background:linear-gradient(180deg,rgba(26,36,63,.92),rgba(9,15,31,.98));border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);text-decoration:none;cursor:pointer}
.system-action-icon img{width:18px;height:18px;object-fit:contain;display:block}
.system-action-icon:hover{border-color:rgba(211,220,245,.48);background:linear-gradient(180deg,rgba(46,64,110,.98),rgba(14,24,51,.98))}
.system-action-icon.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.15)}
.system-action-icon.disabled:hover{border-color:rgba(154,171,209,.3);background:linear-gradient(180deg,rgba(26,36,63,.92),rgba(9,15,31,.98))}
.system-table td:last-child{min-width:210px}

/* 0.11.12 – Raumhafen und ETOA-artige Raumschiffwerft */
.shipyard-info-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:12px 14px;border:1px solid rgba(167,184,222,.32);background:rgba(34,38,50,.72)}
.shipyard-info-box>div{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(70px,.65fr);align-items:center;min-height:38px;border-right:1px solid rgba(167,184,222,.18)}
.shipyard-info-box>div:last-child{border-right:0}.shipyard-info-box span{padding:7px 9px;color:#d6deef;font-size:.78rem}.shipyard-info-box b{height:100%;display:flex;align-items:center;padding:7px 9px;background:rgba(9,15,28,.42);color:#fff;font-size:.82rem}
.etoa-ship-build-list{display:grid;gap:14px;padding:0 14px 16px}.etoa-ship-category{border:1px solid rgba(154,171,211,.30);background:rgba(29,31,39,.78)}.etoa-ship-category>h3{margin:0;padding:6px 10px;text-align:center;font-size:.9rem;letter-spacing:.02em;color:#eef3ff;background:linear-gradient(180deg,rgba(29,57,123,.98),rgba(15,33,79,.98));border-bottom:1px solid rgba(172,191,235,.26)}
.etoa-ship-build-row{display:grid;grid-template-columns:126px minmax(0,1fr);border-bottom:1px solid rgba(188,197,218,.25);background:linear-gradient(90deg,rgba(47,49,58,.90),rgba(57,59,69,.86))}.etoa-ship-build-row:last-child{border-bottom:0}.etoa-ship-build-row.build-blocked{background:linear-gradient(90deg,rgba(44,45,52,.84),rgba(51,52,60,.80))}
.etoa-ship-build-image{display:flex;align-items:center;justify-content:center;min-height:126px;padding:5px;background:#020307;border-right:1px solid rgba(188,197,218,.24)}.etoa-ship-build-image img{display:block;width:100%;height:116px;object-fit:contain}.etoa-ship-build-body{min-width:0}.etoa-ship-build-body h4{margin:0;padding:4px 7px;border-bottom:1px solid rgba(188,197,218,.20);background:rgba(18,19,23,.45);font-size:.94rem}.etoa-ship-build-body h4 a{color:#fff;text-decoration:none}.etoa-ship-build-body h4 a:hover{text-decoration:underline}.etoa-ship-build-body>p{min-height:34px;margin:0;padding:6px 8px;color:#e1e5ed;font-size:.76rem;line-height:1.35;border-bottom:1px solid rgba(188,197,218,.16)}
.etoa-ship-build-controls{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(150px,.7fr) minmax(310px,1.6fr);border-bottom:1px solid rgba(188,197,218,.18)}.etoa-stock,.etoa-buildtime{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-right:1px solid rgba(188,197,218,.18)}.etoa-stock span,.etoa-buildtime span{padding:6px 7px;font-weight:700;color:#e9edf6}.etoa-stock b,.etoa-buildtime b{height:100%;display:flex;align-items:center;padding:6px 7px;background:rgba(14,17,24,.38);font-weight:700;color:#fff}
.etoa-build-form{display:grid;grid-template-columns:minmax(150px,1fr) auto auto auto;gap:5px;align-items:center;margin:0;padding:4px 6px}.etoa-build-form label{display:flex;align-items:center;gap:7px;margin:0}.etoa-build-form label span{white-space:nowrap;font-weight:700;color:#eef2fa;font-size:.76rem}.etoa-build-form input:is([type=number],[data-game-number]){width:76px;min-height:28px;padding:4px 6px}.etoa-build-form button{min-height:28px;padding:4px 9px;font-size:.70rem}.etoa-build-form .ship-max-button,.etoa-build-form .ship-optimize-button{background:transparent;border:0;box-shadow:none;text-decoration:underline;color:#c5d3ef;padding-left:3px;padding-right:3px}.etoa-build-form .ship-max-button:hover:not(:disabled),.etoa-build-form .ship-optimize-button:hover:not(:disabled){color:#fff;background:transparent}.etoa-build-form .ship-max-button:disabled,.etoa-build-form .ship-optimize-button:disabled{opacity:.4;text-decoration:none}
.etoa-ship-costs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.etoa-ship-costs>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-right:1px solid rgba(188,197,218,.18)}.etoa-ship-costs>div:last-child{border-right:0}.etoa-ship-costs span{padding:6px 7px;color:#eef2f8;font-weight:700;font-size:.75rem}.etoa-ship-costs b{height:100%;display:flex;align-items:center;padding:6px 7px;background:rgba(14,17,24,.32);font-size:.76rem}.etoa-ship-costs .cost-missing b{color:#ff9c9c}.etoa-build-note{display:block;padding:5px 8px;border-top:1px solid rgba(188,197,218,.14);color:#d0b682;background:rgba(75,55,19,.14)}
.spaceport-inventory-panel .table-scroll{padding:10px 14px 14px}.spaceport-ship-table{width:100%;border-collapse:collapse;min-width:720px}.spaceport-ship-table th,.spaceport-ship-table td{padding:7px 9px;border:1px solid rgba(166,183,219,.18);vertical-align:middle}.spaceport-ship-table th{background:linear-gradient(180deg,rgba(25,45,91,.92),rgba(12,27,62,.96));color:#eef3ff}.spaceport-ship-table tbody tr:nth-child(even){background:rgba(255,255,255,.018)}.spaceport-ship-table td small{display:block;margin-top:3px;color:#8f9db8}.spaceport-ship-image{width:70px}.spaceport-ship-image img{display:block;width:56px;height:44px;object-fit:contain;background:#02050a;border:1px solid rgba(255,255,255,.14)}
@media(max-width:1050px){.shipyard-info-box{grid-template-columns:repeat(2,minmax(0,1fr))}.shipyard-info-box>div:nth-child(2){border-right:0}.etoa-ship-build-controls{grid-template-columns:1fr 1fr}.etoa-build-form{grid-column:1/-1;border-top:1px solid rgba(188,197,218,.16)}}
@media(max-width:760px){.shipyard-info-box{grid-template-columns:1fr}.shipyard-info-box>div{border-right:0;border-bottom:1px solid rgba(167,184,222,.18)}.shipyard-info-box>div:last-child{border-bottom:0}.etoa-ship-build-list{padding-left:8px;padding-right:8px}.etoa-ship-build-row{grid-template-columns:92px minmax(0,1fr)}.etoa-ship-build-image{min-height:98px}.etoa-ship-build-image img{height:88px}.etoa-ship-build-controls{grid-template-columns:1fr}.etoa-stock,.etoa-buildtime{border-right:0;border-bottom:1px solid rgba(188,197,218,.16)}.etoa-build-form{grid-template-columns:1fr auto auto}.etoa-build-form .ship-max-button,.etoa-build-form .ship-optimize-button{justify-self:start}.etoa-ship-costs{grid-template-columns:1fr}.etoa-ship-costs>div{border-right:0;border-bottom:1px solid rgba(188,197,218,.12)}.etoa-ship-costs>div:last-child{border-bottom:0}}

/* 0.11.13 – ETOA-artige Kampfberichte und grün leuchtende Berichte-Schaltfläche */
.side-menu a.unread-notification{position:relative;border-color:rgba(96,255,135,.95)!important;background:linear-gradient(180deg,rgba(20,92,42,.95),rgba(10,52,24,.98))!important;box-shadow:0 0 0 1px rgba(162,255,187,.28) inset,0 0 16px rgba(78,255,132,.34),0 0 28px rgba(78,255,132,.18)}
.side-menu a.unread-notification::after{content:'';position:absolute;right:9px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:#8dff9b;box-shadow:0 0 10px rgba(141,255,155,.95)}
.side-menu a.unread-notification.active{background:linear-gradient(180deg,rgba(35,130,61,.98),rgba(15,84,35,.98))!important}
.etoa-battle-report{padding:14px;background:rgba(92,96,105,.22)}
.etoa-battle-report .report-message-title{margin:0;font-size:1.25rem;letter-spacing:.03em}
.etoa-battle-report .battle-report-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.16)}
.etoa-battle-report .battle-report-meta{display:grid;gap:2px;color:#ecf1ff;font-size:.88rem;text-align:right}
.etoa-battle-report .battle-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0 14px}
.etoa-battle-report .battle-column h3{margin:0 0 8px;font-size:1rem;color:#fff}
.etoa-battle-report .battle-subblock{margin:0 0 12px;padding:8px 10px;border:1px solid rgba(206,214,234,.16);background:rgba(0,0,0,.12)}
.etoa-battle-report .battle-subblock.resource{background:rgba(0,0,0,.08)}
.etoa-battle-report .battle-subtitle{margin:0 0 7px;font-weight:800;font-size:.92rem;color:#fff;text-transform:uppercase}
.etoa-battle-report .battle-line-list{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.etoa-battle-report .battle-line-list li{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.etoa-battle-report .battle-line-list li span{color:#fff}
.etoa-battle-report .battle-line-list li b{color:#fff;font-weight:700;text-align:right}
.etoa-battle-report .battle-line-list li small{color:#ffd0d0;font-weight:400}
.etoa-battle-report .battle-empty{margin:0;color:#d7dfef}
.etoa-battle-report .battle-stat-list{display:grid;grid-template-columns:1fr;gap:4px;margin:0}
.etoa-battle-report .battle-stat-list>div{display:flex;justify-content:space-between;gap:12px}
.etoa-battle-report .battle-stat-list dt,.etoa-battle-report .battle-stat-list dd{margin:0}
.etoa-battle-report .battle-stat-list dt{font-weight:700;color:#edf2ff}
.etoa-battle-report .battle-stat-list dd{text-align:right;color:#fff}
.etoa-battle-report p{margin:8px 0;color:#fff}
.etoa-battle-report .battle-result-line{font-weight:800;color:#fff4b2}
.etoa-battle-report .battle-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0}
.etoa-battle-report .battle-after-state{margin-top:16px;padding-top:8px;border-top:1px solid rgba(255,255,255,.16)}
.etoa-battle-report .report-block{margin-top:14px}
@media(max-width:900px){.etoa-battle-report .battle-columns,.etoa-battle-report .battle-bottom-grid{grid-template-columns:1fr}.etoa-battle-report .battle-report-head{flex-direction:column}.etoa-battle-report .battle-report-meta{text-align:left}}

/* 0.11.14 – Spielregeln, Tickets, Noobschutz und Sperrstatus */
.account-suspension-banner{margin:0 0 8px;padding:10px 13px;border:1px solid rgba(255,99,99,.75);background:linear-gradient(180deg,rgba(112,24,28,.95),rgba(58,12,16,.98));box-shadow:0 0 18px rgba(255,60,60,.15);display:grid;gap:4px}.account-suspension-banner b{letter-spacing:.07em}.account-suspension-banner span{color:#ffe4e4}.rules-intro{margin:12px;padding:12px 14px;border:1px solid rgba(132,159,210,.32);background:rgba(9,19,38,.52)}.rules-intro p{margin:5px 0 0;line-height:1.45}.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 14px}.rule-card{padding:12px 13px;border:1px solid rgba(139,158,198,.25);background:rgba(19,25,38,.62)}.rule-card h3{margin:0 0 8px;font-size:.92rem;color:#eef3ff}.rule-card p{margin:0;line-height:1.5;color:#dce4f3}.rule-card ul{margin:0;padding-left:20px;display:grid;gap:6px;line-height:1.42}.rule-card.important{border-color:rgba(255,207,88,.58);background:rgba(71,53,12,.36)}.rule-card.war{border-color:rgba(255,119,119,.48);background:rgba(69,20,24,.32)}.rule-card.protection{border-color:rgba(111,173,255,.52);background:rgba(16,43,82,.36)}.rule-card.sanction{border-color:rgba(221,132,255,.45);background:rgba(55,25,72,.31)}.rule-ticket-table{width:100%;border-collapse:collapse;min-width:760px}.rule-ticket-table th,.rule-ticket-table td{padding:8px 10px;border:1px solid rgba(180,195,225,.17);text-align:left}.rule-ticket-table thead th{background:rgba(10,25,66,.86)}.rule-ticket-status{display:inline-block;padding:3px 7px;border:1px solid rgba(190,199,218,.28);background:rgba(30,37,51,.7);font-weight:700}.rule-ticket-status.upheld{border-color:rgba(255,110,110,.55);color:#ffd4d4}.rule-ticket-status.dismissed{border-color:rgba(117,219,153,.44);color:#c9f7d8}.rule-ticket-status.pending{border-color:rgba(255,220,113,.45);color:#fff1bb}.account-suspended button:not([name="login"]){filter:saturate(.55)}
@media(max-width:900px){.rules-grid{grid-template-columns:1fr}}

/* 0.11.15 – Sperrstatus in Statistiken und NPC-Berichtslernen */
.stats-shell .stats-table tr.stats-suspended{background:linear-gradient(90deg,rgba(142,18,28,.72),rgba(82,8,16,.58))!important;box-shadow:inset 4px 0 0 #ff5b68}
.stats-shell .stats-table tr.stats-suspended td,.stats-shell .stats-table tr.stats-suspended a,.stats-shell .stats-table tr.stats-suspended b{color:#ffd9dc!important}
.stats-suspended-label{display:inline-block;margin-left:7px;padding:1px 5px;border:1px solid rgba(255,133,143,.75);border-radius:3px;background:rgba(119,6,17,.72);color:#ff9aa4!important;font-size:.54rem!important;font-weight:900;letter-spacing:.05em;vertical-align:middle}
.stats-suspended-sample{color:#ff7e89;font-weight:800}
.stats-history-box.stats-suspended{border-color:rgba(255,91,104,.72)!important;box-shadow:inset 4px 0 0 rgba(255,91,104,.95)}
.stats-history-box.stats-suspended>header{background:linear-gradient(180deg,rgba(106,19,28,.95),rgba(58,9,15,.95))!important}
.stats-title-card.stats-suspended{border-color:rgba(255,91,104,.65)!important;background:linear-gradient(90deg,rgba(112,18,27,.62),rgba(39,8,13,.58))!important;box-shadow:inset 4px 0 0 rgba(255,91,104,.92)}
.stats-title-card.stats-suspended strong{color:#ffb1b8!important}


/* 0.11.16 – Schiff-für-Schiff-Produktion und getrennte Max-/Optimieren-Funktion */
.ship-series-order{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px 14px}
.ship-series-order>span{font-weight:700}
.ship-order-times{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:center}
.ship-order-times small{color:#b9c6df}
.ship-order-lock{grid-column:1/-1;color:#d6deed}
.etoa-build-form .ship-optimize-button{color:#bfe9c8}
.etoa-build-form .ship-optimize-button:hover:not(:disabled){color:#e9fff0}
@media(max-width:760px){.ship-series-order{grid-template-columns:1fr}.ship-order-lock{grid-column:auto}.etoa-build-form{grid-template-columns:1fr auto}.etoa-build-form .ship-max-button,.etoa-build-form .ship-optimize-button{grid-column:auto}}

/* 0.11.17 – ETOA-Flottenübersicht & System-Fokus */
.fleet-etoa-panel{padding-bottom:18px}
.fleet-etoa-intro{padding:12px 14px 2px;color:#d4deef;text-align:center}
.fleet-etoa-table-block{margin:14px;border:1px solid rgba(132,154,207,.35);background:rgba(6,11,22,.46)}
.fleet-etoa-section-title{padding:7px 12px;background:linear-gradient(180deg,#183f7b,#0f2850);border-bottom:1px solid rgba(255,255,255,.15);font-size:1.15rem;font-weight:800;text-align:center}
.fleet-etoa-table{width:100%;border-collapse:collapse}
.fleet-etoa-table th,.fleet-etoa-table td{padding:8px 10px;border-top:1px solid rgba(255,255,255,.11);vertical-align:top}
.fleet-etoa-table thead th{background:rgba(86,91,103,.62);font-weight:800}
.fleet-etoa-table tbody tr{background:rgba(255,255,255,.03)}
.fleet-etoa-table tbody tr:hover{background:rgba(80,108,176,.14)}
.fleet-list-row.is-selected{box-shadow:inset 0 0 0 1px rgba(147,192,255,.7);background:rgba(53,86,152,.22)}
.fleet-list-row.tone-hostile{border-left:4px solid #d44e4e}
.fleet-list-row.tone-friendly{border-left:4px solid #59be77}
.fleet-list-row.tone-neutral{border-left:4px solid #d9c15a}
.fleet-list-row.tone-aggressive{border-left:4px solid #f29b3e}
.fleet-etoa-table .auftrag-cell{width:32%}
.fleet-etoa-table .auftrag-cell a,.fleet-etoa-table .startziel-cell a{color:#dfe8fb;text-decoration:none}
.fleet-etoa-table .auftrag-cell a:hover,.fleet-etoa-table .startziel-cell a:hover{text-decoration:underline}
.fleet-etoa-table .auftrag-cell b{display:block;font-size:1rem}
.fleet-etoa-table .auftrag-cell small{display:block;margin-top:3px;color:#d2d9e6}
.fleet-etoa-table .startziel-cell div,.fleet-etoa-table .timing-cell div{padding:1px 0}
.fleet-etoa-table .timing-cell{white-space:nowrap;width:25%}
.mission-tone-hostile{color:#ff6c6c!important}.mission-tone-friendly{color:#8ee59e!important}.mission-tone-neutral{color:#ffe97a!important}.mission-tone-aggressive{color:#ffb15e!important}
.fleet-owner-line{margin-top:5px;color:#bdd0ee;font-size:.88rem}
.fleet-detail-wrapper{padding:0 14px 16px;display:grid;gap:10px}
.fleet-detail-back{padding-top:6px}.fleet-detail-caption{text-align:center;font-size:1.5rem;font-weight:800;color:#f2f6ff}
.fleet-detail-stage{border:1px solid rgba(150,169,214,.4);background:linear-gradient(180deg,rgba(12,20,35,.95),rgba(8,14,26,.92));padding:0}
.fleet-detail-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.9fr) minmax(180px,1fr);gap:14px;align-items:center;padding:12px 14px;background:radial-gradient(circle at center,rgba(60,100,170,.24),transparent 45%),linear-gradient(180deg,rgba(15,27,48,.85),rgba(7,12,23,.88))}
.fleet-detail-node{min-height:84px;display:flex;align-items:center}
.fleet-node-link,.fleet-detail-node{background:linear-gradient(180deg,rgba(23,54,104,.74),rgba(16,36,70,.78));border:1px solid rgba(126,161,226,.45);border-radius:4px;color:#f2f7ff;text-decoration:none;padding:10px 12px;width:100%;display:grid;gap:4px}
.fleet-detail-node.target .fleet-node-link,.fleet-detail-node.target{background:linear-gradient(180deg,rgba(28,63,118,.8),rgba(12,33,68,.82))}
.fleet-node-link:hover{text-decoration:underline;box-shadow:0 0 0 1px rgba(186,214,255,.35)}
.fleet-node-link small{color:#d2dfff}.fleet-node-link b{font-size:1.02rem}
.fleet-detail-route{text-align:center;display:grid;gap:5px;color:#f3f7ff}.fleet-detail-route small{color:#ced8e9;font-size:1.02rem}.fleet-detail-route span{color:#d4dded}
.fleet-detail-progress-line{display:block;height:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.fleet-detail-progress-line i{display:block;height:100%;background:linear-gradient(90deg,#7ca8ff,#d3e4ff)}
.fleet-detail-landing{padding:8px 14px;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);text-align:right;color:#e2e8f4}
.fleet-detail-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fleet-detail-box.compact{grid-column:1/2;max-width:50%}
.fleet-detail-box{border:1px solid rgba(142,161,206,.35);background:rgba(8,14,25,.6)}.fleet-detail-box header{padding:7px 11px;background:linear-gradient(180deg,#183f7b,#0f2850);font-weight:800;font-size:1.1rem;text-align:center}
.fleet-detail-table{width:100%;border-collapse:collapse}.fleet-detail-table th,.fleet-detail-table td{padding:6px 10px;border-top:1px solid rgba(255,255,255,.12);text-align:left}.fleet-detail-table th{width:52%;font-weight:800;color:#edf3ff}.fleet-detail-table td{color:#d6dfef}
.fleet-ship-manifest{width:100%;border-collapse:collapse}.fleet-ship-manifest th,.fleet-ship-manifest td{padding:8px 10px;border-top:1px solid rgba(255,255,255,.12);vertical-align:top}.fleet-ship-manifest thead th{background:rgba(86,91,103,.62)}
.fleet-ship-entry{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:start}.fleet-ship-entry img{width:52px;height:52px;object-fit:contain;background:#03050b;border:1px solid rgba(255,255,255,.16);border-radius:4px;padding:3px}.fleet-ship-entry b{display:block;font-size:1rem}.fleet-ship-entry span{display:block;color:#d4ddeb;line-height:1.35}
.fleet-recall-form.inline{padding-top:4px}
.system-table tr.is-focus{background:linear-gradient(180deg,rgba(28,65,126,.78),rgba(18,47,93,.78))!important;box-shadow:inset 0 0 0 1px rgba(153,198,255,.8)}
.system-table tr.is-focus td{background:transparent}
@media(max-width:980px){.fleet-detail-bar{grid-template-columns:1fr;}.fleet-detail-stats-grid{grid-template-columns:1fr}.fleet-detail-box.compact{grid-column:auto;max-width:none}.fleet-etoa-table{min-width:760px}}

/* 0.11.17 – Energie-Unterdeckung blockiert Gebäudebau nicht mehr */
.resource-power.resource-alert .resource-copy span{color:#ff8b8b!important;text-shadow:0 0 10px rgba(255,90,90,.35)}
.resource-power.resource-alert .resource-copy small{color:#ffc0c0!important}
.economy-energy-shortage{margin:12px 14px 14px!important;padding:11px 13px!important;color:#ffd1d1}
.economy-energy-shortage b{color:#ff8f8f;font-size:.92rem}
.build-option-table small.negative{display:block;margin-top:4px;color:#ff9a9a}

/* 0.11.18 – Galaxie-Hintergrund und ETOA-artige Flugversorgung */
.fleet-flight-preview div:nth-last-child(-n+3) span{font-variant-numeric:tabular-nums}

/* 0.11.20 – persönliche Direktaktionen */
.settings-panel{max-width:1050px}
.settings-intro{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,15,28,.48)}
.settings-intro b{display:block;margin-bottom:5px;font-size:1.05rem}
.settings-intro p{margin:0;color:#cbd6e9;line-height:1.5}
.quick-action-settings-form{padding:14px 18px 18px;display:grid;gap:10px}
.quick-setting-row{display:grid;grid-template-columns:minmax(360px,1fr) 150px;gap:12px;padding:12px;border:1px solid rgba(126,150,199,.28);background:rgba(8,13,24,.52)}
.quick-setting-row label{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(220px,1fr);align-items:center;gap:12px}
.quick-setting-row .quick-quantity{grid-template-columns:auto 1fr}
.quick-setting-row select,.quick-setting-row input{width:100%;padding:8px 9px;border:1px solid #66789e;border-radius:3px;background:#070c16;color:#fff;font:inherit}
.quick-setting-row b{color:#eef4ff}
.settings-save-row{display:flex;justify-content:flex-end;padding-top:3px}
.settings-save-row button{min-width:130px}
.system-action-form{display:inline-flex;margin:0}
.system-action-form button.system-action-icon{appearance:none;-webkit-appearance:none;font:inherit;cursor:pointer}
@media(max-width:850px){.quick-setting-row{grid-template-columns:1fr}.quick-setting-row label,.quick-setting-row .quick-quantity{grid-template-columns:1fr}}

/* 0.11.21 – ETOA-nahe Spionageberichte */
.etoa-spy-report{max-width:920px}
.etoa-spy-report .spy-report-target{display:grid;gap:4px;margin:8px 0 14px;padding:9px 11px;border:1px solid rgba(186,202,237,.22);background:rgba(255,255,255,.035)}
.etoa-spy-report .report-block{margin:11px 0}
.etoa-spy-report .report-block h3{padding:6px 8px;background:rgba(73,78,91,.64);border-color:rgba(220,226,241,.22);font-size:.78rem;letter-spacing:.03em}
.etoa-spy-report .report-data-table{max-width:620px}
.etoa-spy-report .report-data-table th,.etoa-spy-report .report-data-table td{padding:5px 7px;font-size:.72rem}
.etoa-spy-report .report-data-table th{width:75%;background:rgba(79,84,96,.48);font-weight:600}
.etoa-spy-report .report-data-table td{width:25%;text-align:right}
.etoa-spy-report .resource-report-table{max-width:620px}
.etoa-spy-report .spy-report-footer{display:grid;gap:4px;margin-top:14px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.16);font-size:.78rem}


/* 0.11.23 – ETOA-artiger Aufholbonus */
.catchup-boost-notice{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:12px 0;padding:11px 14px;border:1px solid rgba(87,214,139,.42);border-radius:10px;background:rgba(31,112,68,.18);box-shadow:inset 0 0 18px rgba(72,202,126,.06)}
.catchup-boost-notice b{color:#8ff0b5}.catchup-boost-notice span{color:#d9f7e4}.catchup-boost-notice small{flex-basis:100%;opacity:.78}.catchup-boost-notice.compact{margin:8px 0 12px;padding:8px 12px}.boost-production-row th{background:rgba(39,125,73,.14)!important}.boost-production-row th:first-child{color:#8ff0b5}

/* 0.11.26 – ETOA-artiger Technikbaum */
.techtree-panel{overflow:visible}.techtree-tabs{display:flex;flex-wrap:wrap;gap:0;padding:12px 14px 0}.techtree-tabs a{padding:9px 14px;border:1px solid #7381a2;border-right:0;background:linear-gradient(180deg,#646973,#444952);font-weight:700}.techtree-tabs a:first-child{border-radius:4px 0 0 4px}.techtree-tabs a:last-child{border-right:1px solid #7381a2;border-radius:0 4px 4px 0}.techtree-tabs a.active{background:linear-gradient(180deg,#3157c7,#16368d);box-shadow:inset 0 -2px 0 #a9c2ff}.techtree-legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 14px;padding:9px 11px;border:1px solid rgba(164,178,211,.25);background:rgba(8,13,24,.44);font-size:.9rem}.techtree-legend .techtree-ok{color:#73f49b;font-weight:800}.techtree-legend .techtree-no{color:#ff8585;font-weight:800}
.techtree-table-wrap{margin:0 14px 16px;overflow:auto}.techtree-table{width:100%;border-collapse:collapse;background:rgba(8,12,20,.45);min-width:580px}.techtree-table caption{text-align:left;padding:8px 10px;background:linear-gradient(180deg,#253f7e,#142854);border:1px solid #788ab3;border-bottom:0;font-weight:900}.techtree-table td{border:1px solid rgba(175,188,217,.26);padding:7px 10px;vertical-align:middle}.techtree-table .techtree-object{width:38%;min-width:220px;background:rgba(80,84,94,.32)}.techtree-object>a{margin-left:7px;color:#bcd4ff;text-decoration:underline;font-size:.82rem}.techtree-object small{display:block;margin-top:3px;color:#c7d3ea}.techtree-req{width:38%;font-weight:700}.techtree-level{width:24%;white-space:nowrap}.techtree-level small{display:block;margin-top:2px;font-weight:400;opacity:.75}.techtree-req.met,.techtree-level.met{color:#36f071}.techtree-req.missing,.techtree-level.missing{color:#ff6363}.techtree-no-req{color:#d7deea}
.techtree-selector-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px;padding:14px}.techtree-selector-grid label{display:grid;gap:5px}.techtree-selector-grid label>span{font-size:.78rem;color:#cbd5ea;font-weight:700}.techtree-selector-grid select{width:100%;padding:9px;border:1px solid #7486ad;background:#090f1d;color:#fff;border-radius:4px}
.techtree-graphic-box{margin:0 14px 16px;border:1px solid rgba(148,166,207,.36);background:rgba(6,10,19,.56)}.techtree-graphic-box>h3,.techtree-unlocks>h3{margin:0;padding:8px 11px;background:linear-gradient(180deg,#263f75,#17284e);font-size:1rem}.techtree-graphic-scroll{overflow:auto;padding:14px;min-height:180px}.techtree-root-caption{color:#c2cce0;margin-bottom:10px;font-size:.86rem}.techtree-graph,.techtree-graph ul{list-style:none;margin:0;padding:0}.techtree-graph>li{padding-left:0}.techtree-graph ul{position:relative;margin-left:28px;padding-left:28px}.techtree-graph ul::before{content:"";position:absolute;left:9px;top:0;bottom:18px;border-left:2px solid rgba(135,156,204,.5)}.techtree-graph ul>li{position:relative;padding:8px 0}.techtree-graph ul>li::before{content:"";position:absolute;left:-19px;top:28px;width:18px;border-top:2px solid rgba(135,156,204,.5)}.techtree-node{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;width:min(560px,100%);padding:9px 11px;border:1px solid;border-radius:4px;background:linear-gradient(180deg,rgba(29,42,66,.94),rgba(16,25,43,.94))}.techtree-node.met{border-color:rgba(70,238,120,.62);box-shadow:inset 3px 0 0 rgba(60,238,112,.8)}.techtree-node.missing{border-color:rgba(255,93,93,.62);box-shadow:inset 3px 0 0 rgba(255,83,83,.82)}.techtree-node>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#9eb3dd}.techtree-node>b{grid-column:2/3}.techtree-node>small{grid-column:1/3;color:#cbd5e7}.techtree-node>a{grid-column:3;grid-row:1/3;color:#b9d3ff;text-decoration:underline;font-size:.8rem}.techtree-branch-note{margin:4px 0 0 28px;color:#aebbd4;font-size:.78rem}.techtree-unlocks{margin:0 14px 16px;border:1px solid rgba(148,166,207,.36)}.techtree-unlock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:10px;background:rgba(6,10,19,.48)}.techtree-unlock{display:grid;gap:3px;padding:9px 10px;border:1px solid;border-radius:4px;background:rgba(18,29,48,.75)}.techtree-unlock.met{border-color:rgba(58,220,106,.55)}.techtree-unlock.missing{border-color:rgba(242,90,90,.48)}.techtree-unlock>span{font-size:.7rem;text-transform:uppercase;color:#9fb3dc}.techtree-unlock>small{color:#c5cfe3;font-size:.78rem}
@media(max-width:1100px){.techtree-selector-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:700px){.techtree-tabs a{flex:1 1 33%;text-align:center;border-right:1px solid #7381a2;border-radius:0!important}.techtree-selector-grid{grid-template-columns:1fr}.techtree-node{grid-template-columns:1fr auto}.techtree-node>span,.techtree-node>b,.techtree-node>small{grid-column:1}.techtree-node>a{grid-column:2;grid-row:1/4}}


/* 0.11.28 – ETOA-artige Spielerfarben und Imperator-Tooltip in der Systemkarte */
.system-table tr.etoa-user-alliance>td:not(:last-child),.system-table tr.etoa-user-alliance>td:not(:last-child)>a,.system-owner-name.etoa-user-alliance{color:#ffff33}
.system-table tr.etoa-user-self>td:not(:last-child),.system-table tr.etoa-user-self>td:not(:last-child)>a,.system-owner-name.etoa-user-self{color:#FF1FFA}
.system-table tr.etoa-user-locked>td:not(:last-child),.system-table tr.etoa-user-locked>td:not(:last-child)>a,.system-owner-name.etoa-user-locked{color:#FF6522}
.system-table tr.etoa-user-admin>td:not(:last-child),.system-table tr.etoa-user-admin>td:not(:last-child)>a,.system-owner-name.etoa-user-admin{color:#DAA520}
.system-table tr.etoa-user-enemy>td:not(:last-child),.system-table tr.etoa-user-enemy>td:not(:last-child)>a,.system-owner-name.etoa-user-enemy{color:#ff2200}
.system-table tr.etoa-user-friend>td:not(:last-child),.system-table tr.etoa-user-friend>td:not(:last-child)>a,.system-owner-name.etoa-user-friend{color:#3366ff}
/* 0.12.10: Normale inaktive Besitzer erscheinen wie bei ETOA grau. */
.system-table tr.etoa-user-inactive>td:not(:last-child),.system-table tr.etoa-user-inactive>td:not(:last-child)>a,.system-owner-name.etoa-user-inactive{color:#8f8f8f}
.system-table tr.etoa-user-noob>td:not(:last-child),.system-table tr.etoa-user-noob>td:not(:last-child)>a,.system-owner-name.etoa-user-noob{color:#aaffff}
/* 0.11.29: NPC ist kein Farbstatus. Spielerstatus werden wie bei ETOA nur ueber Schriftfarben dargestellt. */
.system-table tr.etoa-user-alliance>td:not(:last-child),.system-table tr.etoa-user-alliance>td:not(:last-child)>a,.system-owner-name.etoa-user-alliance,
.system-table tr.etoa-user-self>td:not(:last-child),.system-table tr.etoa-user-self>td:not(:last-child)>a,.system-owner-name.etoa-user-self,
.system-table tr.etoa-user-locked>td:not(:last-child),.system-table tr.etoa-user-locked>td:not(:last-child)>a,.system-owner-name.etoa-user-locked,
.system-table tr.etoa-user-admin>td:not(:last-child),.system-table tr.etoa-user-admin>td:not(:last-child)>a,.system-owner-name.etoa-user-admin,
.system-table tr.etoa-user-enemy>td:not(:last-child),.system-table tr.etoa-user-enemy>td:not(:last-child)>a,.system-owner-name.etoa-user-enemy,
.system-table tr.etoa-user-friend>td:not(:last-child),.system-table tr.etoa-user-friend>td:not(:last-child)>a,.system-owner-name.etoa-user-friend,
.system-table tr.etoa-user-inactive>td:not(:last-child),.system-table tr.etoa-user-inactive>td:not(:last-child)>a,.system-owner-name.etoa-user-inactive,
.system-table tr.etoa-user-noob>td:not(:last-child),.system-table tr.etoa-user-noob>td:not(:last-child)>a,.system-owner-name.etoa-user-noob{text-shadow:none}
.system-table .entity-tooltip{color:#eef4ff;text-shadow:none}
.system-owner-wrap{position:relative;display:inline-block;outline:none;cursor:help;font-weight:700}
.system-owner-name{border-bottom:1px dotted currentColor}
.system-owner-tooltip{display:none;position:absolute;left:0;top:calc(100% + 7px);z-index:130;min-width:245px;max-width:340px;padding:8px;background:#223;color:#fff!important;border:1px solid #415680;box-shadow:0 10px 26px rgba(0,0,0,.62);font-size:.84rem;font-weight:400;text-shadow:none}
.system-owner-tooltip strong{display:block;background:#225;border:1px solid #415680;padding:4px 6px;margin:-5px -5px 5px;font-weight:800;color:#fff}
.system-owner-tooltip strong em{font-style:normal}
.system-owner-tooltip>span{display:block;padding:2px 1px;color:#fff}
.system-owner-wrap:hover .system-owner-tooltip,.system-owner-wrap:focus .system-owner-tooltip,.system-owner-wrap:focus-within .system-owner-tooltip{display:block}
.system-status-legend{display:flex;flex-wrap:wrap;gap:7px 14px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);font-size:.76rem;font-weight:800}
.system-status-legend span:before{content:'•';margin-right:5px;color:currentColor}
.system-status-legend .etoa-user-alliance{color:#ffff33}.system-status-legend .etoa-user-self{color:#FF1FFA}.system-status-legend .etoa-user-locked{color:#FF6522}.system-status-legend .etoa-user-admin{color:#DAA520}.system-status-legend .etoa-user-enemy{color:#ff2200}.system-status-legend .etoa-user-friend{color:#3366ff}.system-status-legend .etoa-user-inactive{color:#8f8f8f}.system-status-legend .etoa-user-noob{color:#aaffff}
@media(max-width:700px){.system-owner-tooltip{left:auto;right:0;min-width:220px;max-width:min(320px,80vw)}}

/* 0.11.31 – ETOA-artige Sichtbarkeit fremder Flotten */
.foreign-fleet-table .foreign-fleet-row td{vertical-align:top}
.foreign-fleet-table .timing-cell div{display:flex;gap:10px;justify-content:space-between;align-items:baseline}
.foreign-fleet-table .timing-cell span{color:#7f94b7;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.foreign-fleet-intel-row td{border-top:0!important;padding-top:2px!important;padding-bottom:12px!important}
.foreign-fleet-intel{display:flex;flex-wrap:wrap;gap:8px 18px;color:#c4d2e8;font-size:.9rem}
.foreign-fleet-intel b,.foreign-fleet-ships b{color:#eef5ff}
.foreign-fleet-ships{margin-top:6px;color:#c4d2e8;font-size:.9rem}

/* 0.11.34 NPC-Admin- und Diplomatie-Filter */
.npc-online-toggle{min-width:auto!important;display:flex!important;grid-template-columns:auto auto!important;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;padding:8px 10px;border:1px solid rgba(112,143,198,.24);border-radius:10px;background:rgba(0,0,0,.14)}
.npc-online-toggle input{width:auto!important;margin:0;accent-color:#63d68a}.npc-online-toggle span{color:#c8d7ee;font-size:.78rem;font-weight:900}
.diplomacy-legend button.diplomacy-filter-chip{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(137,158,198,.25);background:rgba(0,0,0,.15);border-radius:999px;font-size:.76rem;color:#dce6f8;cursor:pointer;box-shadow:none}
.diplomacy-legend button.diplomacy-filter-chip:hover{border-color:rgba(178,198,236,.55);background:rgba(61,78,111,.34)}
.diplomacy-legend button.diplomacy-filter-chip.active{border-color:#9fb8e8;background:#354868;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.diplomacy-filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 15px 14px}.diplomacy-filterbar>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#8496b5;font-weight:900}
.diplomacy-segmented{display:inline-flex;border:1px solid rgba(137,158,198,.28);border-radius:10px;overflow:hidden;background:#0b111d}.diplomacy-segmented button{border:0;border-right:1px solid rgba(137,158,198,.22);border-radius:0;padding:7px 10px;background:transparent;color:#aebdd4;font-size:.75rem;box-shadow:none;cursor:pointer}.diplomacy-segmented button:last-child{border-right:0}.diplomacy-segmented button:hover{background:rgba(75,97,136,.32);color:#fff}.diplomacy-segmented button.active{background:#334b70;color:#fff}
.diplomacy-filter-reset{padding:7px 10px!important;font-size:.72rem!important}.diplomacy-noob-badge{color:#aaffff;font-weight:900}.diplomacy-card[hidden]{display:none!important}
@media(max-width:800px){.diplomacy-filterbar{align-items:flex-start}.diplomacy-segmented{max-width:100%}.npc-online-toggle{width:auto!important}}

/* 0.11.36 – ETOA-artiger globaler Chat */
.etoa-chat-shell{position:relative;height:calc(100vh - 155px);min-height:520px;background:#000;border:1px solid #2f4056;border-radius:2px;overflow:hidden;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px}
.etoa-chat-items{position:absolute;inset:0 0 40px 0;padding:5px;overflow:auto;word-wrap:break-word;background:rgba(0,0,0,.92);font-family:Verdana,Arial,sans-serif;line-height:1.42}
.etoa-chat-items>div{min-height:17px}
.etoa-chat-items .chat-system-message{color:#777}
.etoa-chat-items .chat-server-message{color:#aaa}
.etoa-chat-items .chat-admin-message{color:#ffff88;font-weight:bold}
.etoa-chat-message-name{font-weight:400;color:inherit}
.etoa-chat-loading{position:absolute;left:0;right:0;bottom:30px;height:18px;padding:0 5px;background:#000;color:#aaa;overflow:hidden;line-height:18px;border-top:1px solid #171717}
.etoa-chat-loading #chat-status{position:absolute;right:5px;top:0;background:#000}
#chat-usercount{appearance:none;border:0;background:transparent;color:#ccc;padding:0 2px;font:inherit;cursor:pointer}
#chat-usercount:hover{color:#fff}
#chat-unread{color:#00ff00;padding-left:5px}
.etoa-chat-input{position:absolute;left:0;right:0;bottom:0;height:30px;padding:5px;background:#222;box-sizing:border-box}
.etoa-chat-input input{width:100%;height:20px;box-sizing:border-box;border:1px solid #999;border-radius:0;background:#111;padding:1px 4px;font:12px Verdana,Arial,sans-serif;outline:none;box-shadow:none}
.etoa-chat-input input:focus{border-color:#ccc;box-shadow:none}
#chat-logout-button{position:absolute;top:1px;right:19px;z-index:5;padding:0 5px;height:20px;border:1px solid #333;border-radius:0;background:rgba(0,0,0,.72);color:#aaa;font-weight:bold;cursor:pointer}
#chat-logout-button:hover{border-color:#555;color:#ddd;background:rgba(0,0,0,.85)}
.chat-userlist-local{margin:3px 0 5px;padding:4px 6px;border-left:2px solid #333;color:#aaa}
.chat-userlist-local b{display:block;color:#ccc;margin-bottom:2px}
.chat-userlist-local span{display:inline-block;margin-right:10px}
@media(max-width:900px){.etoa-chat-shell{height:calc(100vh - 135px);min-height:460px}}

/* 0.11.37 – permanenter ETOA-Chatdock rechts
 * ETOA Runde 24 nutzt ein Frameset mit einer dauerhaften rechten Chatspalte
 * (350 px). Star Empire bildet das ohne Frames nach: ca. 1/4 der Fensterbreite,
 * sticky über die komplette sichtbare Spielhöhe und auf jeder Seite vorhanden.
 */
.game-shell{
  grid-template-columns:190px minmax(0,1fr) clamp(300px,25vw,520px);
  grid-template-rows:56px auto;
}
.etoa-chat-dock{
  grid-column:3;
  grid-row:2;
  position:sticky;
  top:56px;
  align-self:start;
  height:calc(100vh - 56px);
  min-width:0;
  overflow:hidden;
  border-left:1px solid #263b56;
  background:#000;
  z-index:45;
}
.etoa-chat-dock .etoa-chat-shell{
  width:100%;
  height:100%;
  min-height:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#000;
}
.etoa-chat-dock .etoa-chat-items{
  background:rgba(0,0,0,.96);
}
.etoa-chat-dock .etoa-chat-loading,
.etoa-chat-dock .etoa-chat-input{
  border-radius:0;
}
.chat-nav-link{cursor:text}

@media(max-width:1050px){
  .game-shell{grid-template-columns:175px minmax(0,1fr) clamp(270px,30vw,340px)}
}

/* Auf schmaleren Fenstern bleibt der Chat ebenfalls rechts. Die linke Navigation
 * wechselt wie bisher in ihre kompakte Queransicht und liegt oberhalb von Spiel + Chat. */
@media(max-width:800px){
  .game-shell{
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(220px,40vw,300px);
    grid-template-rows:auto auto minmax(0,1fr);
  }
  .topbar{grid-column:1/-1;grid-row:1}
  .sidebar{grid-column:1/-1;grid-row:2}
  .viewport{grid-column:1;grid-row:3;min-width:0}
  .etoa-chat-dock{
    grid-column:2;
    grid-row:3;
    top:0;
    height:100vh;
    min-height:430px;
  }
}

/* 0.11.38 kompakte Ressourcenleiste mit Hover-Fenster */
.resourcebar{
  grid-template-columns:repeat(7,minmax(74px,1fr)) 1.05fr;
  gap:6px;
}
.resource{
  position:relative;
  min-height:48px;
  padding:6px 8px;
  gap:8px;
  overflow:visible;
}
.resource-copy{display:flex;align-items:center;min-width:0;gap:0;line-height:1}
.resource-copy b,
.resource-copy small{display:none!important}
.resource-copy span{
  display:block;
  font-size:clamp(.58rem,.72vw,.82rem);
  font-weight:800;
  letter-spacing:0;font-variant-numeric:tabular-nums;
  white-space:nowrap;
  overflow:visible;
}
.resource-titan .resource-copy span{color:#d8d2ca}
.resource-silicon .resource-copy span{color:#b9deff}
.resource-pvc .resource-copy span{color:#d7f6bb}
.resource-tritium .resource-copy span{color:#97b7ff}
.resource-food .resource-copy span{color:#ffd39a}
.resource-people .resource-copy span{color:#e7c8a1}
.resource-power .resource-copy span{color:#ffeb75}
.resource.resource-full .resource-copy span{color:#ff8b8b!important}
.resource.resource-full{border-color:rgba(255,105,105,.6)}
.resource-power.resource-alert .resource-copy span{color:#ff8b8b!important;text-shadow:none}
.resource-power.resource-alert{border-color:rgba(255,105,105,.6)}
.resource-tooltip{
  position:absolute;
  left:50%; top:calc(100% + 7px);
  transform:translateX(-50%);
  min-width:220px;
  max-width:260px;
  display:none;
  z-index:70;
  padding:9px 10px;
  border:1px solid rgba(158,184,233,.44);
  border-radius:4px;
  background:linear-gradient(180deg,rgba(11,18,34,.98),rgba(5,10,20,.99));
  box-shadow:0 12px 24px rgba(0,0,0,.45);
}
.resource:hover .resource-tooltip,
.resource:focus-within .resource-tooltip{display:grid;gap:4px}
.resource-tooltip b{
  display:block;
  margin-bottom:3px;
  font-size:.79rem;
  color:#f4f7ff;
}
.resource-tooltip span{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:baseline;
}
.resource-tooltip small{
  display:block!important;
  color:#aebbd6!important;
  font-size:.68rem!important;
  white-space:nowrap;
}
.resource-tooltip strong{
  color:#fff;
  font-size:.73rem;
  font-weight:700;
  white-space:nowrap;
}
@media(max-width:1400px){
  .resourcebar{grid-template-columns:repeat(4,minmax(84px,1fr))}
}
@media(max-width:900px){
  .resourcebar{grid-template-columns:repeat(2,minmax(84px,1fr))}
}
@media(max-width:760px){
  .resource{min-height:44px;padding:6px 7px}
  .resource-copy span{font-size:.82rem}
  .resource-tooltip{left:0;transform:none;min-width:190px}
}

/* 0.11.39: Ressourcen-Hover wirklich nur bei Hover/Fokus anzeigen. */
.resource > .resource-tooltip{
  display:none!important;
}
.resource:hover > .resource-tooltip,
.resource:focus-within > .resource-tooltip{
  display:grid!important;
  gap:4px;
}

/* 0.11.40: Ressourcen-Hover breit genug fuer Speicherwerte und Zeitangaben. */
.resource > .resource-tooltip{
  width:max-content;
  min-width:320px;
  max-width:min(420px,calc(100vw - 28px));
  padding:10px 12px;
}
.resource > .resource-tooltip > span{
  grid-template-columns:max-content max-content;
  justify-content:space-between;
  gap:28px;
}
.resourcebar > .resource:first-child > .resource-tooltip{
  left:0;
  transform:none;
}
.resourcebar > .resource:last-child > .resource-tooltip{
  left:auto;
  right:0;
  transform:none;
}
@media(max-width:760px){
  .resource > .resource-tooltip{
    width:min(330px,calc(100vw - 28px));
    min-width:min(300px,calc(100vw - 28px));
    max-width:calc(100vw - 28px);
  }
}

/* 0.11.41: Ressourcen-Hover mit genug Platz fuer lange Zahlen und Zeittexte. */
.resource > .resource-tooltip{
  width:min(560px,calc(100vw - 36px));
  min-width:min(460px,calc(100vw - 36px));
  max-width:min(620px,calc(100vw - 36px));
  padding:11px 14px;
}
.resource > .resource-tooltip > span{
  grid-template-columns:minmax(125px,max-content) minmax(190px,max-content);
  gap:40px;
}
.resource > .resource-tooltip small,
.resource > .resource-tooltip strong{white-space:nowrap}
@media(max-width:760px){
  .resource > .resource-tooltip{
    width:calc(100vw - 28px);
    min-width:0;
    max-width:calc(100vw - 28px);
  }
  .resource > .resource-tooltip > span{
    grid-template-columns:minmax(100px,max-content) 1fr;
    gap:18px;
  }
}

/* 0.11.45 – Chat ein-/ausblendbar und Spielinhalt darf niemals unter den Chat laufen. */
.game-shell{
  width:100%;
  max-width:100vw;
  overflow-x:clip;
}
.viewport,.content-area,.content-area>*,.panel,.detail-grid,.detail-copy,.table-scroll,
.dashboard-grid,.two-column,.hero-grid,.shipyard-layout,.effect-comparison,.effect-comparison>section{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.table-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  overscroll-behavior-x:contain;
}
.detail-copy{min-width:0}
.effect-facts>div{grid-template-columns:minmax(110px,1fr) minmax(0,1.25fr)}
.effect-facts>div>span{min-width:0;overflow-wrap:anywhere}
.effect-resource-list{min-width:0}

/* Solange der Chat offen ist, werden breite Vergleichsansichten früher untereinander
 * gestapelt. Dadurch bleiben Gebäude-/Forschungsdetails komplett in ihrer Spielspalte. */
@media(max-width:1550px){
  .game-shell:not(.chat-closed) .effect-comparison{grid-template-columns:1fr}
  .game-shell:not(.chat-closed) .detail-panel .detail-grid,
  .game-shell:not(.chat-closed) .ship-detail .detail-grid{grid-template-columns:180px minmax(0,1fr)}
  .game-shell:not(.chat-closed) .detail-image{min-height:170px}
}
@media(max-width:1180px){
  .game-shell:not(.chat-closed) .detail-panel .detail-grid,
  .game-shell:not(.chat-closed) .ship-detail .detail-grid{grid-template-columns:1fr}
  .game-shell:not(.chat-closed) .detail-image{min-height:150px}
}

.etoa-chat-dock{position:sticky}
.chat-dock-close{
  position:absolute;
  top:2px;
  right:3px;
  z-index:120;
  width:22px;
  height:20px;
  min-width:22px;
  padding:0!important;
  border:1px solid #343f4f;
  border-radius:2px;
  background:rgba(0,0,0,.86);
  color:#aeb8c8;
  font:700 14px/18px Arial,sans-serif;
  box-shadow:none;
}
.chat-dock-close:hover{background:#182234;color:#fff;border-color:#657a98;filter:none}
.chat-dock-reopen{
  position:fixed;
  right:0;
  top:64px;
  z-index:220;
  padding:6px 9px!important;
  border-radius:3px 0 0 3px!important;
  border-right:0;
  background:linear-gradient(180deg,#17365d,#0e2748);
  color:#dfeaff;
  font-size:.68rem!important;
  box-shadow:0 4px 12px rgba(0,0,0,.35)!important;
}
.chat-dock-reopen[hidden]{display:none!important}
.game-shell.chat-closed{
  grid-template-columns:190px minmax(0,1fr)!important;
}
.game-shell.chat-closed .etoa-chat-dock{display:none!important}

@media(max-width:1050px){
  .game-shell.chat-closed{grid-template-columns:175px minmax(0,1fr)!important}
}
@media(max-width:800px){
  .game-shell.chat-closed{display:block!important}
  .game-shell.chat-closed .viewport{min-width:0;max-width:100vw}
}

/* 0.11.46 – ETOA-artig kompakte Zielfavoriten mit Galaxiesuche */
.favorite-etoa-panel,.favorite-search-results-panel,.favorite-saved-panel{overflow:visible}
.favorite-search-toolbar{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(148,168,210,.2);background:rgba(3,9,19,.34)}
.favorite-search-form{display:grid;grid-template-columns:auto minmax(240px,620px) auto auto;align-items:end;gap:6px;min-width:0;flex:1}
.favorite-search-form label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#aebbd6;padding-bottom:7px}
.favorite-search-form input[type=search]{min-width:0;width:100%;height:32px;padding:5px 9px;border:1px solid rgba(126,151,204,.52);border-radius:3px;background:#070d18;color:#fff;font:inherit}
.favorite-search-form button{height:32px;padding:5px 12px}
.favorite-own-strip{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:7px 12px;border-bottom:1px solid rgba(148,168,210,.16);font-size:.71rem}
.favorite-own-strip>span{font-weight:800;color:#aebbd6;text-transform:uppercase;letter-spacing:.05em;margin-right:3px}
.favorite-own-strip a{padding:3px 7px;border:1px solid rgba(110,139,197,.28);background:rgba(18,38,79,.38);border-radius:3px;color:#dce8ff;text-decoration:none}
.favorite-own-strip a:hover{border-color:rgba(143,177,243,.65);background:rgba(30,61,126,.55)}
.favorite-manual-box{border-top:0;background:rgba(3,8,17,.24)}
.favorite-manual-box>summary{cursor:pointer;list-style:none;padding:7px 12px;font-size:.72rem;font-weight:800;color:#c8d5ed}
.favorite-manual-box>summary::-webkit-details-marker{display:none}
.favorite-manual-box>summary::before{content:'+';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border:1px solid rgba(130,154,207,.4);border-radius:2px}
.favorite-manual-box[open]>summary::before{content:'−'}
.manual-favorite-form.compact{padding:8px 12px 11px;border-top:1px solid rgba(148,168,210,.14);gap:7px}
.manual-favorite-form.compact .coordinate-input-grid{grid-template-columns:repeat(5,minmax(64px,100px));justify-content:start}
.manual-favorite-form.compact input{padding:5px 6px;min-height:29px}
.favorite-manual-meta{display:grid;grid-template-columns:minmax(170px,280px) minmax(220px,1fr) auto;gap:7px;align-items:end}
.favorite-table-scroll{padding:0!important;overflow-x:auto!important;overflow-y:visible!important}
.favorite-compact-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:.72rem}
.favorite-compact-table th{padding:5px 7px;background:linear-gradient(180deg,rgba(33,49,83,.94),rgba(18,29,52,.96));color:#dce6fa;border:1px solid rgba(131,153,201,.32);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.favorite-compact-table td{padding:4px 7px;border:1px solid rgba(125,145,186,.2);background:rgba(8,14,25,.58);vertical-align:middle}
.favorite-compact-table tbody tr:nth-child(even) td{background:rgba(16,24,39,.64)}
.favorite-compact-table tbody tr:hover td{background:rgba(31,50,87,.58)}
.favorite-compact-table td small{display:block;margin-top:2px;color:#8f9db6;font-size:.63rem;line-height:1.2}
.favorite-type-image{width:38px!important;min-width:38px;padding:2px!important;text-align:center;background:#000!important}
.favorite-type-image img{display:block;width:32px;height:32px;margin:auto;object-fit:cover;border-radius:2px}
.favorite-type-name{width:92px;color:#c5d2e9;white-space:nowrap}.favorite-type-name small{max-width:100px;white-space:normal}
.favorite-target-link{display:grid;gap:1px;color:inherit;text-decoration:none;min-width:150px}
.favorite-target-link b{color:#dce9ff;font-size:.73rem;white-space:nowrap}
.favorite-target-link span{color:#fff;font-weight:700;overflow-wrap:anywhere}
.favorite-target-link:hover span,.favorite-target-link:hover b{color:#9fc0ff}
.favorite-comment{max-width:290px;color:#c2cce0;overflow-wrap:anywhere}
.favorite-row-actions{display:flex;align-items:center;justify-content:flex-start;gap:3px;white-space:nowrap;position:relative}
.favorite-inline-action{display:inline-flex;gap:2px;margin:0}
.favorite-action-icon,.favorite-action-text,.favorite-edit-pop>summary,.favorite-saved-mark{width:27px;height:27px;min-width:27px;padding:0;display:inline-grid;place-items:center;border:1px solid rgba(121,148,205,.36);border-radius:2px;background:linear-gradient(180deg,rgba(25,48,96,.92),rgba(10,24,52,.96));color:#dbe8ff;text-decoration:none;font-size:.8rem;font-weight:800;line-height:1;cursor:pointer;box-sizing:border-box}
.favorite-action-icon img{width:19px;height:19px;object-fit:contain}
.favorite-action-icon:hover,.favorite-action-text:hover,.favorite-edit-pop>summary:hover{border-color:rgba(154,187,249,.72);background:linear-gradient(180deg,rgba(45,79,151,.96),rgba(18,43,97,.98));color:#fff}
.favorite-action-text.danger{background:linear-gradient(180deg,rgba(114,39,45,.94),rgba(70,22,28,.98));border-color:rgba(213,103,110,.5)}
.favorite-saved-mark{cursor:default;color:#ffe37a;background:rgba(64,52,13,.55);border-color:rgba(209,178,67,.4)}
.favorite-space-dot{display:block;width:20px;height:20px;margin:auto;border-radius:50%;border:1px solid rgba(140,171,229,.55);background:radial-gradient(circle,rgba(104,146,221,.42),rgba(6,14,27,.2) 65%,transparent 68%)}
.favorite-edit-pop{display:inline-block;position:relative}
.favorite-edit-pop>summary{list-style:none}.favorite-edit-pop>summary::-webkit-details-marker{display:none}
.favorite-edit-popover{position:absolute;right:0;top:32px;z-index:90;width:min(360px,calc(100vw - 42px));padding:9px;border:1px solid rgba(147,173,226,.5);border-radius:4px;background:linear-gradient(180deg,rgba(12,20,37,.99),rgba(5,10,20,.99));box-shadow:0 12px 26px rgba(0,0,0,.5)}
.favorite-edit-popover form{display:grid;gap:7px}
.favorite-edit-popover label{display:grid;gap:3px;font-size:.68rem;font-weight:800;color:#b9c7df}
.favorite-edit-popover input{width:100%;padding:6px 7px;background:#070c15;color:#fff;border:1px solid #63728f;border-radius:2px}
.favorite-stale td{opacity:.72}.favorite-stale .favorite-warning{color:#ff9f9f!important}
.favorite-search-table td:nth-child(5){max-width:220px}.favorite-search-table td:nth-child(5)>small{display:block}

@media(max-width:1150px){
  .favorite-search-form{grid-template-columns:auto minmax(180px,1fr) auto}.favorite-search-form .button-link{grid-column:2/4;width:max-content}
  .favorite-manual-meta{grid-template-columns:1fr 1fr}.favorite-manual-meta button{grid-column:1/-1;width:max-content}
  .favorite-compact-table{font-size:.68rem}.favorite-compact-table th,.favorite-compact-table td{padding-left:5px;padding-right:5px}
}
@media(max-width:760px){
  .favorite-search-toolbar{align-items:stretch;flex-direction:column}.favorite-search-form{grid-template-columns:1fr auto}.favorite-search-form label{grid-column:1/-1;padding:0}.favorite-search-form .button-link{grid-column:1/-1}
  .manual-favorite-form.compact .coordinate-input-grid{grid-template-columns:repeat(2,minmax(70px,1fr))}.favorite-manual-meta{grid-template-columns:1fr}
  .favorite-compact-table{min-width:720px}
}

/* 0.11.48: Galaxie-Wurmlöcher und eindeutige Koordinatenorientierung */
.sector-cell.wormhole-cell{
  border-color:rgba(173,125,255,.62);
  background:radial-gradient(circle at 50% 50%,rgba(82,181,255,.24),rgba(91,44,151,.28) 45%,rgba(5,8,18,.96) 76%);
  box-shadow:inset 0 0 18px rgba(115,76,218,.24),0 0 10px rgba(87,140,255,.16);
}
.sector-cell.wormhole-cell img{object-fit:cover;filter:saturate(1.2) brightness(1.08)}
.sector-cell.wormhole-cell:hover{transform:scale(1.06);z-index:3;border-color:rgba(210,176,255,.9);box-shadow:0 0 20px rgba(124,91,255,.42)}
.sector-cell.wormhole-cell.locked img{filter:saturate(.7) brightness(.72)}
.wormhole-badge{position:absolute;right:3px;bottom:2px;display:grid!important;place-items:center;width:17px;height:17px;border-radius:50%;border:1px solid rgba(220,202,255,.72);background:rgba(35,17,64,.92);color:#f1e8ff;font-size:.57rem!important;font-weight:900;line-height:1}
.wormhole-route-banner{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;margin:10px 12px;padding:9px 10px;border:1px solid rgba(157,116,239,.42);background:linear-gradient(90deg,rgba(41,19,76,.54),rgba(8,23,48,.52));border-radius:4px}
.wormhole-route-banner>img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid rgba(170,132,242,.55);box-shadow:0 0 14px rgba(99,112,255,.24)}
.wormhole-route-banner>div{display:grid;gap:2px;min-width:0}.wormhole-route-banner b{color:#efe5ff}.wormhole-route-banner span{font-size:.78rem;font-weight:800;color:#d5e9ff}.wormhole-route-banner small{font-size:.68rem;color:#afbdd8}.wormhole-route-banner a:not(.button-link){font-size:.68rem;color:#cdb8ff}.wormhole-route-banner.locked{border-color:rgba(255,166,92,.5)}
.wormhole-flight-summary{display:grid;gap:3px;margin:10px 0;padding:8px 10px;border:1px solid rgba(157,116,239,.32);background:rgba(31,19,63,.35);border-radius:4px}.wormhole-flight-summary b{color:#e9dcff}.wormhole-flight-summary span{font-size:.76rem;font-weight:800}.wormhole-flight-summary small{color:#afbdd8}
@media(max-width:760px){.wormhole-route-banner{grid-template-columns:42px minmax(0,1fr)}.wormhole-route-banner>img{width:38px;height:38px}.wormhole-route-banner>.button-link{grid-column:1/3;justify-self:start}}
.fleet-wormhole-route{display:block!important;margin-top:2px;color:#cdb8ff!important;font-size:.66rem!important;font-weight:700}

/* 0.11.46 – flüchtige Spielmeldungen und Berichte ohne Seitenreload */
.game-toast{
  position:fixed;
  right:var(--game-toast-right,18px);
  bottom:18px;
  z-index:120;
  width:min(420px,var(--game-toast-width,calc(100vw - 36px)));
  margin:0;
  padding:11px 14px;
  box-sizing:border-box;
  box-shadow:0 10px 30px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.05) inset;
  opacity:1;
  transform:translateY(0);
  transition:opacity .45s ease,transform .45s ease,right .2s ease;
  pointer-events:auto;
}
.game-toast.is-hiding{opacity:0;transform:translateY(10px)}
.report-summary-row.is-loading .report-subject a{opacity:.62;pointer-events:none}
.report-detail-row[hidden]{display:none!important}
.report-coordinate-link{color:#a9c7ff;text-decoration:underline;text-decoration-color:rgba(169,199,255,.48);text-underline-offset:2px;font-weight:700}
.report-coordinate-link:hover{color:#fff;text-decoration-color:#fff}
@media(max-width:800px){.game-toast{bottom:12px}}

/* 0.11.50 – ETOA-Trümmerfelder */
.debris-field-wrap{position:relative;display:block;width:max-content;max-width:100%;margin-top:3px;line-height:1.2;text-shadow:none}
.debris-field-label{color:#817339!important;font-weight:700;cursor:help;text-shadow:none}
.debris-field-tooltip{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:140;min-width:220px;padding:9px 10px;border:1px solid #817339;background:rgba(5,8,14,.98);box-shadow:0 12px 28px rgba(0,0,0,.7);color:#eef4ff;text-align:left;font-weight:400;text-shadow:none}
.debris-field-wrap:hover .debris-field-tooltip,.debris-field-wrap:focus .debris-field-tooltip,.debris-field-wrap:focus-within .debris-field-tooltip{display:grid;gap:6px}
.debris-field-tooltip strong{color:#817339;font-size:.8rem}
.debris-field-tooltip>span{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#eef4ff}
.debris-field-tooltip img{width:17px;height:17px;object-fit:contain;flex:0 0 17px}



/* 0.11.53 – ETOA-artiger Angriffswarner unter dem seitlichen Menü */
.sidebar-attack-zone{padding:9px 6px 14px}
.sidebar-attack-button{display:grid;grid-template-columns:1fr;align-items:center;min-height:28px;padding:5px 12px;border:1px solid #797474;border-radius:2px;background:linear-gradient(180deg,#692d31 0%,#4e171b 47%,#2f090c 100%);color:#d9cdcd;font-weight:800;letter-spacing:.05em;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.45);text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #1e0507;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.sidebar-attack-button:hover{border-color:#9b8d8d;background:linear-gradient(180deg,#773338 0%,#58191e 47%,#360a0e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.58),0 1px 3px rgba(0,0,0,.5)}
.sidebar-attack-label{font-size:.86rem;line-height:1;text-align:center}
.sidebar-attack-count{min-width:20px;padding:1px 6px;border-radius:2px;background:#261013;color:#ead7d7;text-align:center;font-size:.76rem;border:1px solid #6c4548}
.sidebar-attack-button .sidebar-attack-count[hidden]{display:none!important}
.sidebar-attack-button.incoming-attack-active{border-color:#cf686d;background:linear-gradient(180deg,#8e343b 0%,#68141b 47%,#3d070c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.6),0 0 8px rgba(211,40,50,.30);animation:incoming-attack-blink 2.4s steps(2,end) infinite}
@keyframes incoming-attack-blink{0%,49%{opacity:1}50%,100%{opacity:.62}}
@media(max-width:800px){.sidebar-attack-zone{padding:7px 4px 9px}.sidebar-attack-button{max-width:260px}}


/* 0.11.56 – Planeten bleiben um die zentrale Infobox; Statistik-Hover bleibt im sichtbaren Bereich. */
.planet-orbit-wrap .planet-hover-panel{pointer-events:none}
.stats-hover-card{max-width:min(410px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;overscroll-behavior:contain}
.stats-hover-anchor.stats-hover-up .stats-hover-card{top:auto;bottom:calc(100% + 6px)}
.stats-hover-anchor.stats-hover-up .stats-hover-card::before{top:auto;bottom:-7px;border-top:0;border-left:0;border-right:1px solid rgba(138,154,196,.72);border-bottom:1px solid rgba(138,154,196,.72)}
.stats-hover-anchor.stats-hover-right .stats-hover-card{left:auto;right:0}
.stats-hover-anchor.stats-hover-right .stats-hover-card::before{left:auto;right:18px}
@media(max-width:620px){.stats-hover-card{max-height:calc(100vh - 16px)}}


.alliance-overview-shell{overflow:hidden}.alliance-overview-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.alliance-overview-copy{max-width:860px}.alliance-overview-badge{min-width:120px;padding:14px 16px;border-radius:16px;border:1px solid rgba(140,180,235,.3);background:linear-gradient(180deg,rgba(24,44,92,.9),rgba(11,20,46,.95));text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.alliance-overview-badge span{display:block;font-size:1.7rem;font-weight:800;color:#f4f8ff}.alliance-overview-badge small{display:block;margin-top:2px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.alliance-summary-grid{margin-top:14px}.alliance-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.alliance-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid rgba(137,160,211,.38);border-radius:999px;background:linear-gradient(180deg,rgba(31,58,122,.88),rgba(15,29,71,.92));color:#eef4ff;font-weight:700;font-size:.86rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);cursor:pointer}.alliance-tabs button:hover,.alliance-tabs button.active{background:linear-gradient(180deg,rgba(71,107,196,.96),rgba(29,55,126,.96));border-color:rgba(170,195,255,.68)}.alliance-tab-panel{display:none;animation:allianceTabFade .18s ease}.alliance-tab-panel.active{display:block}.alliance-member-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.alliance-member-card{padding:12px;border-radius:12px;border:1px solid rgba(140,180,235,.16);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:4px}.alliance-member-card b{font-size:1rem}.alliance-member-card span{color:#d8e8ff;font-weight:700}.alliance-member-card small{color:var(--muted)}.alliance-visual-card{display:flex;flex-direction:column;overflow:hidden;padding:0!important}.alliance-visual-thumb{aspect-ratio:16/9;overflow:hidden;background:rgba(3,10,18,.65);border-bottom:1px solid rgba(255,255,255,.06)}.alliance-visual-thumb img{width:100%;height:100%;object-fit:cover;display:block}.alliance-visual-body{display:flex;flex-direction:column;gap:10px;padding:12px;flex:1}.alliance-visual-body form{margin-top:auto}.alliance-project-card,.alliance-building-card{gap:0}.alliance-history-list{display:grid;gap:2px}.alliance-history-list article{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.alliance-history-list time{color:var(--muted);font-size:.88em}.alliance-history-list p{margin:3px 0}.alliance-history-list small{color:var(--muted)}@keyframes allianceTabFade{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.alliance-tabs button{flex:1 1 calc(50% - 8px);border-radius:10px}.alliance-overview-head{flex-direction:column}.alliance-overview-badge{width:100%}}

/* 0.11.58 – ETOA-Werkzeuge, Spezialisten und Spezialschiffe */
.personal-tools-intro p,.special-ship-intro p,.specialist-office>p{max-width:900px;color:var(--muted)}
.personal-tools-layout{align-items:start}.note-card-list{display:grid;gap:9px}.note-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(140,180,220,.16);border-radius:10px;background:rgba(255,255,255,.025)}.note-card.active{border-color:rgba(115,170,255,.55);background:rgba(42,83,145,.18)}.note-card>a{color:inherit;text-decoration:none;min-width:0}.note-card b{display:block;color:#eef6ff}.note-card p{margin:4px 0;color:var(--muted);white-space:normal}.note-card small{color:var(--muted)}.note-card form{margin:0}.form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.buddy-search{display:flex;align-items:end;gap:8px;max-width:620px;margin-top:14px}.buddy-search label{flex:1}.buddy-search-results,.buddy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}.buddy-search-results article,.buddy-card{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(140,180,220,.18);border-radius:10px;background:rgba(255,255,255,.028)}.buddy-card.pending{border-color:rgba(225,184,88,.30);background:rgba(109,78,18,.11)}.buddy-search-results b,.buddy-card b{display:block}.buddy-search-results small,.buddy-card small{display:block;margin-top:2px;color:var(--muted)}.buddy-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.buddy-card-actions form{margin:0}
.specialist-office{overflow:hidden}.active-specialist-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 16px;padding:16px 18px;border:1px solid rgba(94,196,255,.35);border-radius:14px;background:linear-gradient(135deg,rgba(31,85,131,.30),rgba(22,38,73,.35));box-shadow:inset 0 0 30px rgba(70,150,220,.06)}.active-specialist-banner span{display:block;color:#77cfff;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.active-specialist-banner b{display:block;margin-top:2px;font-size:1.35rem}.active-specialist-banner p{margin:5px 0;color:#dceaff}.active-specialist-banner small{color:var(--muted)}.specialist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px}.specialist-card{display:flex;flex-direction:column;gap:11px}.specialist-card.active{border-color:rgba(98,202,255,.58);box-shadow:0 0 0 1px rgba(98,202,255,.15),0 0 24px rgba(60,150,220,.08)}.specialist-card>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.specialist-card>header span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.specialist-card h3{margin:2px 0 0}.specialist-card>header>b{color:#94cfff;white-space:nowrap}.specialist-card p{margin:0;color:var(--muted)}.specialist-effect{padding:9px 10px;border-radius:9px;background:rgba(53,112,178,.13);border:1px solid rgba(95,165,230,.18);color:#dbeeff;font-weight:700}.specialist-card form{margin-top:auto}.specialist-card form>small{display:block;margin-top:6px}
.special-ship-grid{display:grid;gap:14px}.special-ship-card{overflow:hidden}.special-ship-head{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:16px;align-items:start}.special-ship-head img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px;border:1px solid rgba(140,190,235,.2);background:#07111d}.special-ship-head span{color:#75cfff;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.special-ship-head h3{margin:3px 0 6px;font-size:1.25rem}.special-ship-head p{margin:0;color:var(--muted)}.special-level-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:14px}.special-level-row b,.special-level-row small{display:block}.special-level-row small{margin-top:3px;color:var(--muted)}.special-level-row>strong{color:#87d2ff;font-size:1rem}.special-exp-track{height:8px;margin:8px 0 14px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.special-exp-track i{display:block;height:100%;background:linear-gradient(90deg,#306fb4,#71c6ff);border-radius:inherit}.special-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.special-upgrade-grid>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:9px 10px;border-radius:9px;border:1px solid rgba(145,180,220,.16);background:rgba(255,255,255,.025)}.special-upgrade-grid span{font-weight:700}.special-upgrade-grid b{font-size:.82rem;color:#dcecff}.special-upgrade-grid small{grid-column:1;color:#75cfff}.special-upgrade-grid form{grid-column:2;grid-row:1/3;margin:0}
@media(max-width:720px){.buddy-search,.active-specialist-banner,.special-level-row{align-items:stretch;flex-direction:column}.special-ship-head{grid-template-columns:1fr}.special-ship-head img{max-height:220px}.note-card{grid-template-columns:1fr}.note-card form{justify-self:start}}


/* 0.11.58 – persönliche ETOA-Schiffs- und Wirtschaftsübersichten */
.personal-fleet-stats .stats-ship-image{width:58px;padding:5px}.personal-fleet-stats .stats-ship-image img{display:block;width:48px;height:38px;object-fit:cover;border-radius:6px;border:1px solid rgba(140,180,225,.25)}
.personal-planet-stats td{vertical-align:top;min-width:118px}.personal-planet-stats td:first-child{min-width:180px}.personal-planet-stats td b,.personal-planet-stats td small{display:block}.personal-planet-stats td small{margin-top:3px;color:var(--muted);white-space:nowrap}.personal-planet-stats td small.positive{color:var(--positive)}.personal-planet-stats td small.negative{color:var(--negative)}.stats-total-row td{border-top:2px solid rgba(135,175,225,.35)!important;background:rgba(55,95,145,.12)}

/* 0.11.60: ETOA-artige Flotten-/Schiffsübersicht und kompaktere Wirtschaftsaktionen. */
.fleet-top-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 14px 14px}
.fleet-ship-overview-table{width:100%;border-collapse:collapse;margin-top:10px}
.fleet-ship-overview-table th,.fleet-ship-overview-table td{padding:7px 9px;border:1px solid rgba(220,225,235,.34);background:rgba(98,101,112,.58);vertical-align:middle;text-align:left}
.fleet-ship-overview-table thead th{background:linear-gradient(180deg,#183f7b,#102851);font-weight:800;color:#f3f6ff}
.fleet-ship-overview-table td:not(:first-child),.fleet-ship-overview-table th:not(:first-child){width:15%;white-space:nowrap}
.fleet-overview-ship{display:flex;align-items:center;gap:9px;min-width:235px}
.fleet-overview-ship img{width:52px;height:42px;object-fit:cover;border:1px solid rgba(255,255,255,.3);background:#03060b}
.fleet-overview-ship b{font-weight:700}
.economy-etoa-actions{justify-content:center;margin:0 0 14px}
@media(max-width:760px){.fleet-ship-overview-table{min-width:720px}.fleet-overview-ship{min-width:210px}}

.action-inline-note{align-self:center;color:var(--muted);font-size:.88rem;line-height:1.3}

/* 0.11.67 – Eigene Systeme markieren + Gesamtgalaxie nach ETOA-Vorbild */
.galaxy-toolbar{display:grid;gap:9px}
.galaxy-view-switch{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.galaxy-view-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 11px;border:1px solid rgba(135,158,211,.34);border-radius:4px;background:linear-gradient(180deg,rgba(24,42,88,.78),rgba(8,18,44,.94));color:#dce8ff;font-size:.78rem;font-weight:800;text-decoration:none}
.galaxy-view-button:hover{border-color:rgba(185,207,255,.62);background:linear-gradient(180deg,rgba(39,68,141,.9),rgba(12,27,67,.98))}
.galaxy-view-button.active{border-color:#a8c3ff;background:linear-gradient(180deg,rgba(55,86,181,.96),rgba(18,36,88,.98));color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 12px rgba(73,124,240,.18)}
.galaxy-own-legend{display:flex;flex-wrap:wrap;gap:12px;color:#b9c8e3;font-size:.74rem}
.galaxy-own-legend>span{display:inline-flex;align-items:center;gap:6px}
.legend-corners{--corner-color:#8fffaa;display:inline-block;width:17px;height:17px;background:linear-gradient(var(--corner-color),var(--corner-color)) left top/7px 2px no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) left top/2px 7px no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) right top/7px 2px no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) right top/2px 7px no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) left bottom/7px 2px no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) left bottom/2px 7px no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) right bottom/7px 2px no-repeat,linear-gradient(var(--corner-color),var(--corner-color)) right bottom/2px 7px no-repeat;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--corner-color) 60%,transparent))}
.legend-corners.current{--corner-color:#d68cff}
.own-system-corners{--corner-color:#8fffaa;position:absolute;inset:3px;z-index:5;pointer-events:none;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--corner-color) 72%,transparent))}
.own-system-corners.current{--corner-color:#d68cff}
.own-system-corners>i{position:absolute;width:14px;height:14px;box-sizing:border-box}
.own-system-corners .corner-tl{left:0;top:0;border-left:2px solid var(--corner-color);border-top:2px solid var(--corner-color)}
.own-system-corners .corner-tr{right:0;top:0;border-right:2px solid var(--corner-color);border-top:2px solid var(--corner-color)}
.own-system-corners .corner-bl{left:0;bottom:0;border-left:2px solid var(--corner-color);border-bottom:2px solid var(--corner-color)}
.own-system-corners .corner-br{right:0;bottom:0;border-right:2px solid var(--corner-color);border-bottom:2px solid var(--corner-color)}
.sector-cell.star-cell .occupied-badge{z-index:6}

.whole-galaxy-stage{overflow:auto;padding:10px 14px 18px}
.whole-galaxy-grid{display:grid;grid-template-columns:repeat(var(--galaxy-sector-cols),minmax(340px,1fr));width:min(1140px,100%);min-width:760px;margin:0 auto;border:1px solid rgba(64,126,140,.72);background:#031019;box-shadow:0 0 0 1px rgba(108,188,205,.05) inset,0 0 24px rgba(0,0,0,.3)}
.whole-galaxy-sector{position:relative;min-width:0;border-right:1px solid rgba(71,141,155,.72);border-bottom:1px solid rgba(71,141,155,.72);background:#04111a}
.whole-galaxy-sector.last-column{border-right:0}.whole-galaxy-sector.last-row{border-bottom:0}
.whole-galaxy-sector.current-sector{box-shadow:inset 0 0 0 2px rgba(112,194,217,.48)}
.whole-sector-label{position:absolute;z-index:9;color:rgba(125,158,177,.42);font-size:2rem;line-height:1;font-weight:900;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.6);pointer-events:auto}
.whole-sector-label.label-top{top:8px}.whole-sector-label.label-bottom{bottom:8px}.whole-sector-label.label-left{left:12px}.whole-sector-label.label-right{right:12px}.whole-sector-label:hover{color:rgba(188,221,239,.78)}
.whole-sector-grid{display:grid;grid-template-columns:repeat(var(--sector-systems-x),1fr);grid-template-rows:repeat(var(--sector-systems-y),1fr);aspect-ratio:1/1}
.whole-star-cell{position:relative;display:block;aspect-ratio:1/1;min-width:0;border-right:1px solid rgba(36,77,91,.52);border-bottom:1px solid rgba(36,77,91,.52);background:#031019;overflow:hidden;text-decoration:none}
.whole-star-cell img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .16s ease,transform .16s ease}
.whole-star-cell.known:hover img{filter:brightness(1.25);transform:scale(1.04)}
.whole-star-cell.undiscovered img{filter:grayscale(1) saturate(0) brightness(.20) contrast(.9)}
.whole-star-cell.undiscovered:hover img{filter:grayscale(1) saturate(0) brightness(.32) contrast(1)}
.whole-star-cell.empty{background:#031019}
.whole-star-cell .own-system-corners{inset:2px}
.whole-star-cell .own-system-corners>i{width:11px;height:11px}
.galaxy-overview-mode .galaxy-toolbar{padding-bottom:4px}
@media(max-width:850px){.galaxy-own-legend{gap:8px}.whole-galaxy-stage{padding-left:7px;padding-right:7px}.whole-galaxy-grid{min-width:700px}.whole-sector-label{font-size:1.55rem}.own-system-corners{inset:2px}}


/* 0.11.70 – Reparatur des durch 0.11.68 versehentlich zurückgesetzten CSS-Stands. */


/* 0.11.73 – öffentliche Registrierung */
.auth-title{margin:2px 0 8px;text-align:center;font-size:1.1rem;letter-spacing:.05em;color:#f3f6ff}
.login-note{margin:0 0 14px;color:#bdc8e0;line-height:1.45;text-align:center}
.auth-mode-switch{margin-top:14px;padding-top:12px;border-top:1px solid rgba(137,158,204,.22);text-align:center;color:#aebbd4;font-size:.82rem}
.auth-mode-switch a{color:#c9d8ff;font-weight:800;text-decoration:none}.auth-mode-switch a:hover{text-decoration:underline}
.register-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* 0.11.77: Frachtloader mit Max-Buttons */
.fleet-cargo-loader{display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid rgba(126,148,190,.28);background:rgba(5,9,18,.2)}
.fleet-cargo-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.fleet-cargo-heading h3{margin:0 0 3px}.fleet-cargo-heading small,.fleet-cargo-note{color:#9fb0cb}
.fleet-cargo-grid label{gap:6px}.fleet-cargo-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.fleet-cargo-input input{min-width:0}.fleet-cargo-input .compact-button,.fleet-cargo-heading .compact-button{white-space:nowrap}
@media(max-width:700px){.fleet-cargo-heading{align-items:stretch;flex-direction:column}.fleet-cargo-heading .compact-button{width:100%}}

/* Raumhafen 0.11.78: drei ruhige Seiten statt verschachteltem Flottenwizard. */
.spaceport-simple .panel-title{margin-bottom:14px}.simple-fleet-ship-table td,.simple-fleet-ship-table th{vertical-align:middle}.simple-fleet-ship-table input:is([type=number],[data-game-number]){width:110px}.simple-fleet-ship-table .fleet-ship-speed{text-align:right;font-variant-numeric:tabular-nums}.simple-fleet-ship-table td.fleet-ship-speed{white-space:nowrap}.fleet-select-all{display:flex;justify-content:flex-end;margin-top:12px}.fleet-page-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.fleet-page-actions.split-actions{justify-content:space-between;align-items:center}.compact-summary{margin-bottom:14px}.compact-summary>div{display:flex;flex-wrap:wrap;gap:6px}.compact-summary span{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:rgba(255,255,255,.025)}
.fleet-target-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:18px;align-items:start}.compact-target-picker,.fleet-live-preview{padding:14px;border:1px solid var(--border);border-radius:8px;background:rgba(0,0,0,.12)}.fleet-target-select-label{display:grid;gap:6px;font-weight:700}.fleet-target-select-label select{width:100%}.compact-coordinate-grid{grid-template-columns:repeat(5,minmax(72px,1fr));gap:8px;margin-top:12px}.compact-coordinate-grid label{font-size:.8rem}.compact-coordinate-grid input{min-width:0;width:100%}.fleet-speed-control{display:grid;gap:6px;margin-top:14px}.fleet-speed-control>span{display:flex;justify-content:space-between}.fleet-speed-control input[type=range]{width:100%}.compact-target-box{margin-bottom:10px}.fleet-flight-table{width:100%;border-collapse:collapse}.fleet-flight-table th,.fleet-flight-table td{padding:7px 8px;border-bottom:1px solid var(--border);text-align:left}.fleet-flight-table th{width:44%;font-weight:600;color:var(--muted)}.fleet-flight-table td{text-align:right;font-variant-numeric:tabular-nums}
.fleet-action-layout{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(420px,1.35fr);gap:18px;align-items:start}.fleet-action-list,.simplified-cargo{padding:14px;border:1px solid var(--border);border-radius:8px;background:rgba(0,0,0,.12)}.fleet-action-list{display:flex;flex-direction:column;gap:7px}.fleet-action-list h3{margin:0 0 6px}.fleet-action-choice{width:100%;text-align:left;padding:10px 12px;border:1px solid currentColor;border-radius:6px;background:rgba(255,255,255,.02);cursor:pointer;font:inherit;font-weight:700;opacity:.72}.fleet-action-choice:hover,.fleet-action-choice.active{opacity:1;background:rgba(255,255,255,.08);box-shadow:inset 3px 0 0 currentColor}.support-duration{display:grid;gap:5px;margin-top:10px}.cargo-capacity-line{display:grid;grid-template-columns:auto auto 1fr;gap:5px 7px;align-items:center;margin-bottom:14px}.cargo-capacity-bar{grid-column:1/-1;height:8px;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:rgba(0,0,0,.25)}.cargo-capacity-bar i{display:block;height:100%;background:currentColor;opacity:.65;transition:width .15s ease}.fleet-resource-rows{display:grid;gap:7px}.fleet-resource-row{display:grid;grid-template-columns:24px minmax(86px,.55fr) minmax(110px,1fr) auto;gap:9px;align-items:center}.fleet-resource-row img{width:22px;height:22px;object-fit:contain}.fleet-resource-row input{width:100%;min-width:0}.fleet-resource-row.disabled{opacity:.48}.cargo-fill-all{width:100%;margin-top:12px}.fleet-cargo-percent-note{display:block;margin-top:9px;font-weight:800}.simplified-cargo .fleet-cargo-note{display:block;margin-top:8px}.fake-signature-config{margin-top:14px}
@media(max-width:900px){.fleet-target-layout,.fleet-action-layout{grid-template-columns:1fr}.compact-coordinate-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.compact-coordinate-grid{grid-template-columns:repeat(2,1fr)}.fleet-resource-row{grid-template-columns:22px 1fr auto}.fleet-resource-row input{grid-column:2/4}.fleet-page-actions.split-actions{align-items:stretch;flex-direction:column-reverse}.fleet-page-actions.split-actions>*{width:100%;text-align:center}}

/* Compact previous/next planet controls beside the coordinates. */
.planet-console-coordinate{
  display:flex;
  align-items:center;
  gap:.34rem;
  min-width:0;
}
.planet-console-coordinate>b{
  min-width:0;
}
.planet-cycle-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.55rem;
  height:1.55rem;
  flex:0 0 1.55rem;
  border:1px solid rgba(148,163,184,.32);
  border-radius:.3rem;
  text-decoration:none;
  font-size:.78rem;
  line-height:1;
  color:inherit;
  background:rgba(15,23,42,.34);
}
.planet-cycle-button:hover,
.planet-cycle-button:focus-visible{
  border-color:rgba(148,163,184,.68);
  background:rgba(148,163,184,.12);
  outline:none;
}

/* Flottenkontrolle: Fremde Flotten nutzen dieselbe Tabellenoptik wie eigene Flotten. */
.foreign-fleet-table .foreign-fleet-row .auftrag-cell{width:32%}
.foreign-fleet-table .foreign-fleet-row .auftrag-cell b{display:block;font-size:1rem}
.foreign-fleet-table .foreign-fleet-row .auftrag-cell small{display:block;margin-top:3px;color:#d2d9e6}
.foreign-fleet-table .foreign-fleet-intel-row{background:rgba(255,255,255,.018)}
.foreign-fleet-table .foreign-fleet-intel-row:hover{background:rgba(255,255,255,.018)}


/* 0.11.84 – Gesamtgalaxie: eigene Planeten klar sichtbar; Wurmlöcher ohne Rahmen */
.whole-star-cell.has-own-planet{z-index:1}
.whole-star-cell .own-planet-marker{position:absolute;left:3px;bottom:3px;z-index:8;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;box-sizing:border-box;border:0!important;border-radius:999px;background:#8fffaa;color:#041109;font-size:.56rem;font-weight:900;line-height:1;box-shadow:0 0 7px rgba(94,255,139,.75);pointer-events:none}
.whole-star-cell .own-planet-marker.current{background:#d68cff;color:#18051f;box-shadow:0 0 8px rgba(214,140,255,.85)}
.whole-star-cell.has-own-planet img{filter:brightness(1.12)}
.whole-star-cell.has-own-planet:hover img{filter:brightness(1.3)}

/* Das Wurmlochbild selbst soll nirgends von einem UI-Rahmen eingefasst werden. */
.sector-cell.wormhole-cell,.sector-cell.wormhole-cell:hover{border:0!important;outline:0!important}
.wormhole-badge,.wormhole-icon,.wormhole-row .entity-thumb,.wormhole-route-banner>img{border:0!important;outline:0!important}
.wormhole-row .entity-thumb,.wormhole-route-banner>img{box-shadow:none}

/* Kompaktere, leuchtendere Sterne in der Galaxiekarte, ohne viereckigen Glow um das Bild. */
.sector-cell.star-cell img,
.whole-star-cell img{
    position:absolute;
    left:25%;
    top:25%;
    width:50%;
    height:50%;
    object-fit:cover;
    transform:none;
    border-radius:50%;
    clip-path:circle(50% at 50% 50%);
    -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 46%,rgba(0,0,0,.98) 56%,rgba(0,0,0,.84) 64%,transparent 78%);
    mask-image:radial-gradient(circle at 50% 50%,#000 0 46%,rgba(0,0,0,.98) 56%,rgba(0,0,0,.84) 64%,transparent 78%);
    filter:saturate(1.16) brightness(1.22) contrast(1.05) drop-shadow(0 0 6px rgba(165,195,255,.82));
    transition:filter .16s ease,transform .16s ease;
}
.sector-cell.star-cell:hover img,
.whole-star-cell.known:hover img{
    transform:scale(1.06);
    filter:saturate(1.22) brightness(1.36) contrast(1.08) drop-shadow(0 0 9px rgba(185,210,255,.94));
}
.sector-cell.star-cell.class-schwarz img,
.whole-star-cell.class-schwarz img{
    filter:saturate(1.10) brightness(1.38) contrast(1.10) drop-shadow(0 0 8px rgba(132,157,225,.90));
}
.sector-cell.star-cell.class-schwarz:hover img,
.whole-star-cell.class-schwarz.known:hover img{
    filter:saturate(1.14) brightness(1.50) contrast(1.12) drop-shadow(0 0 11px rgba(154,180,245,.98));
}
.whole-star-cell.undiscovered img{
    filter:grayscale(1) saturate(0) brightness(.30) contrast(.96) drop-shadow(0 0 3px rgba(130,145,175,.28));
}
.whole-star-cell.undiscovered:hover img{
    filter:grayscale(1) saturate(0) brightness(.40) contrast(1) drop-shadow(0 0 5px rgba(145,165,205,.34));
}

/* ETOA-nahe Sektornavigation: Galaxie-Link, Auswahlfeld und 8-Wege-Sektorwechsel. */
.galaxy-sector-navigation{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:5px 8px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(48,56,78,.56),rgba(20,25,39,.70));font-size:.76rem;font-weight:800}
.galaxy-root-link{color:#dce7ff;text-decoration:none;padding:3px 1px;border-bottom:1px solid rgba(220,231,255,.7)}
.galaxy-root-link:hover,.galaxy-root-link.active{color:#fff;border-bottom-color:#fff;text-shadow:0 0 8px rgba(166,198,255,.42)}
.galaxy-nav-separator{color:#8fa3c8;font-weight:900}
.galaxy-sector-select-wrap{display:inline-flex;align-items:center}
.galaxy-sector-select{min-width:118px;height:27px;padding:2px 26px 2px 8px;border:1px solid rgba(157,178,225,.52);border-radius:2px;background:#060b13;color:#f2f6ff;font:inherit;font-weight:800;cursor:pointer}
.galaxy-sector-select:focus{outline:1px solid #a9c1ff;outline-offset:1px}
.galaxy-toolbar .galaxy-own-legend{justify-content:center}
.sector-arrow.diagonal{font-size:1.08rem}
.sector-arrow.up-left{left:10px;top:2px;transform:none}
.sector-arrow.up-right{right:10px;top:2px;transform:none}
.sector-arrow.down-left{left:10px;bottom:4px;transform:none}
.sector-arrow.down-right{right:10px;bottom:4px;transform:none}
.sector-arrow.up-left:hover,.sector-arrow.up-right:hover,.sector-arrow.down-left:hover,.sector-arrow.down-right:hover{transform:scale(1.08)}
@media(max-width:760px){.galaxy-sector-navigation{justify-content:flex-start;overflow:auto}.galaxy-sector-select{min-width:110px}.sector-stage{padding-left:40px;padding-right:40px}.sector-arrow.up-left,.sector-arrow.down-left{left:2px}.sector-arrow.up-right,.sector-arrow.down-right{right:2px}}

/* Wirtschaftsvergleich ueber alle eigenen Planeten */
.economy-planet-compare td.economy-extreme-high{color:#65ef8c;font-weight:800}.economy-planet-compare td.economy-extreme-low{color:#ff7777;font-weight:800}


/* 0.11.x: kompakte Wurmloecher ohne Buchstaben-Badge. */
.wormhole-badge{display:none!important}
.sector-cell.wormhole-cell{border-color:rgba(120,136,180,.12)!important;background:#05070d!important;box-shadow:none!important}
.sector-cell.wormhole-cell:hover{border-color:rgba(154,171,209,.24)!important;box-shadow:none!important}
.sector-cell.wormhole-cell img,.whole-wormhole-cell img{
  position:absolute;left:30%;top:30%;width:40%;height:40%;object-fit:contain!important;
  border:0!important;border-radius:50%;mix-blend-mode:screen;
  filter:saturate(1.22) brightness(1.16) drop-shadow(0 0 6px rgba(122,104,255,.62))!important;
}
.sector-cell.wormhole-cell:hover img,.whole-wormhole-cell:hover img{transform:scale(1.08);filter:saturate(1.3) brightness(1.26) drop-shadow(0 0 8px rgba(139,121,255,.78))!important}
.whole-wormhole-cell{background:#031019}
.whole-wormhole-cell img{left:28%;top:28%;width:44%;height:44%}

/* Mehrere Werftauftraege: die Werft bleibt nutzbar, nur die Arbeiterzuteilung ist gesperrt. */
.shipyard-order-list{display:grid;gap:7px;margin:10px 14px 14px}
.shipyard-order-list .active-order{margin:0}
.ship-order-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ship-order-heading>div{display:grid;gap:2px}
.ship-order-heading form{margin:0;flex:0 0 auto}
.ship-series-order.waiting{opacity:.86;border-style:dashed}
.etoa-ship-costs .ship-cost-label{display:flex;align-items:center;gap:6px}
.etoa-ship-costs .ship-cost-label .resource-icon{width:20px;height:20px;flex:0 0 20px;padding:0}
.etoa-build-note.neutral-note{color:#b9c8e3;background:rgba(40,54,84,.16)}
@media(max-width:700px){.ship-order-heading{flex-direction:column}.ship-order-heading form,.ship-order-heading button{width:100%}}

/* Allianzbefehle: weiche strategische Schwerpunkte für NPC-Mitglieder. */
.alliance-command-panel{display:grid;gap:14px}
.alliance-command-member-picker{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(280px,1.45fr);gap:14px;align-items:end}
.alliance-command-member-picker>label{display:grid;gap:6px;font-weight:800}.alliance-command-member-picker select{width:100%}
.alliance-command-current{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(137,160,211,.25);border-radius:8px;background:rgba(255,255,255,.025)}
.alliance-command-current>span,.alliance-command-current>small{color:var(--muted);font-size:.76rem}.alliance-command-current>b{color:#f1f6ff}
.alliance-command-form{display:grid;gap:8px}
.alliance-command-option{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;padding:10px 12px;border:1px solid rgba(137,160,211,.20);border-radius:8px;background:rgba(255,255,255,.02);cursor:pointer}
.alliance-command-option:has(input[type=radio]:checked){border-color:rgba(151,188,255,.62);background:rgba(61,103,181,.13);box-shadow:inset 3px 0 0 rgba(151,188,255,.74)}
.alliance-command-option>input[type=radio]{margin-top:3px}.alliance-command-option>span{display:grid;gap:4px;min-width:0}.alliance-command-option small{color:var(--muted);font-weight:400}
.alliance-command-inline{display:grid!important;grid-template-columns:minmax(90px,.35fr) minmax(190px,1fr);gap:8px;margin-top:5px}.alliance-command-inline select,.alliance-command-inline input{width:100%;min-width:0}
.alliance-command-summary-list{display:grid;gap:7px}.alliance-command-summary-list>div{display:grid;grid-template-columns:minmax(110px,.4fr) minmax(200px,1.3fr) auto;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.alliance-command-summary-list small{color:var(--muted)}
@media(max-width:760px){.alliance-command-member-picker{grid-template-columns:1fr}.alliance-command-inline{grid-template-columns:1fr}.alliance-command-summary-list>div{grid-template-columns:1fr;gap:3px}}

/* Allianz-Schiffsauftrag: reservierte Marktangebote */
.market-reserved-note{display:block;margin-top:3px;color:#9ec7ff;font-size:.68rem;font-weight:800}

/* Markt: eigene Angebote direkt in der Angebotsliste verwalten. */
.market-own-inline-action{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.market-own-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border:1px solid rgba(133,178,255,.34);border-radius:999px;background:rgba(45,83,146,.18);color:#bcd5ff;font-size:.7rem;font-weight:800;white-space:nowrap}
.market-offer-row.own-offer{background:linear-gradient(90deg,rgba(48,88,154,.08),transparent 52%)}


/* Markt: belegte Angebotsplaetze muessen immer sichtbar und direkt aufloesbar sein. */
.market-slot-panel{border-color:rgba(155,183,245,.34)}
.market-own-list{display:grid;gap:7px}
.market-slot-row{background:rgba(255,255,255,.025)}
.market-offer-confirm-preview{margin-top:7px;padding:7px 9px;border:1px solid rgba(147,173,226,.28);border-radius:5px;background:rgba(255,255,255,.025);font-size:.78rem;color:#cbd7ee}
.market-offer-confirm-preview b{color:#fff}

/* ETOA-inspirierter Marktplatz: bewusst tabellarisch, kompakt und ohne Kartenraster. */
.etoa-market{display:grid;gap:10px;max-width:1180px;margin:0 auto 18px}
.etoa-market-head{display:grid;gap:8px}.etoa-market-head>h2{margin:0 0 1px;font-size:1.05rem;font-weight:800;color:#eef4ff;text-shadow:0 1px 0 #000}
.etoa-market-box{border:1px solid #38537f;background:linear-gradient(180deg,rgba(8,21,48,.98),rgba(6,16,37,.98));box-shadow:0 0 0 1px rgba(0,0,0,.45) inset}
.etoa-market-caption{padding:5px 8px;border-bottom:1px solid #3b5b8f;background:linear-gradient(180deg,#233c68 0%,#14294d 52%,#0f2040 100%);color:#f2f6ff;font-size:.73rem;font-weight:800;text-align:center;letter-spacing:.015em;text-shadow:0 1px 0 #000}
.etoa-market-info-table,.etoa-market-table{width:100%;border-collapse:collapse;border-spacing:0;color:#d8e1f1;font-size:.71rem}
.etoa-market-info-table th,.etoa-market-info-table td,.etoa-market-table th,.etoa-market-table td{padding:5px 7px;border:1px solid rgba(76,101,145,.52);vertical-align:middle}
.etoa-market-info-table th{width:180px;background:#101e38;color:#b8c8e4;text-align:right;font-weight:700}.etoa-market-info-table td{background:rgba(8,18,38,.72)}
.etoa-market-table thead th{position:static;background:linear-gradient(180deg,#1a3158,#112544);color:#dbe7fa;font-size:.66rem;text-transform:none;letter-spacing:0;text-align:center;font-weight:800;white-space:nowrap}
.etoa-market-table tbody th{background:#101e38;color:#c5d3e8;text-align:right;font-weight:700;white-space:nowrap}
.etoa-market-table tbody tr:nth-child(even)>td{background:rgba(14,29,55,.42)}.etoa-market-table tbody tr:hover>td{background:rgba(41,67,108,.26)}
.etoa-market-table td small{display:block;margin-top:3px;color:#8fa3c3;font-size:.62rem;line-height:1.3}.etoa-market-table .own-offer td{background:rgba(38,67,111,.2)}
.etoa-market-table input,.etoa-market-table select,.etoa-market-info-table input,.etoa-market-info-table select{min-height:27px;border-radius:2px;border:1px solid #3b5681;background:#08152d;color:#e4ebf7;padding:3px 6px;font-size:.7rem}
.etoa-market-table input:is([type=number],[data-game-number]){width:125px}.etoa-market-table input[type=text]:not([data-game-number]),.etoa-market-table input:not([type]){width:100%}
.etoa-market-inline{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.etoa-market-inline select{min-width:105px}.etoa-market-inline input{flex:1;min-width:110px}
.etoa-market-tabs{display:flex;align-items:flex-end;border-bottom:1px solid #3d5c8d;padding:0 5px;background:#071226;min-height:31px}
.etoa-market-tabs a{display:block;margin:4px 2px 0;padding:6px 12px;border:1px solid #334f7b;border-bottom:0;background:linear-gradient(180deg,#13284b,#0c1b35);color:#aebfda;text-decoration:none;font-size:.7rem;font-weight:700;border-radius:3px 3px 0 0}
.etoa-market-tabs a:hover{color:#fff;background:#1a345f}.etoa-market-tabs a.active{position:relative;top:1px;background:linear-gradient(180deg,#274872,#172f55);color:#fff;border-color:#5273a6}.etoa-market-tabs a span{display:inline-flex;min-width:16px;height:16px;align-items:center;justify-content:center;margin-left:4px;border-radius:8px;background:#07152d;color:#c8d8ef;font-size:.58rem}
.etoa-market-form{display:grid}.etoa-market-form>.etoa-market-table{border:0}.etoa-market-form>.etoa-market-table th:first-child,.etoa-market-form>.etoa-market-table td:first-child{border-left:0}.etoa-market-form>.etoa-market-table th:last-child,.etoa-market-form>.etoa-market-table td:last-child{border-right:0}.etoa-market-form>.etoa-market-table tr:last-child th,.etoa-market-form>.etoa-market-table tr:last-child td{border-bottom:0}
.etoa-market-submit{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 8px;border-top:1px solid #304a74;background:rgba(8,20,42,.92)}.etoa-market-submit small{margin-right:auto;color:#879ab9;font-size:.62rem}.etoa-market-submit button,.etoa-market button,.etoa-market .button-link{border-radius:2px;min-height:26px;padding:4px 9px;font-size:.68rem}
.etoa-market-checkline{padding:6px 8px;border-top:1px solid rgba(63,88,130,.52);background:rgba(16,31,57,.62);font-size:.68rem;color:#aebdd5}.etoa-market-checkline b{color:#edf3ff}
.etoa-market-empty{padding:10px;text-align:center;color:#91a3c0;font-size:.7rem;background:rgba(7,16,34,.65)}
.etoa-market-notice{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 10px;border:1px solid #38537f;background:#0a1b38;color:#aebed7;font-size:.7rem}.etoa-market-notice>b{color:#f1f5ff}.etoa-market-notice.warning{border-color:#776236;background:#2a230f;color:#dfcfa6}.etoa-market-notice.warning>b{color:#ffe4a2}.etoa-market-notice .button-link{margin-left:auto}
.etoa-market-slot-list{width:100%;display:grid;border-top:1px solid rgba(155,126,61,.35);margin-top:3px;padding-top:4px}.etoa-market-slot-list>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid rgba(155,126,61,.2)}.etoa-market-slot-list>div:last-child{border-bottom:0}.etoa-market-slot-list form{margin-left:auto}
.etoa-rate-details summary{cursor:pointer;color:#a9c5ef;font-weight:700}.etoa-rate-details[open] summary{margin-bottom:6px}.etoa-rate-details .table-scroll{margin-top:4px;max-width:760px}.etoa-rate-table{font-size:.65rem}
.etoa-market-filter>.etoa-market-table{border:0}.etoa-market-filter .etoa-market-table th{width:180px}.etoa-market-filter select{min-width:220px}.etoa-check{display:inline-flex;align-items:center;gap:6px}.etoa-check input{min-height:auto}
.etoa-market-offers td{text-align:left}.etoa-market-offers td:last-child{text-align:center;min-width:95px}.etoa-market-offers form{margin:0}.etoa-market-offers .market-deal{margin-top:2px;padding:2px 5px;border-radius:2px;font-size:.57rem}
.etoa-market .market-reserved-note{color:#a9caff;font-weight:700}.etoa-market .market-offer-confirm-preview{margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;background:rgba(7,17,36,.78);font-size:.66rem;padding:6px 8px}
.etoa-market .auction-bid-form{min-width:250px;gap:5px}.etoa-market .auction-bid-grid{grid-template-columns:repeat(2,minmax(90px,1fr));gap:4px}.etoa-market .auction-bid-grid label{font-size:.62rem}.etoa-market .auction-bid-grid input{width:100%;min-width:0}
.etoa-auction-form-table td[rowspan]{vertical-align:top;min-width:175px}.etoa-auction-form-table td[rowspan] label{display:grid;gap:5px}
@media(max-width:800px){.etoa-market{gap:8px}.etoa-market-tabs{overflow-x:auto;white-space:nowrap;padding-right:12px}.etoa-market-tabs a{flex:0 0 auto}.etoa-market-info-table th{width:130px}.etoa-market-box>.table-scroll>.etoa-market-table{min-width:760px}.etoa-market-offers{min-width:860px}.etoa-market-info-table,.etoa-market-table{font-size:.68rem}.etoa-market-slot-list>div{align-items:flex-start;flex-direction:column}.etoa-market-slot-list form{margin-left:0}.etoa-market-filter select{min-width:160px}}

/* ETOA Markt Hotfix: bewährte Marktlogik, nur sichere Struktur-/Designanpassung. */
.etoa-market-safe{display:grid;gap:9px}
.etoa-market-safe>.panel,.etoa-market-safe>.two-column>.panel,.etoa-market-safe>.two-column.market-create-columns>.panel{border-radius:0;border:1px solid #38537f;background:linear-gradient(180deg,rgba(8,21,48,.98),rgba(6,16,37,.98));box-shadow:0 0 0 1px rgba(0,0,0,.4) inset}
.etoa-market-safe .panel-title{min-height:29px;padding:5px 8px;border-bottom:1px solid #3b5b8f;background:linear-gradient(180deg,#233c68 0%,#14294d 52%,#0f2040 100%);border-radius:0}
.etoa-market-safe .panel-title h2{font-size:.74rem;color:#f2f6ff;letter-spacing:.01em;text-shadow:0 1px 0 #000}
.etoa-market-safe .panel-title span{font-size:.63rem;color:#aec0dc}
.etoa-market-safe .market-hero{padding:0}.etoa-market-safe .market-hero>.panel-title{display:none}.etoa-market-safe .market-hero>.market-intro,.etoa-market-safe .market-hero>.empty-state{margin:0;border:0;border-radius:0}
.etoa-market-safe .two-column,.etoa-market-safe .market-create-columns{grid-template-columns:1fr;gap:9px}
.etoa-market-safe .market-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.7rem}
.etoa-market-safe .market-table th,.etoa-market-safe .market-table td{padding:5px 7px;border:1px solid rgba(76,101,145,.52)}
.etoa-market-safe .market-table thead th{position:static;background:linear-gradient(180deg,#1a3158,#112544);color:#dbe7fa;font-size:.66rem;text-transform:none;letter-spacing:0;text-align:center}
.etoa-market-safe .market-table tbody tr:nth-child(even)>td{background:rgba(14,29,55,.42)}
.etoa-market-safe .market-table tbody tr:hover>td{background:rgba(41,67,108,.26)}
.etoa-market-safe .market-form,.etoa-market-safe .action-form{border-radius:0}
.etoa-market-safe .market-own-row,.etoa-market-safe .market-history-row{border-radius:0;border-color:rgba(76,101,145,.42);background:rgba(8,18,38,.68)}
.etoa-market-safe .market-slot-panel{border-color:#6d5d35}
.etoa-market-safe .market-slot-panel .panel-title{background:linear-gradient(180deg,#5c4b23,#3b3018)}
.etoa-market-safe .button-link,.etoa-market-safe button{border-radius:2px}
.etoa-market-safe #market-new,.etoa-market-safe #market-own,.etoa-market-safe #market-search,.etoa-market-safe #market-auctions{scroll-margin-top:82px}
@media(max-width:800px){.etoa-market-safe .etoa-market-info-table th{width:125px}.etoa-market-safe .market-table{font-size:.67rem}}

/* ETOA-Markt: echte Seiten-Tabs statt Sprungmarken. */
.etoa-market-tabs-functional{display:grid;gap:10px;max-width:1180px;margin:0 auto 18px}
.etoa-market-tabs-functional .etoa-market-head{display:grid;gap:8px}
.etoa-market-tabs-functional .etoa-market-tabs a{scroll-behavior:auto}
.etoa-market-tabs-functional .etoa-market-box{overflow:hidden}
.etoa-market-tabs-functional .etoa-market-rates-details{margin:0}
.etoa-market-tabs-functional .etoa-market-rates-details>summary{display:inline-block;cursor:pointer;color:#b9d5ff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.etoa-market-tabs-functional .etoa-market-rates-details[open]>summary{margin-bottom:7px}
.etoa-market-tabs-functional .etoa-market-rates-details .table-scroll{margin-top:6px;max-width:100%}
.etoa-market-tabs-functional .etoa-market-table.compact th,.etoa-market-tabs-functional .etoa-market-table.compact td{padding:4px 6px;font-size:.65rem}
.etoa-market-tabs-functional .etoa-market-own-list{border:0}
.etoa-market-tabs-functional .etoa-market-own-list .market-own-row{border:0;border-bottom:1px solid rgba(76,101,145,.42);border-radius:0;background:rgba(8,18,38,.7);padding:7px 9px}
.etoa-market-tabs-functional .etoa-market-own-list .market-own-row:last-child{border-bottom:0}
.etoa-market-tabs-functional .etoa-market-table input:is([type=number],[data-game-number]){max-width:160px}
.etoa-market-tabs-functional .etoa-market-table select{max-width:420px}
.etoa-market-tabs-functional .etoa-market-filter .etoa-market-table th{width:190px}
.etoa-market-tabs-functional .etoa-market-filter .etoa-market-table td>small{display:block;margin-top:4px;color:#879ab9}
.etoa-market-tabs-functional .etoa-market-filter input[name=q]{width:min(520px,100%)}
.etoa-market-tabs-functional .etoa-check{display:inline-flex;align-items:center;gap:7px;color:#d5e0ef}
.etoa-market-tabs-functional .etoa-check input{width:auto;min-height:0;margin:0}
.etoa-market-tabs-functional .etoa-market-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.etoa-market-tabs-functional .etoa-market-history-list{display:grid}
.etoa-market-tabs-functional .etoa-market-history-list .market-history-row{border:0;border-bottom:1px solid rgba(76,101,145,.42);border-radius:0;background:rgba(8,18,38,.68);padding:7px 9px}
.etoa-market-tabs-functional .etoa-market-history-list .market-history-row:last-child{border-bottom:0}
.etoa-market-tabs-functional .etoa-market-auctions .auction-bid-form{min-width:265px}
.etoa-market-tabs-functional .etoa-market-offers td:last-child{min-width:115px;text-align:center}
.etoa-market-tabs-functional .etoa-market-offers .negative{font-weight:700;white-space:nowrap}
.etoa-market-tabs-functional .etoa-market-submit .button-link.secondary{margin-right:auto}
@media(max-width:800px){
  .etoa-market-tabs-functional .etoa-market-history-grid{grid-template-columns:1fr}
  .etoa-market-tabs-functional .etoa-market-filter .etoa-market-table th{width:130px}
  .etoa-market-tabs-functional .etoa-market-table{min-width:720px}
  .etoa-market-tabs-functional .etoa-market-info-table{min-width:0}
  .etoa-market-tabs-functional .etoa-market-rates-details .etoa-market-table{min-width:620px}
}
/* Statistik-Farben entsprechen der ETOA-/Galaxiekarten-Legende:
   eigener Imperator violett, Mitglieder der eigenen Allianz gelb.
   Die Beziehungsfarbe hat Vorrang vor Sperr-/Statusfarben; Status-Badges behalten ihre eigene Farbe. */
.stats-shell .stats-table tr.stats-self>td,
.stats-shell .stats-table tr.stats-self>td>a,
.stats-shell .stats-table tr.stats-self>td .stats-hover-anchor>a,
.stats-shell .stats-table tr.stats-self>td .stats-hover-anchor>a>b,
.stats-shell .stats-table tr.stats-self .stats-hover-card header>b{color:#FF1FFA!important}
.stats-shell .stats-table tr.stats-ally>td,
.stats-shell .stats-table tr.stats-ally>td>a,
.stats-shell .stats-table tr.stats-ally>td .stats-hover-anchor>a,
.stats-shell .stats-table tr.stats-ally>td .stats-hover-anchor>a>b,
.stats-shell .stats-table tr.stats-ally .stats-hover-card header>b{color:#ffff33!important}

/* Rangbewegungen bleiben bewusst grün/rot/grau lesbar. */
.stats-shell .stats-table tr.stats-self .stats-shift.up,
.stats-shell .stats-table tr.stats-ally .stats-shift.up{color:#6cf08e!important}
.stats-shell .stats-table tr.stats-self .stats-shift.down,
.stats-shell .stats-table tr.stats-ally .stats-shift.down{color:#ff7b7b!important}
.stats-shell .stats-table tr.stats-self .stats-shift.same,
.stats-shell .stats-table tr.stats-ally .stats-shift.same{color:#8f9bb2!important}

/* Spieler-/Verlaufskarten innerhalb der Statistiken. */
.stats-shell .stats-history-box.stats-self>header b{color:#FF1FFA!important}
.stats-shell .stats-history-box.stats-ally>header b{color:#ffff33!important}

/* Titel und Rassenleader: der Imperatorenname erhält die Beziehungsfarbe. */
.stats-shell .stats-title-card.stats-self strong,
.stats-shell .stats-title-card.stats-self strong>a{color:#FF1FFA!important}
.stats-shell .stats-title-card.stats-ally strong,
.stats-shell .stats-title-card.stats-ally strong>a{color:#ffff33!important}

/* Eigene Allianz in Allianz-/Allianzbasis-Ranglisten. */
.stats-shell .stats-table tr.stats-ally>td b{color:#ffff33!important}

/* Legende: exakt die Galaxie-/Systemkartenfarben. */
.stats-self-sample{color:#FF1FFA!important;font-weight:800}
.stats-ally-sample{color:#ffff33!important;font-weight:800}

.market-tabs,.favorite-top-tabs{display:flex;align-items:flex-end;border-bottom:1px solid #3d5c8d;padding:0 5px;background:#071226;min-height:31px;gap:2px;overflow-x:auto}
.market-tabs a,.favorite-top-tabs a{display:block;margin:4px 2px 0;padding:6px 12px;border:1px solid #334f7b;border-bottom:0;background:linear-gradient(180deg,#13284b,#0c1b35);color:#aebfda;text-decoration:none;font-size:.72rem;font-weight:700;border-radius:3px 3px 0 0;white-space:nowrap}
.market-tabs a:hover,.favorite-top-tabs a:hover{color:#fff;background:#1a345f}.market-tabs a.active,.favorite-top-tabs a.active{position:relative;top:1px;background:linear-gradient(180deg,#274872,#172f55);color:#fff;border-color:#5273a6}
.favorite-inline-status{margin:0 0 10px;padding:10px 12px;border:1px solid #38577d;background:rgba(10,28,53,.86);color:#d7e6ff;font-weight:700}
.favorite-inline-status.success{border-color:#2f7d50;background:rgba(13,58,27,.85);color:#c7ffcf}.favorite-inline-status.error{border-color:#8a3f4a;background:rgba(67,17,26,.88);color:#ffd1d8}
.favorite-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.favorite-form-grid .compact-panel{margin:0}
.favorite-form-grid .form-row{display:grid;gap:5px;margin-bottom:9px}.favorite-form-grid label{display:grid;gap:4px}
.fleet-favorite-editor select,.fleet-favorite-editor input[type=text]:not([data-game-number]),.fleet-favorite-editor input:is([type=number],[data-game-number]){width:100%}
.fleet-favorite-ship-list{display:grid;gap:8px}.fleet-favorite-ship-row{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;align-items:end}
.fleet-favorite-ship-row .button-link{align-self:end}.fleet-favorite-table td{vertical-align:top}.fleet-favorite-target small{display:block;margin-top:3px;color:#9db1cf}
.fleet-favorite-actions{display:flex;flex-wrap:wrap;gap:6px}.fleet-favorite-actions form,.fleet-favorite-actions a{margin:0}
.fleet-favorite-table th:last-child,.fleet-favorite-table td:last-child{min-width:268px}
.fleet-favorite-actions{align-items:flex-start;min-width:250px}
.fleet-favorite-actions form{display:inline-flex}
.fleet-favorite-actions .favorite-action-text{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:72px;height:auto;min-height:29px;padding:5px 9px;line-height:1.15;white-space:nowrap;overflow:visible;text-align:center}
.fleet-cargo-table input{max-width:120px}.fleet-favorite-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.tiny-note{display:block;color:#91a9ca;font-size:.68rem;line-height:1.35}.favorite-search-toolbar .tiny-note{display:flex;align-items:center}
@media(max-width:920px){.favorite-form-grid{grid-template-columns:1fr}.fleet-favorite-ship-row{grid-template-columns:1fr}.fleet-favorite-ship-row .button-link{justify-self:start}.fleet-favorite-table{min-width:760px}}

/* Flottenfavoriten v3: feste Schiffsauswahl mit Bild und synchronisierte Zielwahl. */
.fleet-favorite-ship-row{display:grid;grid-template-columns:58px minmax(180px,1fr) 130px auto;gap:10px;align-items:center;padding:7px 8px;border:1px solid rgba(76,101,145,.52);background:rgba(8,18,38,.68)}
.fleet-favorite-ship-image{width:52px;height:52px;object-fit:contain;display:block;background:rgba(0,0,0,.16);border:1px solid rgba(125,151,195,.28)}
.fleet-favorite-ship-name{display:grid;gap:3px;min-width:0}.fleet-favorite-ship-name b{font-size:.78rem}.fleet-favorite-ship-name small{color:#8fa3c3;font-size:.64rem}
.fleet-favorite-ship-row label{margin:0}.fleet-favorite-ship-row input:is([type=number],[data-game-number]){width:120px}.fleet-favorite-ship-row .button-link{align-self:center}
.fleet-favorite-add-ship{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:9px;align-items:end;margin-top:10px}.fleet-favorite-add-ship label{display:grid;gap:4px}.fleet-favorite-add-ship .tiny-note{align-self:center;white-space:nowrap}
[data-fleet-target-choice]{width:100%}
@media(max-width:920px){.fleet-favorite-ship-row{grid-template-columns:52px minmax(160px,1fr) 110px auto}.fleet-favorite-add-ship{grid-template-columns:1fr auto}.fleet-favorite-add-ship .tiny-note{grid-column:1/-1}}
@media(max-width:620px){.fleet-favorite-ship-row{grid-template-columns:52px 1fr}.fleet-favorite-ship-row label,.fleet-favorite-ship-row .button-link{grid-column:2}.fleet-favorite-add-ship{grid-template-columns:1fr}}

/* NPC-Lebenszyklus: inaktive Spieler bleiben 14 Tage sichtbar, aber ohne Noobschutz. */
.stats-inactive{opacity:.72}
.stats-inactive-label{display:inline-block;margin-left:5px;padding:1px 5px;border:1px solid rgba(190,190,190,.45);border-radius:3px;background:rgba(120,120,120,.18);color:#c9c9c9;font-size:.62rem;font-weight:800;letter-spacing:.04em;vertical-align:middle}
.stats-inactive-sample{color:#b9b9b9;font-weight:800}

/* AJAX-Marktplatz */
.market-ajax-status{display:none;margin:12px 0;padding:10px 12px;border:1px solid rgba(120,150,190,.32);border-radius:6px;background:rgba(12,24,40,.68);font-size:.95rem}
.market-ajax-status.is-visible{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.market-ajax-status.is-success{border-color:rgba(93,190,117,.55);background:rgba(28,82,45,.28)}
.market-ajax-status.is-error{border-color:rgba(205,86,86,.62);background:rgba(92,30,30,.28)}
.market-ajax-fleet{font-size:.9em;opacity:.94}
.market-ajax-fleet a{font-weight:700}
[data-market-offer-id]{transition:opacity .18s ease,transform .18s ease}
[data-market-offer-id].market-offer-buying{opacity:.55}
[data-market-offer-id].market-offer-sold{opacity:0;transform:translateX(8px)}
[data-market-category-section][hidden]{display:none!important}

/* 0.11.77: öffentliches Spielerprofil in den Statistiken. */
.stats-player-profile{margin:10px;border:1px solid rgba(126,153,213,.42);background:rgba(5,12,25,.8)}
.stats-player-profile.stats-suspended{border-color:rgba(255,91,104,.72);box-shadow:inset 4px 0 0 rgba(255,91,104,.95)}
.stats-player-profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid rgba(144,165,211,.25);background:rgba(20,38,72,.62)}
.stats-player-profile-head h3{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;font-size:.95rem}
.stats-player-profile.stats-self .stats-player-profile-head h3{color:#FF1FFA}
.stats-player-profile.stats-ally .stats-player-profile-head h3{color:#ffff33}
.stats-player-profile-table{width:100%;border-collapse:collapse}
.stats-player-profile-table th,.stats-player-profile-table td{padding:7px 10px;border-bottom:1px solid rgba(117,143,190,.2);text-align:left;vertical-align:top}
.stats-player-profile-table th{width:190px;color:#c4d3ea;background:rgba(16,31,57,.48);white-space:nowrap}
.stats-player-profile-table td>span{color:var(--muted)}
.stats-player-profile-table a{font-weight:800}
.stats-public-log{padding:12px}
.stats-public-log>h3{margin:0 0 9px;font-size:.9rem}
.stats-public-log-list{display:grid;border-top:1px solid rgba(117,143,190,.24)}
.stats-public-log-list article{display:grid;gap:3px;padding:10px 2px;border-bottom:1px solid rgba(117,143,190,.2)}
.stats-public-log-list p{margin:0;line-height:1.45}
.stats-public-log-list time{color:var(--muted);font-size:.68rem}
.stats-public-log-note{margin:10px 0 0;color:var(--muted);font-size:.7rem}
.stats-player-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid rgba(117,143,190,.24);background:rgba(16,31,57,.4)}
.stats-player-profile-actions p{margin:0}.stats-player-profile-actions small{color:var(--muted)}
.alliance-member-management{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.alliance-member-management form{margin:0}.inline-kick-form{display:inline-flex}
@media(max-width:700px){.stats-player-profile-table th{width:130px}.stats-player-profile-head{align-items:flex-start}.alliance-member-management{align-items:flex-start;flex-direction:column}}
/* 0.11.81 – planetare Garnison, Ausbildung und Boden-Beutezug */
.ground-garrison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:14px}
.ground-garrison-grid article{display:grid;grid-template-columns:54px minmax(110px,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(55,50,42,.28);padding:9px;background:rgba(255,255,255,.22)}
.ground-garrison-grid img{width:52px;height:52px;object-fit:contain}.ground-garrison-grid span{display:flex;flex-direction:column}.ground-garrison-grid small{color:#666}.ground-garrison-grid strong{font-size:1.15rem}
.ground-garrison-actions{display:grid;justify-items:end;gap:6px}.ground-garrison-actions form{display:flex;gap:5px;align-items:center}.ground-garrison-actions input{width:64px;min-width:0}.ground-garrison-actions button{white-space:nowrap}
.ground-queue-list{display:grid;gap:8px;padding:0 14px 14px}.ground-queue-list .active-order{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,auto);gap:12px;align-items:center}.ground-queue-list .active-order>div:first-child{display:flex;flex-direction:column}.ground-queue-times{display:grid;grid-template-columns:auto auto;gap:3px 8px;align-items:center}.ground-queue-times small{color:#666}
.ground-unit-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;padding:14px}
.ground-unit-card{display:grid;grid-template-columns:96px 1fr;gap:12px;border:1px solid rgba(50,45,38,.34);padding:12px;background:rgba(255,255,255,.18)}.ground-unit-card.locked{opacity:.68}
.ground-unit-card>img{width:92px;height:92px;object-fit:contain}.ground-unit-copy header{display:flex;justify-content:space-between;gap:10px}.ground-unit-copy header span{font-size:.8rem;color:#666}.ground-unit-copy p{margin:.35rem 0 .65rem}
.ground-unit-stats,.ground-unit-cost{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:.8rem}.ground-unit-stats span,.ground-unit-cost span{border-bottom:1px dotted rgba(60,55,45,.35);padding:2px 0}.ground-unit-cost{margin-top:8px}
.ground-train-form{display:flex;align-items:end;gap:8px;margin-top:10px}.ground-train-form label{max-width:130px}.ground-train-form input{width:100%}
.ground-fleet-loader{margin:14px 0;border:1px solid rgba(52,47,40,.42);padding:14px;background:rgba(255,255,255,.18)}.ground-fleet-loader[hidden]{display:none!important}
.ground-fleet-loader>header{display:flex;justify-content:space-between;align-items:start;gap:20px}.ground-fleet-loader h3{margin:0}.ground-fleet-loader header p{margin:.3rem 0 .8rem}.ground-fleet-loader header strong{white-space:nowrap}
.ground-fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.ground-fleet-grid label{display:grid;grid-template-columns:48px 1fr 78px;align-items:center;gap:8px;border:1px solid rgba(50,45,38,.25);padding:7px}.ground-fleet-grid img{width:46px;height:46px;object-fit:contain}.ground-fleet-grid span{display:flex;flex-direction:column}.ground-fleet-grid small{color:#666}.ground-fleet-grid input{width:100%}
.ground-capacity-bar{height:10px;margin-top:12px;border:1px solid rgba(45,42,36,.5);overflow:hidden}.ground-capacity-bar i{display:block;height:100%;width:0;background:rgba(55,100,62,.58);transition:width .15s ease}
.ground-combat-report .battle-columns{margin-top:12px}.ground-round-table{margin-top:12px}
@media(max-width:720px){.ground-unit-catalog{grid-template-columns:1fr}.ground-unit-card{grid-template-columns:70px 1fr}.ground-unit-card>img{width:66px;height:66px}.ground-fleet-loader>header{display:block}.ground-fleet-grid{grid-template-columns:1fr}.ground-queue-list .active-order{grid-template-columns:1fr}.ground-garrison-grid article{grid-template-columns:48px 1fr}.ground-garrison-grid img{width:46px;height:46px}.ground-garrison-actions{grid-column:1/-1;grid-template-columns:auto 1fr;justify-items:start;align-items:center}.ground-garrison-actions form{width:100%;justify-content:end}}

/* 0.11.85: Bauhofkacheln bleiben auch bei kurzen Kategorien quadratisch. */
.building-overview-panel .category-grid{grid-template-columns:repeat(auto-fill,172px);justify-content:start;align-items:start}
.building-overview-panel .building-card{width:172px;height:172px;aspect-ratio:1/1}
.building-overview-panel .building-card .thumb-image{width:100%;height:100%;min-height:0;aspect-ratio:1/1;margin:0}
@media(max-width:760px){.building-overview-panel .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.building-overview-panel .building-card{width:100%;height:auto}}

/* 0.11.88: Tatsächlich leere Galaxiefelder zeigen nur schwarzen Weltraum. */
.image-galaxy .system.empty,
.image-galaxy .system.discovered-empty,
.sector-cell.empty,
.whole-star-cell.empty{
    background:#000!important;
    background-image:none!important;
}
.sector-cell.empty{border-style:solid;border-color:rgba(70,70,70,.24)}

/* 0.11.89: Wurmlöcher werden in der Galaxie exakt wie Sterne zugeschnitten. */
.sector-cell.wormhole-cell img,
.whole-wormhole-cell img{
    position:absolute!important;
    left:25%!important;
    top:25%!important;
    width:50%!important;
    height:50%!important;
    object-fit:cover!important;
    transform:none;
    border:0!important;
    border-radius:50%;
    mix-blend-mode:normal!important;
    clip-path:circle(50% at 50% 50%);
    -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 46%,rgba(0,0,0,.98) 56%,rgba(0,0,0,.84) 64%,transparent 78%);
    mask-image:radial-gradient(circle at 50% 50%,#000 0 46%,rgba(0,0,0,.98) 56%,rgba(0,0,0,.84) 64%,transparent 78%);
    filter:saturate(1.16) brightness(1.22) contrast(1.05) drop-shadow(0 0 6px rgba(165,195,255,.82))!important;
    transition:filter .16s ease,transform .16s ease;
}
.sector-cell.wormhole-cell:hover img,
.whole-wormhole-cell:hover img{
    transform:scale(1.06);
    filter:saturate(1.22) brightness(1.36) contrast(1.08) drop-shadow(0 0 9px rgba(185,210,255,.94))!important;
}

/* 0.11.90: Stern- und Wurmlochbilder fuellen die Kachel ohne runde Zwangsmaske. */
.sector-cell.star-cell img,
.whole-star-cell img,
.sector-cell.wormhole-cell img,
.whole-wormhole-cell img{
    position:absolute!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    mix-blend-mode:normal!important;
}

/* 0.11.91: Normale Sterne sind mittig um 30 Prozent verkleinert; schwarze Löcher bleiben vollflächig. */
.sector-cell.star-cell:not(.class-schwarz) img,
.whole-star-cell:not(.class-schwarz):not(.whole-wormhole-cell) img{
    inset:auto!important;
    left:15%!important;
    top:15%!important;
    width:70%!important;
    height:70%!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
}

/* 0.11.92: Normale Sterne behalten Farbe und Helligkeit, aber keinen Heiligenschein. */
.sector-cell.star-cell:not(.class-schwarz) img,
.whole-star-cell:not(.class-schwarz):not(.whole-wormhole-cell) img{
    filter:saturate(1.16) brightness(1.22) contrast(1.05)!important;
    box-shadow:none!important;
}
.sector-cell.star-cell:not(.class-schwarz):hover img,
.whole-star-cell.known:not(.class-schwarz):not(.whole-wormhole-cell):hover img{
    filter:saturate(1.22) brightness(1.36) contrast(1.08)!important;
}
.whole-star-cell.undiscovered:not(.class-schwarz):not(.whole-wormhole-cell) img{
    filter:grayscale(1) saturate(0) brightness(.30) contrast(.96)!important;
}
.whole-star-cell.undiscovered:not(.class-schwarz):not(.whole-wormhole-cell):hover img{
    filter:grayscale(1) saturate(0) brightness(.40) contrast(1)!important;
}
.whole-star-cell.has-own-planet:not(.class-schwarz):not(.whole-wormhole-cell) img{
    filter:brightness(1.12)!important;
}
.whole-star-cell.has-own-planet:not(.class-schwarz):not(.whole-wormhole-cell):hover img{
    filter:brightness(1.3)!important;
}

/* 0.11.94: Forschungskacheln wie im Bauhof, aber mit vollständig sichtbarem Bild. */
.research-overview-panel{overflow:visible}
.research-overview-panel .category-grid{
    grid-template-columns:repeat(auto-fill,172px);
    justify-content:start;
    align-items:start;
}
.research-overview-panel .technology-card{
    width:172px;
    height:172px;
    aspect-ratio:1/1;
}
.research-overview-panel .technology-card .thumb-image{
    width:100%;
    height:100%;
    min-height:0;
    margin:0;
    background-color:#05070d;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}
.research-overview-panel .technology-card .thumb-name{display:none}
.research-overview-panel .technology-card .thumb-title{
    position:absolute;
    left:0;
    right:0;
    top:0;
    z-index:3;
    padding:7px 8px;
    background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.18));
    color:#fff;
    font-weight:800;
    font-size:.83rem;
    line-height:1.15;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.8);
}
@media(max-width:760px){
    .research-overview-panel .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .research-overview-panel .technology-card{width:100%;height:auto;aspect-ratio:1/1}
}

/* 0.12.0: Rathaus-Diplomatie und verlässliche Innenabstände in allen Allianz-Tabs. */
.townhall-diplomacy-panel{margin-top:14px}
.townhall-diplomacy-list{display:grid;gap:10px;padding:12px 14px 14px}
.townhall-diplomacy-row{display:grid;gap:7px;padding:13px 14px;border:1px solid rgba(132,165,214,.2);border-radius:10px;background:rgba(7,14,26,.55)}
.townhall-diplomacy-row header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.townhall-diplomacy-row header b{overflow-wrap:anywhere}
.townhall-diplomacy-row header span{color:#8299b9;font-weight:500}
.townhall-diplomacy-row h3,.townhall-diplomacy-row p{margin:0}
.townhall-diplomacy-row p{color:#c6d2e4;line-height:1.5}
.townhall-diplomacy-row small{color:#8ea5c5}
.townhall-diplomacy-row strong{font-size:.68rem;letter-spacing:.1em;color:#eaf2ff}
.townhall-diplomacy-row.war{border-color:rgba(221,86,86,.45);background:linear-gradient(135deg,rgba(86,18,22,.38),rgba(7,14,26,.62))}
.townhall-diplomacy-row.war strong{color:#ff938e}
.townhall-diplomacy-row.alliance{border-color:rgba(75,190,135,.4)}
.townhall-diplomacy-row.peace{border-color:rgba(91,157,219,.4)}

.alliance-overview-head{margin:14px 14px 0}
.alliance-overview-shell>.alliance-summary-grid{margin:14px}
.alliance-overview-shell>.alliance-tabs{margin:14px;padding-top:14px}
.page-alliance .content-area>.panel>:not(.panel-title),
.page-alliance .content-area>.two-column>.panel>:not(.panel-title){margin-left:14px;margin-right:14px;box-sizing:border-box}
.page-alliance .content-area>.panel>.table-scroll,
.page-alliance .content-area>.two-column>.panel>.table-scroll{width:calc(100% - 28px)}
.alliance-tab-panel.active{display:grid;gap:14px;padding-top:14px}
.alliance-tab-panel>.two-column{gap:14px;margin:0}
.alliance-tab-panel>.panel>:not(.panel-title),
.alliance-tab-panel>.two-column>.panel>:not(.panel-title){margin-left:14px;margin-right:14px;box-sizing:border-box}
.alliance-tab-panel>.panel>.table-scroll,
.alliance-tab-panel>.two-column>.panel>.table-scroll{width:calc(100% - 28px)}
.alliance-tab-panel .relation-list,
.alliance-tab-panel .alliance-member-cards,
.alliance-tab-panel .alliance-history-list,
.alliance-tab-panel .alliance-building-grid,
.alliance-tab-panel .alliance-project-queue,
.alliance-tab-panel .resource-grid{margin-top:12px;margin-bottom:14px}
.alliance-tab-panel .market-form,
.alliance-tab-panel .alliance-admin-box,
.alliance-tab-panel .poll-card,
.alliance-tab-panel .alliance-command-panel,
.alliance-tab-panel .blocking-message{margin-top:12px;margin-bottom:14px}
.alliance-request-policy{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(121,160,215,.25);border-radius:10px;background:rgba(9,19,34,.5)}
.alliance-request-policy label{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1}
.alliance-request-policy label>span{display:grid;gap:3px}
.alliance-request-policy small{color:var(--muted)}
.alliance-request-policy select{min-width:150px}
.alliance-relation-card h3{margin:8px 0 4px;font-size:.98rem}
.alliance-relation-card>p{margin:0 0 8px;line-height:1.5}
.alliance-relation-card .war-badge{color:#ff938e;font-size:.68rem;letter-spacing:.1em}
.alliance-diplomacy-forms{margin-bottom:14px}
@media(max-width:760px){
    .townhall-diplomacy-row header,.alliance-request-policy,.alliance-request-policy label{align-items:stretch;flex-direction:column}
    .alliance-request-policy select{width:100%}
}

/* 0.12.3: Breite EtoA-Allianzbasis mit sichtbarer gemeinsamer Kasse. */
.alliance-resourcebar{
    margin:14px;
    border:1px solid rgba(146,174,226,.42);
    background:linear-gradient(180deg,rgba(15,38,89,.88),rgba(7,17,38,.9));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)
}
.alliance-resourcebar h3{
    margin:0;
    padding:6px 10px;
    border-bottom:1px solid rgba(160,187,237,.38);
    background:linear-gradient(180deg,#173c89,#0b2055);
    color:#f5f8ff;
    font-size:.86rem;
    text-align:center
}
.alliance-resourcebar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.alliance-resourcebar-item{
    min-width:0;
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    align-items:center;
    gap:7px;
    padding:8px 10px;
    border-right:1px solid rgba(184,199,228,.24);
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))
}
.alliance-resourcebar-item:last-child{border-right:0}
.alliance-resourcebar-item .resource-icon{width:22px;height:22px}
.alliance-resourcebar-item span{min-width:0;display:grid;gap:1px}
.alliance-resourcebar-item b{font-size:.72rem;color:#e9f2ff}
.alliance-resourcebar-item small{overflow:hidden;color:#fff;font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}

.alliance-etoa-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:12px;margin-bottom:14px}
.alliance-etoa-card{
    width:100%;
    min-width:0;
    overflow:visible;
    border:1px solid rgba(164,185,226,.55);
    background:linear-gradient(180deg,rgba(108,113,129,.82),rgba(63,67,80,.84));
    box-shadow:0 8px 22px rgba(0,0,0,.24)
}
.alliance-etoa-title{
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:5px 10px;
    border-bottom:1px solid rgba(181,202,245,.55);
    background:linear-gradient(180deg,#173f91,#081d52);
    text-align:center
}
.alliance-etoa-title h4{margin:0;color:#fff;font-size:1rem}
.alliance-etoa-title small{color:#b9c9e6;font-size:.66rem}
.alliance-etoa-main{min-height:154px;display:grid;grid-template-columns:154px minmax(0,1fr)}
.alliance-etoa-image{width:154px;height:154px;border-right:1px solid rgba(235,241,255,.55);background:#111;overflow:hidden}
.alliance-etoa-image img{display:block;width:100%;height:100%;object-fit:cover}
.alliance-etoa-copy{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:10px 12px;color:#fff}
.alliance-etoa-copy p{margin:0;line-height:1.45}
.alliance-etoa-copy dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}
.alliance-etoa-copy dl>div{padding:7px 8px;border:1px solid rgba(255,255,255,.17);background:rgba(9,15,29,.24)}
.alliance-etoa-copy dt{font-size:.62rem;color:#c7d1e3;text-transform:uppercase;letter-spacing:.06em}
.alliance-etoa-copy dd{margin:2px 0 0;font-size:.73rem;font-weight:700}
.alliance-etoa-cost-scroll{overflow:visible;border-top:1px solid rgba(241,245,255,.55)}
.alliance-etoa-cost-grid{display:grid;grid-template-columns:90px 116px repeat(5,minmax(105px,1fr))}
.alliance-cost-cell{
    position:relative;
    min-width:0;
    display:grid;
    gap:3px;
    padding:6px 8px;
    border-right:1px solid rgba(235,241,255,.52);
    background:rgba(15,19,31,.5);
    color:#fff
}
.alliance-cost-cell:last-child{border-right:0}
.alliance-cost-cell>span{display:flex;align-items:center;gap:5px;color:#f0f4fb;font-size:.66rem;font-weight:700}
.alliance-cost-cell>span .resource-icon{width:16px;height:16px;flex:0 0 16px}
.alliance-cost-cell>b{overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}
.alliance-cost-cell.missing>b{color:#ff5f5f;text-shadow:0 0 8px rgba(255,48,48,.22)}
.alliance-cost-cell.missing{background:rgba(64,12,17,.46);cursor:help}
.alliance-cost-cell>.resource-tooltip{display:none!important;z-index:40;left:50%;width:max-content;min-width:260px;transform:translateX(-50%)}
.alliance-cost-cell:hover>.resource-tooltip,.alliance-cost-cell:focus-within>.resource-tooltip{display:grid!important;gap:4px}
.alliance-cost-cell:nth-last-child(-n+2)>.resource-tooltip{left:auto;right:0;transform:none}
.alliance-etoa-actions{display:flex;justify-content:center;padding:7px 10px;border-top:1px solid rgba(235,241,255,.38);background:rgba(23,27,39,.56)}
.alliance-etoa-actions form{margin:0!important}
.alliance-etoa-actions button{min-width:220px}
.alliance-etoa-status{padding:8px 10px;border-top:1px solid rgba(235,241,255,.38);background:rgba(23,27,39,.56);text-align:center;font-weight:700}

@media(max-width:980px){
    .alliance-resourcebar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .alliance-resourcebar-item{border-bottom:1px solid rgba(184,199,228,.2)}
    .alliance-resourcebar-item:last-child{grid-column:1/-1}
    .alliance-etoa-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .alliance-cost-cell{border-bottom:1px solid rgba(235,241,255,.35)}
}
@media(max-width:620px){
    .alliance-etoa-main{grid-template-columns:112px minmax(0,1fr)}
    .alliance-etoa-image{width:112px;height:112px}
    .alliance-etoa-copy dl{grid-template-columns:1fr}
    .alliance-etoa-title{align-items:center;flex-direction:column;gap:1px}
    .alliance-cost-cell>.resource-tooltip{left:0;right:auto;width:min(300px,calc(100vw - 56px));min-width:0;transform:none}
}

/* 0.12.7: Allianzkasse mit Einzahlungstabelle, Filtern und Kassenbuch. */
.alliance-treasury-panel,.alliance-treasury-history-panel{width:100%;min-width:0}
.alliance-treasury-deposit-form,.alliance-treasury-filter{
    overflow:hidden;
    margin-top:14px!important;
    margin-bottom:14px!important;
    border:1px solid rgba(166,187,226,.5);
    background:linear-gradient(180deg,rgba(99,104,119,.82),rgba(54,59,72,.88));
    box-shadow:0 10px 28px rgba(0,0,0,.25)
}
.alliance-treasury-inputs{display:grid}
.alliance-treasury-input-row{
    display:grid;
    grid-template-columns:minmax(190px,1fr) minmax(120px,220px) 72px;
    align-items:center;
    min-height:47px;
    border-bottom:1px solid rgba(238,243,255,.42);
    color:#fff
}
.alliance-treasury-input-row>span{min-width:0;display:grid;grid-template-columns:24px minmax(90px,max-content) minmax(0,1fr);align-items:center;gap:7px;padding:7px 10px}
.alliance-treasury-input-row .resource-icon{width:21px;height:21px}
.alliance-treasury-input-row b{font-size:.85rem}
.alliance-treasury-input-row small{overflow:hidden;color:#c7d2e5;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.alliance-treasury-input-row input{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    min-height:32px;
    padding:5px 8px;
    border:1px solid #aab8ce;
    border-radius:2px;
    background:#090d14;
    color:#fff;
    font:inherit;
    font-weight:700
}
.alliance-donate-all{
    justify-self:center;
    padding:3px 7px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:.73rem;
    text-decoration:underline;
    cursor:pointer
}
.alliance-donate-all:hover{color:#b9d3ff}
.alliance-treasury-submit,.alliance-treasury-filter-submit{display:flex;justify-content:center;padding:8px 10px;background:rgba(14,20,33,.34)}
.alliance-treasury-submit button,.alliance-treasury-filter-submit button{min-width:120px}
.alliance-treasury-filter{max-width:880px;margin-left:auto!important;margin-right:auto!important}
.alliance-treasury-filter-row{
    box-sizing:border-box;
    display:grid;
    grid-template-columns:minmax(140px,42%) minmax(0,1fr);
    align-items:center;
    min-height:38px;
    margin:0;
    border-bottom:1px solid rgba(238,243,255,.42)
}
.alliance-treasury-filter-row>b{padding:7px 10px;color:#fff}
.alliance-treasury-filter-row>select{box-sizing:border-box;width:min(100%,320px);min-height:29px;margin:4px 8px;padding:4px 7px;background:#090d14;color:#fff}
.alliance-treasury-radios{display:flex;flex-wrap:wrap;gap:16px;padding:7px 9px;color:#fff}
.alliance-treasury-radios label{display:flex;align-items:center;gap:5px}
.alliance-treasury-limit-note{margin-top:18px!important;margin-bottom:18px!important;color:#fff;text-align:center}
.alliance-donation-history{display:grid;gap:15px;margin:0 14px 16px!important}
.alliance-donation-card{
    overflow:hidden;
    border:1px solid rgba(166,187,226,.55);
    background:linear-gradient(180deg,rgba(100,105,120,.84),rgba(57,61,74,.9));
    box-shadow:0 8px 24px rgba(0,0,0,.22)
}
.alliance-donation-card>header{
    display:grid;
    justify-items:center;
    gap:2px;
    padding:6px 10px;
    border-bottom:1px solid rgba(189,207,242,.5);
    background:linear-gradient(180deg,#173f91,#081d52);
    color:#fff;
    text-align:center
}
.alliance-donation-card>header b{font-size:.88rem}
.alliance-donation-card>header small{color:#c7d6f0;font-size:.65rem}
.alliance-donation-resources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.alliance-donation-resources>div{min-width:0;border-right:1px solid rgba(237,243,255,.46)}
.alliance-donation-resources>div:last-child{border-right:0}
.alliance-donation-resources span,.alliance-donation-resources b{box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:29px;padding:4px 8px}
.alliance-donation-resources span{gap:5px;border-bottom:1px solid rgba(237,243,255,.35);color:#fff;font-size:.74rem;font-weight:700}
.alliance-donation-resources span .resource-icon{width:17px;height:17px;flex:0 0 17px}
.alliance-donation-resources b{overflow:hidden;color:#fff;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.alliance-treasury-empty{margin-top:14px!important;margin-bottom:16px!important}
@media(max-width:760px){
    .alliance-treasury-input-row{grid-template-columns:minmax(0,1fr) minmax(90px,145px) 58px}
    .alliance-treasury-input-row>span{grid-template-columns:22px minmax(0,1fr)}
    .alliance-treasury-input-row small{display:none}
    .alliance-donation-resources{grid-template-columns:repeat(2,minmax(0,1fr))}
    .alliance-donation-resources>div{border-bottom:1px solid rgba(237,243,255,.35)}
    .alliance-donation-resources>div:last-child{grid-column:1/-1}
}
@media(max-width:480px){
    .alliance-treasury-input-row{grid-template-columns:minmax(0,1fr) 98px}
    .alliance-donate-all{grid-column:2;padding-bottom:7px}
    .alliance-treasury-filter-row{grid-template-columns:1fr}
    .alliance-treasury-filter-row>select{width:calc(100% - 16px)}
}
/* 0.12.6: Kampfsimulator im Aufbau des gelieferten KB-Sim */
body.battle-simulator-open{overflow:hidden}
.battle-simulator-modal[hidden],.battle-sim-picker[hidden],.battle-simulator-body[hidden],.battle-simulator-warnings[hidden],.battle-simulator-loading[hidden],.battle-sim-tab-panel[hidden]{display:none!important}
.battle-simulator-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:clamp(5px,1vw,16px);background:radial-gradient(circle at 50% 0,rgba(32,58,91,.3),transparent 48%),rgba(0,2,8,.91);backdrop-filter:blur(7px)}
.battle-simulator-window{position:relative;display:flex;flex-direction:column;width:min(1810px,99vw);height:min(1040px,98vh);overflow:hidden;border:1px solid rgba(150,169,203,.42);border-radius:30px;background:linear-gradient(145deg,rgba(21,29,42,.97),rgba(5,9,15,.985));box-shadow:0 32px 120px #000,0 0 0 1px rgba(255,255,255,.035) inset,0 0 42px rgba(78,113,167,.18);color:#eef3f9}
.battle-simulator-window:before{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 24%,transparent 72%,rgba(80,111,156,.05));content:"";pointer-events:none}
.battle-simulator-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:13px 20px 12px 24px;border-bottom:1px solid rgba(165,180,202,.18);background:linear-gradient(180deg,rgba(46,57,75,.96),rgba(17,24,36,.96))}
.battle-simulator-header>div:first-child>small{display:block;color:#8999af;font-size:9px;font-weight:800;letter-spacing:.2em}.battle-simulator-header h2{margin:2px 0 0;color:#fff;font-size:23px;letter-spacing:.025em}.battle-simulator-header span{display:block;margin-top:3px;color:#aab7c9;font-size:11px}
.battle-simulator-header-actions{display:flex;align-items:center;gap:10px}.battle-simulator-header-actions>[data-battle-sim-run]{min-height:38px;padding:7px 17px;border:1px solid #87a0c7;border-radius:9px;background:linear-gradient(#344e74,#1c304d);color:#fff;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.3);cursor:pointer}
.battle-simulator-close,.battle-sim-picker [data-battle-sim-picker-close]{display:grid;place-items:center;width:39px;height:39px;padding:0;border:1px solid rgba(159,175,202,.5);border-radius:50%;background:rgba(10,15,24,.82);color:#dbe4ef;font-size:24px;line-height:1;cursor:pointer}
.battle-simulator-loading{display:grid;flex:1;place-items:center;padding:30px;color:#cbd5e1;font-size:15px}
.battle-simulator-body{display:flex;min-height:0;flex:1;flex-direction:column}
.battle-simulator-warnings{flex:0 0 auto;max-height:90px;overflow:auto;padding:8px 18px;border-bottom:1px solid rgba(188,149,73,.38);background:linear-gradient(90deg,rgba(92,68,21,.34),rgba(44,36,19,.2))}
.battle-simulator-warnings p{margin:3px 0;color:#e9cf96;font-size:10px}
.battle-sim-tabs{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;padding:11px 15px;border-bottom:1px solid rgba(145,160,184,.17);background:rgba(9,14,22,.66)}
.battle-sim-tabs button{min-width:132px;min-height:34px;padding:6px 15px;border:1px solid rgba(124,143,171,.32);border-radius:8px;background:linear-gradient(180deg,rgba(52,64,83,.7),rgba(24,32,46,.74));color:#aebbcf;font-size:11px;font-weight:800;letter-spacing:.025em;cursor:pointer}
.battle-sim-tabs button:hover{border-color:#8298b8;color:#fff}.battle-sim-tabs button[aria-selected=true]{border-color:#9fb4d2;background:linear-gradient(180deg,#4a5f80,#273b5a);color:#fff;box-shadow:0 0 18px rgba(102,137,190,.2),0 1px 0 rgba(255,255,255,.14) inset}
.battle-sim-tab-stage{min-height:0;flex:1;overflow:hidden}.battle-sim-tab-panel{height:100%;overflow:auto;padding:12px}
.battle-simulator-columns{display:grid;min-height:100%;grid-template-columns:minmax(390px,1fr) minmax(410px,1.05fr) minmax(390px,.98fr);gap:11px}
.battle-sim-side,.battle-sim-result{min-width:0;overflow:auto;border:1px solid rgba(138,156,185,.28);border-radius:24px;background:linear-gradient(160deg,rgba(39,49,64,.78),rgba(12,18,28,.87));box-shadow:0 13px 30px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.025) inset;scrollbar-color:#52647d #111824}
.battle-sim-side,.battle-sim-result{padding:12px}.battle-sim-side>header,.battle-sim-result>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:-12px -12px 12px;padding:12px 14px;border-bottom:1px solid rgba(150,167,193,.22);border-radius:24px 24px 0 0;background:linear-gradient(180deg,rgba(63,75,94,.75),rgba(31,41,56,.62))}
.battle-sim-side>header small,.battle-sim-result>header small{display:block;color:#91a0b5;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.battle-sim-side>header h3,.battle-sim-result>header h3{margin:2px 0 0;color:#f5f7fb;font-size:16px}.battle-sim-side>header div>span{display:block;max-width:245px;margin-top:3px;color:#9daabd;font-size:9px}
.battle-sim-side-state{padding:4px 7px;border:1px solid rgba(142,161,190,.33);border-radius:7px;background:rgba(12,18,28,.45);color:#aebdd1;font-size:8px;white-space:nowrap}
.battle-sim-side h4,.battle-sim-result h4,.battle-sim-report-sheet h4{margin:14px 0 7px;color:#cbd5e1;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.battle-sim-techs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:11px}
.battle-sim-tech{display:grid;grid-template-columns:44px minmax(0,1fr) 55px;align-items:center;gap:7px;min-width:0;padding:5px;border:1px solid rgba(126,145,175,.26);border-radius:11px;background:linear-gradient(145deg,rgba(27,38,54,.84),rgba(10,16,25,.9))}
.battle-sim-tech img{width:44px;height:44px;object-fit:cover;border:1px solid rgba(154,171,198,.45);border-radius:8px}.battle-sim-tech span{min-width:0}.battle-sim-tech b,.battle-sim-tech small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-sim-tech b{color:#edf2f8;font-size:9px}.battle-sim-tech small{margin-top:2px;color:#77879d;font-size:8px}
.battle-sim-tech input,.battle-sim-unit input{box-sizing:border-box;width:100%;min-width:0;padding:6px;border:0;border-bottom:1px solid #778da9;background:transparent;color:#fff;font-size:16px;font-weight:800;text-align:right;outline:none}.battle-sim-tech input:focus,.battle-sim-unit input:focus{border-color:#c1d4ec;background:rgba(93,119,156,.12)}
.battle-sim-unit-actions{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 10px}.battle-sim-unit-actions button{min-height:29px;padding:5px 9px;border:1px solid rgba(130,149,178,.46);border-radius:7px;background:linear-gradient(#334a6a,#1d2f48);color:#eef3fa;font-size:9px;font-weight:800;white-space:normal}.battle-sim-unit-actions .secondary-action{background:rgba(15,22,33,.72);color:#9dacbf}
.battle-sim-unit-list{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));align-content:start;gap:7px}.battle-sim-unit{display:grid;grid-template-columns:54px minmax(0,1fr) 72px 25px;align-items:center;gap:6px;min-width:0;padding:5px;border:1px solid rgba(126,145,174,.28);border-radius:12px;background:linear-gradient(130deg,rgba(31,42,58,.88),rgba(10,16,25,.92))}
.battle-sim-unit>img{width:54px;height:54px;object-fit:cover;border:1px solid rgba(154,173,201,.45);border-radius:9px;background:#03070d}.battle-sim-unit-copy{min-width:0}.battle-sim-unit-copy b,.battle-sim-unit-copy small{display:block}.battle-sim-unit-copy b{overflow:hidden;color:#eef3f9;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.battle-sim-unit-copy small{display:-webkit-box;overflow:hidden;margin-top:3px;color:#8292a8;font-size:7.5px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.battle-sim-remove{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid rgba(171,73,88,.58);border-radius:50%;background:rgba(67,20,29,.75);color:#ff9baa;font-size:15px;cursor:pointer}.battle-sim-empty{grid-column:1/-1;padding:14px;border:1px dashed rgba(129,147,174,.3);border-radius:10px;color:#7f8da2;font-size:10px;text-align:center}
.battle-sim-placeholder{display:grid;min-height:190px;place-content:center;gap:7px;padding:20px;border:1px dashed rgba(132,151,181,.35);border-radius:15px;background:rgba(6,10,17,.36);text-align:center}.battle-sim-placeholder b{color:#dce4ee}.battle-sim-placeholder span{color:#8290a3;font-size:10px}
.battle-sim-outcome{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(171,148,80,.55);border-radius:13px;background:linear-gradient(110deg,rgba(76,63,24,.75),rgba(25,22,13,.72))}.battle-sim-outcome.attacker{border-color:rgba(74,170,113,.62);background:linear-gradient(110deg,rgba(24,93,57,.7),rgba(10,31,22,.72))}.battle-sim-outcome.defender{border-color:rgba(184,73,91,.65);background:linear-gradient(110deg,rgba(103,29,42,.72),rgba(38,12,18,.74))}.battle-sim-outcome small{color:#bdc7d4;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.battle-sim-outcome b{color:#fff;font-size:16px;text-align:right}
.battle-sim-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.battle-sim-values>div{padding:8px;border:1px solid rgba(128,147,176,.25);border-radius:9px;background:rgba(11,18,28,.72)}.battle-sim-values b,.battle-sim-values span{display:block}.battle-sim-values b{color:#dce4ef;font-size:9px}.battle-sim-values span{margin-top:3px;color:#8e9db1;font-size:8px;line-height:1.35}
.battle-sim-rounds{overflow:auto}.battle-sim-rounds table{width:100%;border-collapse:separate;border-spacing:0;font-size:9px}.battle-sim-rounds th,.battle-sim-rounds td{padding:5px;border-right:1px solid rgba(127,145,173,.2);border-bottom:1px solid rgba(127,145,173,.2);text-align:right;white-space:nowrap}.battle-sim-rounds th{background:rgba(54,69,91,.72);color:#d4dce8}.battle-sim-rounds td{background:rgba(10,16,25,.64);color:#aab6c6}.battle-sim-rounds th:first-child,.battle-sim-rounds td:first-child{text-align:center}
.battle-sim-outcome-block{margin-top:11px}.battle-sim-outcome-unit{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px;border-bottom:1px solid rgba(122,140,168,.18);background:rgba(9,15,24,.58)}.battle-sim-outcome-unit img{width:37px;height:37px;object-fit:cover;border:1px solid rgba(133,153,182,.4);border-radius:6px}.battle-sim-outcome-unit span{min-width:0}.battle-sim-outcome-unit b,.battle-sim-outcome-unit small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-sim-outcome-unit b{color:#dae2ed;font-size:9px}.battle-sim-outcome-unit small{color:#8190a5;font-size:8px}.battle-sim-outcome-unit strong{font-size:9px}.battle-sim-outcome-unit strong.loss{color:#ff7b8e}.battle-sim-outcome-unit strong.survived{color:#79dca1}
.battle-sim-result-hint{padding:8px 10px;border-left:3px solid #6f89ae;background:rgba(27,42,63,.48);color:#aebbcf;font-size:9px;line-height:1.45}
.battle-sim-ground-capacity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 9px;padding:8px 10px;border:1px solid rgba(74,167,112,.45);border-radius:10px;background:rgba(18,77,47,.3)}.battle-sim-ground-capacity span,.battle-sim-ground-capacity b{font-size:10px}.battle-sim-ground-capacity small{grid-column:1/-1;color:#91a99c;font-size:8px}.battle-sim-ground-capacity.overloaded{border-color:rgba(193,73,91,.6);background:rgba(100,25,37,.36)}.battle-sim-ground-capacity.overloaded small{color:#eaa4ae}
.battle-sim-capacity-tech{display:grid;grid-template-columns:44px minmax(0,1fr) 70px;align-items:center;gap:8px;padding:6px;border:1px solid rgba(126,145,175,.3);border-radius:11px;background:linear-gradient(145deg,rgba(27,38,54,.84),rgba(10,16,25,.9))}.battle-sim-capacity-tech img{width:44px;height:44px;object-fit:cover;border:1px solid rgba(154,171,198,.45);border-radius:8px}.battle-sim-capacity-tech span,.battle-sim-capacity-tech b,.battle-sim-capacity-tech small{display:block;min-width:0}.battle-sim-capacity-tech b{overflow:hidden;color:#edf2f8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.battle-sim-capacity-tech small{margin-top:3px;color:#7f90a6;font-size:8px}.battle-sim-capacity-tech input{box-sizing:border-box;width:100%;min-width:0;padding:6px;border:0;border-bottom:1px solid #778da9;background:transparent;color:#fff;font-size:16px;font-weight:800;text-align:right}
.battle-sim-debris-layout{display:grid;min-height:100%;grid-template-columns:minmax(480px,.9fr) minmax(520px,1.1fr);gap:11px}.battle-sim-debris-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:9px 0}.battle-sim-debris-resource{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:2px 8px;padding:9px;border:1px solid rgba(128,148,178,.26);border-radius:10px;background:rgba(10,16,25,.7)}.battle-sim-debris-resource .resource-icon{grid-row:1/3;width:28px;height:28px}.battle-sim-debris-resource span{color:#8796aa;font-size:8px}.battle-sim-debris-resource b{font-size:12px}
.battle-sim-coverage{padding:12px;border:1px solid rgba(130,150,181,.25);border-radius:12px;background:rgba(10,16,25,.66)}.battle-sim-coverage>b,.battle-sim-coverage>small{display:block}.battle-sim-coverage>b{font-size:11px}.battle-sim-coverage>small{margin-top:5px;color:#8d9bae;font-size:8px}.battle-sim-coverage-track{height:10px;margin-top:8px;overflow:hidden;border:1px solid rgba(130,150,181,.35);border-radius:999px;background:#070b12}.battle-sim-coverage-track span{display:block;height:100%;background:linear-gradient(90deg,#2d7e50,#75ce99);box-shadow:0 0 12px rgba(87,202,132,.35)}
.battle-sim-collector-needed p{margin:4px 0;padding:5px 8px;border-bottom:1px solid rgba(126,145,174,.18);color:#aeb9c8;font-size:9px}
.battle-sim-report-panel{padding:12px 8%}.battle-sim-full-report{max-width:1120px;margin:0 auto}.battle-sim-report-sheet{overflow:hidden;border:1px solid rgba(145,163,190,.35);border-radius:24px;background:linear-gradient(160deg,rgba(36,46,61,.86),rgba(10,15,23,.91));box-shadow:0 18px 50px rgba(0,0,0,.3)}.battle-sim-report-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid rgba(147,164,189,.25);background:linear-gradient(180deg,rgba(64,76,95,.66),rgba(29,39,53,.55))}.battle-sim-report-sheet>header small{color:#8797ad;font-size:8px;letter-spacing:.18em}.battle-sim-report-sheet>header h3{margin:3px 0;color:#fff;font-size:18px}.battle-sim-report-sheet>header span{color:#9daabd;font-size:9px}.battle-sim-report-section{padding:14px 18px;border-bottom:1px solid rgba(135,152,178,.18)}.battle-sim-report-section>.battle-sim-outcome{margin-bottom:9px}.battle-sim-report-sheet>footer{padding:12px 18px;background:rgba(7,12,19,.62)}.battle-sim-report-sheet>footer p{margin:4px 0;color:#8d9aae;font-size:8px}
.battle-sim-picker{position:absolute;z-index:4;inset:7% 9%;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(151,169,198,.52);border-radius:24px;background:linear-gradient(155deg,rgba(39,49,64,.99),rgba(9,14,22,.995));box-shadow:0 28px 100px #000}.battle-sim-picker:before{position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.66);content:""}.battle-sim-picker>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(150,168,195,.25);background:linear-gradient(180deg,rgba(68,80,99,.82),rgba(31,41,55,.78))}.battle-sim-picker>header b,.battle-sim-picker>header small{display:block}.battle-sim-picker>header b{color:#fff}.battle-sim-picker>header small{margin-top:2px;color:#9eabbd;font-size:9px}.battle-sim-picker-search{display:grid;grid-template-columns:auto minmax(180px,420px);align-items:center;justify-content:start;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(133,151,179,.2);color:#b9c3d1;font-size:10px}.battle-sim-picker-search input{padding:8px;border:1px solid rgba(133,153,184,.48);border-radius:8px;background:#090f18;color:#fff}
.battle-sim-picker-grid{display:grid;min-height:0;flex:1;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));align-content:start;gap:7px;overflow:auto;padding:13px}.battle-sim-picker-unit{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;padding:5px;border:1px solid rgba(130,149,178,.3);border-radius:12px;background:linear-gradient(135deg,rgba(34,46,63,.88),rgba(11,17,27,.92));color:#fff;text-align:left;cursor:pointer}.battle-sim-picker-unit:hover,.battle-sim-picker-unit:focus{border-color:#9cb2d0;background:linear-gradient(135deg,#354b69,#18283d)}.battle-sim-picker-unit img{width:54px;height:54px;object-fit:cover;border:1px solid rgba(152,171,200,.47);border-radius:9px}.battle-sim-picker-unit span{min-width:0}.battle-sim-picker-unit b,.battle-sim-picker-unit small{display:block}.battle-sim-picker-unit b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.battle-sim-picker-unit small{display:-webkit-box;overflow:hidden;margin-top:4px;color:#8e9db1;font-size:7.5px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:1420px){.battle-sim-unit-list{grid-template-columns:1fr}.battle-simulator-columns{grid-template-columns:minmax(310px,1fr) minmax(330px,1fr) minmax(350px,1fr)}}
@media(max-width:1050px){.battle-sim-tab-stage{overflow:auto}.battle-simulator-columns,.battle-sim-debris-layout{grid-template-columns:repeat(2,minmax(330px,1fr))}.battle-sim-result{grid-column:1/-1;min-height:430px}.battle-sim-side,.battle-sim-result{overflow:visible}.battle-sim-tab-panel{height:auto}.battle-sim-report-panel{padding:12px}}
@media(max-width:760px){.battle-simulator-modal{padding:0}.battle-simulator-window{width:100vw;height:100vh;border:0;border-radius:0}.battle-simulator-header{padding:9px 10px}.battle-simulator-header-actions>[data-battle-sim-run]{display:none}.battle-sim-tabs{justify-content:flex-start;overflow-x:auto}.battle-sim-tabs button{min-width:112px}.battle-simulator-columns,.battle-sim-debris-layout{display:block}.battle-sim-side,.battle-sim-result{margin-bottom:9px;border-radius:16px}.battle-sim-techs,.battle-sim-values,.battle-sim-debris-resources{grid-template-columns:1fr}.battle-sim-picker{inset:2%}.battle-sim-unit-list{grid-template-columns:1fr}.battle-sim-report-sheet>header{align-items:stretch;flex-direction:column}}

/* 0.12.8: Marktgesuche, Ressourcenfarben und wirklich private Reservierungen. */
.market-resource-value{display:inline-flex;align-items:center;gap:4px;min-height:20px;white-space:nowrap;font-weight:700;background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.market-resource-value .resource-icon,.market-resource-choice .resource-icon,.auction-bid-grid label>span .resource-icon{width:17px;height:17px;flex:0 0 17px;padding:0}
.market-resource-value>b{font-weight:800}.market-resource-bundle{display:inline-grid;gap:2px;align-items:start;background:none!important;border:0!important;padding:0!important}
.market-resource-titan{color:#d3d3d3!important}.market-resource-silicon{color:#bfeaff!important}.market-resource-pvc{color:#e6c2ff!important}.market-resource-tritium{color:#b9d8ff!important}.market-resource-food{color:#b8efa6!important}
.market-resource-filter-list{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.market-resource-choice{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-weight:700}.market-resource-choice input{width:auto!important;min-height:0!important;margin:0 1px 0 0}.market-filter-checks{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.etoa-market-table .market-reserved-offer>td,.etoa-market-table .market-reserved-offer:nth-child(even)>td{background:#07188f!important;color:#f4f6ff}.etoa-market-table .market-reserved-offer:hover>td{background:#0b219f!important}.etoa-market-table .market-reserved-offer .market-reserved-note{color:#ffe84d!important;font-weight:900}
.market-wanted-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-wanted-table form{display:grid;grid-template-columns:minmax(72px,95px) auto;gap:4px;align-items:center;min-width:190px}.market-wanted-table form input:is([type=number],[data-game-number]){width:100%;min-width:0}.market-wanted-table form small{grid-column:1/-1;margin:0}.market-wanted-table td:nth-child(4){min-width:155px}
.auction-bid-grid label>span{display:flex;align-items:center;gap:4px;font-weight:700}
@media(max-width:850px){.market-wanted-create-grid{grid-template-columns:1fr}.market-resource-filter-list{gap:8px}.market-filter-checks{align-items:flex-start;flex-direction:column}}

/* 0.12.13: Quadratische Waffenfabrikkacheln und zeilenweise Garnison. */
.defense-category-panel .defense-card-grid{
    grid-template-columns:repeat(auto-fill,172px);
    justify-content:start;
    align-items:start;
    gap:12px;
    padding:12px 14px 18px
}
.defense-card-grid .defense-card{
    position:relative;
    display:block;
    width:172px;
    height:172px;
    aspect-ratio:1/1;
    overflow:hidden;
    background:transparent
}
.defense-card-grid .defense-card .object-image{
    width:100%;
    height:100%;
    background-color:transparent;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.defense-card-grid .defense-card .object-copy{display:none}
.defense-card-heading{
    position:absolute;
    top:0;
    right:0;
    left:0;
    z-index:4;
    display:grid;
    gap:2px;
    padding:7px 8px 15px;
    background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.5) 56%,transparent);
    color:#fff;
    line-height:1.15;
    text-shadow:0 1px 2px rgba(0,0,0,.8)
}
.defense-card-heading b{font-size:.83rem}
.defense-card-heading small{color:#d4def2;font-size:.62rem;font-weight:800}
.defense-card-grid .defense-card .object-level{
    right:8px;
    bottom:8px;
    z-index:4;
    min-width:38px;
    padding:7px 9px;
    border-radius:3px;
    font-size:1rem
}
.ground-garrison-panel .ground-garrison-grid{
    grid-template-columns:minmax(0,1fr);
    gap:0;
    padding:0
}
.ground-garrison-panel .ground-garrison-grid article{
    grid-template-columns:54px minmax(0,1fr) auto;
    gap:10px;
    padding:9px 12px;
    border:0;
    border-bottom:1px solid rgba(137,152,183,.28);
    background:transparent
}
.ground-garrison-panel .ground-garrison-grid article:last-of-type{border-bottom:0}
.ground-garrison-panel .ground-garrison-grid small{color:#9fb0c7}
@media(max-width:760px){
    .defense-category-panel .defense-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .defense-card-grid .defense-card{width:100%;height:auto}
}

/* 0.12.15: Echte Mobilansicht statt Desktopspalten auf Telefonbreite. */
.mobile-nav-toggle,.mobile-nav-header,.mobile-account-menu,.mobile-nav-backdrop,.mobile-bottom-nav{display:none}

@media(max-width:800px){
    html{scroll-padding-top:58px}
    body{overflow-x:hidden;font-size:14px;background-attachment:scroll}
    body.mobile-nav-open,body.mobile-chat-open{overflow:hidden}

    .game-shell,.game-shell.chat-closed{
        display:block!important;
        width:100%!important;
        min-height:100dvh;
        padding-bottom:calc(62px + env(safe-area-inset-bottom));
        overflow:visible
    }
    .topbar,.etoa-topbar{
        position:sticky!important;
        top:0;
        z-index:500;
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr)!important;
        align-items:center;
        min-height:54px!important;
        height:54px!important;
        padding:5px 8px!important;
        border-bottom-color:#466383;
        box-shadow:0 5px 18px rgba(0,0,0,.46)
    }
    .topbar .brand{min-width:0;justify-self:start}
    .topbar .brand span{font-size:.62rem}
    .topbar .brand b{font-size:1.05rem}
    .topbar .brand small{display:block;overflow:hidden;max-width:210px;font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}
    .etoa-topnav,.topbar .server-clock{display:none!important}

    .mobile-nav-toggle{
        display:inline-grid;
        grid-template-columns:21px auto;
        align-items:center;
        gap:7px;
        min-width:76px;
        min-height:42px;
        padding:5px 8px!important;
        border-color:#4b678b!important;
        background:#0d1d31!important;
        font-size:.72rem!important
    }
    .mobile-nav-toggle>span{position:relative;width:20px;height:14px;border-top:2px solid #dce9fa;border-bottom:2px solid #dce9fa}
    .mobile-nav-toggle>span::after{position:absolute;top:4px;right:0;left:0;border-top:2px solid #dce9fa;content:""}
    .mobile-nav-toggle>b{font-size:.7rem}

    .sidebar,.etoa-sidebar{
        position:fixed!important;
        top:0!important;
        bottom:0!important;
        left:0!important;
        z-index:620!important;
        display:block!important;
        width:min(340px,calc(100vw - 42px))!important;
        height:100dvh!important;
        max-height:none!important;
        padding:0 9px calc(18px + env(safe-area-inset-bottom))!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        border-right:1px solid #597396!important;
        border-bottom:0!important;
        background:linear-gradient(180deg,#0d1b2d,#050b14)!important;
        box-shadow:18px 0 55px rgba(0,0,0,.72);
        transform:translateX(calc(-100% - 20px));
        transition:transform .22s ease;
        overscroll-behavior:contain
    }
    body.mobile-nav-open .sidebar{transform:translateX(0)}
    .mobile-nav-header{
        position:sticky;
        top:0;
        z-index:2;
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-height:54px;
        margin:0 -9px 6px;
        padding:6px 10px 6px 14px;
        border-bottom:1px solid #405a7a;
        background:rgba(8,18,31,.98)
    }
    .mobile-nav-header>b{font-size:.86rem;letter-spacing:.07em;text-transform:uppercase}
    .mobile-nav-header>button{width:42px;height:42px;min-height:42px;padding:0!important;border-color:#566f91;background:#111f33;font-size:1.5rem;line-height:1}
    .sidebar-hero{display:grid!important;margin:0 3px 4px;padding:5px 2px 10px}
    .planet-console{display:grid!important;grid-template-columns:1fr!important;gap:5px;padding:8px 3px 10px}
    .planet-console select{width:100%;min-height:44px;font-size:16px!important}
    .planet-console-coordinate{min-height:34px}
    .side-menu,.etoa-sidemenu{display:grid!important;grid-template-columns:1fr 1fr;gap:4px!important;padding-top:4px}
    .etoa-sidemenu h3{grid-column:1/-1;margin:9px 0 1px;padding:6px 7px;font-size:.64rem}
    .etoa-sidemenu a{
        display:flex;
        align-items:center;
        min-height:44px;
        padding:8px 10px!important;
        border:1px solid rgba(91,121,160,.3)!important;
        border-radius:4px!important;
        background:rgba(15,34,59,.84)!important;
        font-size:.78rem!important;
        line-height:1.2
    }
    .etoa-sidemenu a.active{border-color:#7aa4dc!important;background:#254f82!important}
    .mobile-account-menu{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid #314967}
    .mobile-account-menu a,.mobile-account-menu button{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        min-height:44px;
        padding:8px 10px!important;
        border:1px solid rgba(91,121,160,.3);
        border-radius:4px;
        background:#101f34;
        color:#dce7f5;
        font:700 .76rem Verdana,Arial,sans-serif;
        text-align:left
    }
    .mobile-account-menu .active{border-color:#7aa4dc;background:#254f82}
    .sidebar-attack-zone{padding:11px 4px}
    .mobile-nav-backdrop{
        position:fixed;
        inset:0;
        z-index:610;
        width:100%;
        height:100%;
        padding:0;
        border:0;
        border-radius:0;
        background:rgba(0,0,0,.68);
        opacity:0;
        pointer-events:none;
        transition:opacity .22s ease
    }
    body.mobile-nav-open .mobile-nav-backdrop{display:block;opacity:1;pointer-events:auto}

    .mobile-bottom-nav{
        position:fixed;
        right:0;
        bottom:0;
        left:0;
        z-index:590;
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
        min-height:calc(58px + env(safe-area-inset-bottom));
        padding:4px 4px calc(4px + env(safe-area-inset-bottom));
        border-top:1px solid #496485;
        background:rgba(6,14,25,.97);
        box-shadow:0 -7px 22px rgba(0,0,0,.52);
        backdrop-filter:blur(12px)
    }
    .mobile-bottom-nav a,.mobile-bottom-nav button{
        display:grid;
        min-width:0;
        min-height:50px;
        place-items:center;
        align-content:center;
        gap:2px;
        padding:3px!important;
        border:0!important;
        border-radius:5px!important;
        background:transparent!important;
        color:#9eafc5;
        box-shadow:none!important
    }
    .mobile-bottom-nav a.active{background:#173a61!important;color:#fff}
    .mobile-bottom-nav span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #506984;border-radius:50%;font-size:.68rem;font-weight:900}
    .mobile-bottom-nav b{overflow:hidden;max-width:100%;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}

    .viewport{display:block!important;width:100%!important;max-width:100vw!important;padding:7px!important}
    .content-area{gap:8px!important}
    .panel{max-width:100%;border-radius:7px}

    .resourcebar{
        display:flex!important;
        gap:5px!important;
        margin:0 -7px 8px!important;
        padding:0 7px 5px;
        overflow-x:auto;
        overflow-y:visible;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch
    }
    .resourcebar::-webkit-scrollbar{display:none}
    .resourcebar>.resource{
        flex:0 0 112px;
        min-height:44px!important;
        scroll-snap-align:start;
        padding:6px 7px!important;
        gap:6px!important
    }
    .resourcebar .resource-icon{width:22px;height:22px;flex-basis:22px}
    .resourcebar .resource-copy span{overflow:hidden;max-width:76px;font-size:.72rem!important;text-overflow:ellipsis}
    .resource>.resource-tooltip{
        position:fixed!important;
        top:60px!important;
        right:7px!important;
        left:7px!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        transform:none!important;
        z-index:580!important
    }
    .resource>.resource-tooltip>span{grid-template-columns:minmax(95px,max-content) minmax(0,1fr)!important;gap:12px!important}

    .table-scroll{width:100%;max-width:100%;overflow:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
    .economy-planet-compare th:first-child,.economy-planet-compare td:first-child{position:sticky;left:0;z-index:2;background:#0e1b2d;box-shadow:1px 0 #314968}
    .economy-planet-compare thead th:first-child{z-index:3;background:#112f66}

    .etoa-chat-dock{
        position:fixed!important;
        inset:54px 0 calc(58px + env(safe-area-inset-bottom)) 0!important;
        z-index:570!important;
        display:block;
        width:100vw!important;
        height:auto!important;
        min-height:0!important;
        border:0!important;
        background:#000;
        box-shadow:0 0 45px #000
    }
    .etoa-chat-dock .etoa-chat-shell{height:100%!important;min-height:0!important}
    .chat-dock-close{top:5px;right:6px;width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.45rem;line-height:38px}
    .chat-dock-reopen{display:none!important}
    .game-toast{right:7px!important;bottom:calc(66px + env(safe-area-inset-bottom))!important;width:calc(100vw - 14px)!important;max-width:none!important}

    .planet-order-modal{padding:0}
    .planet-order-window{width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0}
    .planet-order-header{padding-top:calc(10px + env(safe-area-inset-top))}
    .planet-order-row{min-height:72px}
}

@media(max-width:600px){
    input,select,textarea{font-size:16px!important}
    input,select,textarea,button,.button-link{min-height:42px}
    input[type=checkbox],input[type=radio]{min-height:0}
    .panel-title{align-items:flex-start;flex-direction:column;gap:3px;padding:8px 10px}
    .panel-title h2{font-size:.88rem}
    .panel-title span{font-size:.68rem}
    .detail-toolbar{
        display:flex;
        gap:6px;
        padding:7px!important;
        overflow-x:auto;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch
    }
    .detail-toolbar>.button-link,.detail-toolbar>button{flex:0 0 auto;width:auto;scroll-snap-align:start;white-space:nowrap}
    .action-form,.quantity-calculator,.fleet-page-actions.split-actions{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
    .action-form>button,.action-form>.button-link,.quantity-calculator>button,.fleet-page-actions.split-actions>*{width:100%!important}
    .form-grid{grid-template-columns:1fr}
    .hero-actions{display:grid;grid-template-columns:1fr 1fr}
    .hero-actions>*{width:100%}
    .list-row,.activity-row,.inventory-row,.active-order{align-items:flex-start;flex-direction:column}
    .detail-meta{grid-template-columns:1fr 1fr;gap:6px}
    .requirements-box .req-pill{display:flex;width:100%;margin:2px 0;border-radius:5px}
    .category-grid,.ship-card-grid,.object-card-grid{gap:6px!important;padding:7px!important}
    .thumb-name{min-height:44px;padding:7px;font-size:.72rem}
    .thumb-image{min-height:96px}
    .detail-panel .detail-grid,.ship-detail .detail-grid{gap:9px;padding:8px}
    .detail-image{min-height:0;aspect-ratio:1/1}
    .entity-info-head{gap:9px;padding:8px}
    .entity-info-head img{max-height:260px;object-fit:contain}
    .market-filter-checks,.report-toolbar,.fleet-cargo-heading{align-items:stretch!important}
    .report-tabs,.alliance-tabs,.techtree-tabs{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}
    .report-tabs>a,.alliance-tabs>a,.techtree-tabs>a{flex:0 0 auto!important;white-space:nowrap}
    .observer-banner,.account-suspension-banner,.emp-alert{align-items:flex-start;flex-direction:column}
    .observer-banner nav{display:grid;width:100%}
    .observer-banner nav a{width:100%}
}

@media(max-width:420px){
    .topbar .brand small{max-width:165px}
    .mobile-nav-toggle{min-width:44px;grid-template-columns:20px;padding:5px 10px!important}
    .mobile-nav-toggle>b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
    .resourcebar>.resource{flex-basis:104px}
    .category-grid,.building-overview-panel .category-grid,.research-overview-panel .category-grid,.defense-category-panel .defense-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .detail-meta,.ship-etou-data,.population-summary,.power-summary,.defense-summary{grid-template-columns:1fr!important}
    .hero-actions{grid-template-columns:1fr}
    .alliance-etoa-main{grid-template-columns:1fr}
    .alliance-etoa-image{width:100%;height:auto;aspect-ratio:16/9;border-right:0;border-bottom:1px solid rgba(235,241,255,.55)}
    .alliance-resourcebar-grid{grid-template-columns:1fr}
    .alliance-resourcebar-item:last-child{grid-column:auto}
    .ground-unit-card{grid-template-columns:58px minmax(0,1fr)}
    .ground-unit-card>img{width:56px;height:56px}
    .fleet-resource-row{grid-template-columns:22px minmax(0,1fr)!important}
    .fleet-resource-row input,.fleet-resource-row button{grid-column:2!important;width:100%}
}

/* 0.12.28: konkrete Chatangebote, auch per Touch bedienbar. */
.chat-trade-action,.chat-market-link{display:inline-block;vertical-align:baseline;margin:2px 3px;padding:3px 7px;border:1px solid currentColor;border-radius:4px;font:inherit;color:inherit;background:transparent;cursor:pointer;text-decoration:none}
.chat-trade-action:disabled{opacity:.55;cursor:default}
.chat-trade-action:focus-visible,.chat-market-link:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:800px){.chat-trade-action,.chat-market-link{min-height:40px;padding:8px}}

/* Spezialisten: kompaktes Arbeitsamt nach der EtoA-Tabellenstruktur. */
.etoa-specialists{display:grid;gap:14px;overflow:visible}
.etoa-specialists .specialist-info{border-radius:3px;padding:14px 16px}
.etoa-specialists .specialist-info p{margin:8px 0;color:#c2cee0;font-size:.8rem;line-height:1.6}
.specialist-summary{display:flex;gap:10px 26px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid #293e60;color:#95a9c7;font-size:.75rem}
.specialist-summary b{color:#e0eafa}
.specialist-table-box{min-width:0;border:1px solid #3b5278;border-radius:3px;background:#0a162a;overflow:hidden}
.specialist-table{width:100%;border-collapse:collapse;font-size:.76rem;color:#cfdaeb}
.specialist-table caption{caption-side:top;text-align:left;padding:10px 12px;background:linear-gradient(#203957,#142944);color:#f0f5ff;font-size:.88rem;font-weight:700;border-bottom:1px solid #425a80}
.specialist-table th,.specialist-table td{padding:10px 12px;border-right:1px solid #2b4264;border-bottom:1px solid #2b4264;vertical-align:middle;text-align:left}
.specialist-table th:last-child,.specialist-table td:last-child{border-right:0}
.specialist-table tbody tr:last-child>*{border-bottom:0}
.specialist-table thead th{position:static;background:#152943;color:#adc3e2;font-size:.71rem;letter-spacing:0;text-transform:none;white-space:nowrap;font-weight:700}
.specialist-table tbody th{background:#101f35;font-weight:400}
.specialist-table tbody tr:nth-child(even)>td{background:#0e1d33}
.specialist-table .specialist-current>*{background:#142f47!important}
.specialist-table .specialist-name{width:17%;min-width:150px;vertical-align:top;padding-top:14px}
.specialist-name strong{display:block;font-size:.87rem;color:#e0edff}
.specialist-table small{display:block;margin-top:5px;color:#90a4c3;font-size:.68rem;font-weight:400;line-height:1.45}
.specialist-name details{margin-top:8px;color:#a3b9d5;font-size:.7rem;line-height:1.5}
.specialist-name summary{cursor:pointer;color:#9ab9e5}
.specialist-name details p{margin:8px 0 0;font-weight:400}
.specialist-terms{white-space:nowrap}
.specialist-effects{min-width:175px;font-size:.74rem;line-height:1.6}
.specialist-effects span{display:block}
.specialist-stock{white-space:nowrap}
.specialist-prices{min-width:165px;font-variant-numeric:tabular-nums}
.specialist-prices>span{display:flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.65;font-size:.71rem}
.specialist-prices img{object-fit:contain;flex:0 0 16px}
.specialist-table button{border-radius:3px;min-height:30px;padding:5px 11px;font-size:.73rem;white-space:nowrap}
.specialist-table button:disabled{opacity:.45;cursor:not-allowed}
.specialist-hire{width:115px}
.specialist-hire form{margin:0}
.specialist-market-note,.specialist-lock{margin:0;padding:11px 13px;border-top:1px solid #2b4264;color:#97accb;font-size:.72rem;line-height:1.6}
.specialist-lock{color:#e9c782;background:#2c2517}
.specialist-contract{min-width:670px}
.specialist-market{min-width:940px}
.specialist-table .negative{color:#ef8d8d}
.specialist-table .positive{color:#89d8ab}
@media(max-width:800px){.etoa-specialists{gap:10px}.specialist-table th,.specialist-table td{padding:8px 9px}.specialist-summary{gap:7px 16px}.etoa-specialists .specialist-info{padding:11px 12px}.specialist-market{min-width:875px}}

/* 0.12.42: Grouped input values stay readable even with large resource stocks. */
input[data-game-number]{font-variant-numeric:tabular-nums;text-align:right;min-inline-size:var(--game-number-width,8ch)}

/* 0.12.47: Rassenporträts, Spielerprofil und ortsfeste Planetenpfeile. */
.sidebar-race-portrait{overflow:hidden;background:#101827;box-shadow:none}
.sidebar-race-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.sidebar-player-name{min-width:0;font-size:.76rem;font-weight:700;align-self:end;color:inherit;text-decoration:none;overflow-wrap:anywhere}
.sidebar-player-name:hover,.sidebar-player-name:focus-visible{text-decoration:underline;color:#c2d8ff}
.planet-console-coordinate{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 1.55rem 1.55rem;gap:.34rem}
.planet-console-coordinate>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planet-cycle-button.previous{grid-column:2}
.planet-cycle-button.next{grid-column:3}
#player-profile{scroll-margin-top:70px}
.stats-player-profile-summary{display:grid;grid-template-columns:minmax(170px,27%) minmax(0,1fr);gap:18px;padding:14px;align-items:start}
.stats-player-race-portrait{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid rgba(126,153,213,.3);border-radius:3px}
.stats-player-profile-summary>.table-scroll{min-width:0;margin:0}
.stats-player-profile-summary .stats-player-profile-table th{width:145px}
.stats-player-profile-summary .stats-player-profile-table td{overflow-wrap:anywhere}
.stats-player-profile-summary:not(:has(.stats-player-race-portrait)){grid-template-columns:minmax(0,1fr)}
.gender-choice{display:flex;flex-wrap:wrap;gap:12px 22px;min-width:0;margin:8px 0 18px;padding:12px;border:1px solid rgba(126,153,213,.35);border-radius:3px}
.gender-choice legend{padding:0 6px;font-weight:700}
.gender-choice label,.login-panel .gender-choice label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}
.gender-choice input[type=radio],.login-panel .gender-choice input[type=radio]{width:16px;height:16px;min-height:0;margin:0;box-shadow:none;accent-color:#75a3ff}
.race-grid .race-choice-portrait{display:block;width:100%;max-width:180px;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 10px;border-radius:3px}
.race-grid .choice-card>span{min-width:0}
@media(max-width:700px){
  .stats-player-profile-summary{grid-template-columns:minmax(0,1fr);gap:12px;padding:10px}
  .stats-player-race-portrait{max-width:220px;justify-self:center}
  .stats-player-profile-summary .stats-player-profile-table th{width:110px;white-space:normal}
  .stats-player-profile-summary .stats-player-profile-table th,.stats-player-profile-summary .stats-player-profile-table td{padding:6px}
}
.stats-player-profile-summary>.table-scroll{padding:0}

/* Schiffsbilder in der Flottenauswahl */
.fleet-ship-table > tbody > tr td:first-of-type img {
  height: 80px;
  width: 80px;
}

.fleet-ship-table > tbody > tr td:first-of-type {
  padding: 0;
  border-left: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  border-right: 0;
}

/* Kolonieaufgabe: eigene, klar abgegrenzte Aktion im Infobereich. */
.colony-abandonment{margin:24px 18px 18px;padding:20px;border:1px solid var(--line);border-radius:8px;background:rgba(10,17,28,.65)}
.colony-abandonment h3,.colony-abandonment h4{margin:0 0 12px}
.colony-abandonment p{max-width:80ch;line-height:1.55;margin:10px 0 16px}
.colony-abandonment li{margin:8px 0;line-height:1.5}
.colony-abandonment-confirm{padding:18px;margin-top:18px;background:rgba(151,52,48,.13);border:1px solid #87514f;border-radius:6px}
.colony-abandonment form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.colony-abandonment .danger{background:linear-gradient(#914b4b,#673332);border:1px solid #ba7771;color:#fff;padding:10px 16px}
@media(max-width:600px){.colony-abandonment{margin:16px 10px;padding:16px}.colony-abandonment form>*:not(input){width:100%;text-align:center}}

/* 0.12.55: Expeditionen und Signalabdeckung */
.science-panel{padding-bottom:20px}.science-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px}.science-toolbar small{flex-basis:100%;color:var(--muted,#91a4c0)}.science-intro,.science-empty{margin:16px 20px;max-width:880px;line-height:1.6;color:var(--muted,#91a4c0)}.science-detail{display:grid;grid-template-columns:minmax(160px,280px) 1fr;gap:28px;padding:24px;margin:8px 20px 20px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#101d34,#090f1c)}.science-object-image{width:100%;aspect-ratio:1;object-fit:contain;border-radius:9px}.science-detail h3{font-size:1.55rem;margin:8px 0}.science-detail p{line-height:1.6;color:var(--muted,#91a4c0)}.science-eyebrow{color:#75cfe0;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.science-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0}.science-facts>div{padding:12px;background:#0b1729;border:1px solid var(--line);border-radius:6px}.science-facts dt{font-size:.78rem;color:var(--muted,#91a4c0);margin-bottom:7px}.science-facts dd{margin:0;font-weight:700}.science-config{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:20px}.science-config label{display:flex;flex-direction:column;gap:8px}.science-config select{max-width:100%}.science-preview{margin:20px}.science-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:16px 20px}.science-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:9px;background:#0d1728;color:inherit;text-decoration:none;transition:border-color .15s,background .15s}.science-card:hover,.science-card:focus-visible{border-color:#62b7d3;background:#12243c}.science-card img{width:96px;height:96px;object-fit:contain;border-radius:6px}.science-card>div{display:flex;flex-direction:column;gap:7px}.science-card>div>span{font-size:.85rem}.science-knowledge,.science-active{display:grid;gap:9px;margin:16px 20px}.science-knowledge>a,.science-active>a{display:flex;align-items:center;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:15px;border:1px solid var(--line);border-radius:7px;color:inherit;text-decoration:none}.knowledge-box{margin:16px 0;padding:16px;border:1px solid #365673;border-radius:8px;background:#0b1c2b}.knowledge-box p{line-height:1.5}.knowledge-box .science-toolbar{padding:5px 0}:where(.galaxy-panel:not(.signals-hidden)) .sector-cell.signal-covered,:where(.galaxy-panel:not(.signals-hidden)) .whole-star-cell.signal-covered{box-shadow:inset 0 0 0 1px #48c3bd88;background-color:#1b555423}:where(.galaxy-panel:not(.signals-hidden)) .sector-cell.signal-outside,:where(.galaxy-panel:not(.signals-hidden)) .whole-star-cell.signal-outside{box-shadow:inset 0 0 0 1px #7b899523}.phenomenon-cell img{width:100%;height:100%;object-fit:contain}.empty-space-row{color:var(--muted,#91a4c0)}.empty-space-orbit{display:block;width:48px;height:48px;margin:auto;border:1px dashed #3b4c66;border-radius:50%;opacity:.6}.science-panel>.muted{margin:12px 20px}.science-panel>.blocking-message{margin:16px 20px}@media(max-width:650px){.science-detail{grid-template-columns:1fr;margin:8px 10px;gap:10px;padding:16px}.science-object-image{max-width:220px;justify-self:center}.science-config{display:grid;grid-template-columns:1fr;margin:16px}.science-cards{margin:12px;grid-template-columns:1fr}.science-card img{width:72px;height:72px}.science-toolbar{padding:14px}}

.science-config label{min-width:0}.science-config select{min-width:0;width:100%;text-overflow:ellipsis}.science-card>div{min-width:0}.science-eyebrow{overflow-wrap:anywhere}@media(max-width:650px){.science-config{grid-template-columns:minmax(0,1fr)}.science-config button{justify-self:start}}

/* 0.12.59: Verteidigungsaufträge und Serienangaben mit getrennten Werten. */
.blocking-message.defense-production{display:grid;gap:16px;margin:16px 0;padding:18px;border-color:rgba(101,219,137,.4);border-radius:6px}
.panel>.defense-production{margin:16px}
.defense-production-heading{min-width:0}
.defense-production-heading h3{margin:0 0 8px;font-size:1rem;line-height:1.4;color:#a0e6b7}
.defense-production-heading p{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin:0;line-height:1.5;color:var(--muted,#91a4c0)}
.defense-production-heading p b{color:var(--text,#e4ecfa);overflow-wrap:anywhere}
.defense-production-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;margin:0}
.defense-production-metrics>div{display:grid;align-content:start;gap:8px;min-width:0;padding:12px 14px;border:1px solid var(--line,#2d4665);border-radius:4px;background:rgba(7,15,26,.55)}
.defense-production-metrics dt,.worker-series-summary dt{font-size:.78rem;font-weight:400;line-height:1.4;color:var(--muted,#91a4c0)}
.defense-production-metrics dd,.worker-series-summary dd{margin:0;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--text,#e4ecfa)}
.defense-production-metrics dd{font-size:1rem}
.defense-production-metrics time{font:inherit;color:inherit}
.defense-production .defense-production-note{margin:0;line-height:1.5;color:var(--muted,#91a4c0)}
.worker-panel>.worker-series-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:16px;margin:0;padding:14px 16px;border-top:1px solid var(--line,#2d4665);background:rgba(7,15,26,.35)}
.worker-series-summary>div{display:grid;align-content:start;gap:6px;min-width:0}
.worker-series-summary dd{font-size:.92rem}
.worker-panel-defense>header{padding:12px 16px;flex-wrap:wrap;align-items:flex-start;line-height:1.5}
.worker-panel-defense>header>div{flex:1 1 240px;min-width:0;gap:6px}
.worker-panel-defense>header>span{white-space:nowrap}
.worker-panel-defense>.worker-stats{gap:8px;padding:12px 16px}
.worker-panel-defense>.worker-stats>div{padding:10px 12px;gap:6px;min-width:0;overflow-wrap:anywhere}
.worker-panel-defense>.worker-form{gap:12px;padding:16px}
.worker-panel-defense>.blocking-message{margin:12px 16px 16px;padding:12px 14px;line-height:1.5}
@media(max-width:600px){
  .blocking-message.defense-production{padding:14px;gap:12px}
  .panel>.defense-production{margin:12px}
  .worker-panel-defense>header,.worker-panel-defense>.worker-stats,.worker-panel-defense>.worker-form,.worker-panel>.worker-series-summary{padding:12px}
  .worker-panel-defense>.blocking-message{margin:12px}
  .worker-panel-defense>.worker-form label{width:100%;min-width:0}
  .worker-panel-defense>.worker-form input{min-width:0;width:100%;box-sizing:border-box}
}

/* 0.12.57: Signalrahmen liegen über vollflächigen Bildern. Die alten
   Wurmloch-Regeln können diese Ebene nicht mit box-shadow:none überstimmen. */
:where(.galaxy-panel:not(.signals-hidden)) .sector-cell.signal-covered::after,
:where(.galaxy-panel:not(.signals-hidden)) .whole-star-cell.signal-covered::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    border:1px solid #48c3bdb3;
    border-radius:inherit;
    pointer-events:none;
}

/* Original-Logo inklusive Slogan; keine zusätzliche Versions-/Textzeile. */
.starempire-logo{display:block;object-fit:contain;max-width:100%}
.topbar .brand{min-width:0;flex:0 0 auto;justify-content:center}
.topbar .brand .starempire-logo{width:auto;height:44px;max-width:none}
.login-logo .starempire-logo{width:320px;height:auto;max-width:100%}
.setup-header .login-logo .starempire-logo{width:250px}
@media(max-width:760px){.topbar .brand .starempire-logo{height:42px}}

/* Nutzt den vorhandenen sofortigen Hover-/Fokus-Tooltip, ausserhalb des Grids. */
.wormhole-tooltip{
    position:fixed;
    z-index:10000;
    box-sizing:border-box;
    width:290px;
    max-width:calc(100vw - 24px);
    overflow:auto;
    padding:16px 18px;
    border:1px solid #566c9a;
    border-top:2px solid #ab93e8;
    border-radius:10px;
    background:linear-gradient(145deg,#182239,#0a111f);
    box-shadow:0 12px 36px #0009;
    color:#edf3ff;
    font-size:12px;
    line-height:1.5;
}
.wormhole-tooltip[hidden]{display:none!important}
.wormhole-tooltip>strong{display:block;margin:0 0 14px;font-size:15px;color:#d7c8ff}
.wormhole-tooltip dl,.wormhole-tooltip dd{margin:0}
.wormhole-tooltip dt{font-size:11px;color:#98abc8}
.wormhole-tooltip-exit dd{margin-top:3px;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#a1e3ed}
.wormhole-tooltip-entry{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:13px;padding-top:10px;border-top:1px solid #35435c}
.wormhole-tooltip-entry dd{font-variant-numeric:tabular-nums;color:#c2cee1}
.wormhole-tooltip p{margin:12px 0 0;font-size:11px;color:#edc782}

/* 0.12.60: persönliche Kartendarstellung unterhalb beider Kartenansichten. */
.map-display-settings{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:0;padding:16px 20px;border-top:1px solid var(--line,#2d4665)}
.map-display-settings label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;padding:6px 0}
.map-display-settings input[type=checkbox]{width:18px;height:18px;min-width:18px;margin:0;accent-color:#48c3bd}
.map-display-settings [role=status]{min-height:1.4em}

.map-display-settings button[hidden]{display:none}

/* 0.12.61: Anomalien als Kartenziele, gleiche Aktionen wie im Sternsystem. */
.anomaly-image-trigger{display:block;position:relative;outline-offset:4px}
.phenomenon-cell>.anomaly-image-trigger{width:100%;height:100%}
.anomaly-image-trigger:focus-visible{outline:2px solid #a8d7ff}
.anomaly-system-panel>.blocking-message{margin:18px 20px}
.anomaly-system-hero{padding:20px;gap:20px;flex-wrap:wrap}
.anomaly-system-hero>.anomaly-image-trigger{flex:0 0 118px}
.anomaly-system-hero>.anomaly-image-trigger img{border-radius:8px;border:1px solid var(--line);object-fit:contain;background:#030711}
.anomaly-system-hero>.anomaly-heading{flex:1 1 170px;min-width:0}
.anomaly-system-hero>.anomaly-action-bar{display:flex;flex:0 0 auto;gap:10px;padding:8px 0}
.anomaly-action-bar .system-action-icon{width:38px;height:38px}
.anomaly-system-hero .system-action-icon img,.anomaly-action-bar .system-action-icon img{width:23px;height:23px;border:0;border-radius:0;object-fit:contain}
.anomaly-system-hero .system-action-icon:disabled{opacity:.45;cursor:not-allowed}
.anomaly-tooltip dd{margin-top:4px;font-size:15px;font-weight:700;color:#a1e3ed}
.anomaly-tooltip>strong{line-height:1.4;margin-bottom:12px}
.anomaly-tooltip p{color:#b9c8de}
.anomaly-flight-table{margin:0 20px}
.anomaly-flight-table .system-table td:last-child{min-width:0}
.anomaly-analysis-report{max-width:850px;line-height:1.7}
.anomaly-analysis-report p+p{margin-top:18px}
.anomaly-flight-config select{min-width:0}
@media(max-width:600px){.anomaly-system-hero{padding:16px;gap:14px}.anomaly-system-hero>.anomaly-image-trigger{flex-basis:88px}.anomaly-system-hero>.anomaly-image-trigger img{width:88px;height:88px}.anomaly-system-hero>.anomaly-action-bar{margin-left:auto}.anomaly-flight-config{margin:16px}.anomaly-flight-table{margin:0 16px}}

/* 0.12.63: Schwarzer Bildhintergrund, unveränderte Bildgrössen und Signalrahmen. */
.galaxy-panel .sector-cell:not(.unknown),
.galaxy-panel .whole-star-cell,
.galaxy-panel .whole-wormhole-cell{background:#000!important}