: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;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#000 url('images/ui/space-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/space-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}}