* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  overflow: hidden;
  font-family: 'Segoe UI', system-ui, sans-serif;
  background: #1b2735;
  color: #e6edf3;
}

#gameCanvas { display: block; cursor: crosshair; }

#topBar {
  position: fixed; top: 0; left: 0; right: 0; height: 48px;
  display: flex; align-items: center; gap: 24px; padding: 0 20px;
  background: rgba(15, 23, 33, 0.92); border-bottom: 1px solid #2b3a4d;
}
#topBar .logo { font-weight: 800; letter-spacing: 0.5px; color: #4fc3f7; }
#topBar b { color: #a5d6a7; }

#leftMenu {
  position: fixed; top: 64px; left: 12px; width: 180px;
  display: flex; flex-direction: column; gap: 6px; padding: 12px;
  background: rgba(15, 23, 33, 0.92); border: 1px solid #2b3a4d; border-radius: 10px;
}
#leftMenu .menu-title { font-size: 12px; text-transform: uppercase; color: #7f93a8; margin-bottom: 4px; }
#leftMenu button {
  text-align: left; padding: 8px 10px; border: 1px solid #314357; border-radius: 6px;
  background: #1f2d3d; color: #e6edf3; cursor: pointer; font-size: 14px;
}
#leftMenu button:hover { background: #27384b; }
#leftMenu button.active { background: #0d47a1; border-color: #1565c0; }

#news {
  position: fixed; bottom: 12px; left: 12px; width: 320px; max-height: 160px;
  overflow: hidden; padding: 10px; font-size: 12px; line-height: 1.5;
  background: rgba(15, 23, 33, 0.88); border: 1px solid #2b3a4d; border-radius: 10px;
  color: #b8c7d6;
}

#loginOverlay {
  position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(10, 16, 23, 0.96); z-index: 10;
}
.login-box {
  width: 320px; padding: 28px; border-radius: 14px;
  background: #14202e; border: 1px solid #2b3a4d; text-align: center;
}
.login-box h1 { color: #4fc3f7; margin-bottom: 18px; }
.login-box input {
  width: 100%; padding: 10px 12px; margin-bottom: 10px; border-radius: 6px;
  border: 1px solid #314357; background: #0e1822; color: #e6edf3; font-size: 14px;
}
.login-actions { display: flex; gap: 8px; }
.login-box button {
  flex: 1; padding: 10px; border: none; border-radius: 6px; cursor: pointer;
  background: #1565c0; color: #fff; font-weight: 600;
}
.login-box button.secondary { background: #37474f; }
.login-box .hint { margin-top: 14px; font-size: 11px; color: #6b7d90; }