main { max-width: 1800px; padding-left: 2vw; padding-right: 2vw; }
.game-layout { grid-template-columns: 205px minmax(0, 1fr) 265px; gap: 16px; align-items: start; }
.game-content { min-width: 0; }
#gameNav { max-height: calc(100vh - 110px); overflow-y: auto; position: sticky; top: 94px; }
#gameNav button { padding: 10px 12px; font-size: 13px; }
.commander-sidebar { position: sticky; top: 94px; display: grid; gap: 10px; }
.side-commander,.side-block { border: 1px solid #286087; background: linear-gradient(145deg,#08182ee8,#040b17e8); padding: 14px; border-radius: 8px; box-shadow: 0 18px 45px #0008; }
.side-commander { text-align: center; }
.side-avatar { width: 82px; height: 82px; border: 2px solid #47e4ff; border-radius: 50%; margin: 0 auto 9px; background: linear-gradient(145deg,#173b5d,#050b14) center/cover; display: grid; place-items: center; color: #47e4ff; font-size: 30px; font-weight: 900; }
.side-title { color: #6e91af; font-size: 9px; letter-spacing: 2px; margin-bottom: 9px; }
.side-row { display: flex; justify-content: space-between; gap: 8px; padding: 5px 0; border-bottom: 1px solid #1d3851; color: #8ba5be; font-size: 11px; }
.side-row b { color: #eef9ff; text-align: right; }
.side-friend { display: flex; align-items: center; gap: 8px; padding: 7px 0; }
.side-friend button { border: 0; background: none; color: #dff8ff; cursor: pointer; padding: 0; text-align: left; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #52667a; box-shadow: 0 0 8px #52667a; flex: none; }
.status-dot.online { background: #57e7a6; box-shadow: 0 0 10px #57e7a6; }
.friend-form { max-width: 600px; display: grid; grid-template-columns: 1fr 220px; gap: 12px; align-items: end; }
.friend-form label { margin: 0; }
.friend-list { display: grid; gap: 10px; margin-top: 15px; }
.friend-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; }
.friend-avatar { width: 52px; height: 52px; border-radius: 50%; border: 1px solid #47e4ff; background: #10243b center/cover; display: grid; place-items: center; }
.friend-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.ranking-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.rank-number { color: #ffc85b; font-weight: 900; }
.development-card { min-height: 420px; text-align: center; overflow: hidden; }
.hangar-silhouette { height: 260px; margin: -25px -25px 20px; background: linear-gradient(0deg,#07152b 0%,transparent 60%),radial-gradient(ellipse at 50% 90%,#3bdcff55,transparent 50%),url('/assets/dark-horizon-hero.png') center/cover; filter: saturate(.7); }
.gold-value { color: #ffd65e!important; text-shadow: 0 0 12px #ffc40055; }
@media(max-width:1250px){.game-layout{grid-template-columns:190px minmax(0,1fr)}.commander-sidebar{position:static;grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.game-layout{grid-template-columns:1fr}.commander-sidebar{grid-template-columns:1fr 1fr}.ranking-grid{grid-template-columns:1fr}#gameNav{position:static;max-height:none}.friend-form{grid-template-columns:1fr}}
.forum-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.forum-category-grid small,.forum-topic-row small,.forum-post small{display:block;color:#7692aa;margin-top:6px}.forum-topic-row{display:flex;justify-content:space-between;gap:15px;margin:9px 0;cursor:pointer}.forum-topic-row:hover{border-color:#48dff8}.forum-post{margin:12px 0}.forum-post p{white-space:normal;line-height:1.65}.forum-form{margin-bottom:18px}#timeFactorForm{display:flex;align-items:end;gap:12px;flex-wrap:wrap}#timeFactorForm label{min-width:180px}@media(max-width:900px){.forum-category-grid{grid-template-columns:1fr}}
.trade-offer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0}.trade-form{margin-bottom:18px}.unit-count{display:inline-block;margin:6px 18px 6px 0}.battle-report{margin:10px 0}.battle-report small{color:#8ba6bd}.building form{display:flex;gap:8px;margin-top:12px}.building form input{max-width:90px}
@media(max-width:560px){.commander-sidebar{grid-template-columns:1fr}.friend-card{grid-template-columns:auto 1fr}.friend-actions{grid-column:1/-1}}